@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:400,600");
@media (min_width: 360px) {
  .container {
    max-width: 410px;
  } 
}

@media (min-width: 768px) {
  .container {
    max-width: 720px; }
    .container a {
      font-size: 11px;
      //padding: 0 7px; 
      }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link span {
    font-size: 12px; }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    font-size: 15px; } 
  
  .col-md-6.product-specification {
      max-width: 70%;
     
    }
    
    
    .foot-phone{
        text-align: right;
    }
  }

@media (min-width: 992px) {
  .container {
    max-width: 1100px; }
    .container a {
      font-size: 12px;
      //padding: 0 15px; 
      }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link span {
    font-size: 15px; }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    font-size: 20px; }
  }

@media (min-width: 200px) {
  .container {
    max-width: 100%; }
    .container a {
      font-size: 14px;
      //padding: 0 15px; 
      }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link span {
    font-size: 17px; }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    font-size: 25px; } 


  }

@media (max-width: 767px) {
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link span {
    font-size: 10px; }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
    font-size: 15px; } 

/*    .product-thumbnail-column #image-thumbnail li {
      padding-left: 5px;
      display: inline-block;
    }*/
    .product-specification .table-bordered td, .product-specification .table-bordered th{
        font-size: 12px !important;
    }
    
    .navigator-column{
        display: none;
    }
  }

@media (max-width: 991px) {
    .product-thumbnail-column #image-thumbnail li {
      padding-left: 5px;
      display: inline-block;
      /*width: 100%;*/
    }

    .product-thumbnail-column {
      width: 100%;
    }
}

@media (max-width: 1067px) {
    /*.product-specification .table-bordered #service_center img {
       max-width: 30%;
    }*/
}

@media (max-width: 1200px) {
  .wpcf7 .wpcf7-form label {
    background-color: green; }
  .wpcf7 .wpcf7-form .btncontactus input {
    background-color: #F4B522;
    border-width: 40px 20px;
    border-radius: 80px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold; } }

body {
  font-family: 'Poppins', sans-serif; }

img {
  width: auto;
  max-width: 100%; }

h1.page-title {
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-size: 32px;
  margin: 0;
  margin-bottom: 20px;
  border-bottom: 3px solid #cccccc;
  padding-bottom: 4px;
  font-weight: 600; }
  h1.page-title span {
    border-bottom: 3px solid #fb8c00;
    padding-bottom: 2px; }

  .page-title .a2a_s__default{
    border-bottom: 3px solid transparent !important;
  }

