/*==============================================
Variables
 ===============================================*/
/*==============================================
Common
 ===============================================*/
::-webkit-input-placeholder {
  color: #999999 !important;
  font-family: "open_sansitalic";
  text-transform: none;
  font-size: 9pt; }

::-moz-placeholder {
  color: #999999 !important;
  font-family: "open_sansitalic";
  text-transform: none;
  font-size: 9pt; }

:-ms-input-placeholder {
  color: #999999 !important;
  font-family: "open_sansitalic";
  text-transform: none;
  font-size: 9pt; }

::-moz-selection {
  color: #ffffff;
  background: #1f3f81; }

::selection {
  color: #ffffff;
  background: #1f3f81; }

body {
  font-family: "open_sansregular";
  line-height: 25px;
  font-size: 10pt; }

#wrap {
  background-color: #1f3f81;
  background-image: url("../../images/GarudaplazahotelWDD_00index/GarudaplazahotelWDD_00index_graphic_bgpattern.png");
  background-size: contain;
  background-repeat: no-repeat; }

.icons-star {
  padding-top: 5px;
  padding-bottom: 5px; }
  .icons-star i {
    color: #ffe33b;
    font-size: 12pt;
    margin-right: 5px; }

#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #FFFFFF none repeat scroll 0% 0%; }

.socket {
  position: relative;
  top: 35%;
  width: auto;
  height: auto;
  margin: auto;
  display: block; }
  .socket img.logo-img {
    width: 200px;
    margin: auto;
    display: block; }

.loading-img {
  height: auto;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  margin-top: 20px !important;
  width: auto; }

#ajaxLoad .box-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1; }
  #ajaxLoad .box-loader img {
    position: relative;
    top: 45%;
    width: auto;
    height: auto;
    margin: auto;
    display: block; }

/*==============================================
 Header & Navigation
 ===============================================*/
#Header .top_nav {
  background-color: #FFD119; }
#Header .cl-icon-text i {
  font-size: 14pt;
  color: #ffffff; }
#Header .cl-icon-text span {
  font-family: "RobotoCondensed-Bold";
  font-size: 10pt;
  color: #ffffff;
  letter-spacing: 1px; }
#Header .headerWA {
  margin-right: 20px;
  margin-top: 10px; }
#Header .cl_socialicon {
  padding-left: 15px;
  padding-right: 15px; }
  #Header .cl_socialicon > a > i {
    color: #ffffff;
    font-size: 12pt; }
    #Header .cl_socialicon > a > i:hover {
      color: #287ee5 !important; }
#Header .main {
  background-position: left top;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #cccccc;
  background: #FFFFFF; }
#Header .extra_row {
  background-color: #1f3f81;
  background-position: left top;
  background-repeat: no-repeat;
  border-style: solid;
  border-color: #cccccc;
  -webkit-box-shadow: 0.2px 3px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0.2px 3px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0.2px 3px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }
#Header nav .menu li > ul.sub-menu li:hover,
#Header #site-header-cart .cart_list li:hover,
#Header #site-header-search input[type="search"] {
  background-color: #1f3f81; }
#Header .header-el .cl-text p {
  color: #333333;
  font-size: 10pt;
  font-family: "robotobold";
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 25px; }
  #Header .header-el .cl-text p span {
    color: #0a4b99;
    font-family: "robotobold";
    padding-right: 15px; }
  #Header .header-el .cl-text p i {
    color: #287ee5;
    font-size: 26pt;
    padding-left: 20px; }
#Header .header-el .dropdown i {
  color: #0a4b99;
  padding-left: 10px; }
#Header nav ul li a {
  font-family: "RobotoCondensed-Bold";
  font-size: 12pt;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
  color: #ffffff; }
  @media only screen and (max-width: 480px) {
    #Header nav ul li a {
      text-align: center; } }
  #Header nav ul li a:hover {
    color: #FFD119 !important; }
@media only screen and (max-width: 480px) {
  #Header .cl-h-cl_header_logo {
    position: relative;
    left: 30%; } }
#Header nav ul.sub-menu.non_mega_menu li a {
  color: #333333; }
  #Header nav ul.sub-menu.non_mega_menu li a:hover {
    color: #FFD119 !important; }

.header_container.header-top.vertical-dividers #navigation nav > ul > li::before {
  opacity: 0; }

@media only screen and (max-width: 480px) {
  .cl-mobile-menu {
    padding-top: 0px;
    padding-bottom: 1px;
    border-bottom: solid 2px #FFD119; }
    .cl-mobile-menu ul > li {
      display: block; } }

@media only screen and (max-width: 480px) {
  .header_container.menu_style-border_effect #navigation nav > ul > li > a:hover:after,
  .header_container.menu_style-border_effect #navigation nav > ul > li.current-menu-item > a:after,
  article.format-gallery .swiper-pagination-bullet-active,
  .cl-pagination-jump > div a:hover,
  .shop-products .product_item .onsale,
  .cl-product-info .onsale,
  .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
  .widget_product_categories ul li.current-cat > a:before,
  .cl-header-light .tool .tool-link .cart-total,
  .search__inner--down,
  .cl_blog .news-entries article:hover .post-categories li,
  .header_container.menu_style-border_effect_two #navigation nav > ul > li > a:hover:after,
  .header_container.menu_style-border_effect_two #navigation nav > ul > li.current-menu-item > a:after,
  .cl_tabs.style-large .cl-nav-tabs li a,
  aside .widget_nav_menu ul li.current-menu-item,
  .cl-sidenav ul li.current_page_item,
  .w3eden .label-default,
  .tablepress .sorting:hover,
  .tablepress .sorting_asc,
  .tablepress .sorting_desc,
  .cl_column.with_shadow > .cl_col_wrapper > .col-content .cl_pricelist .header,
  .cl-filters.cl-filter-fullwidth.cl-filter-color-dark,
  .cl-filters.cl-filter-small.cl-filter-color-light .selected,
  .shop-products .product_item .cl-learnmore,
  .light-text .cl-filters.cl-filter-small .selected,
  .parallel-divider.wrapper-heading .divider {
    background: transparent !important; } }

.chat {
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  z-index: 9999; }

/*==============================================
 Homepage
===============================================*/
.Homepage .pelayanan .box-image {
  height: 400px; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .box-image {
      height: auto; } }
  .Homepage .pelayanan .box-image img {
    height: auto;
    width: 100%;
 }
    .Homepage .pelayanan .box-image img{
        border: 2px solid transparent;
        transition: border 1s;
    }
    .Homepage .pelayanan .box-image img:hover{
        border: solid 2px #FFD119;
    }
.Homepage .pelayanan .google-play {
  /*margin-top: 17px;*/ text-align: center;}
  .Homepage .pelayanan .google-play img {
    height: 70px;
    margin-bottom: 20px;width:auto; }
.Homepage .pelayanan .wrapper-heading p {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #287ee5;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .wrapper-heading p {
      font-size: 16pt;
      line-height: 20px;
      margin: 25px 0 10px; } }
