div#popup-home.close-popup {display:none}
video {
    height: auto;
    width: 100% !important;
}
.content-news-detail {
    color: #fff;
}
.content-popup > *:last-child{margin:0;}
div#popup-home {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-popup {
    position: relative;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #aaa;
    max-width: 90%;
    padding: 30px;
    max-height: 90%;
    display: flex;
    width: auto;
}
.close-popup-home {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
	cursor:pointer;
    text-align: center;
    font-size: 14pt;
}
.content-popup img {
    max-width: 100%;
}
ul.list-history {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.list-history li {
    position: relative;
    padding-left: 30px;
}
.list-history li:before {
    content: "";
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #2db2df;
    top: 23px;
    border-radius: 50%;
    left: -5px;
}
.list-history li:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #2db2df;
    top: 28px;
    left: -1px;
}
.list-history li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #403f56; 
    padding-top: 10px;
}
ul.list-history li.history-active:before {
    background: #131129;
    z-index: 1;
    border: 2px solid #2db2df;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 17px;
    height: 17px;
    left: -9px;
    top: 20px;
}
ul.list-history li.history-active h2 {
    color: #2db2df;
}
.list-history li:last-child {
    border: 0;
}
.list-history li:last-child:after {
    display:none;
}
.list-history li h2 {
    margin-top: 0;
    margin-bottom: 0;
}
ul.list-history li.history-active table {max-height:1000px;}
ul.list-history li table {
    max-height: 0;
    overflow: hidden;
	margin-top:5px;
    display: block;
	/* -webkit-transition: all 0.5s ease-in-out; */
    /* -moz-transition: all 0.5s ease-in-out; */
    /* -o-transition: all 0.5s ease-in-out; */
    /* transition: all 0.5s ease-in-out; */
}
#footerlink div#contactform .col-sm-2 {
    width: 100% !important;
    text-align: left;
    padding: 0 25px 6px !important;
}
#footerlink div#contactform .col-sm-10,#footerlink div#contactform .col-md-10 {
    width: 100% !important;
	margin:0 !important;
}
#footerlink div#contactform {
    width: 100%;
    float: left;
}
.parallax-container{overflow:hidden}
hr {
    border-top: 20px solid #eee;
}
html {
  scroll-behavior: smooth;
}
body{
	margin:0;
	font-family: 'Lato', sans-serif;
	font-size:11pt;
	color:#000;
	background:#fff;
}
h1,h2,h3,h4{font-family: 'Raleway', sans-serif;font-weight:800}
div#sync1 {
    border: 1px solid #dcdcdc;
    padding: 8px;
    border-radius: 5px;
}
.shop-content-item #sync2 {
    margin-top: 10px;
    text-align: center;
}
#sync2 .item img {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
#sync2.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    padding: 0 5px;
}
#sync2 .owl-wrapper {
    width: 100% !important;
}
#slide-service-block .owl-prev {
    width: 100px !important;
    background: #000 url(images/left-white.png) no-repeat scroll center center;
    float: right;
    height: 100px !important;
    background-size: 20px;
    position: absolute;
    left: 0;
	font-size:0;
	bottom:0;
}
div#myCarousel img{width:100%;}
div#myCarousel {
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}
#slide-service-block .owl-nav {
    bottom: 0;
    position: absolute;
    bottom: 0 !important;
}
#slide-service-block .owl-next {
    width: 100px !important;
    background: #000 url(images/right-white.png) no-repeat scroll center center;
    float: right;
    height: 100px !important;
    background-size: 20px;
    position: absolute;
    right: 0%;
	font-size:0;
	bottom:0;
}
#slide-service-block .owl-controls {
    position: absolute;
    width: 70%;
	font-size:0;
    left: 0;
    margin: 0 !important;
    bottom: 0;
}
img{max-width:100%;}
.content-wrapper {
    padding: 100px 0;
	color:#000;
}
a.navbar-brand.brand-right img {
    height: 60px;
}
.navbar-brand>img {
    display: block;
    height: 65px;
}
div#block-marketing {
    padding: 15px 0;
    background: #737373;
    color: #fff;
}
.text-marketing {
    font-size: 17pt;
    margin-right: 20px;
}
.nama-marketing img {
    height: 90px;
    margin-right: 11px;
}

