body {
  background: #282634; }

#main-banner .jumbotron {
  background-image: -webkit-linear-gradient(89deg, #A1A6AA 0%, #282634 100%);
  background-image: -o-linear-gradient(89deg, #A1A6AA 0%, #282634 100%);
  background-image: linear-gradient(179deg, #A1A6AA 0%, #282634 100%);
  padding-top: 0;
  margin-bottom: 0; }
  #main-banner .jumbotron .carousel-control.left, #main-banner .jumbotron .carousel-control.right {
    background: none; }
#main-banner a.banner-cta {
  background: #FF4E44;
  border: none;
  margin-top: 20px;
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-shadow: none; }
  #main-banner a.banner-cta:hover, #main-banner a.banner-cta:focus {
    background: #ff1e11; }
#main-banner button {
  background: #FF4E44;
  border: none;
  margin-top: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0; }
#main-banner .banner-desc {
  font-family: 'Lato', sans-serif;
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  padding-top: 100px; }

#inner-page .jumbotron {
  background: #282634;
  margin: 0;
  padding: 0; }

#solution .jumbotron {
  background: url(../images/background-solution.jpg) no-repeat;
  margin: 0;
  padding: 0; }
  #solution .jumbotron #solution-header {
    text-align: right;
    padding: 30px 0;
    padding-right: 30px; }
    #solution .jumbotron #solution-header h2 {
      font-family: Lato;
      font-weight: bold;
      font-size: 40px;
      color: #FFFFFF; }
    #solution .jumbotron #solution-header p {
      font-family: Arial;
      font-size: 21px;
      color: #FFFFFF;
      letter-spacing: 0;
      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
      margin-left: 30%; }
    #solution .jumbotron #solution-header button {
      background: #FF4E44;
      border: none;
      margin-top: 20px;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      font-size: 16px;
      color: #FFFFFF;
      letter-spacing: 0; }

.navbar-default {
  background: none;
  border: none;
  padding: 10px 0; }
  .navbar-default.navbar {
    margin-bottom: 0; }
  .navbar-default .navbar-brand {
    padding: 0; }
  .navbar-default .navbar-nav {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    padding-top: 10px; }
    .navbar-default .navbar-nav li {
      text-transform: uppercase; }
      .navbar-default .navbar-nav li a {
        color: #FBFBFB;
        font-weight: bold !important;
        padding-top: 5px;
        padding-bottom: 5px; }
        .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
          color: #FBFBFB; }
      .navbar-default .navbar-nav li.active a, .navbar-default .navbar-nav li.current-page-ancestor a {
        background: none;
        /* border-radius: 5px; */
        color: #FBFBFB; }
        .navbar-default .navbar-nav li.active a:hover, .navbar-default .navbar-nav li.active a:focus, .navbar-default .navbar-nav li.current-page-ancestor a:hover, .navbar-default .navbar-nav li.current-page-ancestor a:focus {
          background: none;
          color: #FBFBFB; }

#highlight {
  padding: 40px 0; }
  #highlight h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 43px;
    color: #FBFBFB;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 20px; }
  #highlight h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #EA5845;
    margin: 0;
    padding: 0;
    text-align: center; }
  #highlight .highlight-box {
    color: #FBFBFB;
    background: rgba(255, 255, 255, 0.2);
    padding: 23px 23px; }
    #highlight .highlight-box h4 {
      margin: 0;
      padding: 0;
      margin-bottom: 5px;
      font-family: Arial;
      font-weight: bold;
      font-size: 16px; }
    #highlight .highlight-box p {
      font-family: Arial;
      font-size: 13px;
      color: #FBFBFB; }
    #highlight .highlight-box img {
      margin-right: 15px; }

#best-people {
  background: url(../images/background-best-people.jpg) no-repeat; }
  #best-people #best-people-right {
    padding-top: 40px; }
    #best-people #best-people-right h2 {
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      font-size: 43px;
      color: #FBFBFB;
      margin: 0;
      padding: 0; }
    #best-people #best-people-right h3 {
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      font-size: 26px;
      color: #EA5845;
      margin: 0;
      padding: 0;
      margin-bottom: 20px; }
    #best-people #best-people-right p {
      font-family: Arial;
      color: #FBFBFB;
      font-size: 16px; }