.Homepage .pelayanan .wrapper-heading h2 {
  font-family: "robotobold";
  font-size: 40pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #0a4b99; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .wrapper-heading h2 {
      font-size: 26pt; } }
.Homepage .pelayanan .box-content p {
  font-family: "open_sansregular";
  font-size: 10pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: justify;
  text-transform: none;
  color: #333333;
  margin: 0px 0 15px; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .box-content p {
      text-align: left; } }
.Homepage .pelayanan .box-content.withSize {
  width: 450px; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .box-content.withSize {
      width: 100%; } }
.Homepage .pelayanan .pl-50 {
  padding-left: 50px !important; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan .pl-50 {
      padding-left: 15px !important; } }
@media only screen and (max-width: 480px) {
  .Homepage .pelayanan .mt-100 {
    margin-top: 50px; } }
@media only screen and (max-width: 480px) {
  .Homepage .pelayanan .box-link.mt-30 {
    margin-bottom: 50px; } }
@media only screen and (max-width: 480px) {
  .Homepage .pelayanan2.mt-100 {
    margin-top: 50px; } }
.Homepage .pelayanan2 .wrapper-heading p {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #287ee5;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan2 .wrapper-heading p {
      font-size: 16pt;
      line-height: 20px;
      margin: 25px 0 10px; } }
.Homepage .pelayanan2 .wrapper-heading h2 {
  font-family: "robotobold";
  font-size: 40pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan2 .wrapper-heading h2 {
      font-size: 26pt; } }
.Homepage .pelayanan2 h3.titleIcon {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #287ee5;
  padding-top: 30px; }
  .Homepage .pelayanan2 h3.titleIcon span {
    color: #0a4b99; }
.Homepage .pelayanan2 i {
  color: #0a4b99;
  font-size: 26pt; }
.Homepage .pelayanan2 .box-content p {
  font-family: "open_sansregular";
  font-size: 10pt;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: justify;
  text-transform: none;
  color: #333333;
  margin: 15px  0 15px; }
.Homepage .pelayanan2 .box-text.withSize {
  width: 80%; }
  @media only screen and (max-width: 480px) {
    .Homepage .pelayanan2 .box-text.withSize {
      width: 100%; } }
.Homepage .pelayanan2 .box-image img {
  width: auto; }
.Homepage .pelayanan2 .box-text p {
  font-family: "open_sansregular";
  font-size: 10pt;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: justify;
  text-transform: none;
  color: #333333;
  margin: 15px  0 15px; }
.Homepage .pelayanan2 .icon_wrapper img {
  float: left;
  width: auto;
  height: 70px;
  padding-right: 0px; }
.Homepage .clientCarousel .wrapper-heading p {
  font-family: "robotobold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #287ee5;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    .Homepage .clientCarousel .wrapper-heading p {
      font-size: 16pt;
      line-height: 20px;
      margin: 25px 0 10px; } }
.Homepage .clientCarousel .wrapper-heading h2 {
  font-family: "robotobold";
  font-size: 40pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99; }
  @media only screen and (max-width: 480px) {
    .Homepage .clientCarousel .wrapper-heading h2 {
      font-size: 26pt; } }
.Homepage .clientCarousel h3.titleIcon {
  font-family: "robotobold";
  font-size: 26pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99; }
.Homepage .homeNews {
  background: #173471;
  padding-top: 70px;
  margin-bottom: 0px;
  padding-bottom: 100px; }
  .Homepage .homeNews .wrapper-heading p {
    font-family: "RobotoCondensed-Bold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #FFD119;
    margin: 25px 0 15px; }
    @media only screen and (max-width: 480px) {
      .Homepage .homeNews .wrapper-heading p {
        margin: 25px 0 10px; } }
  .Homepage .homeNews .wrapper-heading h2 {
    font-family: "robotobold";
    font-size: 40pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #287ee5; }
  .Homepage .homeNews .pl-0 {
    padding-left: 0px !important; }
  .Homepage .homeNews .listBlog {
    background: #FFFFFF;
    width: 100%;
    float: left;
    margin-bottom: 20px; }
    .Homepage .homeNews .listBlog .box-image img {
      height: 200px;
      width: 260px;
      object-fit: cover; }
    .Homepage .homeNews .listBlog .box-content h3 {
      font-family: "robotobold";
      font-size: 20pt;
      line-height: 30px;
      letter-spacing: 0px;
      text-align: left;
      text-transform: none;
      color: #333333;
      padding-top: 10px;
      margin-top: 20px;
      margin-bottom: 10px; }
    .Homepage .homeNews .listBlog .box-content p.date {
      font-family: "open_sansregular";
      font-size: 8pt;
      line-height: 0px;
      letter-spacing: 0px;
      text-align: left;
      text-transform: none;
      color: #0a4b99;
      padding-bottom: 10px;
      margin-top: 10px; }
      .Homepage .homeNews .listBlog .box-content p.date span {
        color: #333333; }
    .Homepage .homeNews .listBlog .box-content p {
      font-family: "RobotoCondensed-Bold";
      font-size: 10pt;
      line-height: 25px;
      letter-spacing: 0px;
      text-align: left;
      text-transform: none;
      color: #0a4b99;
      margin-top: 0px;
      margin-bottom: 5px; }
      .Homepage .homeNews .listBlog .box-content p span {
        color: #666666; }
      .Homepage .homeNews .listBlog .box-content p span + span {
        padding-left: 5px; }
      .Homepage .homeNews .listBlog .box-content p i {
        padding-right: 5px; }
    .Homepage .homeNews .listBlog .box-tlink a {
      font-size: 10pt;
      text-transform: uppercase; }
  .Homepage .homeNews .box-image.banner {
    position: absolute;
    width: 100%; }
    .Homepage .homeNews .box-image.banner:before {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #173471;
      content: "";
      opacity: 0.6; }
    .Homepage .homeNews .box-image.banner img {
      height: 638px;
      object-fit: cover; }
.Homepage .clientCarousel {
  background: #edf3f8;
  margin-bottom: 0px;
  padding-bottom: 100px;
  padding-top: 50px; }
  .Homepage .clientCarousel .item a > img {
    margin-bottom: 10px; }

#rev_slider_1_1 .slotholder:after, #rev_slider_1_1 .slotholder .kenburnimg img:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3) !important; }

.bgTransparent {
  background-image: url("../../images/naswarehousewdd_00index/naswarehousewdd_00index_graphic_bgfading.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover; }

.bgPosition {
  background-size: 100% 50%; }

@media only screen and (max-width: 480px) {
  .pt-100 {
    padding-top: 50px !important; } }

@media only screen and (max-width: 480px) {
  .dark-text.mt-100 {
    margin-top: 0px; } }

/*==============================================
 Pelayanan
===============================================*/
@media only screen and (max-width: 480px) {
  #site_content.pelayanan .cl_column.col-sm-12 {
    padding-left: 0px;
    padding-right: 0px; } }
#site_content.pelayanan .cl_page_header {
  height: 400px; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayanan .cl_page_header {
      position: relative;
      top: 50px; } }
  #site_content.pelayanan .cl_page_header .title_part p {
    font-family: "RobotoCondensed-Bold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #287ee5;
    margin: 25px 0 15px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayanan .cl_page_header .title_part p {
        font-size: 16pt;
        margin: 25px 0 10px; } }
  #site_content.pelayanan .cl_page_header .title_part h1 {
    font-family: "robotobold";
    font-size: 50pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #0a4b99;
    margin-top: 30px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayanan .cl_page_header .title_part h1 {
        font-size: 26pt;
        margin-top: 0px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayanan #content {
    top: 55px; } }
#site_content.pelayanan #content .wrapper-heading h2 {
  font-family: "robotobold";
  font-size: 30pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99;
  margin-top: 30px; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayanan #content .wrapper-heading h2 {
      font-size: 24pt;
      line-height: 35px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayanan #content .mt-50 {
    margin-top: 20px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayanan #content .mt-50 .col-md-12 {
    padding-left: 0px;
    padding-right: 0px; } }