div#block-marketing h2 {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    /* font-size: 17pt; */
    margin-right: 30px;
}
div#block-marketing .col-sm-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#block-marketing ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
div#block-marketing ul li {
    margin-right: 20px;
    font-size: 12pt;
    margin-bottom: 3px;
}
.text-marketing {
    font-size: 17pt;
    margin-right: 30px;
}
div#call-block .more {
    background: #18191b;
}
.slide-text .more {
    background: transparent;
	color:#fff;
    border-color: #fff;
    margin-top: 20px;
}
.more:hover {background:#fc601d;color:#fff;border-color:#fc601d}
.more {
    background: #000;
    max-width: 100%;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    /* font-weight: bold; */
    padding: 8px 27px;
    text-transform: uppercase;
    font-size: 11pt;
    border: 2px solid #000;
    border-radius: 40px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
div#who-we-are .more {
    margin-top: 20px;
}

footer h1.page-header {
    border: 0;
	text-align: left;
    color: #737475;
    margin-bottom: 20px;
    font-size: 22px;
	text-transform:capitalize;
}
footer h1.page-header:before {
	content:"";
	display:inline-block;
	width:70px;
	height:3px;
	background:#fc601d;
	margin-right:10px;
	vertical-align:middle
}
h1.page-subheader {
    font-size: 33pt;
    color: #000;
    margin-top: 0;
    line-height: 1.2;
}
#newshome h1.page-subheader {
    font-size: 33pt;
    color: #000;
    line-height: 1.2;
    margin-bottom: 40px;
    margin-top: -10px;
}
div#service-block {
    padding-bottom: 0;
}
div#our-partner {
    /* background: url(images/pattern.svg)repeat-x #c4c3c9; */
    background: #fff;
    padding: 60px 0;
    position: relative;
}

div#our-partner h1 {
    text-align: left;
    color: #1d1c20;
    margin-bottom: 50px;
}
div#ig-block {
    padding: 0;
}
div#map-block {
    padding: 0;
}
div#map-block iframe {
    width:100%;
}
div#newshome {
    padding-top: 40px;
	/* padding-bottom:40px; */
	background:#eef2f5;
	position:relative;
}
.dept_title a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14pt;
    padding: 0;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
h1.newstitle a{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.dept_image img,.img-news img {
    position: absolute;
    top: 50%;
    min-height: 100%;
    width: auto;
    max-width: none;
    max-height: 110%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.dept_image:before,.img-news:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 70%;
}
.dept_image,.img-news {
    position: relative;
    overflow: hidden;
}
p {
    margin: 0 0 20px;
}


/*HEADER TOP*/
div#header-top {
    background: #18191b;
    padding: 15px 0;
	color:#fff
}
div#header-top  ul{margin:0;}
div#header-top  p{margin:0;}
div#header-top  a{color:#fff}


/*HEADER*/
.navbar-inverse .navbar-toggle {
    border: 0;
    margin-right: 12px;
    float: none;
}
.navbar-inverse .navbar-toggle .icon-bar:last-child {margin-bottom:0;}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 30px;
    margin-top: 0;
    margin-bottom: 5px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{
    background-color: #3fc8f4;
}
header {
    position: relative;
}

#header-site a.navbar-brand {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 16pt;
    height: auto;
    display: block;
    line-height: normal;
}
nav#header-site .container {
    display: flex;
	position:relative;
    justify-content: space-between;
    align-items: flex-end;
}
nav#header-site .container:before, nav#header-site .container:after{display:none}
.navbar-inverse .navbar-nav>li {margin-left:0px}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background: rgba(0, 0, 0, 0.8);
    color: #fff;
	border-color:#fc601d
}
.open>.dropdown-menu {
    display: block;
    min-width: 220px;
}
/* .navbar-inverse .navbar-nav>li>a { */
    /* color: #000; */
    /* font-weight: bold; */
    /* padding: 10px 15px 36px; */
    /* margin-top: 26px; */
/* } */


/*CALL BLOCK*/
div#call-block {
    background: #3fc8f4;
}

div#call-block .container:before, div#call-block .container:after{display:none}
div#call-block .container {
    display: flex;
    justify-content: space-between;
	padding:14px 15px;
    align-items: center;
	position:relative
}
div#call-block h2 {
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    font-size: 14pt;
}
.hotline a {
    display: inline-block;
    border: 1px solid #fc601d;
    border-radius: 40px;
    padding: 7px 10px;
    color: #fff;
    margin-left: 9px;
}

.hotline {
    text-transform: uppercase;
    z-index: 2;
    position: absolute;
    color: #fff;
    font-size: 14px;
    right: 10px;
    top: 20px;
    letter-spacing: 1px;
}
.hotline a:hover img{filter: brightness(0) invert(1);}
.hotline a:hover {
    background: #fc601d;
    text-decoration: none;
}





/*SLIDE*/
div#slide-block {
    position: relative;
	overflow:hidden;
	color:#fff;
}
div#content-center {
    position: relative;
    z-index: 1;
    /* box-shadow: 0 0px 40px 40px #131129; */
}
footer{position:relative;z-index:1;}
div#slide-home img{width:100%; position:relative}
div#slide-home {
    position: relative;
}
#slide-home .owl-item {
    padding: 0;
}
.slide-text *{text-align:left !important}
.slide-text .container{max-width:100%}
.slide-text {
    position: absolute;
	z-index:2;
	width:400px;
    top: 53%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
	text-align:center;
    color: #fff;
    padding: 0 ;
}
.new-icon {
    top: 0;
    position: absolute;
    background: #000;
    width: 45px;
    text-transform: uppercase;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    border-radius: 50%;
    font-size: 9pt;
    left: 15%;
}
.slide-text h1 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 36pt;
    margin-top: -4px;
    letter-spacing: 2px;
}
.slide-text .container * {
    max-width: 420px;
}
.slide-text p:last-child {
    margin-bottom: -5px;
}
.slide-text p {
    letter-spacing: 1px;
}