#services {
  padding-top: 40px; }
  #services h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 43px;
    color: #FBFBFB;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 80px; }
  #services h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #EA5845;
    margin: 0;
    padding: 0;
    text-align: center; }
  #services #product-service-box .service-box {
    background: rgba(255, 255, 255, 0.14);
    text-align: center;
    padding: 30px 20px 20px 20px; }
    #services #product-service-box .service-box span {
      display: none; }
    #services #product-service-box .service-box > a {
      display: inline-block;
      background: #FF4E44;
      text-transform: uppercase;
      border-radius: 5px;
      font-family: Arial;
      font-size: 12px;
      color: #FFFFFF;
      letter-spacing: 0;
      padding: 7px 30px;
      margin-top: 20px; }
      #services #product-service-box .service-box > a:hover, #services #product-service-box .service-box > a:focus {
        background: #CF2B21;
        text-decoration: none; }
    #services #product-service-box .service-box:hover, #services #product-service-box .service-box.active {
      background: white;
      margin-top: -50px; }
      #services #product-service-box .service-box:hover span, #services #product-service-box .service-box.active span {
        color: #4A4A4A;
        display: block;
        font-family: Arial;
        font-size: 14px; }
      #services #product-service-box .service-box:hover img, #services #product-service-box .service-box.active img {
        filter: invert(100%); }
      #services #product-service-box .service-box:hover h3, #services #product-service-box .service-box.active h3 {
        color: #4A4A4A; }
      #services #product-service-box .service-box:hover ul li a, #services #product-service-box .service-box.active ul li a {
        font-weight: bold;
        color: #EA5845; }
    #services #product-service-box .service-box h3 {
      font-family: Lato;
      font-weight: bold;
      font-size: 23px;
      color: #FFFFFF;
      margin-bottom: 30px; }
    #services #product-service-box .service-box img {
      margin-bottom: 20px; }
    #services #product-service-box .service-box ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #services #product-service-box .service-box ul li {
        padding: 10px 0; }
        #services #product-service-box .service-box ul li a {
          font-family: Arial;
          font-size: 14px;
          color: #FBFBFB; }

#why {
  padding: 50px 0;
  color: #FBFBFB; }
  #why h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 43px;
    color: #FBFBFB;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 40px; }
  #why h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #EA5845;
    margin: 0;
    padding: 0;
    text-align: center; }
  #why p {
    font-family: Arial;
    font-size: 14px; }
  #why .title-bar-center {
    width: 100px;
    height: 6px;
    background: #FF4E44;
    margin: 0 auto; }

#press-media {
  padding: 150px 0;
  background: url(../images/background-press-media.jpg) no-repeat; }
  #press-media .title-bar-center {
    width: 100px;
    height: 6px;
    background: #FF4E44;
    margin: 0 auto; }
  #press-media h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 43px;
    color: #FBFBFB;
    margin: 0;
    padding: 0;
    text-align: center; }
  #press-media h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #EA5845;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 40px; }

#blog-section {
  padding: 150px 0;
  background: url(../images/background-blog.jpg) no-repeat; }
  #blog-section h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 43px;
    color: #FBFBFB;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 40px; }
  #blog-section .blog-box {
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding: 20px 0 10px 0; }
    #blog-section .blog-box img {
      margin: 10px 0; }
    #blog-section .blog-box a.readmore-link {
      padding: 0 15px;
      margin-top: 10px;
      display: inline-block;
      font-family: Arial;
      font-weight: bold;
      font-size: 14px;
      color: #4A4A4A;
      letter-spacing: 0; }
      #blog-section .blog-box a.readmore-link i {
        color: #EA5845; }
    #blog-section .blog-box h4 {
      margin: 0;
      padding: 0 15px;
      font-family: Arial;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px;
      color: #4A4A4A;
      letter-spacing: 0; }
    #blog-section .blog-box h3 {
      margin: 0;
      padding: 0 15px;
      font-family: Arial;
      font-size: 16px;
      color: #4A4A4A;
      letter-spacing: 0; }