#site_content.pelayanan #content .wide {
  height: 350px;
  width: 100%;
  object-fit: cover; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayanan #content .wide {
      height: auto; } }
#site_content.pelayanan #content .double {
  height: 350px;
  width: 100%;
  object-fit: cover; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayanan #content .double {
      height: auto; } }
#site_content.pelayanan #content a {
  width: 100%;
  color: #0a4b99; }
#site_content.pelayanan #content .box-overlay {
  position: relative;
  width: 100%; }
  #site_content.pelayanan #content .box-overlay:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #173471;
    content: "";
    opacity: 0.6;
    -webkit-transition: opacity 1s; }
  #site_content.pelayanan #content .box-overlay:hover:before {
    opacity: 0; }
  #site_content.pelayanan #content .box-overlay:hover .caption {
    opacity: 0; }
  #site_content.pelayanan #content .box-overlay .caption {
    opacity: 1;
    -webkit-transition: opacity 1s; }
#site_content.pelayanan #content .box-image {
  width: 100%; }
  #site_content.pelayanan #content .box-image img {
    display: block;
    margin: auto; }
  #site_content.pelayanan #content .box-image .caption {
    position: absolute;
    width: auto;
    top: 30%;
    bottom: 0;
    left: 10%;
    z-index: 2; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayanan #content .box-image .caption {
        top: 30%; } }
    #site_content.pelayanan #content .box-image .caption h3 {
      font-family: "robotobold";
      font-size: 30pt;
      line-height: 45px;
      letter-spacing: 0px;
      text-align: left;
      text-transform: none;
      color: #ffffff;
      margin-top: 30px; }
      @media only screen and (max-width: 480px) {
        #site_content.pelayanan #content .box-image .caption h3 {
          margin-top: 0px;
          font-size: 16pt;
          line-height: 25px;
          padding-bottom: 10px; } }
    #site_content.pelayanan #content .box-image .caption p {
      font-family: "RobotoCondensed-BoldItalic";
      font-size: 14pt;
      line-height: 30px;
      letter-spacing: 0.5px;
      text-align: left;
      text-transform: none;
      color: #ffffff;
      margin-top: 20px; }
      @media only screen and (max-width: 480px) {
        #site_content.pelayanan #content .box-image .caption p {
          margin-top: 0px;
          font-size: 8pt;
          line-height: 20px; } }
      #site_content.pelayanan #content .box-image .caption p span {
        color: #FFD119; }
      #site_content.pelayanan #content .box-image .caption p span.two {
        padding-left: 20px; }
#site_content.pelayanan #content .pl-0 {
  padding-left: 0 !important; }
#site_content.pelayanan #content .pr-0 {
  padding-right: 0 !important; }
#site_content.pelayanan #blog-entries .entry-header h2 {
  padding-bottom: 0px; }
  #site_content.pelayanan #blog-entries .entry-header h2 a:hover {
    color: #FFD119; }
#site_content.pelayanan #blog-entries article .post-thumbnail > img {
  height: 367.6px;
  object-fit: cover; }
#site_content.pelayanan #blog-entries .grid-style .entry-meta-single {
  float: left;
  margin-right: 10px; }
  #site_content.pelayanan #blog-entries .grid-style .entry-meta-single a {
    color: #0a4b99;
    font-family: "robotobold";
    cursor: default;
    line-height: 17px; }
#site_content.pelayanan #blog-entries .entry-tools-wrapper {
  margin-top: 30px; }
#site_content.pelayanan #blog-entries .grid-style .grid-holder .entry-wrapper {
  margin-bottom: 40px; }

@media only screen and (max-width: 480px) {
  #content {
    top: 55px; } }

@media only screen and (max-width: 480px) {
  .tparrows {
    display: none !important; } }

.list-property article {
  float: left;
  margin-bottom: 30px !important; }

#site_content.pelayananDetail .title_part {
  height: 150px; }
  #site_content.pelayananDetail .title_part p {
    font-family: "RobotoCondensed-Bold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #287ee5;
    margin: 0px 0 15px; }
    #site_content.pelayananDetail .title_part p span {
      color: #FFD119; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayananDetail .title_part p {
        font-size: 16pt;
        margin: 25px 0 10px; } }
  #site_content.pelayananDetail .title_part h1 {
    font-family: "robotobold";
    font-size: 40pt;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #0a4b99;
    margin-top: 0px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayananDetail .title_part h1 {
        font-size: 24pt;
        line-height: 35px; } }
  #site_content.pelayananDetail .title_part hr.withLine {
    margin-top: 0px;
    margin-bottom: 0px; }