/*CATALOG HOME*/
.catalog-item,.row.thumbnail-product.grid > div {
    margin-bottom: 40px;
}
.images-catalog,.image-product {
    border: 2px solid #eee;
    width: 100%;
    min-height: 100%;
    position: relative;
}
footer .page-header{margin-top:0;}
footer label{padding-left:5px;font-size:13pt}
.form-control {
    padding: 10px 20px;
    height: auto;
    border: 2px solid #fc601d;
    border-radius: 21px;
}
footer h1 {width:100%;margin-top:0;font-size:32pt;color:#000}
footer p,footer h1.page-header {width:100%;}
footer h2 {
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    display: block;
    width: 100%;
    font-size: 21px;
    color: #000;
}
.images-catalog:before,.image-product:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 130%;
}
.catalog-item a {
    display: block;
    position: relative;
}
.images-catalog img,.image-product img {
    position: absolute;
    top: 46%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}
.title-catalog, .product-col .caption {
    position: relative;
    width: 74%;
    left: 13%;
    color: #000;
    font-weight: bold;
    background: #3fc8f4;
    text-align: center;
    top: 100%;
    font-size: 9pt !important;
    margin-top: -28px;
    padding: 1px;
}
.product-item {
    margin-bottom: 50px;
}
.title-catalog h4,.product-col .caption  h4 a {
    font-size: 11pt;
	line-height:1.4;
	color:#000;
    font-weight: bold;
    padding: 0 10px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catpage {
    margin-bottom: 20px;
}
ul#shop-slider {
    list-style: none;
    padding: 0;
    margin: 0;
}
/*END*/

/*strengt*/
.strengt-item {
    /* display: flex; */
    /* align-items: flex-start; */
	text-align:center;
}
.strengt-item img {
    height: 160px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
div#strengt {
    padding: 80px 0 70px;
    color: #000;
}
div#who-we-are {
    padding: 30px 0 0px;
}
.title-strengt {
    padding-left: 0px;
}
.title-strengt h4 {
    font-weight: bold;
    font-size: 12pt;
}




/*WHO WE ARE*/
#who-we-are .page-header {
    
}
.image-who-we-are {
    margin-top: 40px;
}
#who-we-are .page-header:after {margin-left:0;margin-right:0}
#who-we-are .container > .row {
}




/*SERVICES*/
div#slide-service-block .owl-item {
    padding: 0;
}
div#slide-services {
    padding-top: 90px;
    position: relative;
    padding-bottom: 0px;
}
div#services-block {
    /* background: #3fc8f4; */
    padding: 0;
}
div#services-block .page-header {
    background: #000000;
    color: #fff;
    padding: 50px 0;
	margin-bottom:0;
}
.list-services img {
    width: 100%;
    margin: 0;
    display: block;
}
.list-services {
    color: #000;
	position:relative;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}
div#service-block .col-sm-4:nth-child(2) .title-service {bottom:auto;top:60px;}
.title-service:after {
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 130px;
    background: #33aee7;
    left: 30px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%) skew(-10deg, 0);
}
.title-service:before {
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 130px;
    background: #33aee7;
    left: 15px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}
.title-service {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	line-height:1;
    z-index: 9;
    color: #fff;
    width: 100%;
    padding: 0 35px;
    font-size: 30pt;
    left: 0;
    font-weight: bold;
    bottom: 60px;
}
div#services-block .col-sm-6 {
    padding: 0;
}
#full-desc-product h3,#full-desc-product h2,#full-desc-product h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16pt;
    margin-bottom: 20px;
}
.list-services:hover .title-service{opacity:0;}
.title-service h4 {
    font-weight: bold;
    font-size: 32pt;
	opacity:1;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.list-services{overflow:hidden}
.list-services:hover img{transform:scale(1.1)}
.list-services img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.list-services a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity:1;
    background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index:1;
}
.list-services a {
    display: block;
}
.nama-marketing a {
    color: #fff;
    display: block;
    white-space: nowrap;
}
.list-services:hover a:before {opacity:0;}
.nama-marketing ul img {
    height: 21px;
    margin-right: 4px;
}


/*FOOTER*/
div#footerlink h3 {
    margin-top: 0;
    margin-bottom: 30px;
}
div#footerlink a{color:#000}
div#footerlink {
    color: #444;
	padding:60px 0 60px;
	background:#eef2f5 !important;
    /* background-repeat: no-repeat; */
    background-size: cover;
    /* background-attachment: fixed; */
}
div#footerlink .row > div td {
    padding: 4px 2px;
}
#copyright a {
    color: #3fc8f4;
}
div#copyright  p{margin:0}
div#copyright {
    background: #090909;
    color: #fff;
    padding: 15px 0;
}
.catnav {
    /* background: #f5f5f5; */
	display:none;
    padding: 12px 19px;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #eee;
}


