@charset "UTF-8";
  body {
      background-color: #f1f1f1;
      margin: 0;
      padding: 0;
      -webkit-font-smoothing: antialiased;
      -webkit-overflow-scrolling: touch
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 700;
      font-size: 14px;
      color: #444;
      margin: 0;
      padding: 0
  }
  img {
      border: none
  }
  #_d {
      z-index: 99999
  }
  .ie8 .appuro-signup-mid.social-login.signow button span {
      background: #000;
      background-color: #000;
      color: #000
  }
  .notransition {
      -webkit-transition: none!important;
      -moz-transition: none!important;
      -o-transition: none!important;
      -ms-transition: none!important;
      transition: none!important
  }
  ::-webkit-input-placeholder {
      color: #bbb;
      font-weight: 700
  }
  :-moz-placeholder {
      color: #bbb;
      opacity: 1
  }
  ::-moz-placeholder {
      color: #bbb;
      opacity: 1
  }
  :-ms-input-placeholder {
      color: #bbb
  }
  select:focus {
      outline: none!important;
      border: 1px solid #56b4ef!important
  }
  address {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 16px;
      color: #444
  }
  .top-menu {
      background: #fff;
      background: rgba(255, 255, 255, 0.97)
  }
  body.dark.mobile .site-home-slide,
  body.dark.mobile .site-content-center {
      border-color: #ececec #ddd #ccc
  }
  body.dark,
  body.dark .site-home-slide {
      background: #212124
  }
  body.dark .top-menu {
      background: #333;
      background: rgba(0, 0, 0, 0.8)
  }
  body.dark .site-home-slide,
  body.dark .site-content-center {
      border-color: #212124
  }
  body.dark .container-header hr {
      background: #000;
      background: rgba(0, 0, 0, 1.0)
  }
  body.dark .site-footer-bottom {
      border-bottom: #333535 1px solid;
      border-top: #333435 1px solid;
      background-color: #212124
  }
  body.dark .site-footer-copy {
      background-color: #212124
  }
  body.dark .site-shadow {
      border-top: 1px solid #212124
  }
  body.dark.mobile .site-shadow {
      border-top: 1px solid white
  }
  body.dark .site-footer-social li a {
      background: #212124
  }
  body.dark .slidepanel .slider-h2 {
      color: white
  }
  body.dark .site-footer-copy .btn {
      border: 1px solid #212124;
      background: #212124
  }
  .picker-dialog-bg {
      z-index: 3
  }
  [contenteditable][placeholder]:empty:before {
      content: attr(placeholder);
      color: #bababa
  }
  .selector {
      float: right;
      height: 30px;
      margin-left: 10px;
      position: relative
  }
  .selector .combo {
      position: relative;
      bottom: 1px;
      vertical-align: middle;
      margin-left: 6px;
      min-width: 13px;
      border-left: 1px solid #ccc;
      padding-left: 5px;
      color: #444
  }
  .bdropdown {
      font-weight: 400!important;
      padding: 5px!important
  }
  .selector .listbox {
      overflow: horizontal;
      max-height: 200px;
      position: absolute;
      z-index: 300;
      top: 0;
      background: white;
      background: rgba(255, 255, 255, 0.98);
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      border-radius: 4px;
      border: 1px solid rgba(100, 100, 100, .4);
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      padding: 6px 0;
      width: auto;
      height: auto
  }
  .listbox>div:first-of-type {
      font-weight: 400
  }
  .selector li,
  .store-prod .selector li {
      position: relative;
      font-size: 13px;
      color: #333;
      cursor: pointer;
      list-style: none;
      margin: 0;
      padding: 7px 20px;
      white-space: nowrap;
      line-height: normal
  }
  .selector li:hover,
  .store-prod .selector li:hover {
      background: #ededed
  }
  .selector .selicon {
      width: 13px;
      height: 13px;
      line-height: 13px;
      margin-right: 6px;
      top: 1px;
      position: relative;
      display: inline-block
  }
  .accsetl {
      display: inline-block;
      width: 250px;
      padding-right: 10px;
      vertical-align: top
  }
  .accsetr {
      display: inline-block;
      width: 584px
  }
  .spil {
      display: block;
      border-radius: 3px
  }
  .spil:hover {
      background: #f8f8f8
  }
  .spil .spi {
      border-radius: 3px 0 0 3px;
      padding: 5px;
      font-size: 13px;
      text-shadow: 0 1px 0 #fff;
      vertical-align: top;
      background-color: #EEE;
      border: 1px solid #ccc;
      display: inline-block;
      margin-right: -1px
  }
  .spil .spi img {
      vertical-align: top
  }
  .spil .spl {
      width: 217px;
      font-size: 14px;
      border: 1px solid #ccc;
      height: 52px;
      padding: 17px 35px 17px 10px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      position: relative;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      vertical-align: top
  }
  .spil button {
      position: absolute;
      right: 10px;
      top: 14px;
      font-size: 12px;
      padding: 4px
  }
  .spinning {
      -webkit-animation: spin 1s linear infinite;
      -moz-animation: spin 1s linear infinite;
      -ms-animation: spin 1s linear infinite;
      -o-animation: spin 1s linear infinite;
      animation: spin 1s linear infinite
  }
  @keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  @-moz-keyframes spin {
      100% {
          -moz-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  @-webkit-keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  @-ms-keyframes spin {
      100% {
          -ms-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  @-o-keyframes spin {
      100% {
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  .clearfix:after {
      clear: both;
      content: ".";
      display: block;
      font-size: 0;
      height: 0;
      line-height: 0;
      visibility: hidden
  }
  .clearfix {
      zoom: 1
  }
  .pointer {
      position: absolute;
      left: 146px;
      margin-left: 10px;
      bottom: 8px;
      -webkit-transition: left .5s;
      -moz-transition: left .5s;
      -o-transition: left .5s;
      -ms-transition: left .5s;
      transition: left .5s
  }
  .pointer div:first-child {
      height: 0;
      width: 0;
      position: absolute;
      border-bottom: 8px solid #ccc;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent
  }
  .pointer div:last-child {
      height: 0;
      width: 0;
      position: absolute;
      top: 1px;
      border-bottom: 8px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent
  }
  .more-hover:after {
      content: '›';
      font-size: larger;
      font-weight: 400;
      left: 3px;
      line-height: 1;
      position: relative;
      top: 1px;
      -webkit-transition: left 190ms ease-out;
      -moz-transition: left 190ms ease-out;
      -o-transition: left 190ms ease-out;
      -ms-transition: left 190ms ease-out;
      transition: left 190ms ease-out
  }
  .more-hover:hover:after {
      content: '›';
      font-size: larger;
      font-weight: 400;
      left: 8px
  }
  .wmd-button-row {
      height: 21px;
      margin: 5px
  }
  .ui-helper-hidden-accessible {
      display: none
  }
  .wmd-button>span {
      background-image: url(../images/1447437074wmd-buttons.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      width: 20px;
      height: 20px;
      display: inline-block
  }
  .wmd-button {
      position: absolute
  }
  .wmd-prompt-dialog {
      background: #f5f5f5;
      background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
      background: -webkit-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -moz-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -o-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -ms-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: linear-gradient(top, #f5f5f5, #e8e8e8);
      text-align: center;
      -webkit-box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      border-radius: 5px;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400
  }
  span,
  a {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400
  }
  button {
      margin: 0;
      border: 0
  }
  label {
      display: block;
      margin-bottom: 5px;
      color: #252525;
      cursor: pointer
  }
  form {
      font-size: 12px;
      margin-bottom: 0
  }
  ul {
      list-style-type: none;
      margin: 0;
      padding: 0
  }
  .nomargin p {
      margin: 0
  }
  .nomargin a {
      text-align: left;
      font-size: 12px;
      color: #258aaf;
      line-height: 12px;
      text-decoration: none
  }
  .nomargin a:hover {
      color: #33B5E5;
      text-decoration: none
  }
  .dft {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      color: #252525
  }
  .dft h1 {
      font-size: 22px
  }
  .dft h2 {
      font-size: 16px
  }
  .dft ul {
      list-style-type: disc;
      padding-left: 2em;
      margin-left: 0
  }
  .dft p {
      margin-bottom: 30px
  }
  .dft a {
      color: #09b;
      text-decoration: none;
      cursor: pointer
  }
  .dft a:hover {
      text-decoration: none
  }
  .dft .no-margin {
      margin: 0
  }
  .beforeul {
      margin-left: 26px
  }
  .margin-bot {
      margin-bottom: 20px
  }
  .mainsprites {
      background-image: url('../images/1447437074logossprite.png');
      background-repeat: no-repeat;
      -webkit-background-size: 130px 94px;
      -moz-background-size: 130px 94px;
      background-size: 130px 94px
  }
  .line {
      border-bottom: 1px solid #ddd;
      height: 1px;
      width: 100%;
      margin: 20px 0 0
  }
  .linebottom {
      margin-top: 0;
      margin-bottom: 20px
  }
  .inputone {
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      width: 100%;
      padding: 4px;
      margin: 0;
      background-color: white;
      border: 1px solid #ccc;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  .unselectable {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default
  }
  .selectable {
      -webkit-user-select: -moz-text;
      -moz-user-select: -moz-text;
      -ms-user-select: -moz-text;
      user-select: text
  }
  input:focus,
  textarea:focus {
      outline: 0;
      color: #252525;
      border-color: #56b4ef
  }
  .container-header {
      height: 49px;
      position: fixed;
      width: 100%;
      z-index: 999
  }
  .container-header hr {
      display: block;
      position: absolute;
      z-index: 11;
      border: none;
      height: 1px;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: 0;
      background: rgba(0, 0, 0, 0.1)
  }
  .ch-logo {
      position: absolute;
      width: 24px;
      height: 24px;
      cursor: pointer;
      margin: -12px 0 0 -12px;
      left: 50%;
      right: 50%;
      top: 50%
  }
  .mmimg {
      cursor: pointer;
      background-image: url(../images/1447437074menu.png);
      background-repeat: no-repeat;
      -webkit-background-size: 44px 16px;
      -moz-background-size: 44px 16px;
      background-size: 44px 16px;
      vertical-align: top
  }
  .mmimgpos {
      position: absolute;
      top: 0;
      background-position: -22px 13px
  }
  .mmimgpos:active {
      background-position: 0 13px
  }
  .mma {
      margin-left: 10px;
      display: inline-block;
      height: 41px;
      width: 22px
  }
  .header-logo {
      height: 24px;
      width: 24px
  }
  .container {
      top: 37px;
      height: auto;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 3;
      -webkit-transition: left .2s ease-in-out, -webkit-transform .2s ease-in-out;
      -moz-transition: left .2s ease-in-out, -moz-transform .2s ease-in-out;
      -o-transition: left .2s ease-in-out, -o-transform .2s ease-in-out;
      -ms-transition: left .2s ease-in-out, -ms-transform .2s ease-in-out;
      transition: left .2s ease-in-out, transform .2s ease-in-out
  }
  .topbottom {
      width: 100%;
      height: 200px;
      background: url('../images/1447437074topbottom.jpg') repeat-x
  }
  .container.left {
      left: 240px
  }
  .container.left.semi {
      left: 50px
  }
  .Rmenu-animating .container-right,
  .Rmenu-visible .container-right {
      display: block
  }
  .Rmenu-animating .container {
      transition: transform .25s ease-in-out;
      -webkit-transition: -webkit-transform .25s ease-in-out
  }
  .Rmenu-animating.Rleft .container {
      transform: translate3d(-240px, 0, 0);
      -webkit-transform: translate3d(-240px, 0, 0)
  }
  .Rmenu-animating.Rright .container {
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0)
  }
  .Rmenu-visible .container {
      -webkit-transform: translate3d(-240px, 0, 0)
  }
  body.mobile {
      background-color: white;
      background: inherit
  }
  body.mobile .container>div {
      background-color: white
  }
  .container-right {
      display: none;
      z-index: 1;
      width: 240px;
      top: 37px;
      right: 0;
      position: fixed;
      background-color: #ddd;
      bottom: 0;
      -ms-overflow-x: hidden;
      overflow-x: hidden
  }
  .container-left {
      width: 0;
      top: 37px;
      left: 0;
      bottom: 0;
      position: fixed;
      background-color: #ddd;
      z-index: 4;
      -ms-overflow-x: hidden;
      overflow-x: hidden;
      -webkit-transition: .2s width ease-in-out;
      -moz-transition: .2s width ease-in-out;
      -o-transition: .2s width ease-in-out;
      -ms-transition: .2s width ease-in-out;
      transition: .2s width ease-in-out
  }
  .container-left.open {
      width: 240px
  }
  .container-left.semi.open {
      width: 50px
  }
  .container-left.semi .semiclose {
      width: 50px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }
  .left-header {
      white-space: nowrap;
      background: #fff;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(#fff, 0), color-stop(#f1f1f1, 1));
      background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%);
      background: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%);
      background: -o-linear-gradient(top, #fff 0, #f1f1f1 100%);
      background: -ms-linear-gradient(top, #fff 0, #f1f1f1 100%);
      background: linear-gradient(top, #fff 0, #f1f1f1 100%);
      font-size: 11px;
      font-weight: bold;
      text-shadow: none;
      text-rendering: optimizelegibility;
      text-transform: uppercase;
      height: 22px;
      padding: 0 0 0 10px;
      margin-top: 0;
      border-top: 1px solid #FFF;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      line-height: 22px;
      width: auto
  }
  .left-header {
      color: #999
  }
  .Vshadow {
      content: '';
      position: absolute;
      -webkit-box-shadow: inset -5px 0 5px -5px rgba(0, 0, 0, 0.3);
      box-shadow: inset -5px 0 5px -5px rgba(0, 0, 0, 0.3);
      height: 100%;
      width: 10px;
      right: 0;
      pointer-events: none
  }
  .left-list a {
      display: block;
      background-color: #ddd;
      height: 31px;
      padding: 10px;
      margin: 0;
      cursor: pointer
  }
  .left-list a.active {
      background: #09d
  }
  .left-list a.active .left-name,
  .left-list a.active .icons {
      color: white
  }
  .left-list li {
      position: relative
  }
  .left-image {
      position: absolute;
      height: 30px;
      cursor: pointer;
      overflow: hidden;
      border-radius: 4px
  }
  .left-image span {
      padding: 5px;
      font-size: 20px;
      color: #666
  }
  .upgT {
      margin-top: 8px
  }
  .left-image img {
      width: 30px;
      height: 30px
  }
  .left-name {
      position: absolute;
      white-space: nowrap;
      color: #444;
      font-size: 14px;
      top: 17px;
      left: 50px;
      right: 8px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis
  }
  .left-description {
      position: absolute;
      white-space: nowrap;
      color: #999;
      font-size: 11px;
      top: 35px;
      left: 65px;
      right: 8px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis
  }
  .left-image-new {
      position: absolute;
      width: 45px;
      height: 45px;
      cursor: pointer;
      overflow: hidden
  }
  .left-more {
      position: absolute;
      white-space: nowrap;
      color: #999;
      text-shadow: 0 1px 1px white;
      font-size: 16px;
      top: 3px;
      margin-left: 200px;
      -webkit-transition: -webkit-transform .3s linear;
      -moz-transition: -moz-transform .3s linear;
      -o-transition: -o-transform .3s linear;
      -ms-transition: -ms-transform .3s linear;
      transition: transform .3s linear;
      -webkit-transform-origin: 11px 9px;
      -moz-transform-origin: 11px 9px;
      -o-transform-origin: 11px 9px;
      -ms-transform-origin: 11px 9px;
      transform-origin: 11px 9px;
      cursor: pointer
  }
  .hidden {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0
  }
  .left-more img {
      width: 22px;
      height: 18px
  }
  .left-more-open {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
      -webkit-transition: transform .3s linear;
      -moz-transition: transform .3s linear;
      -o-transition: transform .3s linear;
      -ms-transition: transform .3s linear;
      transition: transform .3s linear
  }
  .left-more-open.rotdown {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  .container-body {
      max-width: 1048px;
      margin: 0 auto;
      height: auto
  }
  .container-top {
      width: 100%;
      height: 68px;
      margin: auto auto;
      position: absolute;
      z-index: 10000
  }
  .container-top-signin {
      position: relative;
      top: 10px;
      height: 48px;
      width: 100%;
      margin: auto
  }
  .logo-login {
      display: inline-block;
      background-position: 0 -52px;
      margin-top: 7px;
      height: 42px;
      width: 130px
  }
  .placeholding-input {
      position: relative;
      overflow: visible
  }
  .placeholding-input .placeholder {
      position: absolute;
      top: 1px;
      right: 1px;
      bottom: 1px;
      left: 2px;
      z-index: 1;
      height: 20px;
      padding: 4px;
      font-size: 13px;
      line-height: 20px;
      color: #999;
      white-space: nowrap;
      cursor: text;
      -webkit-transition: opacity .1s, font-size .1s;
      -moz-transition: opacity .1s, font-size .1s;
      -o-transition: opacity .1s, font-size .1s;
      -ms-transition: opacity .1s, font-size .1s;
      transition: opacity .1s, font-size .1s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  .text-input:focus {
      border: 1px solid #56b4ef;
      outline: none
  }
  .text-input {
      height: 30px;
      font-size: 13px;
      color: #222
  }
  .container-top-signin .submit {
      position: relative;
      top: 0;
      height: 30px;
      -webkit-box-shadow: 0 1px 0 white;
      box-shadow: 0 1px 0 white
  }
  .container-remember,
  .container-forgot {
      width: auto;
      height: 14px;
      margin: 0
  }
  .signin .remember input[type="checkbox"] {
      margin: 0;
      height: 13px;
      vertical-align: text-top
  }
  input[type="checkbox"] {
      vertical-align: text-top;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      line-height: normal;
      border: none;
      background-color: transparent;
      cursor: pointer
  }
  input[type="file"]::-webkit-file-upload-button {
      cursor: pointer
  }
  .signin .remember,
  .signin .forgot {
      text-align: left;
      font-size: 11px;
      color: #999;
      line-height: 10px;
      text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
      text-decoration: none
  }
  .signin .forgot:hover,
  .signin .forgot:active {
      text-decoration: underline
  }
  .lg-recoms {
      background: #000;
      margin: 0;
      overflow: hidden;
      position: relative;
      height: 580px
  }
  .lg-recom-dft .lg-recom {
      bottom: 0;
      left: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: opacity .9s ease-in-out;
      -moz-transition: opacity .9s ease-in-out;
      -o-transition: opacity .9s ease-in-out;
      -ms-transition: opacity .9s ease-in-out;
      transition: opacity .9s ease-in-out;
      -webkit-backface-visibility: hidden;
      z-index: 2
  }
  .lg-recom-dft .lg-recom-active {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      position: relative;
      z-index: 3
  }
  .lg-recom {
      -webkit-box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, .06);
      box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, .06);
      line-height: 0;
      height: 580px;
      background-color: #000
  }
  .lg-recom div:first-child {
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      overflow: hidden
  }
  .appuro-signup {
      margin-top: 25px
  }
  .appuro-signup-mid {
      height: auto
  }
  .joinlogin {
      padding: 20px 0;
      font-size: 0
  }
  .form-login {
      width: 338px;
      vertical-align: top;
      display: inline-block;
      font-size: 0
  }
  .form-signup input {
      margin-bottom: 20px
  }
  .social-login {
      height: auto;
      width: 141px;
      display: inline-block;
      border-left: 1px solid #bfbfbf
  }
  .social-login h2 {
      padding-left: 20px;
      font-size: 11px
  }
  .social-login ul {
      white-space: nowrap;
      position: relative;
      list-style: none;
      margin: 0 0 10px 20px;
      padding: 10px 0 0 0
  }
  .social-login ul li {
      display: block;
      margin-bottom: 5px
  }
  .social-login ul li a {
      display: block
  }
  .social-login ul li a button {
      position: relative;
      font-size: 14px;
      text-align: left;
      padding: 0 6px;
      height: 42px;
      width: 100%
  }
  .social-login ul li a button span {
      position: absolute;
      top: 11px
  }
  .social-login ul li a button span:first-child {
      position: static;
      font-size: 24px;
      margin-right: 5px;
      vertical-align: middle
  }
  .signow {
      font-size: 0;
      width: 100%;
      border-left: none
  }
  .btn-signup {
      min-width: 158px;
      height: 42px;
      margin-bottom: 10px
  }
  .btn-signup span {
      font-size: 1.4em
  }
  .signow ul {
      margin: 0 0 10px 0;
      padding-left: 0;
      padding-bottom: 10px
  }
  .signow ul li {
      vertical-align: top;
      display: inline-block;
      width: 106px;
      margin-right: 5px
  }
  .signow ul li:last-child {
      margin-right: 0
  }
  .signow ul li a button {
      padding: 0 4px
  }
  .acceptterms {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 13px;
      line-height: 22px;
      color: #d8d8d8;
      text-align: left
  }
  .acceptterms .links {
      color: #258aaf;
      text-decoration: none
  }
  .acceptterms .links:hover {
      color: #33B5E5;
      text-decoration: none
  }
  .lg-center {
      left: 0;
      max-width: 1048px;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      margin: 100px auto 0;
      z-index: 1000
  }
  .lg-center .lg-left {
      float: left;
      width: 45%;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #fff;
      padding-right: 5%;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility
  }
  .lg-center .lg-right {
      float: right;
      width: 50%;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #fff;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
      transition: height .3s
  }
  .welcome {
      margin: 10px 0;
      color: #fff;
      text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
      font-weight: 700;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
      text-align: center;
      font-size: 42px;
      line-height: 46px
  }
  .welcomesubtitle {
      font-size: 18px;
      line-height: 20px
  }
  .welcomesubsubtitle {
      color: #000;
      font-size: 10px;
      line-height: 12px;
      text-shadow: 0 0 50px rgba(255, 255, 255, 0.5)
  }
  .signup-h3 {
      margin: 20px 0 5px 0;
      font-size: 16px;
      font-weight: normal;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
      color: #EEE;
      text-shadow: 0 0 50px rgba(0, 0, 0, 0.5)
  }
  .signup-name {
      width: 100%;
      height: 40px
  }
  .signup-first {
      float: left;
      margin-left: 30px;
      margin-right: 10px;
      width: 165px
  }
  .signup-last {
      float: left;
      margin-left: 10px;
      width: 165px
  }
  .signup-e {
      width: 100%;
      height: 40px
  }
  .signup-email {
      float: left;
      width: 420px
  }
  .signup-password {
      width: 100%;
      height: 40px
  }
  .signup-pass {
      float: left;
      margin-left: 30px;
      width: 370px
  }
  .signup-accept {
      margin: 0 30px 10px 30px;
      font-size: 9px;
      font-weight: normal;
      text-rendering: optimizelegibility;
      color: #474531;
      text-shadow: 0 1px rgba(255, 255, 255, 0.5)
  }
  .signup-submit {
      margin: 0 0 30px 0
  }
  .checkkey-submit {
      display: inline-block;
      width: auto;
      margin: 0 0 30px 0
  }
  .askkey-submit {
      float: right;
      width: auto;
      margin: 0 0 30px 0
  }
  .footer {
      border-top: 1px #E5E5E5 solid;
      border-bottom: 1px #E5E5E5 solid;
      -webkit-box-shadow: 0 1px 1px #fff;
      box-shadow: 0 1px 1px #fff;
      width: 1048px;
      margin: 80px auto 0 auto;
      text-align: center;
      padding: 2px
  }
  .footer-login {
      position: relative;
      margin: auto;
      width: 100%;
      text-align: center;
      border-top: 1px solid #700;
      background: #f8f8f8
  }
  .footer-login-bottom {
      width: 100%;
      border-top: 1px solid #fff
  }
  .footer-login ul li {
      padding: 0 5px;
      display: inline-block;
      position: relative
  }
  .language {
      position: absolute;
      background: #fff;
      background: rgba(255, 255, 255, 0.98);
      bottom: 27px;
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      border-radius: 4px;
      border: 1px solid rgba(100, 100, 100, .4);
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      padding: 10px 0;
      z-index: 3
  }
  .language .lang-list {
      border: 0;
      position: relative;
      width: 150px;
      text-align: left;
      text-decoration: none;
      padding-right: 2px
  }
  .language .lang-list li {
      list-style: none;
      padding: 0 1px;
      width: 100%
  }
  .langitems {
      color: #222;
      display: block;
      height: 20px;
      line-height: 20px;
      overflow: hidden;
      padding: 0 22px;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 13px;
      text-decoration: none
  }
  .language a:hover {
      background: #258aaf;
      color: #fff;
      text-decoration: none
  }
  .bico {
      border-top: 10px solid #fff;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      position: absolute;
      bottom: -10px;
      margin-top: -1px;
      left: 12px
  }
  .bshadow {
      border-top: 11px solid #c5c5c5;
      border-right: 11px solid transparent;
      bottom: -11px
  }
  .bfix {
      top: 41px
  }
  .bicoinv {
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      z-index: 1;
      top: -9px;
      left: 7px
  }
  .bshadowinv {
      border-bottom: 10px solid #c5c5c5;
      top: -10px
  }
  .footer-login .links,
  .footer-login .madeby,
  .foolang .links {
      text-align: left;
      font-size: 13px;
      color: #444;
      line-height: 28px;
      text-decoration: none
  }
  .footer-login .madeby {
      color: #fff;
      color: rgba(255, 255, 255, 1)
  }
  .footer-login .links:hover,
  .footer-login .links:active {
      color: #AF2525;
      text-decoration: none
  }
  .footer-login ul li:last-child .links:hover,
  .footer-loginul ul li:last-child .links:active {
      text-decoration: none;
      color: #444
  }
  .left-list-profile {
      height: 66px;
      -webkit-transition: height .3s linear;
      -moz-transition: height .3s linear;
      -o-transition: height .3s linear;
      -ms-transition: height .3s linear;
      transition: height .3s linear
  }
  .left-list a.disabled span {
      color: #979797
  }
  .left-center {
      overflow: hidden;
      -ms-overflow-y: auto;
      overflow-y: auto;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 31px;
      width: 100%
  }
  .Hshadow {
      -webkit-mask-box-image: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, .8) 50%, transparent 100%);
      border-top: 1px solid rgba(0, 0, 0, 0.4);
      height: 8px;
      margin: -1px 0 -9px 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1
  }
  .left-footer {
      background: #444;
      background: rgba(0, 0, 0, 0.6);
      border-top: 1px solid #555;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      height: 30px
  }
  .poweredby {
      margin-left: 74px;
      position: relative;
      top: 4px;
      width: 92px;
      height: 22px;
      background-position: 0 -27px
  }
  .semiclose {
      position: absolute;
      width: 40px;
      right: 0;
      top: 0;
      font-size: 10px;
      color: #888;
      line-height: 30px;
      cursor: pointer;
      text-align: center
  }
  .semiclose:hover {
      background: #555
  }
  .icva {
      vertical-align: middle;
      position: relative;
      bottom: 1px
  }
  .nav-list {
      color: #524d4d;
      width: auto;
      position: absolute;
      right: 100px;
      font-size: 0;
      top: 0
  }
  .nav-list li {
      position: relative;
      display: inline-block;
      font-size: 12px
  }
  .nav-list a {
      display: block;
      cursor: pointer;
      font-weight: bold;
      height: 41px;
      margin: 0;
      width: auto;
      border-left: transparent 1px solid;
      border-right: transparent 1px solid;
      text-decoration: none;
      color: #444
  }
  .nav-list a:hover {
      background-color: #f6f6f6;
      border-left: #d6d6d6 1px solid;
      border-right: #d6d6d6 1px solid;
      color: #000
  }
  .nav-list a:active,
  .nav-list .selected {
      background-color: #f1f1f1;
      border-left: #d6d6d6 1px solid;
      border-right: #d6d6d6 1px solid;
      color: #000
  }
  .nav-list a:active .nav-dropdown {
      background-position: 0 12px
  }
  .nav-image {
      position: absolute;
      display: table-cell;
      vertical-align: middle;
      height: 24px;
      width: 24px;
      top: 9px;
      left: 7px
  }
  .nav-image img {
      height: 100%;
      border-radius: 50%
  }
  .nav-text {
      padding: 1px 6px 0 34px;
      height: 41px;
      display: table-cell;
      vertical-align: middle
  }
  .nav-dropdown {
      float: right;
      right: 10px;
      left: 110px;
      width: 15px;
      height: 10px
  }
  .nav-dropdown-img {
      margin-top: 14px;
      width: 7px;
      height: 6px;
      background: url('../images/1447437074arrow.png') 0 0 no-repeat
  }
  .nav-list li:hover ul {
      display: block
  }
  .nav-pop {
      position: absolute;
      z-index: 300;
      background: rgba(255, 255, 255, 0.98);
      top: 42px;
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      border-radius: 4px;
      border: 1px solid rgba(100, 100, 100, .4);
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      padding: 10px 0;
      width: 150px;
      height: auto
  }
  .nav-pop ul {
      padding-right: 2px
  }
  .nav-pop li {
      padding: 0 1px;
      width: 100%
  }
  .nav-pop li a {
      line-height: 23px
  }
  .nav-list li ul a {
      height: auto;
      display: block;
      padding: 0 10px;
      text-align: left;
      font-weight: normal;
      color: #444;
      text-decoration: none
  }
  .nav-list li ul a:hover {
      color: #221919;
      background-color: #e1dfdf;
      border-left: transparent 1px solid;
      border-right: transparent 1px solid
  }
  .nav-list li ul a:active {
      color: #fff;
      background-color: #999
  }
  .nav-list .divider a {
      border-top: 1px solid #e1dfdf
  }
  .forgot-box {
      position: relative;
      margin: 20px auto 40px auto;
      height: auto;
      background: #f7f7f7;
      border: 1px solid;
      border-color: #ececec #ddd #ccc;
      border-radius: 3px;
      overflow: hidden
  }
  .forgot-padding {
      padding: 40px 100px 0 100px;
      margin-bottom: 20px
  }
  .forgot-content {
      height: auto;
      padding-bottom: 20px
  }
  .forgot-email {
      width: 309px
  }
  .forgot-submit {
      margin-top: 20px
  }
  .forgot-box-bottom {
      left: 0;
      bottom: 0;
      height: 50px;
      width: auto;
      background-color: #fff;
      border-radius: 0 0 3px 3px;
      padding: 0 10%;
      line-height: 0
  }
  .normal-width {
      width: 1048px
  }
  .forgot-box-bottom a {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      color: #09b;
      text-decoration: none;
      cursor: pointer;
      position: relative;
      top: 15px
  }
  .forgot-box-bottom>a:hover {
      text-decoration: underline
  }
  .login-error {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      position: relative;
      padding: 5px 20px;
      font-size: 13px;
      text-align: center;
      margin-bottom: 20px;
      border-radius: 3px;
      color: #444;
      border: 1px solid #ff8383;
      background-color: #FFE0E0
  }
  .login-error-remember {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400
  }
  .login-error-remember .remember {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      margin-bottom: 20px
  }
  .btn {
      outline: none;
      text-decoration: none;
      position: relative;
      display: inline-block;
      overflow: visible;
      padding: 5px 10px;
      font-size: 13px;
      font-weight: bold;
      line-height: 18px;
      color: #444;
      text-shadow: 0 1px 0 #fff;
      background-repeat: no-repeat;
      border: 1px solid #ccc;
      cursor: pointer;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
      box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
      background: #f2f2f2;
      background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
      background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
      background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%);
      background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%);
      background: linear-gradient(top, #fff 0, #f2f2f2 100%);
      -webkit-font-smoothing: antialiased
  }
  .btn:hover {
      background: #f7f7f7;
      background: -webkit-linear-gradient(top, #fff 0, #f7f7f7 100%);
      background: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
      background: -o-linear-gradient(top, #fff 0, #f7f7f7 100%);
      background: -ms-linear-gradient(top, #fff 0, #f7f7f7 100%);
      background: linear-gradient(top, #fff 0, #f7f7f7 100%);
      border-color: #bbb;
      color: #444;
      text-decoration: none
  }
  .btn.active,
  .btn:active {
      background-color: #f2f2f2;
      -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
      box-shadow: inset 0 3px 6px rgba(0, 0, 0, .1);
      text-shadow: none;
      text-decoration: none
  }
  .blue-btn {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      background-color: #019ad2;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#33bcef), to(#019ad2));
      background-image: -webkit-linear-gradient(#33bcef, #019ad2);
      background-image: -moz-linear-gradient(#33bcef, #019ad2);
      background-image: -o-linear-gradient(#33bcef, #019ad2);
      background-image: -ms-linear-gradient(#33bcef, #019ad2);
      background-image: linear-gradient(#33bcef, #019ad2);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33bcef', endColorstr='#019ad2', GradientType=0);
      border-color: #057ed0;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
  }
  .blue-btn:hover,
  .blue-btn:focus {
      color: #fff;
      background-color: #0271bf;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#2daddc), to(#0271bf));
      background-image: -webkit-linear-gradient(#2daddc, #0271bf);
      background-image: -moz-linear-gradient(#2daddc, #0271bf);
      background-image: -o-linear-gradient(#2daddc, #0271bf);
      background-image: -ms-linear-gradient(#2daddc, #0271bf);
      background-image: linear-gradient(#2daddc, #0271bf);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2daddc', endColorstr='#0271bf', GradientType=0);
      border-color: #096eb3
  }
  .blue-btn.active,
  .blue-btn:active {
      background-color: #0271bf;
      border-color: #096eb3
  }
  .fb-btn {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      background-color: #334d86;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#4567a5), to(#334d86));
      background-image: -webkit-linear-gradient(#4567a5, #334d86);
      background-image: -moz-linear-gradient(#4567a5, #334d86);
      background-image: -o-linear-gradient(#4567a5, #334d86);
      background-image: -ms-linear-gradient(#4567a5, #334d86);
      background-image: linear-gradient(#4567a5, #334d86);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4567a5', endColorstr='#334d86', GradientType=0);
      border-color: #057ed0;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
  }
  .fb-btn:hover,
  .fb-btn:focus {
      color: #fff;
      background-color: #334d86;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#4567a5), to(#334d86));
      background-image: -webkit-linear-gradient(#4567a5, #334d86);
      background-image: -moz-linear-gradient(#4567a5, #334d86);
      background-image: -o-linear-gradient(#4567a5, #334d86);
      background-image: -ms-linear-gradient(#4567a5, #334d86);
      background-image: linear-gradient(#4567a5, #334d86);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4567a5', endColorstr='#334d86', GradientType=0);
      border-color: #096eb3
  }
  .fb-btn.active,
  .fb-btn:active {
      background-color: #334d86;
      border-color: #096eb3
  }
  .yellow-btn {
      color: #252525;
      background-color: #ffe14b;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#ffff87), to(#ffe14b));
      background-image: -webkit-linear-gradient(#ffff87, #ffe14b);
      background-image: -moz-linear-gradient(#ffff87, #ffe14b);
      background-image: -o-linear-gradient(#ffff87, #ffe14b);
      background-image: -ms-linear-gradient(#ffff87, #ffe14b);
      background-image: linear-gradient(#ffff87, #ffe14b);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffff87', endColorstr='#ffe14b', GradientType=0);
      border-color: #ffc800;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
  }
  .yellow-btn:hover,
  .yellow-btn:focus {
      color: #252525;
      background-color: #ffc84b;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#fff587), to(#ffc84b));
      background-image: -webkit-linear-gradient(#fff587, #ffc84b);
      background-image: -moz-linear-gradient(#fff587, #ffc84b);
      background-image: -o-linear-gradient(#fff587, #ffc84b);
      background-image: -ms-linear-gradient(#fff587, #ffc84b);
      background-image: linear-gradient(#fff587, #ffc84b);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff587', endColorstr='#ffc84b', GradientType=0);
      border-color: #ffa500
  }
  .yellow-btn:active {
      background-image: none;
      border-color: #ffb91e
  }
  .green-btn {
      color: #fff;
      letter-spacing: .1em;
      border: 1px solid #0b910b;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      background-color: #589629;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#7bb24f), to(#589629));
      background-image: -webkit-linear-gradient(#7bb24f, #589629);
      background-image: -moz-linear-gradient(#7bb24f, #589629);
      background-image: -o-linear-gradient(#7bb24f, #589629);
      background-image: -ms-linear-gradient(#7bb24f, #589629);
      background-image: linear-gradient(#7bb24f, #589629);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7bb24f', endColorstr='#589629', GradientType=0);
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
  }
  .green-btn:hover,
  .green-btn:focus {
      color: #fff;
      letter-spacing: .1em;
      border: 1px solid #0b910b;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      background-color: #5fa32e;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#79b847), to(#5fa32e));
      background-image: -webkit-linear-gradient(#79b847, #5fa32e);
      background-image: -moz-linear-gradient(#79b847, #5fa32e);
      background-image: -o-linear-gradient(#79b847, #5fa32e);
      background-image: -ms-linear-gradient(#79b847, #5fa32e);
      background-image: linear-gradient(#79b847, #5fa32e);
      -image -image -image filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff587', endColorstr='#ffc84b', GradientType=0)
  }
  .green-btn:active {
      background-image: none;
      border-color: #0b910b
  }
  .btn.disabled,
  .btn.disabled:hover,
  .btn[disabled],
  .btn[aria-disabled=true] {
      color: #777;
      cursor: default;
      background-color: #ddd;
      background-image: none;
      border-color: #ccc;
      text-shadow: 0 1px 1px rgba(255, 255, 255, .80);
      filter: alpha(opacity=70);
      opacity: .70
  }
  a.disabled,
  .icons.disabled {
      color: grey
  }
  #linkField {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 13px;
      width: 0;
      margin-left: -4px;
      -webkit-transition: width .3s ease-in-out;
      -moz-transition: width .3s ease-in-out;
      -o-transition: width .3s ease-in-out;
      -ms-transition: width .3s ease-in-out;
      transition: width .3s ease-in-out;
      opacity: 0;
      cursor: default
  }
  #linkField.open {
      border-radius: 0 3px 3px 0;
      width: 145px;
      padding: 4px;
      opacity: 1;
      cursor: auto
  }
  #addLinkButton {
      -webkit-transition: opacity .3s ease-in-out;
      -moz-transition: opacity .3s ease-in-out;
      -o-transition: opacity .3s ease-in-out;
      -ms-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out
  }
  .foolks {
      text-align: center;
      margin: 0 auto;
      background: #fff;
      padding: 40px
  }
  .foolks .foo1 {
      font-size: 0
  }
  .foo1 .foolang {
      font-size: 13px;
      display: inline-block;
      width: 150px;
      padding: 20px;
      vertical-align: top
  }
  .foo1 .footb {
      font-size: 13px;
      display: inline-block;
      width: 150px;
      padding: 20px;
      vertical-align: top
  }
  .foo1 .foot {
      display: block;
      color: #1f282b;
      border-bottom: 1px solid #eee;
      padding-bottom: 3px;
      margin-bottom: 5px
  }
  .foo1 .footb a {
      display: block;
      text-decoration: none
  }
  .foo1 .footb a span {
      display: block;
      text-align: left;
      line-height: 1.4;
      color: #80888c
  }
  .foo1 .footb a span:hover {
      color: #AF2525
  }
  .ie8 .bpa .icons {
      display: none
  }
  .ie8 .welrightbg {
      display: none
  }
  .bpa {
      width: 100%;
      height: auto;
      text-align: center;
      margin: 0 auto
  }
  .bpa>div:first-child span {
      padding: 40px 0;
      display: block;
      font-size: 24px;
      font-family: HelveticaNeue-CondensedBold, 'Helvetica Neue', Helvetica, Arial, sans-serif
  }
  .bpa>div:nth-child(2) {
      font-size: 0;
      padding: 0 55px
  }
  .bpa>div:nth-child(2)>div {
      display: inline-block;
      vertical-align: top;
      margin: 20px 20px;
      max-width: 250px
  }
  .bpa>div:nth-child(2)>div>div:first-child {
      position: relative;
      border-radius: 50% 50%;
      width: 134px;
      height: 134px;
      background: #e0e0e0;
      margin: 0 auto;
      font-size: 70px;
      line-height: 144px;
      color: #800
  }
  .bpa>div:nth-child(2)>div>span:nth-child(2) {
      color: #252525;
      font-size: 29px;
      font-weight: normal;
      margin-bottom: 17px;
      margin-top: 22px;
      display: block
  }
  .bpa>div:nth-child(2)>div>span:nth-child(3) {
      font-size: 15px;
      font-weight: normal;
      letter-spacing: .5px;
      line-height: 1.5em;
      margin-bottom: 35px
  }
  .bpa>div:nth-child(2)>div>div:last-child {
      position: relative;
      bottom: 0;
      margin-top: 20px
  }
  .using {
      margin: 40px auto;
      text-align: left;
      width: 1048px
  }
  .using span:first-child {
      display: block;
      padding: 10px 80px
  }
  .using>div:nth-child(2) {
      padding: 0 70px;
      font-size: 0
  }
  .using>div:nth-child(2)>div {
      display: inline-block;
      width: 120px;
      height: 70px;
      background: #ccc;
      margin: 0 10px
  }
  .ie8 .feat {
      display: none
  }
  .feat {
      padding: 40px 20px 20px 20px;
      text-align: center;
      margin: 0 auto;
      background: #eee;
      box-shadow: 0 20px 20px -20px #bbb inset;
      -webkit-box-shadow: 0 20px 20px -20px #bbb inset;
      -moz-box-shadow: 0 20px 20px -20px #bbb inset;
      border-bottom: 1px solid #ccc
  }
  .feat .featc {
      max-width: 1048px;
      height: auto;
      font-size: 0;
      width: 100%;
      margin: 0 auto
  }
  .feat .featc>div {
      display: inline-block;
      max-width: 280px;
      height: 200px
  }
  .feat .featc>div>div:first-child {
      display: inline-block;
      width: 60px;
      height: 60px;
      padding: 10px;
      vertical-align: top;
      font-size: 13px
  }
  .feat .featc>div>div:first-child>span {
      background: #ccc;
      display: block;
      height: 100%;
      border-radius: 3px;
      line-height: 60px;
      color: #fff;
      font-size: 36px
  }
  .feat .featc>div>div:nth-child(2) {
      display: inline-block;
      max-width: 200px;
      height: 200px;
      text-align: left
  }
  .feat .featc>div>div:nth-child(2)>span:first-child {
      font-size: 20px;
      display: block;
      padding: 10px 0 0 0;
      color: #202020
  }
  .feat .featc>div>div:nth-child(2)>span:nth-child(2) {
      font-size: 15px;
      display: block;
      padding: 10px 0 0 0;
      color: #808080
  }
  .foonews {
      text-align: center;
      background: #fff
  }
  .foonews div:first-child {
      background: #e1e1e1;
      color: #252525;
      line-height: 80px;
      text-align: left;
      border-bottom: 1px solid #dbdbdb
  }
  .foonews div:first-child div {
      margin: 0 auto;
      width: 100%;
      max-width: 1048px
  }
  .foonews div:first-child div span:last-child {
      float: right;
      margin-right: 10px;
      width: 200px
  }
  .foonews div:first-child div span:last-child input {
      width: 100%;
      padding: 4px;
      margin: 0;
      background-color: white;
      border-radius: 3px;
      height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  .arr {
      text-align: center;
      margin: 0 auto;
      background: #423B3B
  }
  .arr div:first-child {
      margin: 0 auto;
      width: 100%;
      padding: 40px 0;
      text-align: center
  }
  .arr div:first-child>p {
      font-weight: 400;
      font-size: 13px;
      line-height: 1.5;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      color: #6c7477;
      margin-bottom: .5em
  }
  .invite {
      position: relative;
      height: 400px;
      max-width: 1048px;
      width: 1048px;
      margin: -40px auto 40px -100px
  }
  .invimg {
      background: url('../images/1447437074invite.jpg') no-repeat
  }
  .af-pers {
      background: url('../images/1447437074personal.jpg') no-repeat
  }
  .af-bus {
      background: url('../images/1447437074business.jpg') no-repeat
  }
  .af-wel {
      background: url('../images/1447437074welcome.jpg') no-repeat
  }
  .af-dis {
      background: url('../images/1447437074welcomed.jpg') no-repeat
  }
  .af-part {
      background: url('../images/1447437074partners.jpg') no-repeat
  }
  .invpos {
      background-position: center;
      background-size: 1048px 400px
  }
  .invite button {
      margin-top: 40px
  }
  .invite .gmaillogo {
      height: 32px;
      width: 32px;
      background-image: url('../images/1447437074googlemail-32.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 32px 32px;
      vertical-align: middle;
      margin-right: 10px;
      display: inline-block
  }
  .jobstop {
      margin-top: 40px;
      position: relative;
      margin-bottom: 30px;
      min-height: 150px
  }
  .jobtop-img {
      position: relative;
      margin-right: 26px;
      top: -15px;
      margin-bottom: -2px;
      float: left;
      height: 180px;
      width: 270px;
      background: url('../images/1447437074castelo.jpg') no-repeat;
      border: 1px solid rgba(0, 0, 0, .1)
  }
  .jobsitem {
      margin-top: 0;
      position: relative
  }
  .jobsitem-img {
      float: right;
      height: 150px;
      width: 150px;
      position: relative;
      right: 0;
      background: url('../images/1447437074jobs.jpg') no-repeat 0 0;
      top: -14px;
      border: 1px solid #ccc
  }
  .sales {
      background-position: 0 -150px
  }
  .legal {
      width: 100%
  }
  .legal ul {
      width: 100%;
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: relative
  }
  .legal li {
      list-style: none
  }
  .legal a {
      border-bottom: 1px solid #ccc;
      color: #258aaf;
      display: block;
      outline: 0;
      padding: 9px 30px 9px 8px;
      position: relative;
      cursor: pointer;
      text-decoration: none
  }
  .legal a:hover,
  .legal a:focus,
  .legal .selected {
      background-color: #fff;
      border-bottom-color: #ccc;
      border-top: solid 1px #ccc;
      color: #33B5E5;
      margin-top: -1px;
      position: relative;
      text-decoration: none
  }
  .legal span {
      -webkit-background-size: auto;
      -moz-background-size: auto;
      background-size: auto;
      background-image: url('../images/1447437074arrow.png');
      background-repeat: no-repeat;
      background-position: 0 -6px;
      height: 9px;
      margin-top: -5px;
      width: 6px
  }
  .legal span {
      position: absolute;
      right: 10px;
      top: 50%
  }
  .terms .margin-bot {
      margin-bottom: 40px
  }
  .legal-content {
      max-width: 780px;
      margin: 0 auto
  }
  .dft .legal-img {
      margin: 0 auto;
      position: relative;
      height: 200px;
      max-width: 780px;
      width: 100%;
      background: url('../images/1447437074legal-image.jpg') no-repeat center
  }
  .dft .legal-img-text {
      padding: 0 20px;
      text-align: right;
      width: auto;
      height: 40px;
      right: 0;
      position: absolute;
      color: #ccc;
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0
  }
  .dialog-wrapper {
      position: fixed;
      width: 100%;
      top: 0;
      height: 100%;
      z-index: 1000;
      overflow: auto;
      background: rgba(0, 0, 0, 0.25)
  }
  .dialog {
      background: #ebeae8;
      -webkit-box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 50px;
      width: 740px;
      left: 50%;
      margin-left: -360px;
      margin-bottom: 20px;
      border-radius: 5px;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400
  }
  .dialog .bot {
      font-size: 13px;
      line-height: 13px
  }
  .dialog .header {
      height: 40px;
      border-radius: 4px 4px 0 0;
      background: #fff;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
      background: -webkit-linear-gradient(top, #fff, #fafafa);
      background: -moz-linear-gradient(top, #fff, #fafafa);
      background: -o-linear-gradient(top, #fff, #fafafa);
      background: -ms-linear-gradient(top, #fff, #fafafa);
      background: linear-gradient(top, #fff, #fafafa);
      border-bottom: 1px solid #d0d0ce
  }
  .dialog .header h2 {
      margin: 0;
      padding: 10px 70px;
      text-shadow: 0 1px 0 white;
      font-size: 16px;
      text-align: center;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis
  }
  .dialog .header a.close {
      padding: 8px 8px 0 10px;
      position: absolute;
      font-size: 13px;
      right: 0;
      top: 0
  }
  .dialog .error {
      text-align: center;
      height: 40px;
      background: #dfdfdf;
      background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f3f3f3));
      background: -webkit-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -moz-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -o-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -ms-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: linear-gradient(top, #dfdfdf, #f3f3f3);
      -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      -webkit-transition-property: height;
      -moz-transition-property: height;
      -o-transition-property: height;
      -ms-transition-property: height;
      transition-property: height;
      -webkit-transition-duration: .3s;
      -moz-transition-duration: .3s;
      -o-transition-duration: .3s;
      -ms-transition-duration: .3s;
      transition-duration: .3s
  }
  .dialog .error span {
      color: #a00;
      line-height: 39px;
      margin: 0;
      padding-right: 10px;
      text-shadow: 0 1px 0 white;
      font-size: 13px;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis
  }
  .dialog .menu {
      position: relative;
      text-align: center;
      height: 48px;
      background: #f5f5f5;
      background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
      background: -webkit-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -moz-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -o-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: -ms-linear-gradient(top, #f5f5f5, #e8e8e8);
      background: linear-gradient(top, #f5f5f5, #e8e8e8);
      border-top: 1px solid #fff;
      border-bottom: 1px solid #b1b1b1
  }
  .dialog .menu li {
      font-size: 0;
      display: inline
  }
  .dialog .menu li a {
      display: inline-block;
      padding: 6px 10px;
      font-weight: bold;
      font-size: 12px;
      color: #444;
      text-decoration: none;
      text-shadow: 0 1px 0 white;
      min-width: 50px;
      text-align: center;
      border-right: 1px solid #ccc;
      background: #000;
      background: rgba(0, 0, 0, 0);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
      background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05))
  }
  .dialog .menu li.first a {
      border-left: 1px solid #ccc
  }
  .dialog .menu li.active a,
  .dialog .menu li.active a:hover {
      background: rgba(0, 0, 0, 0);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      background: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
      border-bottom: 3px solid #ebeae8
  }
  .dialog .menu li a:hover {
      background: rgba(0, 0, 0, 0);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))
  }
  .dialog .menu li .icon {
      cursor: pointer;
      vertical-align: middle
  }
  .dialog .menu li .icon-image {
      background-position: 0 -140px;
      width: 20px;
      height: 20px;
      font-size: 18px;
      color: #5f5f5f
  }
  .dialog .menu li span {
      display: block;
      margin: 0 auto 1px auto
  }
  .dialog .menu .border-arrow {
      border-top: 7px solid #fff;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      position: absolute;
      top: 0;
      margin-top: -1px;
      left: 293px
  }
  .dialog .menu .bg-arrow {
      border-top: 6px solid #dfdfdf;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      position: absolute;
      top: -6px;
      margin-top: -1px;
      left: -6px
  }
  .dialog .shadow {
      border-top: 1px solid #e0dfdb
  }
  .dialog .content {
      height: auto;
      padding: 0 20px;
      background: #ebeae8;
      border-radius: 4px;
      overflow: auto;
      -webkit-transition-property: top;
      -moz-transition-property: top;
      -o-transition-property: top;
      -ms-transition-property: top;
      transition-property: top;
      -webkit-transition-duration: .3s;
      -moz-transition-duration: .3s;
      -o-transition-duration: .3s;
      -ms-transition-duration: .3s;
      transition-duration: .3s
  }
  .left-center::-webkit-scrollbar {
      width: 8px
  }
  .left-center::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #777
  }
  .dialog .content .content-inner {
      height: auto
  }
  .dialog .save {
      height: 0
  }
  .dialog .save #save-button {
      top: 8px;
      left: 8px;
      position: absolute
  }
  .dialog .content .row {
      padding: 10px 0;
      position: relative
  }
  .dialog .content .sep {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50)
  }
  .dialog .row>div {
      vertical-align: middle;
      font-size: 13px;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box
  }
  .dialog input {
      width: 100%;
      padding: 4px;
      margin: 0;
      background-color: white;
      border: 1px solid #c1c1c1;
      border-radius: 3px;
      height: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  .dialog textarea {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0
  }
  .dialog input:focus,
  .dialog textarea:focus {
      outline: 0;
      color: #252525;
      border-color: #56b4ef
  }
  .dialog select {
      width: 100%;
      margin: 0 0 5px;
      background-color: white;
      border: 1px solid #c1c1c1;
      height: 26px
  }
  .dialog select:focus {
      outline: 0;
      color: #252525;
      border-color: #56b4ef
  }
  .dialog .image-border {
      position: relative;
      width: 124px;
      height: 124px;
      border: 1px solid #c1c1c1;
      border-radius: 5px;
      background: white;
      padding-left: 4px;
      padding-top: 4px
  }
  .dialog .image-border img {
      width: 120px;
      height: 120px
  }
  .dialog .label {
      display: inline-block;
      text-align: right;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 10px;
      vertical-align: top;
      line-height: 30px;
      font-size: 13px
  }
  .icons {
      display: inline-block;
      font-family: "appuricons";
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      text-align: center;
      text-decoration: none
  }
  .icon-zin:before {
      content: "\f024";
      color: #888
  }
  .icon-zout:before {
      content: "\f055";
      color: #888
  }
  .icon-tw:before {
      content: "\f014"
  }
  .icon-fb:before {
      content: "\f015"
  }
  .icon-upd:before {
      content: "\f039"
  }
  .icon-per:before {
      content: "\f040"
  }
  .icon-bus:before {
      content: "\f041"
  }
  .icon-age:before {
      content: "\f042"
  }
  .icon-why:before {
      content: "\f043"
  }
  .icon-sites:before {
      content: "\f044"
  }
  .icon-mom:before {
      content: "\f045"
  }
  .icon-globe:before {
      content: "\f062"
  }
  .icon-formb:before {
      content: "\f064"
  }
  .icon-codenext:before {
      content: "\f063"
  }
  .icon-draft:before {
      content: "\f059"
  }
  .icon-schedule:before {
      content: "\f057"
  }
  .icon-seo:before {
      content: "\f046"
  }
  .icon-mob:before {
      content: "\f047"
  }
  .icon-acc:before {
      content: "\f001"
  }
  .icon-config:before {
      content: "\f002"
  }
  .icon-info:before {
      content: "\f003"
  }
  .icon-search:before {
      content: "\f004"
  }
  .icon-check:before {
      content: "\f005"
  }
  .icon-cross:before {
      content: "\f006"
  }
  .icon-delete:before {
      content: "\f006"
  }
  .icon-down:before {
      content: "\f007"
  }
  .icon-left:before {
      content: "\f009"
  }
  .icon-right:before {
      content: "\f020"
  }
  .icon-geo:before {
      content: "\f013"
  }
  .icon-delete2:before {
      content: "\f012"
  }
  .icon-bold:before {
      content: "\f021"
  }
  .icon-italic:before {
      content: "\f022"
  }
  .icon-blockquote:before {
      content: "\f023"
  }
  .icon-hr:before {
      content: "\f024"
  }
  .icon-list-ol:before {
      content: "\f025"
  }
  .icon-list-ul:before {
      content: "\f026"
  }
  .icon-link:before {
      content: "\f027"
  }
  .icon-picture:before {
      content: "\f011"
  }
  .icon-undo:before {
      content: "\f028"
  }
  .icon-repeat:before {
      content: "\f029"
  }
  .icon-img-googleplus:before {
      content: "\f018"
  }
  .icon-img-facebook:before {
      content: "\f015"
  }
  .icon-img-dropbox:before {
      content: "\f032"
  }
  .icon-img-drive:before {
      content: "\f031"
  }
  .icon-cancel:before {
      content: "\f006"
  }
  .icon-save:before {
      content: "\f033"
  }
  .icon-up:before {
      content: "\f008"
  }
  .icon-down:before {
      content: "\f007"
  }
  .icon-glogin:before {
      content: "\f035";
      color: #C63D2D
  }
  .icon-flogin:before {
      content: "\f034";
      color: #3B5998
  }
  .icon-tlogin:before {
      content: "\f036";
      color: #3CF
  }
  .icon-llogin:before {
      content: "\f037";
      color: #4875B4
  }
  .icon-tblogin:before {
      content: "\f038";
      color: #303E4D
  }
  .icon-semi:before {
      content: "\f048"
  }
  .icon-ctw:before {
      content: "\f046"
  }
  .icon-plus:before {
      content: "\f055"
  }
  .icon-upgrade:before {
      content: "\f065"
  }
  .icon-store:before {
      content: "\f067"
  }
  .icon-cc:before {
      content: "\f068"
  }
  .icon-lock:before {
      content: "\f069"
  }
  .icon-love:before {
      content: "\f071"
  }
  .icon-bag:before {
      content: "\f072"
  }
  .icon-star:before {
      content: "\f073"
  }
  .fotoedit {
      position: relative;
      width: 20px;
      height: 20px;
      line-height: 20px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 3px;
      margin: 3px;
      color: #fff;
      border: 1px solid #585858
  }
  .fadded {
      -webkit-transition: opacity .3s ease-in-out;
      -moz-transition: opacity .3s ease-in-out;
      -o-transition: opacity .3s ease-in-out;
      -ms-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out;
      opacity: 0
  }
  .animdialog.is_closed,
  .animdialog.is_open {
      -webkit-transition: opacity .12s linear, margin-top .15s ease-out;
      -moz-transition: opacity .12s linear, margin-top .15s ease-out;
      -ms-transition: opacity .12s linear, margin-top .15s ease-out;
      -o-transition: opacity .12s linear, margin-top .15s ease-out;
      transition: opacity .12s linear, margin-top .15s ease-out;
      opacity: 0
  }
  .anim {
      -webkit-transition: 200ms ease;
      -moz-transition: 200ms ease;
      -ms-transition: 200ms ease;
      -o-transition: 200ms ease;
      transition: 200ms ease
  }
  .animdialog.up.is_open {
      margin-top: -15px;
      opacity: 1
  }
  .ics {
      -moz-text-shadow: 0 1px rgba(0, 0, 0, 0.2);
      -webkit-text-shadow: 0 1px rgba(0, 0, 0, 0.2);
      text-shadow: 0 1px rgba(0, 0, 0, 0.2)
  }
  .pricingbutton {
      display: none;
      width: 100%;
      margin: 5px 0 0 0
  }
  .pricing {
      border: 1px solid #dadada;
      border-top: 0;
      width: auto;
      margin: 10px 0 30px 0;
      vertical-align: top;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background: white;
      text-align: center;
      border-bottom: 2px solid #ccc
  }
  .pricing table {
      border-collapse: collapse
  }
  .pricing thead tr:hover {
      background: #f8fbfe
  }
  .pricing thead td:hover {
      cursor: pointer;
      background: #CDE5FF;
      -webkit-transition: all .1s ease-in-out;
      -moz-transition: all .1s ease-in-out;
      -o-transition: all .1s ease-in-out;
      -ms-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out
  }
  .pricing thead td div:first-child {
      line-height: 30px
  }
  .pricing thead span:first-child {
      position: relative;
      font-size: 1em;
      top: -9px
  }
  .pricing thead .price {
      position: relative;
      font-size: 2em;
      font-weight: 600
  }
  .pricing thead .fsize {
      font-size: 1em
  }
  .pricing thead .red {
      color: #c90000
  }
  .pricing thead th:last-child {
      border-radius: 0 4px 0 0
  }
  .pricing tbody tr:first-child th {
      border: none;
      padding: 0
  }
  .pricing .paycontent {
      width: 846px;
      height: auto;
      overflow: hidden;
      text-align: center;
      background: #dfdfdf;
      background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f3f3f3));
      background: -webkit-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -moz-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -o-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: -ms-linear-gradient(top, #dfdfdf, #f3f3f3);
      background: linear-gradient(top, #dfdfdf, #f3f3f3);
      -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
      -webkit-transition-property: height;
      -moz-transition-property: height;
      -o-transition-property: height;
      -ms-transition-property: height;
      transition-property: height;
      -webkit-transition-duration: .3s;
      -moz-transition-duration: .3s;
      -o-transition-duration: .3s;
      -ms-transition-duration: .3s;
      transition-duration: .3s
  }
  .paycontent .paybase {
      padding: 40px 80px;
      border-top: 1px solid #ccc
  }
  .paybase .col {
      height: auto;
      width: auto;
      text-align: left;
      margin-bottom: 10px
  }
  .paybase .col>div {
      height: auto;
      display: inline-block
  }
  .paybase .col .mbdiv {
      height: 148px;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #ccc;
      width: 50%;
      margin: 0 auto;
      position: relative;
      text-align: center;
      display: block
  }
  .paybase .col .mbdiv div:first-child {
      height: 20px;
      background: #f1f1f1;
      border-bottom: 1px solid #ccc;
      color: #555;
      border-radius: 4px 4px 0 0;
      font-size: 11px
  }
  .paybase .col .mbdiv .foot {
      position: absolute;
      bottom: 0;
      height: 27px;
      width: 100%;
      background: #f1f1f1;
      border-top: 1px solid #ccc;
      color: #555;
      border-radius: 0 0 4px 4px;
      font-size: 9px;
      line-height: 1.5em
  }
  .needgen {
      width: 100%;
      height: 100px;
      position: relative;
      background: rgba(255, 255, 255, 0.8)
  }
  .paybase .lb-isbus {
      cursor: pointer;
      margin-left: -25px;
      padding-left: 45px;
      display: inline-block;
      line-height: 19px
  }
  .paybase .isbus {
      overflow: hidden;
      height: 0;
      -webkit-transition-property: height;
      -moz-transition-property: height;
      -o-transition-property: height;
      -ms-transition-property: height;
      transition-property: height;
      -webkit-transition-duration: .3s;
      -moz-transition-duration: .3s;
      -o-transition-duration: .3s;
      -ms-transition-duration: .3s;
      transition-duration: .3s
  }
  .paybase .paylist {
      list-style: none;
      margin-bottom: 10px;
      padding-left: 0;
      font-size: 0
  }
  .paylist li {
      display: inline-block;
      margin: 0 2px
  }
  .paylist li button {
      height: 40px;
      width: 128px;
      white-space: nowrap
  }
  .pricing .pricing-header .topleft {
      border-radius: 4px 0 0 0;
      width: 221px;
      height: 30px;
      background: #ebebeb;
      text-align: center;
      border-bottom: 1px solid #5EBEFF;
      color: #444;
      font-size: 14px;
      font-weight: bold;
      line-height: 28px
  }
  .pricing .pricing-header th {
      border-top: none;
      text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
      height: 30px;
      background: #fff;
      text-align: center;
      border-bottom: 1px solid #5EBEFF;
      width: 100px;
      border-left: 1px solid #b4d4e4
  }
  .pricing td:first-child,
  .pricing th:first-child {
      border-left: none
  }
  .pricing .thborder {
      border-bottom: 1px solid #ccc
  }
  .pricing .clicablerow td {
      height: 87px;
      width: 100px
  }
  .pricing .clicablerow .planselected button {
      display: inherit
  }
  .pricing td,
  .pricing th {
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 10px;
      text-align: center
  }
  .pricing .popular {
      position: absolute;
      top: -4px;
      left: -5px;
      background: url('../images/1447437074popular.png') no-repeat;
      height: 100%;
      width: 100%
  }
  .pricing .topselected {
      background: #BDF
  }
  .pricing .planselected {
      position: relative;
      border: 1px solid #56b4ef;
      background: #CDE5FF
  }
  .pricing .rowselected {
      background: #E2F0FF!important
  }
  .pricing .fontcheck {
      color: #72C1B0;
      font-size: 1em
  }
  .pricing .fontcross {
      color: #C17272;
      font-size: 1em
  }
  .pricing tbody td div div {
      font-size: 0
  }
  .pricing .mb {
      background: url('../images/1447437074logoMB.jpg') no-repeat;
      height: 79px;
      width: 70px;
      position: absolute;
      top: 31px;
      left: 16px
  }
  .entity-upgrade {
      height: auto;
      display: block;
      padding: 0 10px;
      text-align: left;
      font-weight: normal;
      color: #524d4d;
      text-decoration: none
  }
  .entity-upgrade:hover {
      color: #fff;
      background: blue
  }
  .ui-autocomplete {
      white-space: nowrap;
      position: absolute;
      top: 30px;
      left: 0;
      height: auto;
      z-index: 10;
      -webkit-transition: opacity .218s;
      -moz-transition: opacity .218s;
      -o-transition: opacity .218s;
      -ms-transition: opacity .218s;
      transition: opacity .218s;
      padding: 0;
      list-style: none;
      max-height: 180px;
      overflow: auto;
      border: 0 none;
      width: 293px;
      -webkit-box-shadow: 0 4px 10px #ccc;
      box-shadow: 0 4px 10px #ccc
  }
  .ui-autocomplete li {
      background: #fafafa;
      border-width: 1px 1px 0 1px;
      border-color: #ccc;
      margin-top: -1px;
      text-align: left
  }
  .ui-autocomplete li a {
      padding: 9px 15px;
      display: block
  }
  .ui-state-focus {
      background: #CDE5FF
  }
  .ui-autocomplete li:hover {
      cursor: pointer;
      background: #CDE5FF
  }
  .cardNumberInput {
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin: 0 2px
  }
  .trans table {
      border-collapse: separate;
      border-spacing: 0;
      width: 100%
  }
  .trans tr>td:first-child {
      border-left: none
  }
  .trans tr:first-child span {
      font-weight: 700
  }
  .trans tr td {
      border-left: 0
  }
  .trans td {
      border-bottom: 1px solid #c7c7c7;
      border-left: 1px solid #c7c7c7;
      padding: 5px 10px
  }
  .trans td span+span {
      display: block;
      font-size: 10px;
      color: #888
  }
  .odetails div:first-child {
      text-align: left
  }
  .odetails div:first-child span {
      color: #c90000;
      font-weight: 700
  }
  .odetails div:first-child+div {
      margin: 10px 0;
      border-bottom: 1px solid #ccc
  }
  .odetails table {
      width: 100%
  }
  .odetails table tr {
      background: #fafafa
  }
  .odetails table tr td {
      text-align: left;
      color: #252525;
      font-weight: 400
  }
  .odetails table tr:first-child td {
      color: #8d8d8d
  }
  .odetails table tr td+td {
      text-align: right;
      border-left: none
  }
  .odetails table tr:last-child td {
      border-top: 1px dashed #ccc
  }
  .odetails table tr:last-child td+td {
      border-left: none;
      text-align: right
  }
  .odetails table tr:last-child td+td span {
      font-weight: 700
  }
  .odetails table tr:last-child td+td span:first-child {
      margin-right: 40px
  }
  .momts {
      margin-top: 10px
  }
  .momts table {
      table-layout: fixed;
      border: 0;
      margin: 0;
      border-collapse: collapse;
      width: 100%;
      border-spacing: 12px
  }
  .momts td {
      font-family: 'helvetica neue', helvetica, arial, 'lucida grande', sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      font-smoothing: antialiased;
      font-size: 11px
  }
  .momts td {
      margin: 0;
      padding: 6px;
      vertical-align: top
  }
  .vari td {
      border-top: 1px solid #ddd;
      vertical-align: middle;
      font-size: 13px;
      padding: 4px
  }
  .myrc {
      border-top: 1px solid #ddd;
      vertical-align: middle;
      font-size: 13px
  }
  .myr {
      cursor: pointer;
      display: block;
      padding: 6px 0 6px 45px;
      position: relative;
      margin: 0;
      text-decoration: none;
      border-radius: 3px;
      color: #444!important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  .myr div {
      width: 19px;
      height: 19px;
      border: 1px solid #09d;
      border-radius: 50%;
      position: absolute;
      top: 4px;
      left: 12px;
      color: #444
  }
  .myr span {
      border-radius: 50%;
      background: #09d;
      box-shadow: inset 0 1px 1px #007bb2;
      display: block;
      height: 15px;
      width: 15px;
      margin-top: 2px;
      margin-left: -15px;
      transition: margin-left .1s
  }
  .myr div.checked span {
      margin-left: 2px
  }
  .fs14 {
      color: #555;
      font-size: 14px
  }
  .momts .tdl {
      padding-left: 0
  }
  .momts .tdr {
      padding-right: 0
  }
  .momts ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      font-size: 0;
      clear: both
  }
  .SendBlockContent {
      -webkit-transition: max-height .3s ease-in-out;
      -moz-transition: max-height .3s ease-in-out;
      -o-transition: max-height .3s ease-in-out;
      -ms-transition: max-height .3s ease-in-out;
      transition: max-height .3s ease-in-out
  }
  .momul {
      -webkit-transition: height .3s ease-in-out;
      -moz-transition: height .3s ease-in-out;
      -o-transition: height .3s ease-in-out;
      -ms-transition: height .3s ease-in-out;
      transition: height .3s ease-in-out
  }
  .momul li {
      vertical-align: top;
      height: 140px;
      width: 130px;
      display: inline-block;
      font-size: 13px;
      text-align: center;
      cursor: pointer
  }
  .momul li:hover {
      background: #dbdbdb
  }
  .momul .mumol-image {
      height: 48px;
      width: 48px;
      background-size: cover;
      background-position: center;
      margin: 10px auto;
      border-radius: 3px
  }
  .mumol-image div {
      font-size: 4.30em;
      margin: -.07em
  }
  .momul .mumol-title {
      font-size: 16px
  }
  .momul .mumol-name {
      color: #666;
      height: 18px
  }
  .momul li span {
      position: relative;
      border-bottom: 7px solid #000;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      top: -10px
  }
  .momtsett {
      display: none
  }
  .momtunlink {
      position: relative;
      background: #000;
      top: -5px;
      height: 21px;
      box-shadow: 0 3px 3px #000;
      line-height: 21px;
      color: #fff;
      font-size: 12px
  }
  .contform {
      padding-top: 12px;
      padding-bottom: 12px
  }
  .dibvat {
      display: inline-block;
      vertical-align: middle
  }
  .h30 {
      height: 30px
  }
  .pad6 {
      padding: 6px
  }
  .pad4 {
      padding: 4px
  }
  .pad10 {
      padding: 10px
  }
  .ml20pc {
      margin-left: 20%
  }
  .ml0 {
      margin-left: 0
  }
  ._10pc {
      width: 10%
  }
  ._15pc {
      width: 15%
  }
  ._20pc {
      width: 20%
  }
  ._25pc {
      width: 25%
  }
  ._30pc {
      width: 30%
  }
  ._35pc {
      width: 35%
  }
  ._40pc {
      width: 40%
  }
  ._45pc {
      width: 45%
  }
  ._50pc {
      width: 50%
  }
  ._60pc {
      width: 60%
  }
  ._70pc {
      width: 70%
  }
  ._75pc {
      width: 75%
  }
  ._80pc {
      width: 80%
  }
  ._90pc {
      width: 90%
  }
  ._100pc {
      width: 100%
  }
  ._1_3w {
      width: 20%
  }
  ._2_3w {
      width: 80%
  }
  .fr_lh30 {
      float: right;
      line-height: 30px
  }
  .fl_lh30 {
      float: left;
      line-height: 30px
  }
  .clg {
      color: #444;
      display: block;
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 4px
  }
  .grp {
      margin-top: 10px;
      width: 100%;
      background: #fff;
      border: 1px solid;
      border-color: #ececec #ddd #ccc;
      border-radius: 3px
  }
  .grpm {
      padding: 12px 0
  }
  .grptop {
      height: 42px;
      width: 100%;
      border-bottom: 1px solid #ddd;
      background: #f8f8f8;
      border-radius: 3px 3px 0 0
  }
  .grptop span:first-child {
      line-height: 42px;
      margin-left: 14px;
      font-weight: bold;
      display: inline-block
  }
  .grpmenu {
      font-weight: bold;
      line-height: 0;
      font-size: 0;
      text-align: center;
      position: relative;
      background: #f5f5f5;
      background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
      background: -webkit-linear-gradient(top, #f5f5f5, #eee);
      background: -moz-linear-gradient(top, #f5f5f5, #eee);
      background: -o-linear-gradient(top, #f5f5f5, #eee);
      background: -ms-linear-gradient(top, #f5f5f5, #eee);
      background: linear-gradient(top, #f5f5f5, #eee);
      border-top: 1px solid #fff;
      border-bottom: 1px solid #ccc;
      padding: 10px
  }
  .grpmenu a {
      color: #444;
      cursor: pointer;
      font-size: 13px;
      font-weight: bold;
      width: 30%;
      display: inline-block;
      text-decoration: none
  }
  .rows4 a {
      width: 20%
  }
  .rows4 .usel {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  .grpmenu a:hover {
      color: #08d;
      text-decoration: none
  }
  .grpmenu a div span {
      vertical-align: middle;
      position: relative;
      top: -1px;
      font-size: 18px;
      padding-right: 5px;
      line-height: 28px;
      color: #08d
  }
  .tbsopttop {
      border-bottom: 1px solid #ddd;
      width: auto;
      display: block;
      padding: 6px 12px;
      color: #888
  }
  .tbsopt tr {
      border-top: 1px solid #ddd
  }
  .tbsopt tr:first-child {
      border-top: none
  }
  .tbsopt td:first-child {
      padding: 6px 12px;
      width: 100px
  }
  .tbsopt td:last-child {
      width: 77px;
      padding-right: 12px
  }
  .tbsopt td:first-child .spanlg {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 30px;
      width: 30px;
      display: inline-block;
      vertical-align: top;
      border-radius: 3px
  }
  .tbsopt td:first-child .spanttl {
      font-size: 13px;
      line-height: 30px;
      padding-left: 5px;
      vertical-align: top
  }
  .tbsopt2 tr {
      border-top: 1px solid #ddd
  }
  .tbsopt2 tr:first-child {
      border-top: none
  }
  .tbsopt2 td:first-child {
      padding: 6px 12px;
      width: 20px
  }
  .tbsopt2 tr:hover {
      background: #fffcf2
  }
  .tbsopt2 td:first-child .spanlg {
      background-size: 30px 30px;
      background-repeat: no-repeat;
      height: 30px;
      width: 30px;
      display: inline-block;
      vertical-align: top;
      border-radius: 3px
  }
  .tbsopt2 td:first-child .spanttl {
      font-size: 13px;
      line-height: 30px;
      padding-left: 5px;
      vertical-align: top
  }
  .spanck {
      cursor: pointer;
      margin: 5px 0;
      width: 16px;
      height: 16px;
      background: white;
      border: 2px solid #ccc;
      border-radius: 50%;
      color: white;
      font-size: 12px;
      line-height: 16px
  }
  .spanck:hover {
      background: #6995be;
      border: 2px solid #ccc;
      color: white
  }
  div.ckst1>div:first-child {
      padding: 3px 12px 0 0
  }
  div.ckst1>div {
      float: left
  }
  .ckst2 {
      line-height: 7px
  }
  .ckf {
      background-color: #ede9e9;
      background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5)));
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
      background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
      background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
      background-image: -ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
      border: 1px solid #ccc;
      border-radius: 3px;
      display: inline-block;
      font-weight: bold;
      height: 29px;
      overflow: hidden;
      position: relative;
      width: 101px
  }
  .ckl {
      height: 22px;
      width: 75px
  }
  .ckyes {
      color: red;
      float: left;
      text-align: center;
      text-shadow: 0 1px 0 #fff;
      width: 50px
  }
  .ckmid {
      background-color: #dadada;
      background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
      background-image: -moz-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
      background-image: -ms-linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
      background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
      border: 1px solid #ccc;
      border-radius: 3px;
      border-top: none;
      display: block;
      float: left;
      height: 100%;
      position: relative;
      width: 52px;
      z-index: 2
  }
  .ckno {
      color: #666;
      float: left;
      text-align: center;
      text-shadow: 0 1px 0 #fff;
      width: 50px
  }
  input[type="checkbox"] {
      margin: 3px .5ex;
      padding: initial;
      background-color: initial;
      border: initial
  }
  input[type="checkbox"] {
      -webkit-appearance: checkbox;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box
  }
  .ckf input:checked+label {
      left: 0
  }
  .ckf input[disabled]+label,
  .ckl input[disabled]+label {
      cursor: default;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      opacity: .5;
      pointer-events: none
  }
  .ckf input {
      margin-left: -1000px
  }
  .ckl .ckyes,
  .ckl .ckno {
      width: 37px
  }
  .ckl .ckmid {
      width: 38px
  }
  label {
      cursor: pointer;
      color: #666;
      font-size: 13px;
      font-weight: bold;
      vertical-align: middle
  }
  .ckf label {
      cursor: pointer;
      font-size: 1.1em;
      height: 100%;
      left: -51px;
      line-height: 31px;
      position: absolute;
      top: 0;
      -webkit-transition: .12s;
      -moz-transition: .12s;
      -o-transition: .12s;
      -ms-transition: .12s;
      transition: .12s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 200%;
      z-index: 1
  }
  .ckf label {
      font-size: .8em;
      line-height: 23px
  }
  .ckl label {
      left: -41px
  }
  .pop.slim li {
      font-size: 13px
  }
  .pop.slim li>a {
      border-bottom: 0;
      color: #000
  }
  [contenteditable="true"].single-line {
      white-space: nowrap;
      overflow: hidden
  }
  [contenteditable="true"].single-line br {
      display: none
  }
  [contenteditable="true"].single-line * {
      display: inline;
      white-space: nowrap
  }
  .pop.slim li:hover,
  .pop.slim li.checked {
      background: #ededed;
      color: #333
  }
  w .pop.slim li>a:hover {
      background: #A0A0A0
  }
  .pop.slim li>a.menubutton:active,
  .pop.slim li>a.menubutton:hover {
      background: #ededed
  }
  .pop {
      position: absolute;
      background: #fff;
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      border: 1px solid #000;
      border: 1px solid rgba(100, 100, 100, .4);
      border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      line-height: 18px;
      width: 256px;
      padding: 0;
      left: 10px;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 300
  }
  .pop .h {
      position: relative;
      height: 26px;
      border-bottom: 1px solid #c5c5c5;
      text-align: center;
      padding: 8px 8px 0
  }
  .pop .t {
      color: #939393;
      display: block;
      font-weight: bold;
      line-height: 21px;
      overflow: hidden;
      padding: 0 24px;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 190px
  }
  .pop .h .b-close {
      padding: 2px;
      position: absolute;
      top: 8px;
      right: 8px;
      cursor: pointer
  }
  .poplist li>a.disabled:hover {
      background-color: #fff;
      color: grey;
      cursor: default
  }
  .poplist li>a,
  .poplist li a.popstyle {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer;
      display: block;
      font-weight: bold;
      padding: 6px 10px;
      position: relative;
      margin: 0;
      border-bottom: 1px solid #fff;
      text-decoration: none
  }
  .poplist li:last-child>a {
      border-bottom: 0
  }
  .poplist li>a:hover,
  .poplist li a.popstyle.hover,
  .poplist li a.popstyle:hover {
      background: #09d;
      color: #fff
  }
  .poplist li>a:active,
  .poplist li>a.checked,
  .poplist li a.popstyle:checked,
  .poplist li a.popstyle:active {
      background: #e0eff6
  }
  .poplist li>a>div {
      margin: 5px 10px 0 0;
      width: 16px;
      height: 16px;
      background: white;
      border: 2px solid #ccc;
      border-radius: 50%;
      position: absolute;
      top: 0;
      right: 0;
      color: white;
      font-size: 12px;
      line-height: 16px
  }
  .poplist li>a>div.checked {
      background: #6995be;
      border: 2px solid white;
      color: white
  }
  .pop-over {
      background: #fff;
      -webkit-box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 18px rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 50px;
      width: 400px;
      left: 50%;
      margin-left: -200px;
      margin-bottom: 20px;
      border-radius: 5px;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400
  }
  .pop-over .poph {
      -webkit-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f6f6), color-stop(1, #e2e2e2));
      background-image: -webkit-linear-gradient(top, #f6f6f6 0, #e2e2e2 100%);
      background-image: -moz-linear-gradient(top, #f6f6f6 0, #e2e2e2 100%);
      background-image: -o-linear-gradient(top, #f6f6f6 0, #e2e2e2 100%);
      background-image: -ms-linear-gradient(top, #f6f6f6 0, #e2e2e2 100%);
      background-image: linear-gradient(top, #f6f6f6 0, #e2e2e2 100%);
      border-bottom: 1px solid #d5d5d5
  }
  .pop-over .popt {
      line-height: 40px;
      margin-left: 14px;
      font-weight: bold;
      display: inline-block;
      text-shadow: 0 1px 0 #fff;
      color: #423e3e
  }
  .pop-over .popc {
      padding: 10px 10px
  }
  .popc span:first-child {
      width: auto;
      display: block;
      padding: 10px 2%;
      color: #888;
      font-size: 13px
  }
  .popc .btnprof {
      width: 48%;
      background: #e2e2e2;
      border-radius: 3px;
      font-size: 13px;
      display: inline-block;
      cursor: pointer;
      margin: 0 1% 8px
  }
  .popc .btnprof:hover {
      background: #c0c0c0;
      cursor: pointer
  }
  .popc .btnprof div:first-child {
      float: left;
      width: 30px;
      height: 30px;
      border-radius: 3px 0 0 3px;
      display: inline-block;
      vertical-align: top;
      background-size: contain;
      border-right: 1px solid rgba(175, 175, 175, 0.5);
      background-color: white;
      background-size: cover;
      background-position: 50%
  }
  .popc .btnprof span {
      vertical-align: top;
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      padding-left: 3px
  }
  .popc .btnprof div:nth-child(3) {
      position: absolute;
      top: 0;
      border: 1px solid rgba(195, 195, 195, 0.5);
      width: 180px;
      height: 28px;
      border-radius: 3px
  }
  .momspan {
      color: #fff;
      font-size: 13px;
      line-height: 30px;
      border-radius: 3px;
      padding: 6px 12px;
      display: none
  }
  .sendingSent {
      background: #00D144;
      padding: 3px 12px;
      vertical-align: middle
  }
  .sendingError {
      background: #f5f5f5;
      color: red;
      display: inline-block
  }
  .sendingLoading {
      display: inline-block;
      line-height: 10px
  }
  .momopt {
      display: none;
      vertical-align: middle;
      padding: 0 0 0 6px
  }
  .momopt a {
      font-size: 13px;
      padding: 0 6px
  }
  .momopt a:nth-child(2) {
      color: #cc6363
  }
  .moreoptarr {
      line-height: 30px;
      color: #999
  }
  .button_aR {
      height: 30px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #fff;
      line-height: 30px;
      text-align: right
  }
  #humm {
      box-shadow: none
  }
  ._fbShadIMG:after {
      border: 1px solid rgba(0, 0, 0, .15);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0
  }
  .tbsopt select {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      border: 1px solid #aaa;
      padding: 4px;
      color: #555
  }
  .dac.dacimg-size {
      width: 300px;
      padding: 20px
  }
  .dac {
      margin: 0 auto
  }
  .dacimg-size .dacmask {
      width: 300px;
      height: 300px
  }
  .dacmask {
      overflow: hidden;
      position: relative
  }
  .dac .dacmask:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1999;
      opacity: .75;
      -ms-filter: "alpha(opacity=75)";
      box-shadow: inset 0 0 0 40px white, inset 0 0 0 41px rgba(0, 0, 0, .1), inset 0 0 20px 41px rgba(0, 0, 0, .2)
  }
  .dacimg {
      display: block
  }
  .dac-slider-out {
      font-size: 14px;
      margin: 10px auto;
      width: 250px;
      position: relative
  }
  .ui-widget {
      font-family: Verdana, Arial, sans-serif
  }
  .ui-slider {
      position: relative;
      text-align: left
  }
  .dac-slider {
      display: inline-block;
      cursor: pointer;
      margin: 0 14px;
      width: 208px;
      height: 7px;
      background-color: #eee;
      border: 0;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
      border-radius: 3.1px
  }
  .ui-slider .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 1.2em;
      height: 1.2em;
      cursor: default
  }
  .ui-slider-horizontal .ui-slider-handle {
      top: -.3em;
      margin-left: -.6em
  }
  .dac-slider .ui-slider-handle {
      cursor: pointer;
      width: 16px;
      height: 16px;
      border: 1px solid #c5c5c5;
      border-radius: 4px;
      background: #fff;
      background: linear-gradient(#fff, #e0e0e0);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e0e0e0,GradientType=0)";
      box-shadow: 0 0 3px rgba(0, 0, 0, .1)
  }
  .dacfooter {
      text-align: right;
      border-top: 1px solid #ddd;
      padding: 15px
  }
  .tools {
      margin-top: 40px
  }
  .tools>div:first-child,
  .tools>div:last-child {
      margin: 0 auto;
      width: 5px;
      height: 5px;
      background: #ccc;
      border-radius: 4px
  }
  .tools .toolsitem {
      height: auto;
      font-size: 0;
      position: relative
  }
  .tools .toolsitem .left {
      padding: 0 10px;
      height: 375px;
      width: 401.5px;
      display: inline-block;
      vertical-align: top;
      font-size: 13px
  }
  .tools .toolsitem .right {
      padding: 0 10px;
      height: 375px;
      max-width: 401.5px;
      border-left: 1px solid #ccc;
      display: inline-block;
      vertical-align: top;
      font-size: 13px;
      text-align: center
  }
  .tools .toolsitem .left>div:first-child,
  .tools .toolsitem .right>div:first-child {
      padding-right: 20%;
      display: table-cell;
      vertical-align: middle;
      width: 401.5px;
      height: 375px
  }
  .tools .toolsitem .text {
      display: inline-block;
      height: auto;
      text-align: center
  }
  .tools a {
      font-size: 13px
  }
  .tools a>div:first-child {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -46px;
      margin-top: -46px;
      width: 92px;
      height: 92px;
      border-radius: 46px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #ccc;
      text-align: center;
      overflow: hidden;
      background: white
  }
  .tools h3 {
      font-size: 32px;
      line-height: 32px;
      font-weight: 300
  }
  .tools p {
      color: #808080
  }
  .appuropagestitle {
      padding-left: 100px;
      padding-right: 100px;
      margin-top: 30px
  }
  svg {
      -webkit-transform: translateZ(0)
  }
  #borderp {
      fill: #800;
      fill-opacity: 1
  }
  #CSPhotoSelector {
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      padding: 10% 0 0;
      z-index: 1000;
      color: #252525;
      font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
      font-size: 11px;
      background: rgba(0, 0, 0, .9)
  }
  #CSPhotoSelector,
  #CSPhotoSelector * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
      box-sizing: content-box;
      line-height: normal
  }
  #CSPhotoSelector a,
  #CSPhotoSelector a:active,
  #CSPhotoSelector a:hover,
  #CSPhotoSelector a:visited {
      text-decoration: none;
      color: #3B5998
  }
  #CSPhotoSelector img {
      max-width: none
  }
  #CSPhotoSelector p,
  #CSPhotoSelector ul,
  #CSPhotoSelector li {
      margin: 0;
      padding: 0
  }
  #CSPhotoSelector li {
      list-style-type: none
  }
  #CSPhotoSelector .CSPhotoSelector_clearfix:before,
  #CSPhotoSelector .CSPhotoSelector_clearfix:after {
      content: "";
      display: table
  }
  #CSPhotoSelector .CSPhotoSelector_clearfix:after {
      clear: both
  }
  #CSPhotoSelector .CSPhotoSelector_clearfix {
      zoom: 1
  }
  #CSPhotoSelector .CSPhotoSelector_dialog {
      width: 628px;
      padding: 10px;
      margin: 0 auto;
      position: relative;
      background: rgba(82, 82, 82, 0.7);
      overflow: hidden;
      border-radius: 8px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog #CSPhotoSelector_buttonClose {
      position: absolute;
      right: 18px;
      top: 15px;
      font-size: 16px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog #CSPhotoSelector_buttonClose,
  #CSPhotoSelector .CSPhotoSelector_dialog #CSPhotoSelector_buttonClose:active,
  #CSPhotoSelector .CSPhotoSelector_dialog #CSPhotoSelector_buttonClose:hover,
  #CSPhotoSelector .CSPhotoSelector_dialog #CSPhotoSelector_buttonClose:visited {
      color: #fff
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_form {
      border: 1px solid #3B5998
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_header {
      padding: 7px 10px;
      background: #6D84B4;
      color: #fff;
      font-size: 14px;
      font-weight: bold
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_content {
      background: #fff;
      padding: 10px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_searchContainer {
      margin-top: 10px;
      padding: 10px;
      background: #f1f1f1;
      border: solid #cacaca;
      border-width: 1px 0;
      font-weight: bold
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_searchContainer .CSPhotoSelector_selectedCountContainer {
      float: left;
      padding: 3px 0
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_searchContainer #CSPhotoSelector_backToAlbums {
      float: right;
      padding: 3px 0
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer {
      margin: 10px 0 0
  }
  #CSPhotoSelector .CSPhotoSelector_content {
      height: 400px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSAlbum_container .CSPhotoSelector_album {
      position: relative;
      display: inline-block;
      width: 185px;
      margin: 0 8px 14px;
      cursor: pointer
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSAlbum_container .CSPhotoSelector_albumWrap {
      position: relative;
      width: 175px;
      padding: 4px;
      border: 1px solid #ccc
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSAlbum_container .CSPhotoSelector_albumWrap div {
      height: 120px;
      overflow: hidden
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSAlbum_container .CSPhotoSelector_album .CSPhotoSelector_photoAvatar {
      display: block;
      max-width: 100%;
      border: none
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhoto_container .CSPhotoSelector_photo {
      position: relative;
      display: inline-block;
      border: 1px solid #ccc;
      background: #fff;
      padding: 4px;
      margin: 0 5px 3px;
      height: 96px;
      width: 127px;
      overflow: hidden
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhoto_container .CSPhotoSelector_photo:hover,
  #CSPhotoSelector .CSPhotoSelector_dialog .CSAlbum_container .CSPhotoSelector_albumWrap:hover,
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhoto_container .CSPhotoSelector_photo.CSPhotoSelector_photoSelected {
      background: #f0f0f0;
      border-color: #3B5998;
      cursor: pointer
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhoto_container .CSPhotoSelector_photo span {
      position: relative;
      display: block;
      overflow: hidden;
      height: 100%;
      width: 100%
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhoto_container .CSPhotoSelector_photo .CSPhotoSelector_photoAvatar {
      position: relative;
      display: block;
      width: 120%;
      left: -10%;
      margin: 0 auto;
      border: none
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer .CSPhotoSelector_album .CSPhotoSelector_photoName {
      display: block;
      width: 100%;
      font-weight: bold;
      text-align: left;
      font-size: 12px;
      padding: 5px 0 0;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer .CSPhotoSelector_photo:hover .CSPhotoSelector_photoSelect {
      display: block
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer .CSPhotoSelector_photo.CSPhotoSelector_photoDisabled {
      cursor: default;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      opacity: .5
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer .CSPhotoSelector_photo.CSPhotoSelector_photoDisabled:hover .CSPhotoSelector_photoSelect {
      display: none
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_photosContainer .CSPhotoSelector_photo.CSPhotoSelector_photoFiltered {
      display: none
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer {
      padding: 8px 10px;
      background: #F2F2F2;
      border-top: 1px solid #CCC
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pagePrev,
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pageNext {
      float: left;
      height: 21px;
      width: 22px;
      overflow: hidden;
      text-indent: -999em;
      background: transparent url(../images/csphotoselector/1447437074csphotoselector-pagination.png) no-repeat 0 0
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pagePrev {
      background-position: -44px 0;
      margin-right: 2px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pageNext {
      margin-right: 6px
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pagePrev.CSPhotoSelector_disabled {
      background-position: -66px 0;
      cursor: default
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_pageNext.CSPhotoSelector_disabled {
      background-position: -22px 0;
      cursor: default
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer .CSPhotoSelector_pageNumberContainer {
      float: left;
      padding: 4px 0 0
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_buttonOK,
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_buttonCancel {
      display: none;
      float: right;
      background: #3B5998;
      color: #fff;
      font-weight: bold;
      padding: 4px 20px 5px 20px;
      border: 1px solid;
      border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA
  }
  #CSPhotoSelector .CSPhotoSelector_dialog .CSPhotoSelector_footer #CSPhotoSelector_buttonCancel {
      display: block;
      border: 1px solid;
      border-color: #999 #999 #888 #999;
      background-color: #eee;
      color: #252525;
      margin-right: 8px;
      cursor: pointer
  }
  #CSPhotoSelector_loader {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: url(../images/csphotoselector/1447437074loader.gif) center center no-repeat rgba(255, 255, 255, 0.5);
      border-radius: 8px
  }
  .CSPhotoSelector_wrapper {
      position: absolute;
      top: 43px;
      left: 670px;
      width: 606px;
      overflow: auto;
      -webkit-transition: left .3s ease-in-out;
      -moz-transition: left .3s ease-in-out;
      -o-transition: left .3s ease-in-out;
      -ms-transition: left .3s ease-in-out;
      transition: left .3s ease-in-out
  }
  .CSPhoto_container_active {
      left: 11px
  }
  .legalmenuitem {
      margin-top: 32px
  }
  .fl {
      float: left
  }
  .fr {
      float: right
  }
  .textl {
      text-align: left
  }
  .textc {
      text-align: center
  }
  .textr {
      text-align: right
  }
  .pr {
      position: relative
  }
  .pa {
      position: absolute
  }
  .fs0 {
      font-size: 0
  }
  .p012 {
      padding: 0 12px
  }
  .dhidden {
      display: hidden
  }
  .dnone {
      display: none
  }
  .appuropagescontent {
      text-align: center;
      padding: 40px 101px 0 100px
  }
  .mobile .welrightbg {
      display: none
  }
  .tipsy {
      font-size: 10px;
      position: absolute;
      padding: 5px;
      z-index: 100000
  }
  .tipsy-inner {
      background-color: #000;
      color: #FFF;
      max-width: 200px;
      padding: 5px 8px 4px 8px;
      text-align: center
  }
  .tipsy-inner {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px
  }
  .tipsy-arrow {
      position: absolute;
      width: 0;
      height: 0;
      line-height: 0;
      border: 5px dashed #000
  }
  .tipsy-arrow-n {
      border-bottom-color: #000
  }
  .tipsy-arrow-s {
      border-top-color: #000
  }
  .tipsy-arrow-e {
      border-left-color: #000
  }
  .tipsy-arrow-w {
      border-right-color: #000
  }
  .tipsy-n .tipsy-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-nw .tipsy-arrow {
      top: 0;
      left: 10px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-ne .tipsy-arrow {
      top: 0;
      right: 10px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-s .tipsy-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-sw .tipsy-arrow {
      bottom: 0;
      left: 10px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-se .tipsy-arrow {
      bottom: 0;
      right: 10px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent
  }
  .tipsy-e .tipsy-arrow {
      right: 0;
      top: 50%;
      margin-top: -5px;
      border-left-style: solid;
      border-right: none;
      border-top-color: transparent;
      border-bottom-color: transparent
  }
  .tipsy-w .tipsy-arrow {
      left: 0;
      top: 50%;
      margin-top: -5px;
      border-right-style: solid;
      border-left: none;
      border-top-color: transparent;
      border-bottom-color: transparent
  }
  @media all {
      ::selection {
          color: #252627;
          background: #B6D9F8;
          text-shadow: none
      }
  }
  @media(max-width:740px) {
      .dialog {
          left: inherit;
          margin-left: inherit
      }
  }
  @media(max-width:1390px) {
      .signow .social-login ul {
          margin: 0;
          padding: 10px 0 10px 20px
      }
  }
  @media(max-width:1320px) {
      .seehow {
          font-size: 14px;
          margin: 5px 0 5px 0
      }
  }
  @media(max-width:1250px) {
      .seehow {
          display: none
      }
  }
  @media(max-width:745px) {
      .legalmenuitem, .legaltextitem {
          width: 100%!important;
          margin-top: 0
      }
      .forgot-padding {
          padding: 40px 15px 0 15px
      }
      .legal span {
          display: none
      }
      .legal a {
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc
      }
  }
  @media(max-width:1050px) {
      .acceptterms {
          font-size: 10px
      }
      .acceptterms a {
          font-size: 10px
      }
  }
  @media(max-width:1070px) {
      .pricing .popular {
          display: none
      }
      .pricing {
          overflow-x: auto
      }
  }
  @media(max-width:1060px) {
      .tools .toolsitem .right {
          border-left: 1px none;
          float: inherit!important;
          height: auto
      }
      .tools .toolsitem .right>div:first-child {
          padding: 0
      }
      .tools>div:first-child,
      .tools>div:last-child {
          display: none
      }
      .tools .toolsitem .left {
          padding: 0;
          width: 100%;
          height: auto
      }
      .tools .toolsitem .left>div:first-child,
      .tools .toolsitem .right>div:first-child {
          margin: 0 auto;
          padding: 0;
          height: auto;
          width: 100%;
          display: inherit
      }
      .tools a>div:first-child {
          position: relative;
          top: 0;
          left: 0;
          width: auto;
          border-radius: 20px;
          margin: 40px auto 10px auto
      }
      .tools .toolsitem .right>div:first-child {
          padding: 0!important
      }
      .tools .toolsitem .right {
          padding: 0
      }
      .appuropagestitle {
          padding: 0;
          margin: 0
      }
  }
  @media(max-width:990px) {
      .signow ul {
          margin: 0;
          padding: 10px 0 0 0
      }
      .welrightbg {
          padding-top: 40px
      }
  }
  @media(max-width:890px) {
      .welrightbg {
          padding-top: 0
      }
      .pricing .pricing-header .topleft {
          width: 10px
      }
      .
  }
  @media(max-width:732px) {
      .dft.forgot-box {
          width: auto!important
      }
      .forgot-padding {
          padding: 0
      }
      .demoreq div {
          width: auto!important;
          margin: 0!important;
          height: auto!important
      }
      .h30 {
          height: auto!important
      }
      form.signin {
          display: none
      }
      .logo-login {
          display: block;
          margin: auto auto
      }
      .container-top-signin {
          top: 13px
      }
      .appuropagescontent {
          padding: 0
      }
      .tools a>div:first-child {
          border-radius: 0
      }
  }
  @media(max-width:470px) {
      .signow ul li {
          display: inline
      }
      .signow ul li a {
          margin: 5px 5px;
          padding: 0 40px
      }
      .welcome {
          font-size: 24px;
          line-height: 26px
      }
      .welcomesubtitle {
          display: none
      }
      .welcomesubsubtitle {
          font-size: 12px;
          line-height: 14px
      }
  }
  @media(max-width:450px) {
      .mainfooterjoin {
          text-align: center;
          display: block
      }
      .mainmailblock {
          width: auto!important
      }
      .foo1 .footb a span {
          text-align: center
      }
  }
  @media print {
      .container-left,
      .dialog,
      .nav,
      .edit,
      .header-open,
      .delete,
      .nav-list,
      .container-left,
      .add {
          display: none
      }
      .container {
          overflow: visible;
          left: 0;
          top: 0
      }
  }
  .cc_banner-wrapper {
      z-index: 9001;
      position: relative
  }
  @media print {
      .cc_banner-wrapper,
      .cc_container {
          display: none
      }
  }
  .zopim.cc_zopim {
      margin-bottom: 45px!important
  }
  .cc_container {
      position: fixed;
      left: 0;
      padding: 7px 26px 7px;
      right: 0;
      bottom: 0;
      overflow: hidden;
      background: #444;
      color: #fff;
      font-size: 15px;
      font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
      box-sizing: border-box
  }
  .cc_container .cc_btn {
      padding: 7px;
      color: white;
      cursor: pointer;
      transition: font-size 200ms;
      text-align: center;
      display: block;
      width: 33%;
      margin-left: 10px;
      max-width: 60px;
      font-size: .6em;
      float: left;
      margin-right: 5px;
      line-height: 1em;
      background-color: black
  }
  .cc_container .cc_message {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      color: #ddd;
      transition: font-size 200ms;
      font-size: .6em;
      display: block;
      margin: 0;
      padding: 0;
      line-height: 26px
  }
  .mobile .cc_container .cc_message {
      line-height: 1.5em
  }
  @media screen and (min-width: 500px) {
      .cc_container .cc_btn {
          font-size: .8em
      }
      .cc_container .cc_message {
          font-size: .8em
      }
  }
  @media screen and (min-width: 768px) {
      .cc_container .cc_btn {
          font-size: .8em;
          padding: 8px 15px
      }
      .cc_container .cc_message {
          font-size: .8em
      }
  }
  @media screen and (min-width: 992px) {
      .cc_container .cc_message {
          font-size: .8em
      }
  }
  .cc_container::-moz-selection {
      background: #ff5e99;
      color: #fff;
      text-shadow: none
  }
  .cc_container .cc_btn,
  .cc_container .cc_btn:visited {
      padding: 7px;
      color: #fff;
      background-color: #000;
      transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
      -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
      border-radius: 5px;
      -webkit-border-radius: 5px
  }
  .cc_container .cc_btn:hover,
  .cc_container .cc_btn:active {
      background-color: #fff;
      color: #000
  }
  .cc_container a,
  .cc_container a:visited {
      text-decoration: none;
      color: #31a8f0;
      transition: 200ms color
  }
  .cc_container a:hover,
  .cc_container a:active {
      color: #b2f7ff
  }
  @-webkit-keyframes slideUp {
      0% {
          -webkit-transform: translateY(66px);
          transform: translateY(66px)
      }
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0)
      }
  }
  @keyframes slideUp {
      0% {
          -webkit-transform: translateY(66px);
          -ms-transform: translateY(66px);
          transform: translateY(66px)
      }
      100% {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
      }
  }
  .cc_container,
  .cc_message,
  .cc_btn {
      animation-duration: .8s;
      -webkit-animation-duration: .8s;
      -moz-animation-duration: .8s;
      -o-animation-duration: .8s;
      -webkit-animation-name: slideUp;
      animation-name: slideUp
  }