#site_content.pelayananDetail ul.list-fasilitas-area li {
  padding-bottom: 10px; }
#site_content.pelayananDetail ul li {
  padding-bottom: 0px;
  font-family: "open_sansregular";
  font-size: 11pt;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #333333; }
  #site_content.pelayananDetail ul li span {
    color: #FFD119; }
#site_content.pelayananDetail ul.flex-direction-nav {
  display: none; }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .mt-100 {
    margin-top: 50px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .mt-150 {
    margin-top: 70px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .cl_page_header .container-content .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail #content .container-content {
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail #content .col-md-6.pl-0 {
    padding-right: 0px;
    margin-bottom: 20px; } }
#site_content.pelayananDetail .box-image {
  width: 100%; }
  #site_content.pelayananDetail .box-image img {
    display: block;
    margin: auto;
    margin-bottom: 20px; }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .mt-50 {
    margin-top: 25px; } }
#site_content.pelayananDetail .box-content {
  width: 100%;
  display: block;
  float: left; }
  #site_content.pelayananDetail .box-content h3 {
    font-family: "RobotoCondensed-Bold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #287ee5;
    margin-top: 0px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayananDetail .box-content h3 {
        margin-top: 0px; } }
  #site_content.pelayananDetail .box-content P {
    font-family: "open_sansregular";
    font-size: 11pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin: 30px 0 0; }
    #site_content.pelayananDetail .box-content P span > i {
      color: #0a4b99;
      padding-right: 5px; }
#site_content.pelayananDetail .pl-0 {
  padding-left: 0 !important; }
#site_content.pelayananDetail .pr-0 {
  padding-right: 0 !important; }
#site_content.pelayananDetail .small {
  width: 100%;
  height: 180px;
  object-fit: cover; }
#site_content.pelayananDetail #map-container {
  height: 450px;
  width: 100%;
  background: #1f3f81; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayananDetail #map-container {
      height: 250px; } }
#site_content.pelayananDetail .formMessage {
  background: #173471;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 100px; }
  #site_content.pelayananDetail .formMessage .wrapper-heading p {
    font-family: "robotobold";
    font-size: 18pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #287ee5;
    margin: 0px 0 5px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayananDetail .formMessage .wrapper-heading p {
        font-size: 12pt;
        line-height: 25px; } }
  #site_content.pelayananDetail .formMessage .wrapper-heading h2 {
    font-family: "robotobold";
    font-size: 30pt;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #ffffff;
    margin-top: 0px; }
    @media only screen and (max-width: 480px) {
      #site_content.pelayananDetail .formMessage .wrapper-heading h2 {
        font-size: 20pt;
        line-height: 35px; } }
#site_content.pelayananDetail p.smallTitle {
  font-family: "RobotoCondensed-Bold";
  font-size: 16pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99;
  margin-top: 50px;
  margin-bottom: 20px; }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .col-sm-8 {
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (max-width: 480px) {
  #site_content.pelayananDetail .box-form .col-sm-6.pl-0 {
    padding-right: 0px; } }
#site_content.pelayananDetail .box-form h3 {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #287ee5;
  margin-top: 0px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 480px) {
    #site_content.pelayananDetail .box-form h3 {
      font-size: 12pt;
      line-height: 25px;
      margin-bottom: 15px;
      margin-top: 30px; } }

input[readonly] {
  background-color: #f5f5f5; }

#site_content.property-detail .title_part h1 {
  font-size: 30pt;
  line-height: 50px; }
#site_content.property-detail .title_part p.price {
  font-size: 14pt;
  margin-bottom: 0px;
  position: relative;
  left: 50px; }
#site_content.property-detail .title_part h1.price {
  font-size: 20pt; }
  #site_content.property-detail .title_part h1.price span {
    padding: 2px 7px;
    background: #1f3f81;
    color: #ffffff;
    text-transform: none;
    position: relative;
    left: 50px; }
#site_content.property-detail .box-content h3 {
  margin-bottom: 10px; }
#site_content.property-detail .box-content p {
  margin-top: 0px; }
#site_content.property-detail .specification h3 {
  margin-bottom: 20px; }

/*==============================================
 Tentang kami
===============================================*/
.tentangKami .cl_page_header {
  height: 400px; }
  @media only screen and (max-width: 480px) {
    .tentangKami .cl_page_header {
      position: relative;
      top: 50px;
      height: 200px; } }
.tentangKami .title_part p {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #287ee5;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    .tentangKami .title_part p {
      font-size: 14pt;
      margin-bottom: 0px;
      margin: 25px 0 10px; } }
.tentangKami .title_part h1 {
  font-family: "robotobold";
  font-size: 50pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #0a4b99;
  margin-top: 30px; }
  @media only screen and (max-width: 480px) {
    .tentangKami .title_part h1 {
      font-size: 26pt;
      line-height: 45px;
      margin-top: 0px; } }
.tentangKami .box-image {
  width: 100%; }
  .tentangKami .box-image img {
    width: 100%;
    height: auto;
    object-fit: cover; }
    @media only screen and (max-width: 480px) {
      .tentangKami .box-image img {
        height: auto; } }
.tentangKami .box-content {
  width: 100%;
  display: block;
  float: left; }
  .tentangKami .box-content h3 {
    font-family: "robotobold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #287ee5;
    margin-top: 50px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 480px) {
      .tentangKami .box-content h3 {
        margin-top: 30px;
        margin-bottom: 0px; } }
  .tentangKami .box-content P {
    font-family: "open_sansregular";
    font-size: 11pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: justify;
    text-transform: none;
    color: #333333;
    margin: 30px 0 0; }
    @media only screen and (max-width: 480px) {
      .tentangKami .box-content P {
        text-align: left; } }
    .tentangKami .box-content P span {
      font-family: "robotobold";
      color: #0a4b99; }
.tentangKami .withPadding p {
  padding-right: 15px; }
.tentangKami .box-content.misi p.subTitle {
  color: #333333;
  font-family: "RobotoCondensed-Bold";
  font-size: 10pt;
  margin-bottom: 0px; }
.tentangKami .box-content.misi p {
  margin-top: 0px;
  margin-bottom: 15px; }
.tentangKami .pl-0 {
  padding-left: 0 !important; }
.tentangKami .pr-0 {
  padding-right: 0 !important; }

/*==============================================
Gmaps
===============================================*/
.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }

#origin-input,
#destination-input {
  background-color: #ffffff;
  font-family: "open_sansregular";
  font-size: 12pt;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 200px; }