/*GALLERY*/
.gallerytitle {
    TEXT-ALIGN: CENTER;
}
.name-photo.text-center {
    padding: 10px 10px;
}
.col-md-3.col-sm-4.thumb {
    display: flex;
    /* align-items: center; */
}
.gallery_category {
    width: 100%;
    display: flex;
	position:relative;
	margin-bottom:20px;
}
.gallery_category a {
    width: 100%;
    position: relative;
	z-index:1;
	margin-bottom:0;
}
.images-gallery {
    position: relative;
    overflow: hidden;
}
.images-gallery:before {
    display: block;
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block;
    content: "";
}
.images-gallery img {
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 100%;
    transform: translateY(-50%);
}
.col-md-3.col-sm-4.thumb > a {
    width: 100%;
}
/* .gallery_category:after { */
    /* content: ""; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* left: 0; */
    /* top: 0; */
    /* transform: rotate(-4deg); */
    /* background: #fff; */
/* } */
/* .gallery_category:before { */
    /* content: ""; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* left: 0; */
    /* top: 0; */
    /* transform: rotate(4deg); */
    /* background: #fff; */
/* } */

table#table-workflow td:nth-child(odd) {
    padding: 10px 20px;
}
table#table-workflow td:nth-child(odd) h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #555;
    padding-bottom: 20px;
}
.images-product img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
div#catalog-home {
    padding: 80px 0 50px;
}
.title-product {margin-top:15px}
.title-product h4 {
    color: #000;
    text-align: center;
    font-size: 12pt;
    margin: 0;
}
div#block-bg {
    /* background: url(images/background-miring.svg) no-repeat; */
    background-position: 0 110px;
}
.background-circle img:last-child {
    /* clear: both; */
    float: left;
}

.background-circle img {
    width: 40%;
    float: right;
}
.background-circle {
    position: absolute;
    right: 0;
    width: 100%;
	margin-top:40px;
}
/*KONTAK*/
#bebas2{padding:40px 0;background:#eef2f5}
div#noteafter iframe{max-width:100%;margin:0;display:block;}
#slide-home.owl-theme .owl-controls .owl-dot.active,#slide-home-mobile.owl-theme .owl-controls .owl-dot.active {opacity:1;}
#slide-home.owl-theme .owl-controls .owl-dot,#slide-home-mobile.owl-theme .owl-controls .owl-dot {
    border-radius: 0;
    width: 90px;
	opacity:0.5;
    height: 4px;
    background: #fff;
}
#slide-home .owl-controls,#slide-home-mobile .owl-controls {
    position: absolute !important;
    bottom: 15px !important;
    width: 100% !important;
    left: 0 !important;
}
.navbar-inverse .navbar-nav>li>a {font-family: 'Raleway', sans-serif;}
div#ig-block .col-sm-3 {
    padding: 0;
}
h1.newstitle a {
    color: #2db2df;
}
h1.newstitle {
    font-size: 14pt;
    line-height: 1.3;
}
.newsdate {
    border-top: 1px dashed #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    padding-top: 5px;
    font-style: italic;
}
.dept {
    position: relative;
}
.dept_content {
    position: absolute;
	color:#fff;
    bottom: 30px;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 80%;
    padding: 15px 25px;
    text-align: right;
}
div#bannerhome {
    padding: 30px 0;
}
.dept_subtitle p,.newsshortdesc p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.panel-body.news-colx .more{display:none}
.panel-body.news-colx {
    padding: 0;
    margin-bottom: 40px;
}
#slide-gallery .thumbnail {
    background: transparent;
    padding: 0;
    border: 0;
	color:#fff;
}
#slide-gallery .thumbnail img {
    width: 100%;
}
.col-xs-12.thumb{margin-bottom:15px}
@media(min-width:768px){
div#ig-block .row {
    display: flex;
}
/* .list-history{width:750px}	 */
.col-xs-12.thumb:nth-child(3n+1){clear:both}
.list-logo-header {
    left: 100%;
    position: absolute;
    top: 25px;
    width: auto;
    width: 90px;
}
.carousel-indicators {
    bottom: -5px;
}
.content-news-detail {
    position: absolute;
    max-height: 300px;
    overflow: auto;
    width: 50%;
    bottom: 40px;
    right: 50px;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 30px;
}
.navbar-inverse .navbar-nav>li.open>a:before,.navbar-inverse .navbar-nav>li>a:hover:before{background:#fc601d}
	.navbar-inverse .navbar-nav>li>a:before {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		height: 2px;
		background: transparent;
		bottom: 9px;
		left: 50%;
		transform: translateX(-50%);
	}
div#results > div:nth-child(3n+1) {
    clear: both;
}
.mobile-only{display:none}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}	
.navbar-nav>li>.dropdown-menu {
    left: 0;
    top: 100%;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
}
.dropdown-menu{background:rgba(0, 0, 0, 0.8)}
/* nav#header-site .container:before { */
	/* background:rgba(0, 0, 0, 0.3); */
	/* position:absolute; */
	/* top:0; */
	/* width:500px; */
	/* right:100%; */
	/* content:""; */
	/* display:block; */
	/* height:100%; */
	/* box-shadow:0 -40px 13px -20px #131129 inset; */
