.enterprise-container #mart-header.transparent {
  top: 14px; }
  .enterprise-container #mart-header.transparent #top-menu {
    height: 63px;
    background: transparent; }
    .enterprise-container #mart-header.transparent #top-menu .logo .logo-enterprise {
      display: block; }

.enterprise-container #mart-header.fixed {
  background: #273444;
  top: 0; }

.enterprise-container #mart-header #top-menu {
  box-sizing: border-box;
  padding: 0 35px 0 28px;
  height: 63px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #273444;
  box-shadow: none; }
  .enterprise-container #mart-header #top-menu .nav-icon {
    display: none; }
  .enterprise-container #mart-header #top-menu a {
    color: #fff;
    opacity: 0.8; }
    .enterprise-container #mart-header #top-menu a:hover {
      opacity: 1; }
  .enterprise-container #mart-header #top-menu .left-zone .logo {
    float: none;
    display: block;
    height: initial; }
    .enterprise-container #mart-header #top-menu .left-zone .logo .logo-enterprise {
      display: block;
      height: 33px;
      margin: auto; }
  .enterprise-container #mart-header #top-menu .right-zone {
    float: none;
    line-height: 63px; }
    .enterprise-container #mart-header #top-menu .right-zone ul.nav li {
      display: inline-block;
      width: 70px;
      text-align: center; }

.enterprise-container.main-container .view-container {
  padding-top: 63px; }
  .enterprise-container.main-container .view-container.detailed-footer {
    padding-bottom: 352px; }

@media only screen and (max-width: 767px) {
  .enterprise-container #mart-header #top-menu {
    padding: 0 21px 0 14px; }
    .enterprise-container #mart-header #top-menu .nav-icon {
      display: block;
      height: initial; }
      .enterprise-container #mart-header #top-menu .nav-icon span {
        color: #fff; }
    .enterprise-container #mart-header #top-menu.active .right-zone {
      display: block;
      position: absolute;
      width: 100%;
      top: -14px;
      left: 0; }
      .enterprise-container #mart-header #top-menu.active .right-zone ul.nav.active {
        padding-top: 77px;
        max-height: 40rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .enterprise-container #mart-header #top-menu.active .right-zone ul.nav.active li {
          width: 100%;
          text-align: left;
          padding-left: 21px; }
  .enterprise-container.main-container .view-container.detailed-footer {
    padding-bottom: 952px; } }