#origin-input:focus,
#destination-input:focus {
  border-color: #4d90fe; }

#mode-selector {
  color: #fff;
  background-color: #4d90fe;
  margin-left: 12px;
  padding: 5px 11px 0px 11px; }
  #mode-selector input {
    position: relative;
    top: 3px; }
  @media only screen and (max-width: 480px) {
    #mode-selector {
      left: 0px !important;
      top: 40px !important; } }

#mode-selector label {
  font-family: "open_sansregular";
  font-size: 10pt;
  padding-right: 10px; }

#floating-panel {
  position: absolute;
  background: #1f3f81;
  z-index: 5;
  padding: 5px;
  border: 1px solid transparent;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
  padding-bottom: 3px; }
  @media only screen and (max-width: 480px) {
    #floating-panel {
      padding-left: 15px; } }
  #floating-panel label {
    padding-right: 5px;
    display: none; }
  #floating-panel input {
    padding-left: 10px;
    padding-right: 5px; }
  #floating-panel input[type="text"] {
    width: 300px; }
    @media only screen and (max-width: 480px) {
      #floating-panel input[type="text"] {
        width: 140px; } }
  #floating-panel input[type="submit"] {
    background: #287ee5;
    color: #ffffff;
    font-family: "RobotoCondensed-Bold";
    font-size: 10pt;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px; }
    #floating-panel input[type="submit"]:hover {
      background: #FFD119; }
    @media only screen and (max-width: 480px) {
      #floating-panel input[type="submit"] {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 8pt; } }

/*==============================================
 Kontak
===============================================*/
#site_content.Kontak .cl_page_header {
  height: 400px; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak .cl_page_header {
      position: relative;
      top: 50px; } }
#site_content.Kontak .title_part p {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #287ee5;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak .title_part p {
      font-size: 14pt;
      margin-bottom: 0px; } }
#site_content.Kontak .title_part h1 {
  font-family: "robotobold";
  font-size: 50pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #0a4b99;
  margin-top: 30px; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak .title_part h1 {
      font-size: 26pt;
      line-height: 45px;
      margin-top: 0px; } }
#site_content.Kontak .box-image {
  width: 100%; }
#site_content.Kontak .box-content {
  width: 100%;
  display: block;
  float: left; }
  #site_content.Kontak .box-content h3 {
    font-family: "RobotoCondensed-Bold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #287ee5;
    margin-top: 50px;
    margin-bottom: 20px; }
  #site_content.Kontak .box-content h3.mb-30 {
    margin-bottom: 30px !important; }
  #site_content.Kontak .box-content P {
    font-family: "open_sansregular";
    font-size: 10pt;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin: 30px 0 0; }
#site_content.Kontak .box-content.misi p.subTitle {
  color: #333333;
  font-family: "RobotoCondensed-Bold";
  font-size: 10pt;
  margin-bottom: 0px; }
#site_content.Kontak .box-content.misi p {
  margin-top: 0px;
  margin-bottom: 15px; }
#site_content.Kontak .pl-0 {
  padding-left: 0 !important; }
#site_content.Kontak .pr-0 {
  padding-right: 0 !important; }
@media only screen and (max-width: 480px) {
  #site_content.Kontak .box-icon .col-md-3 {
    padding-left: 0px;
    padding-right: 0px; } }
#site_content.Kontak .box-icon h4 {
  font-family: "robotobold";
  font-size: 14pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: none;
  color: #0a4b99;
  margin-top: 50px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak .box-icon h4 {
      text-align: left;
      margin-bottom: 10px; } }
#site_content.Kontak .box-icon i {
  padding-right: 5px; }
#site_content.Kontak .box-icon p {
  font-family: "open_sansregular";
  font-size: 11pt;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: none;
  color: #333333;
  margin: 0px 0 0; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak .box-icon p {
      text-align: left; } }
  #site_content.Kontak .box-icon p span {
    font-family: "robotobold"; }
#site_content.Kontak #map-container {
  height: 450px;
  width: 100%;
  background: #1f3f81; }
  @media only screen and (max-width: 480px) {
    #site_content.Kontak #map-container {
      height: 150px; } }

/*==============================================
 Blog
===============================================*/
#site_content.Blog .cl_page_header {
  height: 400px; }
#site_content.Blog .title_part p {
  font-family: "robotobold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #FFD119;
  margin: 25px 0 15px; }
  @media only screen and (max-width: 480px) {
    #site_content.Blog .title_part p {
      margin: 25px 0 10px; } }
#site_content.Blog .title_part h1 {
  font-family: "robotobold";
  font-size: 50pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  color: #0a4b99;
  margin-top: 30px; }
#site_content.Blog .box-image {
  width: 100%; }
#site_content.Blog .box-content {
  width: 100%;
  display: block;
  float: left; }
  #site_content.Blog .box-content h3 {
    font-family: "robotobold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin-top: 40px;
    margin-bottom: 20px; }
  #site_content.Blog .box-content P {
    font-family: "robotobold";
    font-size: 10pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #0a4b99;
    margin: 5px 0 0; }
    #site_content.Blog .box-content P span {
      color: #0a4b99;
      padding-right: 5px; }
    #site_content.Blog .box-content P span + span {
      padding-right: 5px; }
#site_content.Blog .box-content.misi p.subTitle {
  color: #333333;
  font-family: "RobotoCondensed-Bold";
  font-size: 10pt;
  margin-bottom: 0px; }
#site_content.Blog .box-content.misi p {
  margin-top: 0px;
  margin-bottom: 15px; }
#site_content.Blog .pl-0 {
  padding-left: 0 !important; }
#site_content.Blog .pr-0 {
  padding-right: 0 !important; }
#site_content.Blog .listBlog {
  width: 100%;
  float: left;
  margin-bottom: 30px; }

#site_content.blogDetail .title_part {
  height: 150px; }
  #site_content.blogDetail .title_part P {
    font-family: "RobotoCondensed-Bold";
    font-size: 12pt;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #0a4b99;
    margin: 5px 0 0; }
    #site_content.blogDetail .title_part P span {
      color: #666666; }
    #site_content.blogDetail .title_part P span + span {
      padding-left: 5px; }
    #site_content.blogDetail .title_part P i {
      padding-right: 5px; }
  #site_content.blogDetail .title_part h1 {
    font-family: "robotobold";
    font-size: 40pt;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin-top: 30px; }
#site_content.blogDetail #headerBlog,
#site_content.blogDetail #layoutBlog {
  display: block;
  margin: auto;
  width: 80%;
  float: none; }