/* } */
.navbar-header {
    margin: 60px 0 30px;
}
div#service-block .col-sm-4:nth-child(2) {
    margin-top: 100px;
}
div#slide-service-block img {
    max-width: 70%;
}
.slide-service-content h1{width:60%}
.slide-service-content h1.page-subheader{
	float:right;
	font-size: 25pt;
    color: #181818;
    margin-top: 0;
    line-height: 1.2;
}
.slide-service-content h1.page-subheader span {
    background: #fff;
    padding: 10px 15px 10px 20px;
}
.slide-service-content .more {
    clear: right;
    float: right;
    margin-top: 12px;
}
div#slide-services .page-header:before {display:none}
div#slide-services .page-header:after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 3px;
    background: #fc601d;
    margin-left: 10px;
    vertical-align: middle;
}
div#slide-services .page-header {
    position: absolute;
    right: 0;
	z-index:2;
    bottom: 54%;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
    margin: 0;
    text-align: right;
}
.slide-service-content {
    width: 50%;
    text-align: right;
    position: absolute;
    height: 60%;
    bottom: 0;
    left: 50%;
	transform:translateX(-50%);
	width:750px;
}
#bs-example-navbar-collapse-1 a.navbar-brand.brand-right{display:none !important}
.navbar-header:before,.navbar-header:after {content:"";display:none}
.navbar-header {
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
	/* border-bottom:1px solid transparent; */
    font-weight: 500;
    display: block;
	padding-left:11px;
	padding-right:11px;
	width:100%;
    align-items: center;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
}
.image-full-block h1{margin-top:0;}
.image-full-block {
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 100%;
}
.image-full-block img {
    height: 100%;
    display: block;
    width: auto !important;
    position: relative;
}
div#full-block h1 {
    font-size: 33pt;
    margin-bottom: 20px;
	color:#fff;
}
div#full-block{padding:0;position:relative;}
div#full-block .container{padding:100px 15px;position:relative}
.image-contoh-product img:nth-child(4),.image-contoh-product img:nth-child(5),.image-contoh-product img:nth-child(6) {margin-bottom:10px;}
.image-contoh-product img {
    width: 32.333%;
    margin-left: 1%;
}
.col-xs-6.col-sm-3.element-item:nth-child(4n+1){clear:both}
div#footerlink .row > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 50px;
    flex-direction: column;
}
div#footerlink .row {
    display: flex;
	align-items:flex-start;
}
.navbar-brand {
    padding-top: 9px;
    padding-bottom: 10px;
	padding-right:0;
}
	#slide-home-mobile{display:none !important}
	div#bs-example-navbar-collapse-1 {
		padding: 0;
		position: relative;
		top: 0px;
		clear:both;
		display:flex !important;
		align-items:center;
		left: 0;
		/* width: 100%; */
		/* border-bottom: 2px solid #fff; */
		z-index: 2;
	}
	.social-media {
    margin-left: 10px;
    white-space: nowrap;
}
	.social-media p{margin:0}
	div#services-block .container > .row > div:last-child > .row {
    display: flex;
}
div#services-block .container > .row > div:last-child > .row > div {
    float: none;
    display: flex;
}
	#button-mobile{display:none}
	#close-menu{display:none}
	.bg-black {display: none;}
	/*WHO WE ARE*/
/* div#who-we-are .row>div:first-child { */
    /* text-align: center; */
/* } */
	div#who-we-are .row>div:last-child {
		/* padding-right: 25px; */
	}
	
	/*KONTAK*/
	div#contactform .form-group > div:last-child {
		width: 77%;
	}
	div#contactform .form-group > span:first-child {
		width: 20%;
		padding-left: 0;
		padding-top:6px;
	}
	div#contactform .form-group > div:last-child.col-md-offset-2 {
		margin-left: 20%;
	}