#enterprise {
  color: #273444;
  background: #FFF;
  text-align: center; }
  #enterprise .section {
    position: relative; }
  #enterprise .section-container {
    width: 100%;
    max-width: 1112px;
    margin-left: auto;
    margin-right: auto; }
  #enterprise .section-content {
    margin-left: auto;
    margin-right: auto; }
  #enterprise .section-title {
    font-size: 2.5rem; }
  #enterprise img {
    width: 100%;
    height: 100%; }
  #enterprise i {
    display: inline-block;
    margin-right: 0.5rem; }
  #enterprise .deep-dark {
    color: #2D3238; }
  #enterprise .grey-blue {
    color: #8796A8; }
  #enterprise .havelock-blue {
    color: #4289DB; }
  #enterprise .bright-blue {
    color: #4289DC; }
  #enterprise .pure-white {
    color: #FFF; }
  @media only screen and (max-width: 767px) {
    #enterprise .section-title {
      font-size: 2rem; } }
  #enterprise .section.banner {
    max-height: 602px;
    height: 100vh;
    background: url("/images/enterprise/banner@14x.jpg") center/cover no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 77px; }
    #enterprise .section.banner .header {
      z-index: 1;
      font-size: 3rem;
      margin-bottom: 1rem; }
      #enterprise .section.banner .header p {
        display: inline-block; }
    #enterprise .section.banner .slogan {
      z-index: 1;
      font-size: 18px;
      width: 90%; }
    #enterprise .section.banner::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      background: rgba(21, 53, 91, 0.6) left repeat; }
    #enterprise .section.banner .button-container {
      z-index: 2;
      margin: 35px auto 0; }
      #enterprise .section.banner .button-container .publish-enterprise {
        display: inline-block;
        height: 42px;
        line-height: 42px;
        width: 162px;
        background: #4289dc;
        border-radius: 2px; }
        #enterprise .section.banner .button-container .publish-enterprise:hover {
          background: #3a79c2; }
    #enterprise .section.banner .note {
      position: absolute;
      bottom: 1%;
      right: 1%;
      color: #fff;
      opacity: 0.8;
      z-index: 2; }
      #enterprise .section.banner .note a {
        color: #fff;
        opacity: 0.8;
        text-decoration: underline; }
        #enterprise .section.banner .note a:hover {
          opacity: 1; }
    @media only screen and (max-width: 767px) {
      #enterprise .section.banner .header {
        font-size: 2rem; }
        #enterprise .section.banner .header p {
          display: block; }
          #enterprise .section.banner .header p:first-child {
            margin-right: 0; }
      #enterprise .section.banner .slogan {
        font-size: 1.2rem; } }
  #enterprise .section.feature {
    padding: 93px 0; }
    #enterprise .section.feature .section-content {
      margin-top: 49px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    #enterprise .section.feature .flex-container {
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    #enterprise .section.feature .desc-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      #enterprise .section.feature .desc-wrapper .img-container {
        width: 49px;
        height: 49px;
        margin-right: 18px; }
      #enterprise .section.feature .desc-wrapper .desc {
        width: 182px;
        text-align: left; }
        #enterprise .section.feature .desc-wrapper .desc .title {
          font-size: 1.5rem; }
        #enterprise .section.feature .desc-wrapper .desc .detail {
          color: #727f8f;
          margin-top: 11px; }
    @media only screen and (max-width: 1139px) {
      #enterprise .section.feature .section-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      #enterprise .section.feature .flex-container {
        width: 100%; }
        #enterprise .section.feature .flex-container:first-child {
          margin-bottom: 1rem; } }
    @media only screen and (max-width: 767px) {
      #enterprise .section.feature {
        padding: 42px 0; }
        #enterprise .section.feature .section-content {
          margin-top: 35px; }
        #enterprise .section.feature .desc-wrapper {
          padding: 7px 0; }
          #enterprise .section.feature .desc-wrapper .img-container {
            width: 42px;
            height: 42px;
            margin-right: 14px; }
          #enterprise .section.feature .desc-wrapper .desc {
            width: 70%;
            max-width: 263px; }
            #enterprise .section.feature .desc-wrapper .desc .title {
              font-size: 1.2rem; }
            #enterprise .section.feature .desc-wrapper .desc .detail {
              margin-top: 7px; } }
    @media only screen and (max-width: 570px) {
      #enterprise .section.feature .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #enterprise .section.feature .flex-container .desc-wrapper:first-child {
          margin-bottom: 1rem; } }
  #enterprise .section.deliverable {
    padding: 6rem 0; }
    #enterprise .section.deliverable .section-content {
      margin-top: 3.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #enterprise .section.deliverable .desc-wrapper {
      box-sizing: border-box;
      height: 271px;
      width: 14%;
      border-left: solid 1px #cad3de;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 13px; }
      #enterprise .section.deliverable .desc-wrapper:last-child {
        border-right: solid 1px #cad3de; }
    #enterprise .section.deliverable .img-container {
      width: 100%; }
      #enterprise .section.deliverable .img-container img {
        width: 42px;
        height: 42px; }
      #enterprise .section.deliverable .img-container .title {
        margin-right: 13px;
        padding: 24px 0 21px;
        font-size: 1.5rem;
        border-bottom: solid 1px #e0e6ed; }
    #enterprise .section.deliverable .desc {
      width: 100%; }
      #enterprise .section.deliverable .desc .detail {
        text-align: left;
        padding-top: 42px;
        color: #727f8f; }
        #enterprise .section.deliverable .desc .detail p:first-child {
          margin-bottom: 29px; }
    @media only screen and (max-width: 767px) {
      #enterprise .section.deliverable {
        padding: 0 0 35px; }
        #enterprise .section.deliverable .section-content {
          margin-top: 32px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
        #enterprise .section.deliverable .desc-wrapper {
          width: 95%;
          max-width: 350px;
          height: 124px;
          padding: 20px 0;
          box-sizing: border-box;
          border: none;
          border-bottom: solid 1px #cad3de;
          margin-bottom: 14px;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          #enterprise .section.deliverable .desc-wrapper:last-child {
            border-right: none; }
          #enterprise .section.deliverable .desc-wrapper .img-container {
            width: 33%;
            border-right: solid 1px #e0e6ed; }
            #enterprise .section.deliverable .desc-wrapper .img-container .title {
              padding: 0;
              margin-top: 14px;
              margin-right: 0;
              font-size: 1.2rem;
              border: none; }
          #enterprise .section.deliverable .desc-wrapper .desc {
            width: 67%; }
            #enterprise .section.deliverable .desc-wrapper .desc .detail {
              padding-top: 0;
              padding-left: 35px; } }
  #enterprise .section.resource {
    background: #f0f2f5;
    padding: 6rem 0; }
    #enterprise .section.resource .section-content {
      margin-top: 4.5rem;
      max-width: 922px; }
    #enterprise .section.resource .flex-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 35px; }
    #enterprise .section.resource .desc-wrapper {
      box-sizing: border-box;
      width: 48.5%;
      padding: 21.5px 35.5px;
      background: #FFFFFF;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      text-align: left;
      cursor: pointer; }
      #enterprise .section.resource .desc-wrapper .normal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; }
      #enterprise .section.resource .desc-wrapper .hover {
        font-size: 0;
        opacity: 0;
        -webkit-transition: 1.5s opacity ease;
        transition: 1.5s opacity ease; }
      #enterprise .section.resource .desc-wrapper:hover .normal {
        display: none; }
      #enterprise .section.resource .desc-wrapper:hover .hover {
        opacity: 1;
        font-size: 14px; }
    #enterprise .section.resource .img-container {
      margin-right: 14px; }
      #enterprise .section.resource .img-container img {
        width: 56px;
        height: 56px; }
    #enterprise .section.resource .desc .title {
      font-size: 1.2rem;
      color: #273444; }
    #enterprise .section.resource .desc .detail {
      margin-top: 7px;
      min-height: 4rem;
      color: #727f8f; }
    @media only screen and (max-width: 767px) {
      #enterprise .section.resource {
        padding: 42px 0; }
        #enterprise .section.resource .section-content {
          margin-top: 35px; }
        #enterprise .section.resource .flex-container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          #enterprise .section.resource .flex-container .desc-wrapper:first-child {
            margin-bottom: 35px; }
        #enterprise .section.resource .desc-wrapper {
          width: 95%;
          max-width: 347px; } }
  #enterprise .section.cases {
    padding: 5rem; }
    #enterprise .section.cases .section-content {
      margin-top: 4.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #enterprise .section.cases .desc-wrapper {
      max-width: 352px;
      width: 30%;
      box-sizing: border-box; }
      #enterprise .section.cases .desc-wrapper .flex-container {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      #enterprise .section.cases .desc-wrapper .img-wrapper {
        height: 200px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: 1px solid #DDE3EB;
        border-radius: 4px;
        cursor: pointer; }
        #enterprise .section.cases .desc-wrapper .img-wrapper:hover {
          border: 1px solid #CAD3DE;
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
        #enterprise .section.cases .desc-wrapper .img-wrapper img {
          height: 65px;
          width: initial; }
      #enterprise .section.cases .desc-wrapper .detail {
        margin-top: 2.5rem; }
        #enterprise .section.cases .desc-wrapper .detail p {
          margin-top: 7px; }
        #enterprise .section.cases .desc-wrapper .detail .name {
          color: #273444;
          font-size: 1.2rem; }
        #enterprise .section.cases .desc-wrapper .detail i {
          color: #3c4858; }
    @media only screen and (max-width: 1200px) {
      #enterprise .section.cases .section-content {
        width: 95%; } }
    @media only screen and (max-width: 767px) {
      #enterprise .section.cases {
        padding: 42px 0; }
        #enterprise .section.cases .section-content {
          margin-top: 7px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
        #enterprise .section.cases .desc-wrapper {
          width: 95%;
          margin-top: 35px; }
          #enterprise .section.cases .desc-wrapper .detail {
            margin-top: 21px; } }
  #enterprise .section.customer {
    padding: 4rem 0 6rem; }
    #enterprise .section.customer .section-content {
      margin-top: 5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #enterprise .section.customer .desc-wrapper {
      position: relative;
      width: 48.7%;
      border: 1px solid #E0E6ED;
      border-radius: 6px; }
      #enterprise .section.customer .desc-wrapper .customer-wrapper {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 35px 42px; }
      #enterprise .section.customer .desc-wrapper .customer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #enterprise .section.customer .desc-wrapper .customer img {
          width: 63px;
          height: 63px;
          margin-right: 28px; }
        #enterprise .section.customer .desc-wrapper .customer .desc {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          text-align: left;
          font-size: 1.2rem; }
          #enterprise .section.customer .desc-wrapper .customer .desc .name {
            font-size: 1.5rem;
            color: #4289DC; }
    #enterprise .section.customer .voice {
      margin-top: 28px;
      color: #727f8f;
      line-height: 35px;
      font-size: 1.2rem;
      text-align: left; }
    #enterprise .section.customer .rec {
      position: absolute;
      width: 95%;
      height: 7%;
      border: 1px solid #E0E6ED;
      border-top: none;
      border-radius: 4px;
      left: 2.5%;
      bottom: -7%; }
    @media only screen and (max-width: 767px) {
      #enterprise .section.customer {
        padding: 0 0 49px; }
        #enterprise .section.customer .section-content {
          margin-top: 15px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
        #enterprise .section.customer .desc-wrapper {
          width: 95%;
          max-width: 347px; }
          #enterprise .section.customer .desc-wrapper .customer-wrapper {
            padding: 35px 28px; }
          #enterprise .section.customer .desc-wrapper:first-child {
            margin-bottom: 35px; }
        #enterprise .section.customer .rec {
          height: 4%;
          bottom: -4%; } }
  #enterprise .section.slogan {
    padding: 113px 0;
    background: rgba(65, 137, 220, 0.15); }
    #enterprise .section.slogan .section-content {
      margin-top: 42px; }
    #enterprise .section.slogan .button-container {
      text-align: center; }
    #enterprise .section.slogan .publish-enterprise {
      display: inline-block;
      height: 49px;
      line-height: 49px;
      width: 217px;
      background: #4289DC;
      border-radius: 5px;
      font-size: 1.2rem; }
      #enterprise .section.slogan .publish-enterprise:hover {
        background: #3a79c2; }
    @media only screen and (max-width: 767px) {
      #enterprise .section.slogan .section-title {
        max-width: 20rem;
        margin: auto; } }