#site_content.blogDetail .box-image {
  width: 100%; }
#site_content.blogDetail .box-content {
  width: 100%;
  display: block;
  float: left; }
  #site_content.blogDetail .box-content h3 {
    font-family: "robotobold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #0a4b99;
    margin-top: 50px;
    margin-bottom: 20px; }
  #site_content.blogDetail .box-content P {
    font-family: "open_sansregular";
    font-size: 10pt;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin: 30px 0 0; }
  #site_content.blogDetail .box-content h1 {
    margin-top: 50px;
    color: #0a4b99; }
#site_content.blogDetail .pl-0 {
  padding-left: 0 !important; }
#site_content.blogDetail .pr-0 {
  padding-right: 0 !important; }
#site_content.blogDetail .small {
  width: 100%;
  height: 180px;
  object-fit: cover; }
#site_content.blogDetail #map-container {
  height: 450px;
  width: 100%;
  background: #1f3f81; }
#site_content.blogDetail .formMessage {
  background: #edf3f8;
  padding-top: 70px;
  margin-bottom: 0px;
  padding-bottom: 100px; }
  #site_content.blogDetail .formMessage .wrapper-heading p {
    font-family: "robotobold";
    font-size: 14pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #FFD119;
    margin: 25px 0 15px; }
    @media only screen and (max-width: 480px) {
      #site_content.blogDetail .formMessage .wrapper-heading p {
        margin: 25px 0 10px; } }
  #site_content.blogDetail .formMessage .wrapper-heading h2 {
    font-family: "robotobold";
    font-size: 30pt;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #0a4b99;
    margin-top: 10px; }
#site_content.blogDetail .box-form h3 {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #0a4b99;
  margin-top: 0px;
  margin-bottom: 30px; }

/*==============================================
 Footer
===============================================*/
#footer-wrapper footer#colophon,
#footer-wrapper #copyright input,
#footer-wrapper #copyright select,
#footer-wrapper #copyright textarea {
  background-color: #1f3f81;
  background-image: url("../../images/naswarehousewdd_00index/naswarehousewdd_00index_graphic_bgfooter.jpg");
  background-size: cover;
  background-position: center; }
@media only screen and (max-width: 480px) {
  #footer-wrapper footer#colophon {
    padding-top: 30px;
    padding-bottom: 30px; } }
#footer-wrapper footer#colophon .widget-title,
#footer-wrapper footer#colophon .rsswidget {
  color: #287ee5; }
#footer-wrapper footer#colophon .widget-title {
  font-family: "RobotoCondensed-Bold";
  font-size: 16pt; }
#footer-wrapper .widget_image img {
  position: relative;
  top: 30px; }
  @media only screen and (max-width: 480px) {
    #footer-wrapper .widget_image img {
      top: 0px; } }
#footer-wrapper .widget_text {
  font-family: "open_sansregular";
  font-size: 10pt;
  color: #ffffff; }
  #footer-wrapper .widget_text i {
    color: #287ee5;
    font-size: 9pt;
    padding-right: 5px; }
  #footer-wrapper .widget_text h5 {
    font-family: "open_sansregular";
    color: #287ee5;
    font-size: 10pt; }
  #footer-wrapper .widget_text p.underIcon {
    margin-top: 0px; }
#footer-wrapper footer#colophon .widget_categories ul li a, #footer-wrapper footer#colophon .widget_archive ul li a, #footer-wrapper footer#colophon .widget_pages ul li a, #footer-wrapper footer#colophon .widget_nav_menu ul li a {
  font-family: "robotobold";
  font-size: 10pt;
  color: #ffffff;
  text-transform: uppercase; }
  #footer-wrapper footer#colophon .widget_categories ul li a:hover, #footer-wrapper footer#colophon .widget_archive ul li a:hover, #footer-wrapper footer#colophon .widget_pages ul li a:hover, #footer-wrapper footer#colophon .widget_nav_menu ul li a:hover {
    color: #FFD119; }
#footer-wrapper footer#colophon .widget ul li a:hover {
  color: #FFD119 !important; }
@media only screen and (max-width: 480px) {
  #footer-wrapper .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (max-width: 480px) {
  #footer-wrapper #recent-media h3.widget-title {
    padding-left: 0px;
    padding-right: 0px; } }
#footer-wrapper #recent-media .col-md-4 {
  padding-left: 0px;
  padding-right: 0px; }
  @media only screen and (max-width: 480px) {
    #footer-wrapper #recent-media .col-md-4 {
      padding-left: 0px;
      padding-right: 0px; } }
#footer-wrapper #recent-media .box-image {
  height: 80px;
  background: #edf3f8;
  margin-bottom: 10px;
  width: 80px; }
  @media only screen and (max-width: 480px) {
    #footer-wrapper #recent-media .box-image {
      height: 135px;
      width: 135px; } }
  #footer-wrapper #recent-media .box-image img {
    width: 100%;
    object-fit: cover;
    height: 80px; }
    @media only screen and (max-width: 480px) {
      #footer-wrapper #recent-media .box-image img {
        height: 135px; } }

#copyright {
  background-color: #FFD119;
  color: #0a4b99;
  padding-top: 0px;
  padding-bottom: 0px; }
  #copyright p {
    font-family: "robotobold";
    font-size: 9pt;
    color: #0a4b99; }
    @media only screen and (max-width: 480px) {
      #copyright p {
        text-align: center; } }
    #copyright p a {
      color: #0a4b99; }
      #copyright p a:hover {
        color: #ffffff !important; }
  @media only screen and (max-width: 480px) {
    #copyright .widget ul {
      text-align: center; } }

#menu-menufooter a:hover i {
  color: #287ee5; }
#menu-menufooter a > i {
  font-size: 12pt; }

/*==============================================
 Others
===============================================*/
.not-link {
  pointer-events: none;
  cursor: default; }

.not-active {
  pointer-events: none;
  cursor: default; }