.navbar-nav {
    float: none;
    margin: 0;
    position: relative;
    width: 100%;
}
	div#contactform {
		width: 60%;
		float: left;
	}
	div#noteafter {
		float: left;
		width: 40%;
		padding-left: 30px;
	}

}
div#full-block .more {
    color: #000;
    margin-top: 10px;
    background: #fff;
    border-color: #fff;
}
div#full-block .more:hover {
    /* background: #000; */
    /* color: #fff; */
    /* border-color: #000; */
}
div#who-we-are .more:hover {
    /* background: #fff; */
    /* color: #000; */
}
.slide-text .more:hover {
    background: #fff;
    color: #000;
}
h2 {
    overflow: hidden;
}
h2 .simpleParallax {
    overflow: visible !important;
    transform: scale(0.667);
}
@media(min-width:992px){
/* .list-history{width:970px}	 */
div#slide-services .page-header,
.slide-service-content {
	width:970px;
}
}
@media(min-width:1200px){
	/* ul.list-history { */
		/* width: 1090px; */
	/* } */
	div#slide-services .page-header, .slide-service-content {
		width:1070px;
	}
	.col-md-4.col-xs-6.thumb:nth-child(4n+1) {width: 25%;}
	.col-md-4.col-xs-6.thumb {width: 25%;}
	.container{width:1150px}
}

@media(min-width:1600px){
	#slide-service-block .owl-controls {width: 60%;}
	div#slide-service-block img {max-width: 60%;}
}

@media(max-width:991px){
	.navbar-brand>img {display: block;height: 45px;}
	.navbar-inverse .navbar-nav>li {margin-left: 8px;}
	#header-top .col-sm-6:first-child {width: 100%;}
	#header-top .col-sm-6.text-right {display: none;}
}
div#block-marketing ul li:first-child{font-weight:bold}
.slide-text h1 span{font-weight:bold;color:#2db2df !important}
h2 img{width:100%}
div#bebas2 .container-fluid p{margin:0}
div#bebas2 .container-fluid {
    padding: 0;
    overflow: hidden;
}
.banner_title {
    text-align: center;
    margin-top: 5px;
}
.list-logo-header p{margin:0}
@media(max-width:767px){
.content-news-detail {
    color: #000;
}
.content-news-detail {
    padding: 10px 20px;
}
div#ig-block .row {
    display: flex;
	flex-wrap:wrap;
}
.list-history {
    width: 100%;
    padding: 0 30px !important;
}
.list-logo-header {
    position: absolute;
    left: auto;
    right: 66px;
    top: 32px;
}
.social-media p:last-child {
    text-align: left !important;
    margin-top: 10px;
}
.content-wrapper .container .col-lg-12 > table {
    width: 88% !important;
    margin: 20px auto;
}
.social-media {
    padding: 0 10px;
}
div#myCarousel {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.desktop-only{display:none}
.hotline{display:none !important}
#slide-service-block .owl-controls{width:100%;top:0;bottom:auto}
#slide-service-block .owl-nav{top: 0 !important;bottom:auto !important}
#slide-service-block .owl-next,#slide-service-block .owl-prev{width:60px !important;height:60px !important;top:0;}
footer h1 {
    width: 100%;
    margin-top: 0;
    font-size: 20pt;
}
div#our-partner table,div#our-partner tbody,div#our-partner tr,div#our-partner td{display:block;}
div#our-partner td{width:50%;float:left;}
div#our-partner td:nth-child(2n+1){clear:both}
div#our-partner h1{margin-bottom:20px}
div#our-partner,.content-wrapper {
    padding: 50px 0;
	background-size:auto 90px;
}
div#slide-services .page-header{padding-right:20px;padding-left:20px}
.background-circle img {width: 75%;float: right;}
div#block-bg {
    background-size: cover !important;
}
div#service-block .col-sm-4 {
    margin-bottom: 20px;
}
div#service-block .col-sm-4 a {
    display: block;
    position: relative;
}
.title-service{font-size:20pt}
.title-service:before {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 90px;
    background: #33aee7;
    left: 0;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}