#footer #footer-top {
  color: #FFF;
  background-image: -webkit-linear-gradient(#131313 0%, #131313 100%);
  background-image: -o-linear-gradient(#131313 0%, #131313 100%);
  background-image: linear-gradient(#131313 0%, #131313 100%);
  padding: 30px 0; }
  #footer #footer-top h5 {
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: #FBFBFB;
    letter-spacing: 0; }
  #footer #footer-top h6 {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 13px; }
  #footer #footer-top ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #footer #footer-top ul li a {
      font-family: Arial;
      font-size: 12px;
      color: #FBFBFB;
      letter-spacing: 0; }
#footer #footer-bottom #indonesia-cloud {
  color: #FBFBFB;
  padding: 30px 0;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 0; }
  #footer #footer-bottom #indonesia-cloud h4 {
    font-family: 'Lato', sans-serif; }
  #footer #footer-bottom #indonesia-cloud #short-profile {
    text-align: left; }
  #footer #footer-bottom #indonesia-cloud #channel ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #footer #footer-bottom #indonesia-cloud #channel ul li {
      padding: 5px 0; }
      #footer #footer-bottom #indonesia-cloud #channel ul li i {
        font-size: 18px;
        margin-right: 5px; }
      #footer #footer-bottom #indonesia-cloud #channel ul li a {
        color: #FBFBFB; }
#footer #footer-bottom #terms {
  font-family: Arial;
  font-size: 12px;
  color: #FBFBFB;
  letter-spacing: 0;
  padding: 15px 0; }
  #footer #footer-bottom #terms span {
    float: left;
    margin-right: 8px; }
  #footer #footer-bottom #terms ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0; }
    #footer #footer-bottom #terms ul li {
      float: left;
      padding: 0 8px; }
  #footer #footer-bottom #terms a {
    color: #FBFBFB; }

#cta-section {
  font-family: Arial;
  color: #FBFBFB;
  padding: 30px 0; }
  #cta-section #cta-desc {
    text-align: right; }
    #cta-section #cta-desc h2 {
      font-size: 31px;
      color: #FFFFFF;
      font-weight: bold; }
    #cta-section #cta-desc p {
      font-family: Arial;
      margin-left: 200px;
      font-size: 17px;
      color: #FFFFFF; }
  #cta-section #cta-button-right {
    padding-top: 60px; }
    #cta-section #cta-button-right a {
      background: #FF4E44;
      border: none;
      text-transform: uppercase;
      font-family: 'Lato', sans-serif;
      font-weight: bold; }

#inner-section h2 {
  color: #FFF;
  font-size: 24px; }
#inner-section ol li, #inner-section ul li {
  color: #fff;
  font-family: Arial;
  font-weight: normal;
  font-size: 16px;
  color: #FBFBFB;
  line-height: 140%; }