.box-link {
  width: 100%;
  float: left;
  display: block; }
  .box-link a {
    background-color: #287ee5;
    font-family: "RobotoCondensed-Bold";
    font-size: 10pt;
    padding: 10px 30px;
    color: #ffffff;
    text-transform: uppercase; }
    .box-link a:hover {
      background-color: #FFD119; }

.box-tlink {
  width: 100%;
  float: left;
  display: block; }
  .box-tlink a {
    background-color: transparent;
    font-family: "RobotoCondensed-Bold";
    font-size: 10pt;
    text-transform: uppercase;
    padding: 0px 0px;
    color: #287ee5; }
    .box-tlink a:hover {
      background-color: transparent;
      color: #FFD119; }

.btn-default {
  background-color: #287ee5;
  font-family: "RobotoCondensed-Bold";
  font-size: 10pt;
  padding: 6px 35px;
  color: #ffffff;
  border: none; }
  .btn-default:hover {
    background-color: #FFD119; }

.box-button {
  width: 100%;
  display: block;
  text-align: center; }
  .box-button a {
    background-color: #287ee5;
    font-family: "RobotoCondensed-Bold";
    font-size: 12pt;
    padding: 10px 30px;
    color: #ffffff; }
    .box-button a:hover {
      background-color: #FFD119; }

.text-center {
  text-align: center; }

#Pagination {
  text-align: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  float: left; }
  #Pagination .listpaging {
    display: inline-block; }
    #Pagination .listpaging a {
      color: #287ee5;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      font-family: "robotobold";
      font-size: 12pt; }
      #Pagination .listpaging a:hover {
        color: #FFD119; }
    #Pagination .listpaging a.active {
      background-color: transparent;
      color: #FFD119; }
    #Pagination .listpaging a:hover:not(.active) {
      background-color: transparent; }
    #Pagination .listpaging a.prev {
      right: 100%;
      position: relative; }
    #Pagination .listpaging a.next {
      left: 100%;
      position: relative; }

.not-link {
  pointer-events: none;
  cursor: default; }

.not-active {
  pointer-events: none;
  cursor: default; }

.slideshow {
  margin: 0px auto;
  position: relative;
  width: auto;
  height: 720px;
  padding: 0px; }

.slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.first_tall {
  left: 1px !important; }

