/*author : Riyan Hartadi ******/
/*dated : Dec 2017 ******/
/*for : WEBZOIC ******/
/*navbar--------*/




.nav-container .nav_home {display: none;}
.nav-container.home .nav_home {display: block;}
.nav-container.home .nav_page {display: none;}
.lang_mobile {display: none; float: right;}
.navbar {
	margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

.nav_page .navbar-nav > li {display: none;}
.nav_page .navbar-nav > li:first-child {display: block;}
.navbar-nav > li > a {
    padding: 10px 22px;
    color: #292929;
	font-size:14px;
	font-weight: 600;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.navbar-nav > li > a:focus {
    background-color: #eee0;
}
.navbar-brand {
  padding: 15px 15px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  /* top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  */
}
.scrolled-nav .navbar-brand {
  padding: 15px 15px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  /* top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);  */
}
.navbar-brand img.company-logo{
	max-height:60px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 25px;
    margin-bottom: 13px;
    background-color: #2a0eff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: white;
}
.scrolled-nav {
  height: 60px !important;
  line-height: 60px !important;
}
.scrolled-nav .navbar-brand img.company-logo {
	max-height:33px;
}
.navbar-nav > li > a:hover {
    color: #0309ff; /* font-weight:600; */
    background-color: transparent;
        transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.navbar-nav > li {
        transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	/*border-top: 5px solid #ff000000;*/
    position: relative;
}
.navbar-nav > li:before {
    content: ''; height: 5px; position: absolute; left: 0; right: 0; display: block; top: 0; background: rgba(0, 41, 255); width: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.navbar-nav > li.active {
    /*border-top:5px solid #2a0eff;*/
	/* background:#eee; */
}
.navbar-nav > li.active:before {
    width: 100%; transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}
.navbar-nav li.active a{
	font-weight:600;
}

.scrolled-nav .widget-handle.language {margin-top: 10px; transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; position: absolute; right: 0;}
.widget-handle.language { margin-top: 20px;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s;}
.widget-handle.language .menu {
    height: 40px; line-height: 40px !important;
}
.widget-handle.language .menu > li ul {width: 111px;/* background: rgba(227,29,59,0.5);*/}
.widget-handle.language .menu li.has-dropdown > a {line-height: 40px; font-size: 12px;}
.widget-handle.language .menu li.has-dropdown:after {height: 40px; line-height: 40px;}
.menu > li:hover > ul {
	margin-top:19px;
}
.menu >li ul {
	background:#1a22ff;
}
.scrolled-nav .menu > li:hover > ul {
	margin-top:9px;
}
.menu li a:hover {
    opacity: 0.9 !important; color:black;
}
.menu > li > ul li a {
    color: #fff;
    height: auto;
    padding: 6px 24px;
	opacity:1;
}


.navbar-right #myNavbar {padding-left: 70px; float: right !important; position: absolute;}

.widget-handle.language {position: absolute; right: 0; left: auto;}
#global-nav  {padding: 0 20px}
#global-nav .navbar-collapse.collapse {padding-right: 60px;}

#vision .row .ico{margin-bottom: 10px;}
/*  animation caption slider */

.image-bg .v-align-transform {position: absolute; left: 0; right: 0; top: auto; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); margin: auto; bottom: 17%;}

.image-bg .v-align-transform h2,
.image-bg .v-align-transform a {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutbottom;
    animation-name: fadeOutbottom;
    position: relative;
}

.image-bg.flex-active-slide .v-align-transform h2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
}
.image-bg.flex-active-slide .v-align-transform a {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    70% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInBottom {
    0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    }
    70% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
    }
}

@-webkit-keyframes fadeOutbottom {
    0% {
            opacity: 1;
    }
    70% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutbottom {
    0% {
            opacity: 1;
    }
    70% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    }
}



/* -- slider project style - START */

.pg_project h5.bottom-line-left{display: inline-block; margin-right: 100px; margin-bottom: 40px;}


.slider-project {position: relative; margin: 0 30px;}
.slider-project .slide {position: relative; margin: 0 -15px;}
.slider-project .slide:focus {outline: none;}
.slider-project .slide .img img {width: 100%;}
.slider-project .slick-dots {position: absolute; left: 0; right: 0; bottom: -40px; top: auto; display: block; margin-bottom: 0; text-align: center;height: 15px;}
.slider-project .slick-dots li {display: inline-block; margin: 0 5px;  vertical-align: middle; height: 15px; }

.slider-project .slick-dots li button {
    width: 12px; height: 12px; border: none; font-size: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    -ms-border-radius: 50%; display: block; background: white; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.48);
}
.slider-project .slick-dots li button:focus {outline: none;}
.slider-project .slick-dots li.slick-active button {background: #2c03fd; width: 15px; height: 15px;}
.slider-project .slick-arrow {
    position: absolute; z-index: 2; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; font-size: 0; background: none; border: none;
}
.slider-project .slick-arrow.slick-prev {left: 30px; right: auto;}
.slider-project .slick-arrow.slick-prev:focus {outline:none;}
.slider-project .slick-arrow.slick-prev:before {
    content: "\e64a";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 30px;
    color: #fff;
}
.slider-project .slick-arrow.slick-next {right: 30px; left: auto;}
.slider-project .slick-arrow.slick-next:focus {outline:none;}
.slider-project .slick-arrow.slick-next:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 30px;
    color: #fff;
}
.slider-project a:hover .text_slide {
	background: rgba(0, 0, 0, 0.7);
	filter:scale(1);
	    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.slider-project a:hover .text_slide h4 {
	color:white;
}
.slider-project .text_slide {
    position: absolute;
    width: 50%;
    /* left: 30px; */
    top: auto;
    bottom: 15px;
    background: rgba(255,255,255,0.8);
    right: 30px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    text-align: left;
    /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.48); */
}
.slider-project .text_slide h4 {font-size: 16px; line-height: 26px; margin-bottom: 0px; color: #020202;}
.slider-project .text_slide h3 {font-size: 24px; margin-bottom: 10px; color: #fff; line-height: 30px;}
.slider-project .text_slide span {font-size:12px;}
.slider-project .text_slide p {color: black; margin-bottom:}
.slider-project .text_slide p:last-of-type {margin-bottom: 0;}



/* -- slider pabrik style - star */

#pabrik {padding: 110px 0 80px; background-size: cover !important;}
#pabrik:before {background: rgba(41, 41, 41)}
#pabrik h5.bottom-line-left {display: inline-block;margin-right: 100px;margin-bottom: 40px;}
#pabrik .read-more {color: #2a0eff;}
#pabrik .read-more:hover{opacity:0.7;}
.sliderPabrik {position: relative; margin: 0 30px;}

.sliderPabrik .txt_slide  {padding: 0  0 35px 15px;}
.sliderPabrik .txt_slide .txt:focus {outline:none;}
.sliderPabrik .txt_slide h5 {font-size: 20px; text-transform: capitalize; letter-spacing:2.5px;}
.sliderPabrik .txt_slide p {max-height: 96px; overflow: hidden;}



.sliderPabrik .txt_slide .slick-arrow {
    position: absolute; z-index: 2; top: auto; bottom: 0px; margin: auto; width: 30px; height: 30px; font-size: 0; background: none; border: none;
}
.sliderPabrik .txt_slide .slick-arrow.slick-prev {left: auto; right: 50px;}
.sliderPabrik .txt_slide .slick-arrow.slick-prev:focus {outline:none;}
.sliderPabrik .txt_slide .slick-arrow.slick-prev:hover:before {color: #2a0eff;}
.sliderPabrik .txt_slide .slick-arrow.slick-prev:before {
    content: "\e64a";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    color: #fff;
}
.sliderPabrik .txt_slide .slick-arrow.slick-next {right: 0px; left: auto;}
.sliderPabrik .txt_slide .slick-arrow.slick-next:focus {outline:none;}
.sliderPabrik .txt_slide .slick-arrow.slick-next:hover:before {color: #2a0eff;}
.sliderPabrik .txt_slide .slick-arrow.slick-next:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    color: #fff;
}



/* -- slider pabrik style - END */









/* -- news style - START */

.middle {padding: 70px 0;}



.categ_select {width: 300px; padding-left: 15px; margin-bottom: 30px; float: left;}
.categ_select:after {content: ''; clear: both; display: block;}
.categ_select select {border: 1px solid #ccc; background: #fff url('../img/images/arr_select.png') no-repeat 93% center;}
.categ_archiv {float: right; width: 200px; padding-right: 15px;}
.filter-news:after {content: ''; display: block; clear: both;}



.list-news:after {content:''; display: block; clear: both;}
.tag_categ {
    padding: 5px 10px; font-size: 12px; color: #fff; background: rgba(237,28,36,.8); display: inline-block; margin-bottom: 30px; font-weight: 600;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.tag_categ:hover {color: #fff; background: rgba(237,28,36,1);}
.detail_pg h5:before{margin: 0 0 15px;}
.content_news .img  {margin-bottom: 30px; position: relative;}
.content_news .img h6 {display: none;}
.content_news .ket_img {margin-top: -10px;}
.content_news .ket_img p {font-style: italic; font-size: 12px;}
.content_news h6.media-date {
    width: 85px;
    height: 85px;
    background: #2a0eff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: 20px;
    top: auto;
    bottom: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 29px 17px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}
.title_news {margin: 0 -15px; position: relative;}
.title_news .col-md-2 {text-align: right;}
.title_news:after {clear: both; display: block;content:'';}

.btm_section {margin-top: 50px;text-align: center;}
.pagging {text-align: center; position: relative;}
.pagging a {display: inline-block; position: relative; color: #333; padding: 5px; position: relative; transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; margin: 0 5px;}
.pagging a:hover,.pagging a.active {color: rgba(237,28,36,1); transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;}
.pagging a:after {content: ''; left: 0; bottom: 0; right: 0; margin: 0; height: 1px; background:  rgba(237,28,36,1); width: 0;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;display: block; position: absolute;}
.pagging a:hover:after,.pagging a.active:after {transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; width: 100%; }
.pagging a.prev {padding-left: 22px;}
.pagging a.prev i {left: 5px; right: auto;}
.pagging a.next i {right: 5px; left: auto;}
.pagging a.next {padding-right: 22px;}
.pagging a.prev:after,
.pagging a.next:after {display: none;}
.pagging a i {position: absolute; top: 7px; bottom: 0; margin: auto;}
.pagging span {display: inline-block;}

.back_to {text-align: left;}
.back_to a {padding-left: 25px; display: inline-block; color: #333; position: relative;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;}
.back_to a i {position: absolute; left: 6px; top: 3px; transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;}
.back_to a:hover {color: rgba(237,28,36,1);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;}
.back_to a:hover i {left: 0;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s;}


#Career {padding: 150px 0 120px;}

footer .phone,
footer .mobile,
footer .fax,
footer .mail {position: relative; margin-bottom: 8px; }
footer .phone:before,
footer .mobile:before,
footer .fax:before,
footer .mail:before {

    content: " ";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    padding-right: 0.5em;
    position: relative;
    top: 2px;
    left: 0;
}
footer .phone:before { content: "\f095"; font-size: 20px;}
footer .mobile:before {content: "\f10b"; font-size: 24px;}
footer .fax:before {content: "\f1ac";}
footer .mail:before {content: "\f003";}

footer.bg-dark h6 {margin-bottom: 6px; font-size: 18px;}

footer .info_contact {text-align: center; margin: 0 auto 40px; float: none; display: block;}

footer .complain .btn {height: 35px; line-height: 32px; color: #fff; border-color: #fff; margin: 10px 0 30px; display: inline-block;}
footer .complain .btn:hover {border-color: #030bff;}
footer .fade-half {margin-top: 25px;}
footer .complain .btn-yellow {
    height: 40px;
    line-height: 36px;
    color: #fff;
	border-color: #ff0606;
    border-radius: 8px !important;
    margin: 10px 0 30px;
    display: inline-block;
    background: #ff0606;
}
footer .complain .btn-red {
    height: 40px;
    line-height: 36px;
    color: #fff;
	border-color: #2a0eff;
    border-radius: 8px !important;
    margin: 10px 0 30px;
    display: inline-block;
    background: #2a0eff;
}
footer .complain .btn-yellow:hover {
	background: #2a0eff;
	border-color: #2a0eff;
}
footer .complain a.mobile {font-size:20px;}
footer .complain .sos {margin-top: 20px;}
footer .complain .sos a {width: 28px; height: 28px; display: inline-block; margin-right: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;}

.detail_pg > .col-sm-8 {padding-right: 30px;}
.detail_pg > .col-sm-4 {padding-left: 30px;}
.detail_pg .latestNewsList {margin-top: 10px; position: relative;}
.detail_pg .latestNewsList:before {
    content: ''; background: #ccc; position: absolute; top: 90px; bottom: 0; margin:auto; left: -30px; display: block; width: 1px;
}
.detail_pg .cart-overview {}



.info_proyek {margin: 15px 0 40px;}
.info_proyek .list label {display: inline-block; float: left; width: 150px; position: relative; padding-right: 10px; position: relative;}
.info_proyek .list label:after {content: ':'; position: absolute; right: 0; top: 0; bottom: 0; display: inline-block;}
.info_proyek .list p {display: block; margin-left: 160px; margin-bottom: 10px;}

.info_proyek .list:after {content: ''; display: block; clear: both;}


/* -- news style - END */

@media (min-width: 767px) and (max-width: 990px){

    footer .mb-xs-24 .col-md-3 {margin-left: 33.333%;}
    .sliderPabrik {margin: 20px;}
    .sliderPabrik.v-align-children {display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;}
    .sliderPabrik .txt_slide h5 {font-size: 24px;}
    .sliderPabrik .txt_slide p {max-height: 72px;}

}

@media (min-width: 767px) and (max-width: 1200px){

    .navbar-nav > li > a {padding: 10px 15px;}
    .container-fluid.padleftright {padding: 0 2% !important;}
}



@media (min-width: 768px) {

.navbar-toggle {margin-right: 0;}

#global-nav .navbar-collapse.collapse {margin: 0 -20px;}
.navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 24.5px;
    padding-bottom: 24.5px;
    line-height: 30px;
}
.scrolled-nav .navbar-nav > li > a {
	padding-top: 13.5px;
    padding-bottom: 13.5px;
    line-height: 30px;
}

.breadcrumb > li {
    display: inline-block;
    font-size: 13px;
}
.navbar-nav.breadcrumb {background: transparent; padding: 0; margin: 0;}
.navbar-nav.breadcrumb > li + li:before {
    color: #2a0eff;
    content: "/\00a0";
    padding-top: 24.5px;
    padding-bottom: 24.5px;
    line-height: 30px;
    font-size: 20px; left: -5px;
}
.scrolled-nav .navbar-nav.breadcrumb > li + li:before {
    color: #2a0eff;
    content: "/\00a0";
    padding-top: 10.5px;
    padding-bottom: 13.5px;
    line-height: 30px;
}
.navbar-nav.breadcrumb > li:before {
    background: transparent;
}
.navbar-nav.breadcrumb > li > a.active  {
    color: #2a0eff;
    cursor: pointer;
    font-weight:400;
    font-size:14px;
}
.navbar-nav.breadcrumb > li > a {
    color: #2a0eff;
    font-weight:700;
    font-size:15px;
    letter-spacing:1px;
}
.navbar-nav.breadcrumb > li > a:hover {
    opacity:0.8;
}




/*end of 2nd header--*/


}
/*end-of-navbar--------*/



/*banner home*/
.image-slider.height-70 .slides li {
    height: 85vh;
    min-height: 600px;
}
/*end of banner home*/
/*equal-height-column---*/
.row.match-my-cols {
	overflow:hidden;
}
.row.match-my-cols [class*="col-"]{
	margin-bottom:-99999px;
	padding-bottom:99999px;
}
/*end-of-equal-height-column---*/
/*about*/
.logo-about{
	position:absolute;
	bottom:15px;
	right:30px;
	width:25%;
	z-index:1;
	background: white;
    padding: 10px;
}
.equalabout{
	height: auto;
    /* max-height: 600px; */
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0 -1px 50px;
    float: none;
}
.equalabout h5 {font-weight: 700;}

/*end-of-about*/
/*media--------*/
.media-heading {
    margin-bottom: 5px;
}
.media-body-left:hover {box-shadow:0 0 40px -2px rgba(0,0,0,.2);}
#berita .media-right {
	padding-left:0; display: block;
}
.media-body-right .media-date {
	width: 67px;
    height: 67px;
	background: #2a0eff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
    left: -31px;
    top: -17px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.media-body-left .media-date {
	width: 85px;
    height: 85px;
    background: #2a0eff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: 11px;
    top: -97px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.media-body-left h6.media-date {
    margin-bottom: 0;
    margin-bottom: 0;
    padding: 29px 17px;
    color: white;
    font-size: 12px;
	font-weight: 700;
}
.media-body-right h6.media-date{
	margin-bottom:0;
	margin-bottom: 0;
    padding: 21px 11px;
    color: white;
	font-size:11px;
	font-weight: 700;
}
.media-body-right h6.media-tag {
	margin-bottom:0;
	margin-bottom: 0;
    padding: 0;
    color: red;
	font-size:10px;
	font-weight: 600;
	position:absolute;
	right:33px;
    color: #fff; background: rgba(237,28,36,.8);
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    padding: 0px 5px;
}
.media-body-right h6.media-tag:hover {background: rgba(237,28,36,1);}
.media-body-right h4.media-heading {
	font-size:16px;
	line-height:24px;
	color:#666;
	margin-top: 33px;
    font-weight: 500;
	text-transform: capitalize;
}
.media-body-right {
	background: white;
    padding: 15px 10px 20px 35px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    margin-left: 35px;
	position:relative;
	margin-bottom: 24px;
}
.media-body-right:hover {box-shadow:0 0 40px -2px rgba(0,0,0,.2);}
.media-body-right a {color: #333;}
/*a:hover .media-body-right {
	box-shadow:0 0 40px -2px rgba(0,0,0,.2);
}*/
.media-body-left .text-media-left h6.media-tag {
	position: absolute;
    right: 25px;
	margin-bottom: 0;
    padding: 0;
    color: red;
    font-size: 10px;
    font-weight: 600;
    color: #fff; background: rgba(237,28,36,.8);
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    padding: 0 5px;
}
.media-body-left .text-media-left h6.media-tag:hover {
    background: rgba(237,28,36,1);
}
.media-body-left h4.media-heading {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #666;
    margin-top: 33px;
}
.media-body-left a  {color: #333;}
.media-body-left {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.text-media-left {
	background:white;
	padding: 15px 15px 25px 25px;
	position:relative;
}
a:hover .media-body-left {
	box-shadow:0 0 30px -2px rgba(0,0,0,.3);
}
.media-body-left:hover .thumb-media>img {
	-webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	opacity:1;
	filter:grayscale(0);
}
.media-body-left .thumb-media {
	overflow:hidden;
}
.media-body-left .thumb-media>img {
    -webkit-transition: transform 1.5s ease-out;
    -moz-transition: transform 1.5s ease-out;
    -o-transition: transform 1.5s ease-out;
    transition: transform 1.5s ease-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
	opacity: 0.9;
    filter: grayscale(10%);
}
a:hover .media-body-left .text-media-left .media-date {
	/* background:#f9a401; */
	opacity:0.8;
}
/*end of media -- */

/* accordeon management */
.panel-group .panel-mgt .panel-heading {
    border-bottom: 0;
    /*background: #2a0eff;*/
    background: rgb(7, 15, 245);
	padding: 21px 15px 15px 117px;
}
.panel-group .panel-mgt .panel-heading a {
    color:white;
}
h4.panel-title {
	color:white;
	font-weight: 600;
	font-size:22px;
	padding-right: 39px;
}
h6.panel-profession {
	color:white;
	font-weight:600;
	font-size:10px;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:0;
}
.panel-heading .mgt-photo img {
	width: 120px;
    height: 120px;
    background: #2a0eff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 100px;
    position: absolute;
    left: -24px;
    top: -12px;
    border: 7px solid #f9a401;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.panel.panel-mgt .panel-heading .mgt-arrow i {
	    background: url(../img/images/arr-tab.png) no-repeat 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    -webkit-transform: 0deg;
    transform: 0deg;
}
.panel.panel-mgt .panel-heading .mgt-arrow {
	    position: absolute;
        top: 21px;
    right: 15px;
    width: 43px;
    height: 43px;
    background: #f9a401;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    cursor: pointer;
}
.panel.panel-mgt {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.panel-group {
    margin-bottom: 20px;
    padding-left: 0;
}
.panel-body {
    padding: 24px 15px 15px 24px;
}
.panel-body p {
	margin-bottom:17px;
}
/* .panel.panel-mgt  .panel-collapse.collapse.in ~ a .panel-heading.relative>.mgt-arrow>i {
	-webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
} */
.panel.panel-mgt a[aria-expanded="true"] .panel-heading .mgt-arrow>i {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.panel-group .panel {
    margin-bottom: 49px;
    border-radius: 4px;
	border: none;
}
/* end of accordeon management-- */

/*image-caption*/
.hover-scale {
    opacity: 1;
    filter: none;
}
.hover-scale:hover {
    opacity: 0.99;
    filter: none;
}
.hover-scale img {
    -webkit-transition: transform 1.5s ease-out;
    -moz-transition: transform 1.5s ease-out;
    -o-transition: transform 1.5s ease-out;
    transition: transform 1.5s ease-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
}
.hover-scale:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	filter:grayscale(0.8)
}
.hover-scale:hover .caption {
    height:100%;
	bottom:0;
}
.hover-scale:hover .caption p {
	display:none;
}
.hover-scale:hover .caption p.desc {
	display:block;
}
.image-caption .caption {
    position: absolute;
    width: 100%;
    bottom: 0;
	height:20%;
    padding: 10px 25px;
    color: #fff;
	overflow:hidden;
	text-align: center;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.image-caption .caption:before {
    content: '' attr(data-caption) '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    /*background: rgba(255, 0, 0, 0.83);*/
    background: rgba(9, 72, 255, 0.67);
}
.image-caption .caption p{
    font-size: 14px;
	letter-spacing:1.5px;
    line-height: 20px;
	font-weight:600;
	top:50%;
	transform:translateY(-50%);
	ms-transform:translateY(-50%);
	margin-bottom:3000px;
	padding-left:5px;
	padding-right:5px;
}
.image-caption .caption p.desc{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.product-list a.popup-img {

}
/*end-of-img-caption*/
 body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 24px;
    font-family: "Open Sans",  "Montserrat","Poppins","Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222;
    overflow-x: hidden;
}
.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 {
    color: #ffffff;
    text-shadow: 3px 3px #00000030;
}
.overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #292929;
    opacity: 0.3;
    z-index: 2;
}
.overlay.no_bg:before {display: none;}
.bg-primary {
    background: #2a0eff url('../img/images/banner1.jpg') no-repeat center !important;
}
.bg-primary:before {content: ''; background:rgb(7, 15, 245); left: 0; right: 0; top: 0; bottom: 0; position: absolute; display: block;}
#company > .container {position: relative; z-index: 2;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: /* "Open Sans",  */"Montserrat","Poppins","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:500;
}
p.lead {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}
.pl20 {padding-left:23px;}
.pr20 {padding-right:23px;}
.btn {
    font-family: "Montserrat","Poppins","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container-fluid.pl5persen.pr5persen{max-width:1500px;}
.bold700 {font-weight:700;}
.pl30{padding-left:40px;}
p, span {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}
.col.active{
	border-top:none;
	background-color:transparent!important;
}
.container-fluid.padleftright {
    padding-right: 3%;
    padding-left: 3%;
}
.bottom-line:before {
    content: "";
    display: block;
    width: 70px;
    border-top: 5px solid #2a0eff;
    margin: 0 auto 15px;
    z-index: 1;
    position: relative;
}
.bottom-line-left:before {
    content: "";
    display: block;
    width: 70px;
    border-top: 5px solid #2a0eff;
    margin: 0 0 15px;
    z-index: 1;
    position: relative;
}
a.read-more{color:#2a0eff;}
a.read-more:hover{color:#000000;}
.bg-dark a.read-more:hover{color:#2a0eff;opacity:0.8;}
a.read-more:focus{color:#2a0eff;}
a.read-more i{margin-left:5px;}
a.read-more:hover i{margin-left:10px;font-weight:700;}
.pr5persen{padding-right:7%;}
.pl5persen{padding-left:7%;}
.embelish-icons {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: scale(10);
    -webkit-transform: scale(10);
    left: 50%;
    opacity: 0.2;
    z-index: -1;
}
.zi5 {z-index:10;}
/*.btn:visited {
    color: #2a0eff;
}*/
.btn:hover {
    background: #2a0eff;
    color: #fff;
}
.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    list-style: none;
}
/*--career li --*/
.joblist ul, .joblist
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.joblist ul {
  margin: 2em 0;
}
.joblist ul.sertifikat li a {color: #fff;}
.joblist ul.sertifikat li a:hover {color: #030bff;}

.joblist li {
  margin: 10px;
  margin-left: 3em;
  /* font-size:14px;  */
  line-height: 24px;
  /* font-weight:300; */
}

.joblist li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -2em;
  color: #ffffff;
  font-size: 16px;
}
.joblist.detail li{font-size:15px;margin-left: 3em;font-weight: 400;}
/*end of list--*/
footer {padding: 50px 0 30px;}
.footer-menu ul li {display: inline-block; padding: 0 15px 0 0;}
.footer-2 .row.fade-half span {font-size:13px; line-height:20px;}

.career-list {
    padding:50px;
    box-shadow:1px 1px 15px 1px rgba(0,0,0,0.2);
    height: 465px;
    max-height: 465px;
    overflow: hidden;
    margin-bottom:32px;
}
/*--career li --*/
.joblist ul, .joblist
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.joblist ul {
  margin: 2em 0;
}

.joblist li {
  margin: 10px;
  margin-left: 4em;
  font-size:14px;
  line-height: 24px;
  font-weight:300;
}

.joblist li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -2em;
  color: /*#263b8e;*/#2c03fd;
  font-size: 16px;
}
.joblist.detail li{font-size:15px;margin-left: 3em;font-weight: 400;}


.joblist.detail li{font-size:15px;margin-left: 3em;font-weight: 400;}

.joblist li:after {display: block; content: ''; clear: both;}
.joblist li label {float: left; width: 105px; font-weight: 400;}
.joblist li span {display: block; margin-left: 110px; position: relative; padding-left: 10px;}
.joblist li span:before {content: ':'; position: absolute; left: 0; top: 0; font-size: 14px;}


/*-------------------------- FORM---------------------------------*/

.box_form {position: relative; margin: 0 -15px; display: block;}
.box_form .full {width: 100%;}
.box_form .full .g-recaptcha,
.box_form .full .textarea {margin: 20px 0;}
.box_form select {background: #f5f5f5 url('../img/images/arr_select.png') no-repeat 95% center;}
.box_form select option {font-size: 13px; line-height: 20px; font-weight: 600;}
.box_form:after {clear: both; display: block; content: '';}
.box_form .lbel_ket input[type="text"] {width: 50%;}
.box_form .lbel_ket .yrs {display: inline-block; margin-left: 10px;}
.box_form .input_file {height: 50px !important; display: block !important; width: 100% !important; background: #f5f5f5 url('../img/images/ico_file.png') no-repeat 95% center;}
.box_form .input_file input[type="file"] {left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; z-index: 3; opacity: 0; cursor: pointer;}
.box_form .input_file span {
    position: absolute; left: 20px; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    right: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 2;
}
.box_form .ket {font-size: 12px; font-style: italic; display: block; margin: 6px 0 0;}
.box_form .select2-container {margin-bottom: 24px; position: relative;}
.box_form .select2-container--default .select2-selection--single {
    height: 50px; display: block; width: 100%; background: #f5f5f5; border: none; border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background:  url('../img/images/arr_select.png') no-repeat center; right: 12px; top: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-dropdown input {margin-bottom: 5px;}
.select2-results__option {font-size: 13px;}

.box_form .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; font-size: 13px; padding: 0 20px;}
.box_form .wrap_ck {margin-bottom: 25px;}
.box_form .wrap_ck label {font-size: 14px; color: #666; display: inline-block; margin: 0 30px 0 5px;}
.box_form .wrap_ck .ck_radio {display: inline-block; margin-right: 30px; line-height: 16px;}
.box_form .wrap_ck .ck_radio input[type="radio"],
.box_form .wrap_ck .ck_radio input[type="checkbox"]{cursor: pointer; width: 16px; height: 16px; display: inline-block; vertical-align: top; margin: 0 5px 0 0;}
.box_form h5 {text-transform: uppercase; font-weight: 600; color: #666;}
.box_form .wrap_ck .study {margin-top: 15px;}
.box_form .wrap_ck .study .ck_radio {width: 48px;}
.box_form .lbel {font-size: 12px; color: #888; display: block;}
.box_form .dropAddress:after {content: ''; display: block; clear: both;}
.box_form .dropAddress {margin: 0 -15px;}
.box_form .dropAddress.contact {margin: 0;}
.nice-select {
    width: 100%; border-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; margin-bottom: 24px; height: 50px; line-height: 50px;
    background: #f5f5f5; border-color: #f5f5f5; font-size: 13px;
}
.nice-select .current {font-size: 13px;}
.nice-select:after {
    background: url('../img/images/arr_select.png') no-repeat; width: 12px; height: 6px; border: none;
    transform: rotate(0deg);-webkit-transform: rotate(0deg); right: 15px;
}
.nice-select.open:after {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.nice-select.open .list,
.nice-select .list {max-height: 250px; overflow: auto; width: 100%;}
.nice-select:active, .nice-select.open, .nice-select:focus {border-color: #ccc;}

.bottom-line2 {font-size: 22px; text-transform: uppercase; margin-top: 50px;}
.bottom-line2:first-of-type {margin-top: 0;}
.bottom-line2:after {
    content: "";
    display: block;
    width: 70px;
    border-bottom: 3px solid #1a22ff;
    margin: 10px 0;
    z-index: 1;
    position: relative;
}

#ui-datepicker-div {z-index: 9 !important;}

.lb-outerContainer {background: #fff;}
.lb-dataContainer {background: rgba(14, 50, 236, 0.79); margin-top: -4px; padding: 20px 0 10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; position: relative;
    box-sizing: border-box;}
.lb-data .lb-details {margin-left: 10px;}
.lb-data .lb-caption {font-size: 14px; line-height: 18px; font-weight: 600;}
.lb-data .lb-close {position: relative; margin-right: 12px;}

/* thanks style content*/

.bg-secondary.thank {padding: 0; position: relative;}

.text_thanks {
    position: absolute; top: 50%; width: 70%; max-width: 640px; left: 0; right: 0; margin: auto; transform: translateY(-50%);
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    text-align: center; z-index: 5;
}
.text_thanks h1{font-size: 60px; font-weight: 700; color: #fff; margin-bottom: 30px;}
.text_thanks p {color: #fff; margin-bottom: 30px;}
.img_thanks {
    position: relative;
}
.img_thanks:after {
    content: ''; background: rgba(0,0,0,0.6); display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
}
/* thanks style content End*/


/*---- start of filter gallery ---*/
.hover-scale:hover .caption p.desc.uppercase {
    font-size:14px;
    font-weight:600;
}
.hover-scale:hover .caption p.desc.uppercase span {
    font-size: 13px;
    margin-top: 10px;
    display: block;
    text-transform:none;
}
.btn-filter:active, .btn-filter:focus, .btn-filter:hover,  .btn-filter:visited {
    color:#fff;
    background:#030bff;
    outline:none;
    border-color:#030bff;
}
.btn-filter {
    background:#2a0eff00;
    color:#292929;
    min-width: 100px;
    margin-right: 5px;
    margin-bottom: 8px;
    border: 0px;

}
body.btn-rounded .btn.btn-filter {
    border-radius: 0px!important;
    border-top: 2px solid #030bff;
    border-bottom: 2px solid #030bff;
}


.list_project {margin: 30px 0;}

.list_project .col-md-4 a {display: block; position: relative;}
.list_project .col-md-4 a .capt {position: absolute; left: 0; right: 0; text-align: center; bottom: 0; background: rgba(255,255,255,0.6);transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;}
.list_project .col-md-4 a .capt h3 {font-size: 14px; color: #2a0eff; margin: 0; padding: 5px; line-height: 30px; font-weight: 600;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;}
.list_project .col-md-4 a:hover .capt {background: rgba(0,0,0,0.7);transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;}
.list_project .col-md-4 a:hover .capt h3 {color: #fff;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;}


/*---- end of filter gallery ---*/
/*-- latest news ------*/
.widget .title {
    font-family: inherit;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 30px;
}
.widget hr {
    margin-bottom: 32px;
	border-top:2px solid #ccc;
}
.widget ul.cart-overview hr {
    border-top:1px solid #ccc;
}
.float-left {float:left;}
.widget .cart-overview img {
    width: 40%;
    padding-right: 5%;
}
.cart-overview p.product-title {
	color:black;
	text-transform:capitalize;
}
.cart-overview p.product-title:hover {
	color:red;
}
.widget .cart-overview li {
    margin-bottom: 15px;
    overflow: hidden;
}
.content_news .date-news {
	font-size:13px;
	font-weight:400;
}
.content_news .date-news span {
	color:red; font-weight:bold;
}
ul.cart-overview li .date-recent span{
	color:red;font-size:12px;margin-top:8px; float:left;
}

ul.cart-overview li .date-recent span.other-category:before{
	content:"|";
	margin-left:4px;
	margin-right:4px;
}
.content_news .date-news span.other-category a {
	background:#2a0eff;
	border-radius:5px;
	color:white;
	font-size:12px;
	padding:3px 7px;;
}
.content_news .date-news span.other-category:before {
	content:"|";
	margin-left:4px;
	margin-right:4px;
}
/*---- end of ---------*/
footer.bg-dark p {opacity:0.9;font-weight: 300;font-size: 14px;}
footer.bg-dark p a {font-weight:400;}

/*RESPONSIVE*/

@media (min-width: 990px) and (max-width: 1200px) {

.product-list:after {content: ''; display: block; clear: both;}
.product-list > .col-sm-6 {width: 33.33%;}
.slider-project .text_slide {padding: 25px;}
.slider-project .text_slide h4 {font-size: 14px;}

.career-list {padding: 35px 20px;}
.joblist li {margin-left: 3em;}
.joblist li label {width: 90px;}
.joblist li span {margin-left: 100px;}


}




@media (max-width: 990px) {
	.logo-about{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
}
.navbar-nav > li > a {
    padding-left:10px;
	padding-right:10px;
    color: #292929;
    font-size: 12px;
}
.navbar-brand img.company-logo {
    max-height: 40px;
}
.has-dropdown:after {
    right: -14px;
}
.module.widget-handle {
    border-top: none;
    border-left: 1px solid #ccc;
}
.widget-handle.language .menu li.has-dropdown > a {
    font-size: 11px;
}
.slider-project .text_slide {padding: 10px 20px;}
.slider-project .text_slide h4 {font-size: 12px; line-height: 22px;}

/* thanks style content*/

.img_thanks {position: relative; overflow: hidden;}
.img_thanks img {position: relative; height: 73vh; min-height: 900px; max-width: none; object-fit: cover;}
.text_thanks {width: 85%;}
.text_thanks h1 {font-size: 48px;}
.text_thanks p {font-size: 14px; line-height: 22px;}

/* thanks style content End*/


.widget-handle.language .menu > li ul {position: absolute; left: auto; right: -20px;}

 #global-nav .widget-handle.language {margin-right: 20px;}
.container-fluid.padleftright {padding: 0 !important;}
#global-nav .navbar-collapse.collapse {padding-right: 70px;}


.career-list {padding: 35px 20px;}
.joblist li {margin-left: 3em;}
.joblist li label {width: 90px;}
.joblist li span {margin-left: 100px;}

/* .navbar-nav > li > a {
    padding: 15px 25px;
} */
}
@media (max-width: 767px) {

.lang_mobile {display: block; margin-right: 20px;}
.lang_mobile a {display: inline-block; line-height: 60px; font-size: 13px; color: #666;font-weight: 600;}
.lang_mobile a.uppercase.active{ color: #2a0eff!important;}
.lang_mobile a:nth-child(1)::after {
    content:" |";
	color : black;
	font-weight:500;
}

.logo-about{
	position:absolute;
	top:0;
	left:20px;
	width:25%;
	bottom:unset;
}
br {
    display: block;
}
.slider-project .text_slide {
    position: absolute;
    width: 70%;
	position: absolute;
    width: auto;
    left: 20px;
    right: 20px;
	bottom: 5px;
}
.image-slider.height-70 .slides li {min-height: 480px;}
.slider-project .text_slide span {font-size:12px;display:none;}
.pg_project h5.bottom-line-left {
    display: block;
    margin-right: 100px;
    margin-bottom: 0;
}
.pr5persen{padding-right:15px;}
.pl5persen{padding-left:15px;}
.navbar-brand img.company-logo {
    max-height: 35px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.navbar-brand {
    padding: 15px 15px;
    height: 45px;
    line-height: 45px;
    position: relative;
    top:unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.container-fluid.padleftright {
	padding-right:unset;
	padding-left:unset;
	background:none;
}
.navbar-collapse{
	background:#ffffff;
}
.navbar-nav > li:before {display: none;}
.navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 10px;
    color: #000000;
    font-size: 14px;
}
.pr20 , .pl20 {padding: 0 23px 0 35px;}
.pr20 .text-right {text-align: left;}
.image-slider.height-70 .v-align-transform {top: auto;}

.pg_project h5.bottom-line-left {margin-right: 10%;}

.image-bg .v-align-transform {bottom: 17%;}
.image-bg .v-align-transform h2 {font-size: 24px; line-height: 32px;}
.image-bg .v-align-transform .btn {height: 40px; line-height: 36px; font-size: 10px;}

#vision.bg-dark {padding: 80px 15px;}


/* -- news style - STAR */

.title_news {padding-top: 8px;}
.title_news .col-md-2 {position: absolute; top: 0; left: 0px;}

.btm_section {margin-top: 25px;}

/* -- news style - END */

/* -- nav page burger style - STAR */
.nav_page .navbar-nav {background: transparent; margin: 0; padding: 0;}
.nav_page .navbar-nav > li:first-child {display: inline-block;}
.nav_page .navbar-nav > li {display: none;}
.nav_page .navbar-nav > li.show {display: inline-block !important;}
.nav_page .navbar-nav > li a:hover {color: #fff;}

.navbar-nav > li > a:hover {color: #fff;}

/* -- nav page burger style - END */

/* thanks style content*/

.img_thanks img {min-height: 480px; height: 65vh;}
.text_thanks h1 {font-size: 32px; margin-bottom: 15px;}
.text_thanks p {font-size: 12px; line-height: 20px;}
.btn-lg {line-height: 36px; height: 40px;}

/* thanks style content End*/


.box_form .wrap_ck label {display: block; margin-bottom: 10px;}
#global-nav {padding: 0;}

/*.widget-handle.language {float: none !important; display: block !important; padding-left: 0; border-left: none; margin-top: 10px;}
.module.widget-handle .menu  li {}
.widget-handle.language .menu > li > a {display: none;}
.widget-handle.language .menu > li ul {position: relative; left: 0; right: auto; display: block; max-width: none; width: auto;}
.widget-handle.language .menu > li ul li {display: inline-block; width: 100px;line-height: auto !important;}
.widget-handle.language .menu > li ul li a {padding-left: 0;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 400px;}*/
#pabrik {padding: 60px 0 40px;}
#pabrik h5.bottom-line-left {display: block; margin-right: 0; margin-bottom: 20px;}
.sliderPabrik {margin: 10px;}
.sliderPabrik .txt_slide {margin-top: 30px;}
.sliderPabrik .txt_slide h5 {font-size: 22px;}

.box_form .nice-select {float: none; display: block;}
.career-list {height: auto; max-height: none;}


.detail_pg > .col-sm-8 {padding: 0 20px;}
.detail_pg > .col-sm-4 {padding: 0 20px;}
.detail_pg .latestNewsList:before {display: none;}

.categ_select,
.categ_archiv {float: none; width: 100%; padding-right: 15px; margin-bottom: 15px;}
.categ_archiv {padding: 0 15px;}
.categ_select .nice-select {margin-bottom: 0;}

footer.bg-dark .info_contact {padding-left: 20px; margin-bottom: 20px;}
footer.bg-dark .info_contact h4 {display: none;}
footer .complain {margin-top: 30px;}
footer .complain h6 {font-size: 16px;}


}

@media (max-width: 480px) {
.img_thanks img {min-height: 360px;}
.lang_mobile {margin-right: 12px;}
.navbar-brand img.company-logo {max-height: 27px;}
.scrolled-nav .navbar-brand img.company-logo {max-height: 28px;}
}