#inner-section #inner-section-detail {
  padding: 40px 0;
  position: relative; }
  #inner-section #inner-section-detail.no-menu {
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    color: #FBFBFB;
    line-height: 140%; }
    #inner-section #inner-section-detail.no-menu p:first-of-type {
      font-family: Arial !important;
      font-weight: normal !important;
      font-size: 16px !important;
      color: #FBFBFB !important;
      line-height: 140% !important; }
  #inner-section #inner-section-detail span {
    font-family: Arial;
    color: #FBFBFB;
    font-size: 14px; }
  #inner-section #inner-section-detail #side-menu .side-img {
    float: left;
    margin-top: -200px;
    margin-bottom: -10px; }
  #inner-section #inner-section-detail #side-menu #menu-container {
    background-image: -webkit-linear-gradient(#534F65 0%, #292735 100%);
    background-image: -o-linear-gradient(#534F65 0%, #292735 100%);
    background-image: linear-gradient(#534F65 0%, #292735 100%);
    padding-bottom: 70px; }

  #inner-section #inner-section-detail #side-menu #menu-container h2 {
    margin:0;
    padding:0;
    padding-left:20px;
    padding-top:10px;
  }

  #inner-section #inner-section-detail #side-menu #menu-container .recent-post {
    padding:5px 20px;
  }

  #inner-section #inner-section-detail #side-menu #menu-container .recent-post h3 {
    color:#FBFBFB;
    font-size: 15px;
    line-height: 120%;
    margin:0;
    padding:0;
  }

  #inner-section #inner-section-detail #side-menu #menu-container .recent-post span {
      color:#FBFBFB;
  }

  #inner-section #inner-section-detail #side-menu #menu-container .recent-post a {
    color:#FBFBFB;
  }

  #inner-section #inner-section-detail #side-menu #menu-container .recent-post p {
    color:#FBFBFB;
    font-size: 13px;
    line-height: 120%;
    font-family: Arial;
  }

  #inner-section #inner-section-detail #side-menu #menu-container #category-list ul li {
    text-align: left;
    font-size: 16px;
  }

  #inner-section #inner-section-detail #side-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #inner-section #inner-section-detail #side-menu ul li {
      text-align: right;
      font-family: Lato;
      font-weight: bold;
      font-size: 20px; }
      #inner-section #inner-section-detail #side-menu ul li a {
        color: #FBFBFB;
        display: block;
        padding: 10px 20px; }
        #inner-section #inner-section-detail #side-menu ul li a:hover, #inner-section #inner-section-detail #side-menu ul li a:focus {
          text-decoration: none;
          background: #282634; }
      #inner-section #inner-section-detail #side-menu ul li.current_page_item a {
        text-decoration: none;
        color: #EA5845; }
      #inner-section #inner-section-detail #side-menu ul li.current_page_item ul.children {
        display: block !important; }
      #inner-section #inner-section-detail #side-menu ul li.current_page_ancestor ul.children {
        display: block !important; }
        #inner-section #inner-section-detail #side-menu ul li.current_page_ancestor ul.children li.current_page_item a {
          background: #EA5845 !important; }
      #inner-section #inner-section-detail #side-menu ul li ul.children {
        display: none !important; }
        #inner-section #inner-section-detail #side-menu ul li ul.children li {
          margin-bottom: 1px !important; }
          #inner-section #inner-section-detail #side-menu ul li ul.children li a {
            color: #FBFBFB !important;
            background: #1b1a20 !important;
            padding: 3px 20px !important;
            font-size: 13px !important;
            font-weight: normal !important; }
            #inner-section #inner-section-detail #side-menu ul li ul.children li a:hover {
              background: #EA5845 !important; }
  #inner-section #inner-section-detail h1 {
    font-family: Lato;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    margin-bottom: 10px; }
  #inner-section #inner-section-detail .title-bar {
    width: 100px;
    height: 6px;
    background: #FF4E44;
    margin-bottom: 30px; }
  #inner-section #inner-section-detail p {
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    color: #FBFBFB;
    line-height: 140%; }
    #inner-section #inner-section-detail p:first-of-type {
      font-family: Georgia;
      font-size: 23px;
      color: #FFFFFF;
      line-height: 35px; }

#list-news .media-body {
  padding-left: 20px; }
  #list-news .media-body h4 {
    color: #FBFBFB;
    margin-bottom: 10px;
    font-size: 23px; }
  #list-news .media-body p {
    font-family: Arial !important;
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 140% !important; }
    #list-news .media-body p a {
      color: #FBFBFB;
      display: block;
      margin-top: 20px; }

#contact-form {
  padding: 0 15px; }
  #contact-form label {
    color: #FBFBFB;
    font-family: Arial;
    font-size: 14PX; }
  #contact-form select {
    width: 300px; }

#office-left {
  color: #FBFBFB;
  font-family: Arial;
  font-size: 15px;
  padding-left: 20px;
  padding-top: 100px; }
  #office-left strong {
    font-size: 16px; }