.box-share {
  width: 100%;
  float: left;
  display: block;
  text-align: center; }
  .box-share p.titleShare {
    padding-right: 0px;
    font-size: 18pt;
    font-family: "robotobold";
    margin-bottom: 0px;
    padding-bottom: 10px;
    color: #0a4b99; }
  .box-share ul.ul-share {
    list-style: none; }
    .box-share ul.ul-share li {
      display: inline-block;
      margin: 0 25px; }
      .box-share ul.ul-share li a {
        color: #287ee5;
        font-size: 24pt; }
        .box-share ul.ul-share li a i:hover {
          color: #FFD119; }

.box-share.withMargin {
  margin-bottom: 100px; }

.box-caption {
  text-align: center; }
  .box-caption p {
    color: #FFD119;
    font-size: 10pt;
    font-family: "open_sansitalic"; }

.box-image.twoImage img {
  height: 650px;
  object-fit: cover; }

p.date span {
  color: #333333; }

.relatedPost {
  background: #edf3f8;
  margin-bottom: 0px !important;
  padding-bottom: 30px; }
  .relatedPost h2 {
    color: #287ee5;
    font-size: 20pt;
    font-family: "robotobold";
    text-transform: none !important; }
  .relatedPost h5 {
    font-family: "robotobold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 0px; }
  .relatedPost label.date {
    font-family: "RobotoCondensed-Bold";
    font-size: 10pt;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #0a4b99;
    margin: 5px 0 0; }
    .relatedPost label.date span {
      color: #666666; }
    .relatedPost label.date span + span {
      padding-left: 5px; }
    .relatedPost label.date i {
      padding-right: 5px; }
  .relatedPost .box-image img {
    height: 270px;
    object-fit: cover; }

h2.withLine:after {
  position: absolute;
  content: "";
  width: 20%;
  border-bottom: solid 3px #FFD119;
  top: 55%;
  right: 0;
  left: 0; }

hr.withLine {
  width: 105px;
  color: #FFD119;
  border-top: 3px solid #FFD119;
  margin-left: 0;
  margin-top: 35px;
  margin-bottom: 30px; }

body #post-area.masonry.meta_overlaid .masonry-blog-item.regular .article-content-wrap {
  bottom: 0px !important; }

.dropbtn {
  background-color: transparent;
  color: black;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer; }

.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 60px;
  box-shadow: none;
  z-index: 9999999; }

.dropdown-content a {
  color: #333333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  line-height: 0px; }

.dropdown-content a:hover {
  background-color: #edf3f8; }

.dropdown:hover .dropdown-content {
  display: block; }

.dropdown:hover .dropbtn {
  background-color: transparent; }

.hebe.tp-bullets::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 10px;
  margin-left: -10px;
  margin-top: -10px;
  box-sizing: content-box; }

.hebe .tp-bullet:hover, .hebe .tp-bullet.selected {
  background: #FFD119;
  border-color: #FFD119; }

.hebe .tp-bullet {
  width: 3px;
  height: 3px;
  position: absolute;
  background: white;
  cursor: pointer;
  border-radius: 50%;
  border: 5px solid white;
  border-top-color: white;
  border-right-color: white;
  border-bottom-color: white;
  border-left-color: white;
  box-sizing: content-box;
  -webkit-perspective: 400;
  perspective: 400;
  -webkit-transform: translatez(0.01px);
  transform: translatez(0.01px);
  transition: all 0.3s; }

.tp-bullet.selected, .tp-bullet:hover {
  background: #FFD119; }

.twidth {
  width: 100%; }

table tbody tr td {
  color: #333333; }
  table tbody tr td ul {
    list-style: circle;
    text-align: left; }
    table tbody tr td ul li {
      padding-bottom: 10px; }

table tbody tr:nth-child(2n) td {
  background: #f5f5f5; }
  @media only screen and (max-width: 480px) {
    table tbody tr:nth-child(2n) td {
      background: transparent; } }

.form-group {
  margin-bottom: 20px; }

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 12px;
  font-size: 10pt;
  line-height: 1.42857143;
  color: #333333;
  font-family: "open_sansregular";
  background-color: #FFFFFF;
  background-image: none;
  border: 0px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #1f3f81;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 11pt;
  font-family: "robotobold";
  color: #ffffff; }

.form-group .error {
  color: #f44336;
  font-family: "open_sansitalic";
  font-size: 8pt; }

.form-group label span {
  color: #f44336; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block !important; }

h5:not(.custom_font),
.h5 {
  font-size: 14pt;
  line-height: 25px;
  text-transform: none;
  letter-spacing: 0px;
  color: #333333;
  font-family: "robotobold"; }

#rev_slider_1_1_wrapper .tp-tab, #rev_slider_1_1_wrapper .tp-thumb {
  background: #ffffff; }
#rev_slider_1_1_wrapper .tp-tab.selected {
  background: #FFD119 !important; }
#rev_slider_1_1_wrapper .tp-tabs, #rev_slider_1_1_wrapper .tp-thumbs, #rev_slider_1_1_wrapper .tp-bullets {
  background: transparent !important;
  margin: 10px !important; }
#rev_slider_1_1_wrapper .cl-row .overlay {
  background: rgba(0, 0, 0, 0.4); }

.rs-fullvideo-cover {
  /*background:rgba(0, 0, 0, 0.3) !important;*/ }

.WebProduct-Title {
  color: #ffffff;
  font-family: "robotobold";
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
  .WebProduct-Title span {
    color: #FFD119; }

.WebProduct-SubTitle {
  color: #ffffff;
  font-family: "open_sansregular";
  line-height: 25px !important;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.hephaistos.tparrows {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 100;
  border-radius: 50%; }

.uranus.tparrows:hover::before {
  color: #ffffff; }

.uranus.tparrows::before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: transparent; }

.thead {
  background: #1f3f81;
  color: #ffffff; }

table thead tr, table tbody tr {
  border: 1px solid #1f3f81; }

table th {
  border: 0;
  padding: 25px 7px;
  text-align: center;
  font-size: 10pt;
  line-height: 20px;
  font-family: "open_sansregular"; }

table td {
  padding: 30px  10px;
  text-align: center;
  font-size: 11pt; }

.spesifikasi-table {
  border: 2px solid #1f3f81; }

table [data-title="No"],
table [data-title="Luas Bangunan (m2)"],
table [data-title="kantor"],
table [data-title="Lebar pintu (mtr)"],
table [data-title="Tinggi pintu (mtr)"],
table [data-title="Tinggi Gudang (mtr) Tepi"],
table [data-title="Tinggi Gudang (mtr) Tengah"],
table [data-title="Kekuatan Lantai (Ton)"],
table [data-title="Daya listrik (va/watt)"] {
  font-family: "RobotoCondensed-Bold";
  color: #333333;
  width: 7%; }

table.twoTable tr > td.title {
  background: #1f3f81;
  color: #ffffff;
  border-left: 2px solid #1f3f81;
  font-family: "open_sansregular";
  font-size: 10pt;
  text-transform: capitalize;
  font-weight: bold; }
table.twoTable tr:nth-child(2n) > td.title {
  background: #1f3f81 !important; }

table.twoTable tbody tr.bTop {
  border-top: 2px solid #1f3f81; }

table.twoTable tbody tr.bBottom {
  border-bottom: 2px solid #1f3f81; }

table.twoTable tbody tr.bRight {
  border-right: 2px solid #1f3f81; }

table tbody tr td.text {
  color: #333333;
  font-family: "open_sansregular";
  font-size: 11pt; }
  table tbody tr td.text span {
    font-family: "robotobold";
    color: #0a4b99; }

.sweet-alert {
  background: #FFFFFF; }
  .sweet-alert h2:not(.custom_font) {
    font-family: "robotobold";
    font-size: 30pt;
    color: #0a4b99; }
  .sweet-alert p.lead {
    font-family: "open_sansregular";
    font-size: 10pt;
    color: #333333;
    margin-bottom: 30px; }

@media only screen and (max-width: 480px) {
  .owl-stage-outer {
    position: relative;
    left: 15px; } }

.owl-nav .owl-prev {
  left: -50px; }
  @media only screen and (max-width: 480px) {
    .owl-nav .owl-prev {
      left: -10px; } }
.owl-nav .owl-next {
  right: -50px; }
  @media only screen and (max-width: 480px) {
    .owl-nav .owl-next {
      right: -40px; } }

.none {
  display: none; }

#slider.flexslider h3 {
  font-family: "RobotoCondensed-Bold";
  font-size: 20pt;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
  text-transform: none;
  color: #287ee5;
  margin-top: 0px;
  margin-bottom: 30px; }

.box-embed-video iframe {
  height: 600px;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    .box-embed-video iframe {
      height: auto; } }

@media only screen and (max-width: 480px) {
  #content .mt-150 {
    margin-top: 130px; } }

.layout-download {
  background: #edf3f8;
  float: left;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }
  .layout-download .col-md-6 {
    padding-left: 0px; }
  .layout-download .box-text {
    position: relative;
    left: 50px;
    top: 180px; }
    .layout-download .box-text label {
      color: #333333;
      font-size: 10pt;
      margin-bottom: 15px;
      font-family: "open_sansregular"; }
    .layout-download .box-text h4 {
      color: #0a4b99;
      font-size: 20pt;
      margin-bottom: 40px;
      font-family: "robotobold"; }
  .layout-download .box-image img {
    height: 500px;
    width: auto; }
  .layout-download .section_clear {
    padding-left: 15px;
    padding-right: 15px; }
  .layout-download .btn-default {
    padding: 10px 30px; }
    .layout-download .btn-default i {
      padding-right: 10px; }

.feauturedCarousel {
  background: #1f3f81;
  padding-top: 30px;
  padding-bottom: 30px; }
  .feauturedCarousel .wrapper-heading p {
    font-family: "RobotoCondensed-Bold";
    font-size: 16pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    color: #287ee5;
    margin: 0px 0 15px; }
    @media only screen and (max-width: 480px) {
      .feauturedCarousel .wrapper-heading p {
        margin: 25px 0 10px; } }
  .feauturedCarousel .wrapper-heading h2 {
    font-family: "robotobold";
    font-size: 20pt;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: none;
    color: #287ee5;
    margin-bottom: 15px; }
  .feauturedCarousel .owl-carousel .owl-item {
    border: 2px solid transparent;
    transition: border 1s; }
    .feauturedCarousel .owl-carousel .owl-item:hover {
      border: solid 2px #FFD119; }
  .feauturedCarousel hr.withLine {
    margin-top: 0px;
    margin-bottom: 0px; }
  .feauturedCarousel .owl-carousel .owl-stage-outer {
    z-index: 2; }

.flexslider2 {
  padding-top: 50px; }
  @media only screen and (max-width: 480px) {
    .flexslider2 {
      float: left;
      padding-top: 20px; } }
  .flexslider2 .flex-direction-nav .flex-prev {
    left: 10px;
    display: block;
    opacity: 1; }
  @media only screen and (max-width: 480px) {
    .flexslider2 .flex-direction-nav {
      display: none; } }
  .flexslider2 .flex-direction-nav a {
    line-height: 45px;
    top: 55%; }
  .flexslider2 .flex-direction-nav a::before {
    color: #287ee5; }
  .flexslider2 .flex-direction-nav .flex-next {
    right: 10px;
    display: block;
    opacity: 1; }