.title-service:after {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 90px;
    background: #33aee7;
    left: 15px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%) skew(-16deg, 0);
}
div#newshome {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
#newshome h1.page-subheader {
    font-size: 23pt;
    /* color: #fff; */
    line-height: 1.2;
    margin-bottom: 40px;
    margin-top: 0px;
}
.dept_image img {
    width: 100%;
}
.dept {
    margin-bottom: 40px;
}
div#service-block .col-sm-4:nth-child(2) .title-service:before {left:auto;right:0}
div#service-block .col-sm-4:nth-child(2) .title-service:after {left:auto;right:15px;transform: translateY(-50%) skew(16deg, 0);}
div#service-block .col-sm-4:nth-child(2) .title-service {
    bottom: 50px;
    top: auto;
    text-align: right;
}
.title-service:before{left:0;}
div#slide-services {
    padding-top: 40px;
	/* padding-left:20px; */
	/* padding-right:20px; */
}
#header-site{height:auto !important}
div#who-we-are .more {
    margin-top: 10px;
}
.slide-service-content {
    text-align: right;
    padding: 20px 20px;
    /* background: #0c0a1f; */
}
.slide-service-content h1.page-subheader span {
    background: #fff;
    padding: 0;
    color: #000;
    display: block;
}
h1.page-subheader {
    /* font-size: 23pt; */
    font-size: 18pt;
	margin-bottom:20px;
    /* color: #fff; */
    margin-top: 0;
    line-height: 1.2;
}
div#ig-block .col-sm-3:nth-child(2n+1) {clear:both;}
div#ig-block .col-sm-3 {
    width:50%;
	float:left
}
a.navbar-brand.brand-right {
    display: none !important;
}
#bs-example-navbar-collapse-1 a.navbar-brand.brand-right{display:block !important}
nav#header-site div#bs-example-navbar-collapse-1 .container {
    display: block;
}
div#catalog-home .col-sm-4 {
    width: 50%;
    float: left;
}
.images-product img {
    width: 100%;
}
div#catalog-home {
    padding: 60px 0 20px;
}
div#full-block {
    padding: 35px 14px;
    background-position: center 0 !important;
}
div#full-block h1 {
    font-size: 19pt;
	color:#fff;
	margin-top:0;
}
.image-full-block img {
    width: 90% !important;
    margin: 10px auto 0;
    display: block;
}
table.table-volume h3 {
    margin: 7px 0 10px;
    font-size: 13pt;
}
div#footerlink .row > div:first-child {
    /* text-align: center; */
}
.image-contoh-product td:first-child {
    padding: 4px 0;
}
.image-contoh-product td:last-child {padding-top:10px}
.image-contoh-product h3 {
    margin: 0;
}
.image-contoh-product {text-align:center}
.image-contoh-product img {
    width: 48%;
    margin: 0 1% 7px;
    display: inline-block;
}
div#block-marketing {
    text-align: center;
    padding: 15px 0 30px;
    overflow: hidden;
}
.text-marketing {
    margin-right: 0;
}
.nama-marketing img {
    /* margin: 0 0 10px; */
}
.nama-marketing {
    text-align: left;
    display: flex;
}

div#block-marketing ul li{margin-right:0;}
	.fancybox-nav span {
		visibility: visible !important;
	}
	.navbar-header:after {
        display: none;
    }
    .row.thumbnail-product.grid > div{width:100%;}
	h1.page-header {
		font-size: 16pt;
		margin-bottom:10px;
	}
	.col-md-3.col-sm-4.thumb{width:100%;}
	div#slide-home-mobile .owl-item {
		padding: 0;
	}
	#slide-home{display:none !important}
	.table-default,.table-default > tbody,.table-default  > tbody > tr, .table-default > tbody > tr > td{
		display:block;
		width:100% !important
	}
	#header-site a.navbar-brand{float:none}
	.navbar-header:before {display:none}
	.navbar-header {
		display: flex;
		margin-top:10px;
		width:100vw;
		justify-content: space-between;
	}
	div#who-we-are .row > div:last-child {
		/* width: 100vw; */
		/* margin-left: -15px; */
		/* display:none; */
		/* padding: 0; */
	}
div#who-we-are .row > div:first-child {
    margin-bottom: 0;
    /* background: #fff; */
    padding: 10px 18px 0;
}
	div#header-top {display: none;}
.slide-text {
    width: 90%;
    padding-left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(0%) !important;
    left: 50%;
}
.slide-text p {
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 1px !important;
}
.slide-text:before {
    content: "";
    display: none;
    position: absolute;
    width: 150px;
    height: 150px;
    z-index: -1;
    background: rgba(63, 200, 244, 0.9);
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

	/* div#slide-home img { */
		/* position: absolute; */
		/* max-width: none; */
		/* height: 100%; */
		/* right: 0; */
	/* } */
	/* .slide-text *{position:relative} */
	/* .slide-text:before { */
		/* content:""; */
		/* display:block; */
		/* position:absolute; */
		/* width:100%; */
		/* height:100%; */
		/* top:0; */
		/* left:0; */
		/* background:rgba(0, 0, 0, 0.3); */
	/* } */
	/* .slide-text { */
		/* display:none; */
		/* position: relative; */
		/* transform: translateY(0) translateX(0); */
		/* -o-transform: translateY(0) translateX(0); */
		/* -webkit-transform: translateY(0) translateX(0); */
		/* -moz-transform: translateY(0) translateX(0); */
		/* -ms-transform: translateY(0) translateX(0); */
		/* top: 0; */
		/* left: 0; */
		/* text-align: center; */
		/* padding: 20px 16px; */
		/* color: #fff; */
	/* } */
.slide-text h1 {
    font-size: 23pt;
    margin-top: -30px;
    line-height: 1.1;
}
	div#call-block .container {
		display: block;
		text-align: center;
		padding: 20px 15px;
	}
	div#call-block h2 {
		margin-bottom: 12px;
	}
	div#strengt {
		padding: 40px 20px;
	}
.strengt-item img {
    width: 110px;
    padding-right: 10px;
    height: auto;
}
div#block-marketing .col-sm-12 {
display: block;}
	.title-strengt h4 {
		margin-top: 0;
	}
	.strengt-item {
		margin-bottom: 20px;
	}
	#strengt .col-sm-3:last-child .strengt-item {margin-bottom:0}
	#who-we-are .container > .row{display:block;padding-bottom:0}