@media (max-width: 414px) {
  #main-banner .banner-desc {
    padding-top: 20px; }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none; }

  .navbar-nav {
    background: #FF4E44; }

  .navbar-default .navbar-nav li a {
    padding-top: 15px;
    padding-bottom: 15px; }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF !important; }

  #best-people {
    background-size: cover;
    padding-bottom: 20px; }

  #press-media {
    padding: 50px 0;
    background-size: cover;
    text-align: center; }
    #press-media img {
      width: 70%;
      height: auto;
      margin: 0 auto;
      margin-bottom: 30px; }

  #office-left {
    padding-top: 230px; }

  #cta-section #cta-desc {
    text-align: center; }
    #cta-section #cta-desc p {
      margin: 0; }
  #cta-section #cta-button-right {
    text-align: center;
    padding-top: 30px; }

  #services {
    margin-top: 0px; }
    #services h2 {
      margin-bottom: 40px; }
    #services .service-box {
      margin-bottom: 10px; }
      #services .service-box:hover, #services .service-box.active {
        background: white;
        margin-top: 0px !important; }
        #services .service-box:hover span, #services .service-box.active span {
          color: #4A4A4A;
          display: none;
          font-family: Arial;
          font-size: 14px; }
        #services .service-box:hover img, #services .service-box.active img {
          filter: invert(100%); }

  #blog-section {
    background-size: cover;
    padding: 50px 0; }
    #blog-section .blog-box {
      margin-bottom: 20px; }

  #footer-top .col-md-3 {
    margin-bottom: 30px; }

  #highlight .highlight-box {
    margin-bottom: 5px; }

  #solution .jumbotron #solution-header {
    text-align: left; }
    #solution .jumbotron #solution-header p {
      margin-left: 0; }

  #side-menu {
    margin-top: 150px; }
    #side-menu ul li {
      text-align: left !important; }

  #list-news .pull-left {
    width: 100%;
    float: left;
    display: block; }
    #list-news .pull-left img {
      width: 100%; }
  #list-news .media-body {
    padding-top: 30px;
    padding-left: 0; }

  #terms div {
    text-align: center; }
    #terms div ul {
      display: block; }
    #terms div span {
      display: block;
      float: none !important;
      margin-bottom: 10px; }
    #terms div img.pull-right {
      float: none !important; } }
.wpcf7 .btn-primary {
  margin-top: 20px;
  background: #EA5845;
  border: none;
  font-size: 21px;
  padding: 10px 30px;
  font-weight: bold; }

  #columns {
    column-width: 245px;
    column-gap: 15px;
    width: 100%;
    max-width: 1100px;
    margin: 50px auto; }

  div#columns figure {
    background: #fefefe;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 0 2px 15px;
    padding: 0px;
    padding-bottom: 10px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px; }
    div#columns figure h4 {
      margin: 0;
      padding: 0 15px;
      font-family: Arial;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px;
      color: #4A4A4A;
      letter-spacing: 0;
      padding: 10px; }



  div#columns figure img {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
    margin-bottom: 5px; }

  div#columns figure figcaption a.readmore-link {
    padding: 0 15px;
    margin-top: 10px;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0; }

  div#columns figure figcaption a.readmore-link i {
    color: #EA5845; }

  div#columns figure figcaption p {
    font-size: 14px !important;
    color: #4A4A4A !important;
    font-family: Arial !important;
    line-height: 140% !important;
    padding:0 10px;
  }

  div#columns figure figcaption p a {
    display:block !important;
    margin-top:10px !important;
  }

  div#columns figure figcaption span {
    font-size: 14px !important;
    color: #4A4A4A !important;
    padding-left:10px;
  }

  div#columns figure figcaption h3 {
    margin: 0;
    padding: 0 15px;
    font-family: Arial;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0; }

    #tag-list {
      padding:0 20px;
    }

    #tag-list ul {
      text-align: left;
    }

    #tag-list ul li {
      float: left !important;
      font-size: 13px !important;
    }

    #tag-list ul li a {
      padding:5px 10px !important;
      background: #EA5845 !important;
      border-radius: 5px !important;
      margin-right:10px;
      margin-bottom:10px;
    }

  /*# sourceMappingURL=custom.css.map */


/*# sourceMappingURL=custom.css.map */