.section {
  padding: 50px 15px; }
  .section .title-column {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #E20512;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 4px; }
    .section .title-column span {
      border-bottom: 2px solid #fb8c00;
      padding-bottom: 7px; }
  .section .row-homepage-list .col-md-4 {
    padding-right: 30px;
    padding-bottom: 30px; }

.categories-cloud a {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid #E20512;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #333333;
  font-weight: 600; }
  .categories-cloud a:hover {
    background-color: #E20512;
    color: #fff;
    text-decoration: none; }

.entry-content {
  font-size: 14px;
  margin-top: 0px; }

.entry-footer {
  font-size: 14px; }
  .entry-footer .cat-links {
    margin-right: 15px; }
    .entry-footer .cat-links a {
      color: #E20512; }

.entry-meta {
  font-size: 13px; }

.post-thumbnail {
  margin-bottom: 20px; }

.post-navigation a {
  color: #fb8c00;
  font-size: 14px;
  font-weight: 600; }

.widget-area .widget-title {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #E20512;
  margin: 0;
  margin-bottom: 10px;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 4px; }

.widget-area ul {
  list-style-type: none;
  padding: 0; }
  .widget-area ul li {
    line-height: 1.2;
    margin-bottom: 15px; }
    .widget-area ul li a {
      color: #333333;
      font-size: 15px;
      font-weight: 600; }
    .widget-area ul li .post-date {
      font-size: 12px;
      display: block;
      line-height: 1.2; }

.post-list {
  list-style-type: none;
  padding: 0; }
  .post-list li {
    line-height: 1.2;
    margin-bottom: 15px; }
    .post-list li a {
      color: #333333;
      font-size: 15px;
      font-weight: 600; }

.topnavbar {
  width: 100%;
  //padding: 0 10px;
  z-index: 9;
  background-image: linear-gradient(#0078B4 20%, #008FD5); }
  .topnavbar .navbar-collapse {
    border-bottom-style: groove; }
  .topnavbar .container {
    align-content: center;
    margin-right: 250px; }
  .topnavbar .navbar-brand {
    margin: 0px 50px;
    float: left;
    background-color: #fff;
    border-bottom-left-radius: 35%;
    border-style: inset; }
    .topnavbar .navbar-brand img {
      max-height: 35px; }
  .topnavbar #main-menu li {
    line-height: 33px; }
    .topnavbar #main-menu li a {
      color: black;
      text-transform: uppercase;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
      .topnavbar #main-menu li a:hover {
        text-decoration: none; }
    .topnavbar #main-menu li:after {
      content: "";
      display: block;
      width: 0;
      height: 4px;
      margin: auto;
      background-color: #fb8c00;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
    .topnavbar #main-menu li:hover:after, .topnavbar #main-menu li.active:after {
      width: 100%; }
    .topnavbar #main-menu li .dropdown-menu {
      padding: 0;
      background-color: #111111;
      max-height: 400px;
      overflow: scroll;
      overflow-x: hidden; }
      .topnavbar #main-menu li .dropdown-menu::-webkit-scrollbar {
        width: 5px; }
      .topnavbar #main-menu li .dropdown-menu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #111111; }
      .topnavbar #main-menu li .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #999999;
        outline: 1px solid #999999; }
      .topnavbar #main-menu li .dropdown-menu .dropdown-item {
        line-height: normal;
        padding: 10px;
        font-size: 14px;
        border-bottom: 1px solid #333333;
        color: #fb8c00; }
        .topnavbar #main-menu li .dropdown-menu .dropdown-item:last-child {
          border-bottom: none; }
        .topnavbar #main-menu li .dropdown-menu .dropdown-item:hover, .topnavbar #main-menu li .dropdown-menu .dropdown-item.active {
          color: #cccccc;
          font-weight: 600;
          background-color: #333333; }

.navbar-categoryproduct {
  width: 100%;
  padding: 0 10px;
  z-index: 9;
  background-image: linear-gradient(#0078B4, #008FD5); }
  .navbar-categoryproduct #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link {
    text-align: center; }
    .navbar-categoryproduct #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
      padding: 4px 0px; }
  .navbar-categoryproduct #main-menu li {
    line-height: 70px; }
    .navbar-categoryproduct #main-menu li a.nav-link {
      color: #111111;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 540px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
    .navbar-categoryproduct #main-menu li:after {
      content: "";
      display: block;
      width: 0;
      height: 4px;
      margin: auto;
      background-color: #fb8c00;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
    .navbar-categoryproduct #main-menu li:hover:after, .navbar-categoryproduct #main-menu li.active:after {
      width: 100%; }

/* produk / product */

.row .content-area-product {
  padding-right: 0;
}

@media (max-width: 992px) {
  .row-product {
  display:  block !important;
} }

.row-product {
  display: flex;
}

}
.row-product .product-image-column {
    padding: 0px 0px 0px 16px !important;
}

.row-product .product-thumbnail-column{
  margin: 0px 1px;
}

.row-product .product-specification{
  padding: 0px;
}

