/* 







1. Add your custom Css styles below



2. Place the this code in your template: 







 <link href="css/custom.css" rel="stylesheet">







*/







h1,h2,h3,h4,h5,h6 {



    font-family: 



}







.bg-red, #footer.bg-red {



    background: #fd0000;



    background-color: #fd0000; 



}







.topbar-transparent.bg-red, div#topbar {



    background: #ec1717 !important;



    background-color: #ec1717 !important;



    padding-bottom: 20px; 



}







span.business.normalcase h2 {



    text-transform: initial;



    font-size: 48px !important;



    line-height: 50px !important;



}







.font-size-32 {



    font-size: 28px !important;



}







.font-16 {



    font-size: 16px !important;



}







.font-14 {



    font-size: 14px !important;



}







.uppercase {



    text-transform: uppercase;



}







.icon-box.effect.medium.border.small h3 {



    margin-top: 14px;



}







.icon-box.effect.medium.border.small h3 {



    margin-left: 60px;



}







.pointer-inactive {



     pointer-events: none;



   cursor: default;



}







.icon-box.border .icon {



    border: 3px solid #fd0000;



}







.icon-box.border .icon i {



    color: #fd0000;



}







.icon-box .icon .pointer-inactive i:after {



    box-shadow: 0 0 0 3px #fd0000;



}







.font-400 {



    font-weight: 400 !important;



}







.section-icon-services {



    margin-top: -45px;



}







.heading-text.heading-section > h2:before {



    background-color: #fd0000;



    bottom: -20px;



}







.dark #header .header-inner, .dark #header #header-wrap, #header.dark .header-inner, #header.dark #header-wrap {



    background-color: #fd0000;



}







.banner-top {



    min-height: 500px;



}







.slide.bg-red {



    height: 100% !important;



}







img.services-icon {



    width: 25px;



    margin-top: -11px;



}







.background-grey {



    background-color: #fff7f7 !important;



}







a.text-light:hover {



    color: #ffeded !important;



    text-decoration: underline !important;



}







#footer .copyright-content {



    min-height: 80px;



    padding: 20px 0;



    background-color: #de0000;



    font-size: 13px;



    color: white;



}







.contact-footer {



    position: relative;



    padding-left: 30px;



}







.contact-footer i.fa {



    width: 20px;



    position: absolute;



    left: 0;



    top: 5px;



}







hr.white-border {



    border: 2px solid #FFC267;



    margin-top: 20px;



    width: 100px;



}







#topbar .social-icons li.menu a {



    display: inline-block;



    margin-right: 30px;



    width: auto;



    text-transform: uppercase;



    font-weight: 500;



    font-size: 13px;



}







header#header.dark div#mainMenu {



    display: none;



}







header#header.dark.header-sticky div#mainMenu {



    display: block;



}







div#topbar {



    border: none !important;



}







#topbar .col-md-6.d-none.d-sm-block .menu a {



    padding-top: 14px;



}







header#header.header-sticky hr.garis-logo {



    display: none;



}





section#page-title {



    margin-top: 80px;



}







section {



    padding: 50px 0 50px;



}







section#services-content {



    padding: 50px 0;



}







.italic {



    font-style: italic;



}







.grey {



    color: #e1e1e1;



}







.wrapper-komisaris {



    -webkit-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.1);



-moz-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.1);



box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.1);



}







.image-komisaris img{



    width: 100%;



}







.list-number {



    list-style: decimal;



}







.khusus-services hr.garis {



    content: "";



    height: 1.7px;



    width: 100px;



    background-color: #fd0000;



}







.w-90 {



    width: 90%;



}







.font-24 {



    font-size: 18px !important;



}







.bold-services {



    margin-top: -6px



}







section.parallax.text-light.halfscreen.bg-red {



    padding-top: 150px;



    padding-bottom: 90px;



}







.pos-relative {



    position: relative;



}







.pos-abso {



    position: absolute;



}







.bg-dark-trans {



    background: rgba(0,0,0,0.4);



}







.kump-img-contact img {



    width: 100%;



    height: auto;



}







.cont-address p .fa.pos-abso {



    left: 0;



    top: 8px;



}







span.bg-dark-trans.pos-abso {



    display: block;



    padding: 10px;



    text-align: center;



    bottom: 0;



    z-index: 1000;



    width: 100%;



    color: white;



}







a.image-hover-zoom.pos-relative {



    overflow: hidden;



    height: auto;



    display: block;



}







.titera-red {



    color: #fd0000;



}







@media (max-width: 1367px) {



hr.garis-logo {



    position: absolute;



    top: 33px;



    width: 69%;



    right: 58px;



    background: #ffc267;



    height: 2px;



    z-index: 1000



}



}







@media (max-width: 1280px) {



hr.garis-logo {



    position: absolute;



    top: 33px;



    width: 65%;



    right: 58px;



    background: #ffc267;



    height: 2px;



    z-index: 1000



}



}







@media (max-width: 1140px) {



hr.garis-logo {



    position: absolute;



    top: 33px;



    width: 62%;



    right: 58px;



    background: #ffc267;



    height: 2px;



    z-index: 1000



}



}







.btn-titera {



    background-color: #fd0000 !important;



    border: none !important;



}







.btn-titera:hover, .btn-titera:focus {



    background-color: #d81010 !important;



    border: none !important;



}







select.form-control.sort {



    margin-right: 8px;



    font-size: 14px;



}







.input-group.search-input input, .input-group.search-input select {



    max-width: 230px;



}