div#who-we-are {
    padding: 0px 5px 0;
    /* text-align: center; */
}
	/* #who-we-are .page-header{font-size:22pt} */
	.page-header {
    font-size: 16pt;
}
h1.page-header:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #fc601d;
    margin-right: 10px;
    vertical-align: middle;
}
	#who-we-are .col-sm-6.col-sm-pull-6 {
		padding: 0;
		margin: 40px -15px 0;
	}
	div#footerlink .row > div {
		margin-bottom: 50px;
		padding:0 30px
	}
	div#footerlink .row > div:last-child {
		margin-bottom: 0;
	}
	div#copyright {
		padding: 15px 15px;
	}
	.navbar-collapse {
		-webkit-transition: -webkit-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease, -webkit-transform 0.4s ease;
		overflow-x: visible;
		border-top: none !important;
		box-shadow: none !important;
		display: block;
		visibility: visible;
		position: fixed !important;
		opacity: 1;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-o-box-shadow: none !important;
		width: 300px;
		top: 0;
		right:0;
		height: 100% !important;
		background: #fff;
		max-width: 80vw;
		padding: 0 15px;
		z-index: 9999;
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	.navbar-nav {
		margin: 7.5px 0;
	}
	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-weight: bold;
		padding: 13px 10px;
		margin-bottom: 0;
		margin-top: 0;
		text-transform: uppercase;
	}
	.navbar-collapse.in, .navbar-collapse.collapsing {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.bg-black {
		position: fixed!important;
		top: 0!important;
		left: 0!important;
		width: 100vw!important;
		height: 100vh!important;
		opacity: 0.2;
		display: none;
		background-image: none!important;
		background-color: #000;
		z-index: 999;
	}
	.menu-active .bg-black {
		display: block;
	}
	.menu-active{overflow:hidden;}
	div#close-menu {
		font-size: 22pt;
		padding:0 9px !important;
		z-index: 9999;
		color: #000;
		text-align: right;
		font-weight: bold;
		right: 0;
		top: 0;
		line-height: 50px;
		position: relative;
		margin-bottom: 17px;
		margin-top: 3px;
	}
	.navbar-inverse .navbar-nav>li {
		margin-left: 0px;
		margin-bottom:15px;
	}
	#who-we-are .slideInRight,#who-we-are .slideInLeft {
		animation-name: fadeInUp !important;
	}
	#button-mobile{
		position: fixed;
		left:0;
		bottom: 0;
		width:100%;
		z-index:999;
		text-align:center;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.button-mobile-toggle {
		width: 150px;
		height: 40px;
		background:url(images/button-mobile.png)no-repeat 50% -430px/430px;
		margin:0 auto;
		display:block;
	}
	.menu-button-mobile ul.list-inline li a{display:block;height:100%;}
	.menu-button-mobile ul.list-inline li span{width: 40px;height: 100%;background:url(images/button-mobile.png)no-repeat 0 0/430px;display:inline-block;}
	.menu-button-mobile ul.list-inline li span.button-menu-icon {
		background-position: -376px -9px;
		background-size: 470px;
	}
	.menu-button-mobile ul.list-inline li span.button-phone-icon{background-position:-82px -6px;}
	.menu-button-mobile ul.list-inline li span.button-mail-icon{background-position:-147px -6px;}
	.menu-button-mobile ul.list-inline li:nth-last-child(1):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(1):first-child ~ li{width:100%;}
	.menu-button-mobile ul.list-inline li:nth-last-child(2):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(2):first-child ~ li{width:50%;}
	.menu-button-mobile ul.list-inline li:nth-last-child(3):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(3):first-child ~ li{width:33.333%;}
	.menu-button-mobile ul.list-inline li:nth-last-child(4):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(4):first-child ~ li{width:25%;}
	.menu-button-mobile ul.list-inline li {
		float: left;
		height: 53px;
		margin: 0;
		border-left: 1px solid #d9d9d9;
		border-left-color: #bbb;
	}
	.menu-button-mobile ul.list-inline li:first-child {
		border-left: 0px solid;
	}
	.menu-button-mobile ul.list-inline:after{content:"";clear:both;display:block}
	body div#block-marketing .menu-button-mobile ul.list-inline,.menu-button-mobile ul.list-inline {
		margin: 0;
		display:block;
		text-align: center;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
	}
	.button-wa-icon {
		background-position: -343px -6px !important;
	}
	span.button-email-icon {
		background-position: -147px -6px !important;
	}
	span.button-map-icon {
		background-position: -215px -6px !important;
	}
	body {
		padding-bottom: 53px;
	}
	#header-site a.navbar-brand {
		max-width: calc(100% - 60px);
		padding-top: 8px;
		padding-bottom: 10px;
	}
	.navbar-brand>img {
		display: block;
		height: 50px !important;
	}
}