.product-category-list {
  padding: 0 20px; }
  .product-category-list .col-md-4 {
    margin-bottom: 25px;
    border-bottom: 1px solid #cccccc; }
  .product-category-list h3 {
    font-size: 18px; }
    .product-category-list h3 a {
      color: #111111; }
  .product-category-list ul li a {
    font-size: 14px;
    color: #fb8c00; }

.product-category-wrapper {
  text-align: center; }
  .product-category-wrapper .image-thumb {
    background: #F2F2F2;
    height: 250px;
    line-height: 240px;
    border: 1px solid #cccccc;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    .product-category-wrapper .image-thumb img {
      max-height: 150px; }
    .product-category-wrapper .image-thumb:hover {
      border: 1px solid #E20512; }
  .product-category-wrapper .product-name {
    font-size: 16px;
    font-weight: 600;
    color: #333333; }
    .product-category-wrapper .single-produk h4{
      border: 1px solid #cccccc;
      border-top: 0px solid #cccccc;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 25px;
      margin-bottom: 0px;
      font-size: 12px;
      line-height: 1.6;
    }

    .product-category-wrapper .col-md-4 {
      margin-bottom: 15px;
    }

    .product-category-wrapper .single-produk .produk-deskripsi ul{
      border: 1px solid #cccccc;
      border-top: 0px solid #cccccc;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 25px;
      margin-bottom: 0px;
      font-size: 12px;
      line-height: 1.6;
    }
  
.product-description {
  padding: 10px;
  margin: 15px 0px;
  border: 1px solid #cccccc; }

.product-specification h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #999999; }

  .product-specification .spec-wrapper {
    border: 1px solid #cccccc;
    position: relative;
    height: 100%;
    padding: 10px; }

  .product-specification .spec-wrapper .table {
    margin-bottom: : 100px; }

.product-specification .table-bordered td, .product-specification .table-bordered th {
  padding: 0px;
  padding-left: 10px;
  border-color: #fff;
  font-weight: 400;
  font-size: 14px; 
}

  .product-specification .table-bordered td li {
  font-weight: 400;}

.product-specification .table-bordered th {
  background: #fff}

.product-specification .post-meta-key {
  text-transform: capitalize;
  font-weight: 400; }

.product-image-column .image-wrapper {
  border: 1px solid #cccccc;
  position: relative;
  height: 337px;
  line-height: 333px;
  text-align: center; 
  height: 100%; }
  .product-image-column .image-wrapper img {
    display: inline-block;
    max-height: 335px; }

   /* .product-specification .table-bordered #service_center img {
        position: absolute;
        right: 0;
        bottom: 0;
    }*/

.product-thumbnail-column #image-thumbnail {
  margin: 0;
  padding: 0;
  max-width: 100%;
  text-align: center;
  list-style-type: none; }
  .product-thumbnail-column #image-thumbnail li {
    margin-bottom: 10px;}
    .product-thumbnail-column #image-thumbnail li .thumbnail-wrapper {
      width: 92px;
      height: 72px;
      line-height: 57px;
      border: 1px solid #cccccc;
      padding: 2px; }
      .product-thumbnail-column #image-thumbnail li .thumbnail-wrapper img {
        margin: 2px;
        max-height: 60px; }
    .product-thumbnail-column #image-thumbnail li .active .thumbnail-wrapper {
      border: 1px solid #fb8c00; }


/*  end Produk  */

.news-wrapper {
  margin-bottom: 30px; }
  .news-wrapper a {
    padding: 0px;
    color: #111111; }
  .news-wrapper .image-thumb {
    margin-bottom: 15px;}
    .news-wrapper .image-thumb img {
      width: auto;
      max-height: 120px;
      margin-left: 10px;}
  .news-wrapper h2.entry-title {
    font-size: 17px;
    font-weight: 600;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-left: 10px; }
  .news-wrapper .entry-meta {
    margin-left: 10px; }
    .news-wrapper .entry-meta span {
      font-size: 12px; }
    .news-wrapper .entry-meta a {
      color: #111111;
      font-size: 12px;
      margin-right: 30px; }
  .news-wrapper .entry-content {
    margin-top: 10px;
    margin-left: 10px; }
    .news-wrapper .entry-content p {
      margin-bottom: 0.5rem; }

.container .title-sidebar {
  margin-bottom: 100px; }
  .container .title-sidebar a {
    padding: 0px; }

.container h2.widget-title {
  padding-top: 20px; }

.dropdown-menu {
  min-width: 200px;
  margin-top: 0; }

.site-footer {
  background-color: black;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: 12px Poppins;
  color: white;
  padding: 15px 30px;
  margin-top: 15px; }
  .site-footer .footer-left, .site-footer .footer-center, .site-footer .footer-right {
    display: inline-block;
    vertical-align: top; }
  .site-footer .footer-left {
    width: 39%; }
  .site-footer .footer-center {
    width: 40%; }
  .site-footer .footer-left i.fa-envelope {
    font-size: 12px;
    line-height: 10px; }
  .site-footer .footer-center i {
    background-color: #33383b;
    color: #ffffff;
    font-size: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    margin: 45px 5px;
    vertical-align: middle; }
  .site-footer .footer-center p {
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
    margin: 0; }
  .site-footer .footer-center p span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 2; }
  .site-footer .footer-center p a {
    color: #5383d3;
    text-decoration: none; }
  .site-footer .footer-right {
    width: 20%;
    float: right; }
  .site-footer .footer-icons {
    margin-top: 50px;
    margin-right: 50px; }
  .site-footer .footer-icons a {
    float: right;
    padding: 5px;
    font-size: 12px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    margin: 5px 5px;
    border-radius: 50%;
    right: 30px;
    color: #fff;
    background: #111111;
    border: 0.1rem solid;
    border-color: white; }
    .site-footer .footer-icons a:hover {
      opacity: 0.7; }
  .site-footer .scroll-top {
    position: fixed;
    bottom: 60px;
    opacity: 0;
    z-index: 1000;
    display: block;
    right: -60px;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 43px;
    border-radius: 50%;
    background-color: #E20512;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
    .site-footer .scroll-top.on {
      opacity: 0.5;
      right: 30px;
      color: #fff; }
      .site-footer .scroll-top.on:hover {
        opacity: 1; }

/* If you don't want the footer to be responsive, remove these media queries */
/*
@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}
}
*/
/*
.site-footer {
	background-color: $black;
	padding: 15px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	color: $white;
	margin-top: 25px;

	.site-info {
		a {
			color: $red;
		}

		.address{
			float: left;
			//background: green;
		}

		.fa-facebook, .fa-twitter, .fa-instagram {
			float: right;
			padding: 5px ;
			font-size: 12px;
			width: 25px;
			text-align: center;
			text-decoration: none;
			margin: 5px 5px;
			border-radius: 50%;

			right: 30px;
			color: $white;
			background: #111111;
			border: 0.1rem solid;
			border-color: white;

			&:hover {
				opacity: 0.7;
			}
		}
	}
	
}
*/
.fit {
  width: 1%;
  white-space: nowrap; }

.margin-top-page {
   }

.wpcf7 {
  font-size: 14px;
  color: white; }
  .wpcf7 .wpcf7-form .btncontactus input {
    background-color: #F4B522;
    border-width: 40px 20px;
    border-radius: 80px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold; }

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0px !important;
}


/*footer*/
.site-footer {
  //background-color: #111111;
  background-color: #194373;
  padding: 20px 35px;
  margin-top: 10px;
  color: #fff; }
  .site-footer .col-menu1 {
      list-style-type: none;
  }
    .site-footer .footer-menu-1 li {
      margin-bottom: 10px;
    }
      .site-footer .footer-menu-1 li a {
        color: white;
      }
  .site-footer .col-menu2 {
      list-style-type: none;
  }
  .site-footer .site-info .footer-menu {
    padding-bottom: 15px; }
    .site-footer .site-info .footer-menu .footer-menu-title {
      font-weight: 400;
      font-size: 22px;
      margin-bottom: 15px;
      line-height: 1; }
        .site-footer .site-info .footer-menu .footer-menu-title.col-menu {
        }
    .site-footer .site-info .footer-menu .menu-footer-container #menu-footer {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .site-footer .site-info .footer-menu .menu-footer-container #menu-footer li {
        display: inline-block;
        float: left;
        margin-right: 50px;
        line-height: 40px; }
        .site-footer .site-info .footer-menu .menu-footer-container #menu-footer li a {
          color: #111111;
          font-weight: 600;
          font-size: 14px; }
        .site-footer .site-info .footer-menu .menu-footer-container #menu-footer li .sub-menu {
          padding-left: 0; }
          .site-footer .site-info .footer-menu .menu-footer-container #menu-footer li .sub-menu li {
            display: block;
            float: none;
            margin-right: 0;
            line-height: 25px; }
            .site-footer .site-info .footer-menu .menu-footer-container #menu-footer li .sub-menu li a {
              color: #666666;
              font-weight: normal; }
    .site-footer .site-info .footer-menu .company-address {
      white-space: pre-line; }
    .site-footer .site-info .footer-menu .soc-med-wrapper {
      //text-align: center; 
      }
      .site-footer .site-info .footer-menu .soc-med-wrapper .soc-med {
        padding-top: 0px; }
        .site-footer .site-info .footer-menu .soc-med-wrapper .soc-med .isi-soc-med {
          margin-bottom: 10px; }
        .site-footer .site-info .footer-menu .soc-med-wrapper .soc-med a {
          color: white; 
          padding-top: 1px;}
        .site-footer .site-info .footer-menu .soc-med-wrapper .soc-med .fa {
          width: 40px;
          height: 40px;
          //display: inline-block;
          margin-left: 70px;
          text-align: center;
          border-radius: 50%;
          margin-right: 10px;
          color: #333333;
          margin-bottom: 5px;
          //background-color: #cccccc;
          background-color: white;
          -webkit-transition: 0.3s ease-out;
          -moz-transition: 0.3s ease-out;
          -o-transition: 0.3s ease-out;
          -ms-transition: 0.3s ease-out;
          transition: 0.3s ease-out; 
          //margin-top: 10px;
          font-size: 20px; 
          padding-top: 10px;}
          .site-footer .site-info .footer-menu .soc-med-wrapper .soc-med .fa:hover {
            background-color: #333333;
            border-color: #333333;
            color: #fff; }
    @media (max-width: 767px) {
      .site-footer .site-info .footer-menu .footer-menu-title {
        font-size: 17px; } }
  .site-footer .site-info .copyright {
    border-top: 1px solid #333333;
    padding-top: 20px;
    text-align: left;
    font-size: 12px; }
    .site-footer .site-info .copyright a {
      color: white; }
  .site-footer .scroll-top {
    position: fixed;
    bottom: 60px;
    opacity: 0;
    z-index: 1000;
    display: block;
    right: -60px;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #E20512;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    .site-footer .scroll-top.on {
      opacity: 0.5;
      right: 30px;
      color: #fff; }
      .site-footer .scroll-top.on:hover {
        opacity: 1; }

.futura-font {
  font-family: 'futura', sans-serif !important; }

.fit {
  width: 1%;
  white-space: nowrap; }

.bold {
  font-weight: 600; }

.container-image {
  position: relative;
  text-align: center;
  color: white;
  text-shadow: 3px 3px blue;
  border: 1px solid black;
  margin-bottom: 20px;
}
  .container-image h1.page-title {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0;
    margin-bottom: 10px;
    border-bottom: 0px solid #cccccc;
    padding-bottom: 4px;
    font-weight: 400; }
  .container-image h1.page-title span {
    border-bottom: 0px solid #fb8c00;
    padding-bottom: 0px; 
    letter-spacing: 15px;
    }
  .container-image img{
    width: 1226px;
    height: auto;
  }
  .container-image .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


/*razo social share*/
.razo-social-share-area {
  position: fixed;
  top: 35%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -300px;
  z-index: 6500;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; }
  .razo-social-share-area.active {
    right: 30px; }
  .razo-social-share-area a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
    background-color: #e7f2fd;
    border-radius: 50%;
    text-align: center; 
    opacity: 0.7; }
    .razo-social-share-area a:last-child {
      margin-bottom: 0; }
    .razo-social-share-area a.facebook {
      background-color: #7F7F7F; }
    .razo-social-share-area a.whatsapp {
      background-color: green; }
    .razo-social-share-area a.telegram {
      background-color: #7F7F7F; }
    .razo-social-share-area a.twitter {
      background-color: #7F7F7F; }
    .razo-social-share-area a.pinterest {
      background-color: #d91a18; }
    .razo-social-share-area a.instagram {
      background-color: #7F7F7F; }
    .razo-social-share-area a.youtube {
      background-color: #7F7F7F; }
    .razo-social-share-area a.ss-close-btn {
      background-color: #191919; }
    @media only screen and (max-width: 767px) {
      .razo-social-share-area a {
        width: 40px;
        height: 40px;
        line-height: 40px; 
        display: none;
      } }
    .razo-social-share-area a:hover, .razo-social-share-area a:focus {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      background-color: #ffc500;
      background-color: #686868;
      opacity: 1;}

/*end social share*/


.wpmm-sticky.wpmm-sticky-wrap .wpmm-nav-wrap{
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

/* side bar produk */
.site-content {
    margin-top: 50px;
}

.site-header {
    box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
}

.col-md-3.navigator-column .sidebar {
  font-size: 0.65em;
}

  .col-md-3.navigator-column .sidebar .nav {
    font-weight: bold;
  }

    .col-md-3.navigator-column .sidebar .nav ul {
      list-style: none;
      padding: 0px;
    }
      .col-md-3.navigator-column .sidebar .nav ul li {
        position: relative;
        margin: 0.2em 0;
        border-bottom:1px solid black;
        padding: 5px;
        }
        .col-md-3.navigator-column .sidebar .nav ul a {
          text-decoration: none;
          letter-spacing: 0.1em;
          color: black;
          display: block;
          transition: all ease-out 300ms;
        }

        .col-md-3.navigator-column .sidebar .nav ul li:not(.active):hover a {
          opacity: 0.6;
        }

         .col-md-3.navigator-column .sidebar .nav ul li.active a{
          color: #1E48BC;
        }

/* end */

.page-title .addtoany_shortcode{
  float: right;
  border-bottom: 0px transparent;
}

.addtoany_list a:not(.addtoany_special_service)>span {
  border-radius: 50% !important;
}

.side_menu a {
  color: black;
}

.side_menu ul{
  padding: 0px;
}

.side_menu li{
  display: inline-block;
  border: 1px solid #F0F4F7;
  width: 180px;
  height: 30px;
  text-align: center;
  padding: 2%;
  margin-bottom: 1px;
}


.side_menu .menu-item.current-menu-item{
  border-left: 2px solid #419EE7;
}

.side_menu ul li:not(.current-menu-item):hover{
  border-left: 2px solid #419EE7;
}


div#n2-ss-4 .nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div {
  width: 86px !important;
  align-items: center !important;

}


/* service center css */
.service-center-image{
  margin-bottom: 25px;
}

.select-provinsi{
  margin: 10px 0px;
  padding: 0px;
  padding-right: 15px;
}
  .select-provinsi .provinsi{
    width: 100%;
    background: #F2F2F2;
    padding-left: 15px;
    }

.service-center-content{
  margin: 10px 0px;
  
}

.content-alamat {
  padding: 20px;
  background: #F2F2F2;
  height: 100%;
}


/*======end==========*/


  .single-content-area .entry-title {
    border-width: 2px;
    border-top-style: solid;
    padding-top: 10px;
  }

  .search-form .period {
  height: 32px;
  width: 150px;
  }


  .search-form .search-submit {
    height: 32px;
    width: 90px;
  }
  
    /*.footer-phone{*/
    /*      white-space: nowrap;*/
    /*}*/

  .footer-phone:before{
  content: "\f095"; 
  font-family: FontAwesome;
  top:0;
  margin-right: 5px;
}

.footer-time:before{
  content: "\f017"; 
  font-family: FontAwesome;
  top:0;
  margin-right: 5px;
}

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

.col-menu-officialstore img {
  height: 30px;
}

@media only screen and (max-width: 767px) {
    .col-menu-officialstore{
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .fa-ul{
        margin-left: 0 !important;
    }
    
    .container-image h1.page-title span {
        letter-spacing: 3px; 
    }
    
    .container-image{
        padding-right: 0;
    }
    
    .content-area{
        padding-right: 0;
    }
    
    .single-produk{
        padding-right: 0;
    }
    
    .product-specification .table-bordered td, .product-specification .table-bordered th {
        padding-left: 2px;
    }
    
    .site-content{
        margin-top: 20px;
    }

    .side_menu ul{
        text-align: center;
    }
    
    .service-center-image {
        padding-right: 0;
    }
    .col-md-10 .service-center-image{
        padding-right: 0;
    }
    .service-center-content {
        padding-right: 0;
    }
    
    .search-form{
        margin-bottom: 5px;
    }
    
    .search-form .search-submit{
        height: 25px;
        width: 80px;
        padding: 1px 6px;
    }
    
    .search-field{
        width: 150px;
        font-size: 12px;
    }
    
    .search-form .period{
        height: 25px;
        width: 120px;
        font-size: 12px;
    }
    
    .site-footer .site-info .footer-menu .soc-med-wrapper {
    text-align: left; }
    
    .col-6 {
        margin-bottom: 30px;
    }
    
    .img-news{
        padding-right: 0;
    }
    
    .copyright{
        text-align: center !important;
    }
    
    .pr-4.fit {
        padding-right: 0 !important;
    }
    
    #wp-megamenu-primary>.wpmm-nav-wrap .wpmm_brand_logo_wrap img{
        margin-left: 10px !important;
    }
}

.row{
    margin-right:0;
}
    
  .shop {
    cursor: pointer;
    font-size: 1rem; }
    
    
    
    
    
    
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

@media (min-width: 767px) {
  .nav-product-body {
    /*margin-left: 180px  !important;*/
    /*margin-right: 180px  !important; }*/
    margin-left: 130px  !important;
    margin-right: 130px  !important; }
    .nav-product-body .nav-product-menu h4 {
      color: #1e5feb !important;
      font-weight: 700  !important;
      margin-left:25px;}
    .nav-product-body .nav-product-menu-kosong {
      padding-top: 35px  !important; }
    .nav-product-body .nav-product-li {
      list-style-type: none  !important;
      padding-left: 0  !important; }
      .nav-product-body .nav-product-li li {
        margin-bottom: 20px !important;
        margin-left:25px;}
        .nav-product-body .nav-product-li li img {
          max-height: 35px;
          padding-right: 10px; }
        .nav-product-body .nav-product-li li a {
          color: #000000 !important;
          font-size: 14px !important;
          display: inline-block !important; } }

@media (max-width: 767px) {
  .nav-product-body {
    margin-left: 0px  !important;
    margin-right: 0px  !important; }
    .nav-product-body .nav-product-menu h4 {
      color: #1e5feb !important;
      font-weight: 700  !important;
      margin-left:25px;}
    .nav-product-body .nav-product-menu-kosong {
      padding-top: 35px  !important; }
    .nav-product-body .nav-product-li {
      list-style-type: none  !important;
      padding-left: 0  !important; }
      .nav-product-body .nav-product-li li {
        margin-bottom: 20px !important;
        margin-left:25px;}
        .nav-product-body .nav-product-li li img {
          max-height: 35px;
          padding-right: 10px; }
        .nav-product-body .nav-product-li li a {
          color: #000000 !important;
          font-size: 14px !important;
          display: inline-block !important; } }

.product-category-list {
  padding: 0 20px; }
  .product-category-list .col-md-4 {
    margin-bottom: 25px;
    border-bottom: 1px solid #cccccc; }
  .product-category-list h3 {
    font-size: 18px; }
    .product-category-list h3 a {
      color: #000000; }
  .product-category-list ul li a {
    font-size: 14px;
    color: #fb8c00; }

.product-category-wrapper {
  text-align: center;
  padding-top: 50px; }
  .product-category-wrapper .product-wrapper {
    margin-bottom: 40px; }
  .product-category-wrapper .image-thumb {
    height: 250px;
    line-height: 245px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms; }
    .product-category-wrapper .image-thumb img {
      max-height: 248px; }
  .product-category-wrapper .product-name {
    font-size: 16px;
    font-weight: 600;
    color: #333333; }

.product-description {
  padding-left: 30px; }

.product-specification h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  letter-spacing: 1px;
  text-align: left; }

.product-specification .speks {
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  text-transform: uppercase;
  text-align: left; }

.product-specification .spek-header {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px; }

.product-specification .spek-detail {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px; }

.product-specification .table-bordered td, .product-specification .table-bordered th {
  padding: 10px;
  border-color: #cccccc;
  font-size: 14px; }

.product-specification .post-meta-key {
  text-transform: capitalize;
  font-weight: 600; }

.product-image-column .image-wrapper {
  border: 1px solid #cccccc;
  position: relative;
  height: 337px;
  line-height: 333px;
  text-align: center; }
  .product-image-column .image-wrapper img {
    display: inline-block;
    max-height: 335px; }

.product-image-column #image-thumbnail {
  margin: 0;
  padding: 0;
  max-width: 100%;
  text-align: center;
  list-style-type: none; }
  .product-image-column #image-thumbnail li {
    margin-bottom: 10px;
    display: inline-block; }
    .product-image-column #image-thumbnail li .thumbnail-wrapper {
      width: 92px;
      height: 62px;
      line-height: 57px;
      border: 1px solid #cccccc; }
      .product-image-column #image-thumbnail li .thumbnail-wrapper img {
        max-height: 62px; }
    .product-image-column #image-thumbnail li .active .thumbnail-wrapper {
      border: 1px solid #fb8c00; }
      
      
      @media (min-width: 767px) {
        .nav-berita{}
          .nav-berita-body-left{
            margin-left:290px !important;
            .nav-berita-menu{
              h4{
                color: $blue-1 !important;
                font-weight: 700 !important;
              }
            }
            .nav-berita-li{
              list-style-type: none !important;
              padding-left: 0 !important;
              li{
                margin-bottom: 20px !important;
                a{
                  color: $black !important;
                  font-size: 14px !important;
                }
                // margin-bottom: 10px !important;
              }
            }
          }
          
          .nav-berita-body-right{
            margin-right:100px !important;
            .nav-berita-menu{
              h4{
                color: $blue-1 !important;
                font-weight: 700 !important;
              }
            }
            .nav-berita-li{
              list-style-type: none !important;
              padding-left: 0 !important;
              li{
                margin-bottom: 20px !important;
                a{
                  color: $black !important;
                  font-size: 14px !important;
                }
                // margin-bottom: 10px;
              }
            }
          }
        }

          @media (min-width: 767px) {
             .nav-dukungan{}
              .nav-dukungan-body-left{
                margin-left:505px !important;
                width:1000px;
                .nav-dukungan-menu{
                  h4{
                    color: $blue-1 !important;
                    font-weight: 700 !important;
                  }
                }
                .nav-dukungan-li{
                  list-style-type: none !important;
                  padding-left: 0 !important;
                  li{
                    margin-bottom: 20px !important;
                    a{
                      color: $black !important;
                      font-size: 14px !important;
                    }
                    // margin-bottom: 0;
                  }
                }
              }
              
              .nav-dukungan-body-right{
                margin-left:100px !important;
                margin-right:100px !important;
                .nav-dukungan-menu{
                  h4{
                    color: $blue-1 !important;
                    font-weight: 700 !important;
                  }
                }
                .nav-dukungan-li{
                  list-style-type: none !important;
                  padding-left: 0 !important;
                  li{
                    margin-bottom: 20px !important;
                    a{
                      color: $black !important;
                      font-size: 14px !important;
                    }
                    // margin-bottom: 0;
                  }
                }
              }
            }
            

/* Manual Produk*/
.form-row {
	.judul-manual-produk {
		.judul h1{
			text-align: center;
			font-weight: bold;
			margin: 20px 0px;
		}
	}
}

  .form-row {
	.judul-manual-produk {
		.isi p{
			text-align: center;
			margin: 0px 20%;
			margin-bottom: 50px;
		}
	}
  }
  
  .form-row{ 
	.form-group {
		display: flex;
	}
  }
  
.form-row {
		.ket {
		text-align: right;
		margin: 5px;
	}
}
  
  .form-row {
	.dropdown {
		padding: 0;
		max-width: 200px;
	  }
  }

  
  .table-manual-produk{
	display: flex;
	background: black;
  }
  
  .table-manual-produk {
	  .judul-table{
		padding: 10px 0;
		color: white;
  		}
   }

  .download-manual-produk {
	display: flex;
	padding: 10px 0;
	margin-bottom: 50px;
	border-bottom: solid 1px;
  }
  
  /* End manual Produk*/