.form-control, .input-group-btn .btn, input.form-control {



    height: 40px;



}















select.form-control.sort[placeholder] {



    color: #86888a;



}







select.form-control.sort {



    height: 40px;



    margin-right: 8px;



    max-width: 230px !important;



    font-size: 14px;



}







.form-control:focus {



    border-color: #80bdff !important;



}







input.form-control, select {



    border-radius: 4px!important;







}







button.input-group-btn.btn.btn-success.standard.btn-blue.search {



    text-transform: inherit;



    letter-spacing: 0;



    padding-left: 20px;



    padding-right: 20px;



    border-radius: 4px;



    background-color: #18a0fb!important;



}







input.form-control {



    border-radius: 4px !important;



    margin-right: 8px;



    max-width: 230px !important;



}







.input-group.sort-btn.w-25 {



    width: auto !important;



}







.input-group.search-input {



    justify-content: flex-end;



}







.post-item-description h2 {



    margin-bottom: 0px !important;



}







/*.post-item-description h2, .post-item-description p:not(:first-of-type) {*/



/*    display: -webkit-box;*/



/*    -webkit-line-clamp: 2;*/



/*    -webkit-box-orient: vertical;*/



/*    overflow: hidden;*/

/*}*/



 .post-item-description p:not(:first-of-type) {

     display: none;

 }



/* if you want truncate first paragrph, enable this css*/

/*.post-item-description p:first-of-type {*/

/*    overflow: hidden;*/

/*    display: -webkit-box;*/

/*    -webkit-line-clamp: 3;*/

/*    -webkit-box-orient: vertical;*/

/*}*/



.mainMenu-open #header:not(.submenu-light).dark .header-inner {



    background-color: #fe0101 !important;



}







.icon-box.border .icon {



    border: 3px solid transparent;



}







section#recent-content .post-item .post-image {



    height: 200px;



    overflow: hidden;



}







.portfolio-item-wrap .polo-carousel-item {



    height: 326px;



    overflow: hidden;



}





section.halfscreen.bg-red .flickity-viewport .polo-carousel-item {

    height: 280px;

    overflow: hidden;

}



span.business.normalcase.text-light h2 {

    font-size: 28px !important;

    line-height: 1.2 !important;

    margin-top: 13%;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}



section.halfscreen.bg-red ol.flickity-page-dots {

    bottom: 2px;

}



section.halfscreen.bg-red ol.flickity-page-dots li.dot:after {

    border-color: white;

    background-color: white;

}



section.halfscreen.bg-red ol.flickity-page-dots .dot {

    box-shadow: inset 0 0 0 2px #ffffff !important;

}





.post-item-description h2, .post-item-description p {

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    overflow: hidden;

    height: 139px;

    margin-bottom: 18px !important;

}



.post-item-description p {

    display: none;

}



.section-about-us ul.pt-3.list-number.pl-3 li {

    padding-left: 10px;

    text-align: left;

}





.form-group.col-md-12 input {

    width: 100% !important;

    max-width: 100% !important;

}



.icon-box.border.small .icon i img.services-icon {

    width: 40px;

}



.row.section-about-us.pt-5 .icon-box.border.small .icon {

    margin-top: -12px;

}



span.post-meta-date {

    display: none;

}



section#recent-content {

    padding: 45px 0;

}



.row.section-about-us.pt-5 {

    padding-top: 0 !important;

}



div#blog.grid-layout {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}



.col-lg-7 p:last-child {

    margin-bottom: 40px;

}



.col-lg-7 p.pt-3 {

    display: none;

}



.post-navigation a div {

    display: -webkit-box;

    height: 44px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



div#logo {

    width: 26%;

}



div#logo a span img {

    margin-top: -9px;

}



div#logo a span, div#logo a span img {

    width: 100%;

}



hr.garis-logo {

    position: absolute;

    top: 33px;

    width: 66%;

    right: 58px;

    background: #ffc267;

    height: 2px;

    z-index: 1000;

}



.col-lg-8.col-md-8.col-sm-8.col-xs-12.center {

    margin-bottom: 20px;

}



.col-lg-7 p:nth-child(2) {

    padding-top: 7px;

}



section.halfscreen.bg-red ol.flickity-page-dots {

    bottom: 2px;

    display: none;

}



#footer p {

    font-family: "Poppins", sans-serif;

    margin-bottom: 0;

    padding-top: 0;

}



.icon-box {

    margin-bottom: 30px;

}



p, span, div, a {

    font-family: 'Montserrat', sans-serif;

}



h1,h2,h3,h4,h5,h6 {

    font-family: 'Raleway', sans-serif;

}



.post-item-description a, .post-item-description h2 a {

    color: #fd0000 !important;

}



.post-item-description a:hover, .post-item-description h2 a:hover {

    color: #c60e0e !important;

}



.heading-text.heading-section > h2 {

    font-weight: 700;

}



#topbar .col-md-6.d-none.d-sm-block .menu a {

    padding-top: 14px;

    font-weight: 700;

}



#topbar .col-md-6.d-none.d-sm-block .menu a:hover, #footer a:hover, #mainMenu .menu a:hover {

    color: #aa0c0c !important;

}

.bold-services h3.font-400.font-24.mb-2 {
    font-weight: 700 !important;
}

h2.animated.fadeInUp.visible p {
    margin-bottom: 0;
}

h2.animated.fadeInUp.visible p:first-child {
    font-size: 20px;
}

.nama-jabatan p.grey.italic {
    margin-bottom: 0 !important;
    color: #ababab;
}