@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/**Base**/
  body, div, span, li,
  h1, h2, h3, h4, h5, h6,
  p{
    font-family:'Lato', sans-serif;
  }

  div:focus{
    outline:none;
  }
/****/

/**Global Custom Class**/
  @media(min-width:1200px){
    .row{
      max-width:1200px;
      margin-right:auto;
      margin-left:auto;
    }
    .row:before,
    .row:after{
      clear:both;
      display:table;
      content:'';
    }
  }
/****/

/**Header**/
  .small-menu-top{
    background-color:#d74949;
    padding-top:10px;
    padding-bottom:10px;
  }

  header .top-bar{padding:8px 0;}
  header .top-bar, header .top-bar ul{background-color:white;}

  header .logo-home a{padding:0;}

  .menu-before-top-menu-container .menu{justify-content:flex-end;}

  @media(max-width:460px){
    header .top-bar{
      position:relative;
      padding-right:10px;
      padding-left:10px;
    }

    .menu-before-top-menu-container .menu{justify-content:center;}
  }

  .menu-before-top-menu-container li a{
    color:white;
    font-size:16px;
    font-weight:300;
    padding:0;
  }
  .menu-before-top-menu-container li{margin-left:30px;}
  .menu-before-top-menu-container li:first-child{
    margin-left:0;
  }

  .menu.logo-home img{width:75px;}
  .menu.logo-home img + span{
    color:#a3a3a3;
    font-size:14px;
    margin-left:10px;
  }

  .top-bar-right .dropdown.menu li{
    margin-left:25px;
  }
  .top-bar-right .dropdown.menu li:first-child{
    margin-left:0;
  }

  .top-bar-right .dropdown.menu li a{
    color:#454545;
    text-transform:uppercase;
    padding:0 0 5px;
    font-weight:900;
  }

  .top-bar-right .dropdown.menu li a:hover,
  .top-bar-right .dropdown.menu li a:focus{
    color:#b53e3e;
  }

  .top-bar-right .dropdown.menu .active > a{
    background-color:transparent;
    color:#b53e3e;
  }

  .menu-before-top-menu-container .menu .active a{
    text-decoration:underline;
    background-color:transparent;
  }

  @media(max-width:460px){
    .top-bar-right.float-right{
      position:absolute;
      right:0;
    }

    .accordion-menu li a{
      font-weight:bold;
      color:white;
      padding-left:30px;
      padding-top:20px;
      padding-bottom:20px;
    }
  }

  a[data-toggle="off-canvas"]{
    font-weight:bold;
    color:black;
  }
/****/

/**Footer**/
  body .footer{margin-top:0;}

  .footer .cell{
    padding-right:0;
    padding-left:0;
    text-align:center;
  }

  .footer .inner-footer .cell + .cell{
    background-color:#353535;
    padding:10px 0;
  }

  .footer .inner-footer .cell + .cell p{
    margin-bottom:0;
    color:white;
    font-size:12px;
    font-weight:300;
  }

  .footer nav ul.menu{justify-content:center;}

  .footer .inner-footer .cell:first-child{
    background-color:#424242;
    padding-top:40px;
    padding-bottom:45px;
  }

  .footer h5{
    color:white;
    font-size:18px;
    position:relative;
    margin-bottom:35px;
  }
  .footer h5:after{
    display:block;
    content:'';
    width:40px;
    height:2px;
    background-color:white;
    margin:8px auto 20px;
  }

  .footer h5 + nav a{
    padding:0;
    color:white;
    margin-right:15px;
    margin-left:15px;
    text-decoration:underline;
  }

  .footer h5 + nav a:hover,
  .footer h5 + nav a:focus{
    text-decoration:none;
  }

  .footer h5 + nav .menu .active > a{
    color:#ffabab;
    background-color:transparent;
    text-decoration:none;
  }

  @media(max-width:460px){
    .footer h5 + nav ul li{
      margin-bottom:20px;
    }
  }
/****/

/**Main**/
  .dsr-slider img{width:100%;}

  .grid-padding-x .main.cell{padding-right:0;padding-left:0;}

  .intro-dsr{
    display:flex;
    padding:40px 30px;
  }

  /*.introduction-wrapper{
    background-image:url('../images/tatami-bg.png'), url('../images/tatami-bg.png');
    background-repeat:repeat-x, repeat-x;
    background-size:30px, 30px;
    background-position:top, bottom;
  }*/

  .slide-description{
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center;
    right:0;
    left:0;
    flex-flow:column;
  }

  .slide-description h4,
  .slide-description p{
    color:white;
  }

  .slide-description h4{
    font-weight:bold;
    font-size:30px;
  }
  .slide-description p{
    font-size:24px;
  }

  @media(max-width:500px){
    .slide-description h4{
      font-size:22px;
    }
    .slide-description p{
      font-size:18px;
    }

    .slide-description{
      padding:0 20px;
    }
  }

  .slide-dsr{
    height:400px !important;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }

  .slick-active.slide-dsr .slide-description{
    -webkit-animation-name:come;
    -webkit-animation-duration:2s;
    animation-name:come;
    animation-duration:2s;
  }

  @-webkit-keyframes come{
    0% {margin-top:20%;opacity:0;}
    100% {margin-top:0;opacity:100%;}
  }

  @keyframes example{
    0% {margin-top:20%;opacity:0;}
    100% {margin-top:0;opacity:100%;}
  }

  /**DSR Stick**/
    .dsr-meter{
      flex:0.2;
      text-align:center;
      position:relative;
    }
    .dsr-meter:before{
      width:4px;
      height:100%;
      background-color:#e6e6e6;
      display:block;
      content:'';
      position:absolute;
      right:0;
      left:0;
      margin:auto;
    }

    .meter-image-wrap{
      position:relative;
      background-color:#e6e6e6;
      border-radius:50%;
      width:110px;
      height:110px;
      margin-right:auto;
      margin-left:auto;
    }

    .meter-image-wrap img{
      position:absolute;
      left:0;
      right:0;
      top:0;
      bottom:0;
      margin:auto;
      width:95px;
    }
  /****/
  
  /**DSR Description**/
    .dsr-description{
      flex:1.8;
      text-align:center;
    }

    .description-row{
      margin-bottom:60px;
    }
    .description-row:first-child{margin-top:40px;}

    .description-row h4{
      font-weight:900;
      font-size:22px;
      color:#d9363c;
      letter-spacing:1px;
      position:relative;
      margin-bottom:40px;
    }
    /*.description-row:not(:first-child) h4:before{
      content:'';
      display:block;
      position:absolute;
      top:10px;
      left:-85px;
      width:10px;
      height:10px;
      background-color:#d9363c;
      border-radius:50%;
    }*/

    .core-values-row ul,
    .partner-row ul{
      list-style:none;
      margin-bottom:0;
      width:70%;
      font-size:0;
      margin-left:auto;
      margin-right:auto;
    }

    @media(max-width:460px){
      .core-values-row ul,
      .partner-row ul{
        width:100%;
      }
    }

    .partner-row{
      text-align:center;
      margin-top:40px;
    }

    .core-values-row li{
      display:inline-flex;
      width:100%;
      margin:0 0 20px;
      background-color:#4c4c4c;
      border-radius:3px;
      justify-content: center;
      align-items:center;
      font-size:15px;
      color:white;
      height:60px;
      text-transform:uppercase;
      font-weight:bold;
      position:relative;
    }

    .core-values-row li:hover{
      cursor:pointer;
    }

    .core-values-row li:after{
      content: "\f107";
      font-family: Font Awesome\ 5 Free;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 25px;
      top:0;
      bottom:0;
    }

    .core-values-row li.opne{
      background-color:#8e0e0e;
      margin-bottom:0;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0;
    }

    .core-values-row li.opne:after{
      content:"\f106";
    }

    .core-values-row li + .service-hide{
      margin:0 0 20px;
      display:none;
      border:1px solid #8e0e0e;
      border-top:0;
      padding:25px 20px;
    }

    .core-values-row li.opne + .service-hide{
      display:block;
    }

    .core-values-row li + .service-hide p:last-child{
      margin-bottom:0;
    }

    .service-hide img{
      max-width:350px;
      margin-bottom:15px;
    }

    .core-values-row i{
      font-size:22px;
      color:white;
      margin-right:10px;
    }

    .partner-row li{
      display:inline-flex;
      width:calc(100% / 3 - 20px);
      margin:0 10px 20px;
      justify-content: center;
      align-items:center;
      font-size:15px;
      height:150px;
    }

    .description-row p{
      font-size:16px;
      color:#393939;
      letter-spacing:1px;
    }

    .dsr-mission{
      position:relative;
      padding-left:20px;
      margin-top:25px;
    }
    @media(max-width:460px){
      .dsr-mission{
        padding-left:0;
      }
    }

    .dsr-mission:before,
    .dsr-mission:after{
      display:block;
      content:'';
      background-color:#e6e6e6;
      margin-right:auto;
      margin-left:auto;
      width:20%;
      height:6px;
    }

    .dsr-mission:before{
      margin-bottom:25px;
    }

    .dsr-mission:after{
      margin-top:30px;
    }

    .dsr-mission h5{
      font-weight:700;
      font-size:22px;
      color:#d9363c;
      line-height:1.25rem;
      margin-bottom:15px;
    }
  /****/

  /**Latest News**/
    .news-image{
      margin-bottom:-15px;
    }
    .news-image img{
      width:100%;
    }

    .news-card-container{
      text-align:center;
    }

    .news-card{text-align:left;}

    .news-activity-home,
    .news-activity-home .row{
      position:relative;
    }

    .news-activity-home h4{
      font-size:22px;
      color:#d9363c;
      font-weight:900;
      padding-top:0;
      margin-bottom:25px;
      text-align:center;
    }

    .news-card{
      width:calc(100% / 4);
      display:inline-flex;
      border-radius:3px;
      padding:10px;
      margin:0 10px 20px;
    }

    .news-content{
      background-color:#ececec;
      padding:20px 15px 15px;
      height:115px;
    }

    .news-title{
      font-weight:900;
      font-size:16px;
      color:#303030;
      letter-spacing:0.5px;
      margin-bottom:10px;
      line-height:1.3;
    }

    .news-posted{
      font-size:12px;
      display:block;
      margin-bottom:5px;
    }
    .news-date{
      font-weight:bold;
    }
    .news-content p{
      font-size:14px;
      color:#525252;
      margin-bottom:10px;
      line-height:1.6;
      display:none;
    }

    .news-button{
      text-align:center;
      margin-bottom:10px;
    }
    .news-button a{
      display:inline-block;
      font-size:13px;
      background-color:#c1001c;
      color:white;
      padding:10px 25px;
      font-weight:bold;
      width:100%;
      text-transform:uppercase;
    }

    .news-button a:hover,
    .news-button a:focus{
      color:white;
      background-color:#9c071c;
    }

    .on-mobile{
      display:none !important;
    }
    @media(max-width:500px){
      .on-mobile{
        display:block !important;
      }
      .on-desktop{
        display:none !important;
      }
    }
  /****/

  /**Reach Us**/
    .reach-us{
      margin-top:80px;
      margin-bottom:50px;
    }

    .reach-us .extra-logo{
      margin-top:40px;
      text-align:center;
    }

    .extra-logo img{
      width:150px;
      vertical-align:top;
    }
    .extra-logo img:last-child{
      margin-left:15px;
    }

    .reach-us h4{
      font-size:22px;
      margin-bottom:60px;
      font-weight:900;
      text-align:center;
      position:relative;
    }

    .reach-us h4:before,
    .reach-us h4:after{
      display:block;
      content:'';
      width:40%;
      height:1px;
      background-color:#c5c5c5;
      position:absolute;
      top:15px;
    }

    .reach-us h4:before{left:0;}
    .reach-us h4:after{right:0;}

    .reach-us-wrapper{display:flex;}

    .reach-map{
      width:calc(70% - 30px);
      height:450px;
      margin-right:30px;
    }

    .map-text{padding-left:20px;}

    .map-text h6{
      font-size:16px;
      color:#1e1e1e;
      margin-bottom:2px;
    }

    .map-text p{
      font-weight:300;
      font-size:15px;
      letter-spacing:1px;
    }
    
    .map-text a{
      display:inline-block;
      background-color:#cf272d;
      padding:10px 20px;
      color:white;
    }
    .map-text a:hover{
      color:white;
      background-color:#8e1419;
    }

    @media(max-width:460px){
      .reach-us-wrapper{display:block;}

      .reach-us h4{margin-bottom:30px;}

      .reach-map{height:330px;width:100%;}

      .reach-us h4:before, .reach-us h4:after{
        width:30%;
      }

      .map-text{
        padding-top:20px;
        text-align:center;
      }
    }
  /****/
/****/

/**Sidebar Template**/
  .opening-sidebar-image{
    height:300px;
    background-image:url(../images/dummy/full-custom-bg.png);
    background-size:100%;
    background-position:center;
  }

  .page-id-6 .opening-sidebar-image{
    background-image:url(../images/dummy/full-custom-bg-products.jpg);
  }

  .page-id-8 .opening-sidebar-image{
    background-image:url(../images/dummy/full-custom-bg-exe.jpg);
  }

  .page-id-10 .opening-sidebar-image{
    background-image:url(../images/dummy/full-custom-bg-contact.jpg);
  }

  .page-id-14 .opening-sidebar-image{
    background-image:url(../images/dummy/full-custom-bg-about.jpg);
  }

  .page-id-26 .opening-sidebar-image{
    background-image:url(../images/dummy/full-custom-bg-news.jpg);
  }

  .sidebar-content-wrapper .row{
    display:flex;
    min-height:400px;
  }
  .sidebar-content-wrapper .row:before,
  .sidebar-content-wrapper .row:after{
    display:none;
  }

  .sidebar-on{
    width:30%;
    border-right:1px solid #e6e6e6;
    padding-top:40px;
    text-align:right;
  }

  .content-with-sidebar{
    width:70%;
    padding-top:40px;
    padding-bottom:60px;
    padding-left:30px;
    /*background-image:url('../images/tatami-bg.png'), url('../images/tatami-bg.png');
    background-size:30px, 30px;
    background-repeat:repeat-x, repeat-x;
    background-position:top,bottom;*/
  }

  .menu-sidebar-a-container > ul{
    flex-flow:column;
    display:inline-flex;
    margin-right:30px;
    align-items:flex-end;
  }

  .menu-sidebar-a-container > ul li{
    margin-bottom:20px;
  }

  .menu-sidebar-a-container > ul li a{
    border:2px solid #d9363c;
    border-radius:40px;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    color:#d9363c;
  }

  .menu-sidebar-a-container > ul.menu .active a{
    background-color:#d9363c;
    position:relative;
    z-index:1;
  }

  .menu-sidebar-a-container > ul.menu .active a:before{
    display:block;
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #d9363c;
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right:-37px;
    z-index: 2;
    background-color:white;
  }

  .menu-sidebar-a-container > ul.menu .active a:after{
    display:block;
    width:30px;
    height:2px;
    background-color:#d9363c;
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right:-30px;
  }

  .content-with-sidebar h4{
    font-weight:900;
  }

  .content-side-main h5{
    font-weight:700;
    margin-top:25px;
  }

  .page-id-8 .content-side-main h5{
    color:#a72020;
  }
/****/

/**Page Campuran**/
  .page-id-8 .content-side-main h6{
    font-weight:bold;
    font-size:18px;
    color:#272727;
    margin-bottom:0;
    margin-top:15px;
  }

  .page-id-8 .content-side-main h6 + p{
    margin-bottom:5px;
  }
  .page-id-8 .content-side-main h6 + p a{
    font-size:14px;
    color:#b7474b;
  }
  .page-id-8 .content-side-main h6 + p + ul{
    display:none;
  }

  .experience-count{font-size:12px;display:none;}
/****/

/**Contact Us**/
  #reachmap2{height:220px;margin-bottom:15px;margin-top:20px;}

  .page-id-10 .nf-form-title h3{display:none;}

  .page-id-10 .nf-field-container{margin-bottom:15px;}

  .page-id-10 .nf-form-fields-required{
    font-size:14px;
    margin-bottom:10px;
  }

  .page-id-10 .field-wrap > div input{
    width:250px;
    height:35px;
    font-size:15px;
    border:1px solid #e2e2e2;
    box-shadow:none;
  }
  .page-id-10 .field-wrap > div textarea{
    width:300px;
    height:140px;
    font-size:15px;
    border:1px solid #e2e2e2;
    box-shadow:none;
  }

  .page-id-10 .nf-after-field .nf-error-msg{
    font-size:12px;
  }
/****/

/**Gallery**/
  .page-id-28 .gallery{margin-top:30px;}

  .page-id-26 .opening-sidebar-image{
    background-image:url(../images/dummy/under-cons.jpg);
  }

  .page-id-28 .opening-sidebar-image{
    background-image:url(../images/dummy/06.jpg);
    background-position:center bottom -220px;
  }

  .page-id-28 dl.gallery-item{
    margin-bottom:30px;
  }
/****/

/**News**/
  .news-card-real h4{
    font-size:19px;
    margin-top:30px;
    margin-bottom:0;
  }

  .news-date-real{
    margin-bottom:0;
    font-size:14px;
    color:#af2126;
  }

  .news-date-real strong{
    color:gray;
  }

  .news-short-description{
    font-size:16px;
    margin-bottom:10px;
  }

  .news-link{
    padding:8px 10px;
    display:inline-block;
    background-color:#da363c;
    color:white;
    font-size:14px;
  }

  .news-card-image{
    margin-top:15px;
    margin-bottom:15px;
  }

  .news-slide, .slide-partner{
    position:relative;
  }

  .news-slide .slick-arrow,
  .slide-partner .slick-arrow{
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    height:50px;
    width:50px;
    font-size:0;
    margin:auto;
    background-color:#3c3c3c;
  }

  .news-slide .slick-arrow:hover,
  .slide-partner .slick-arrow:hover{
    cursor:pointer;
  }

  .news-slide .slick-arrow:focus,
  .slide-partner .slick-arrow:focus{
    outline:none;
  }

  .news-slide .slick-arrow.slick-prev{
    left:-20px;
  }

  .slide-partner .slick-arrow.slick-prev{
    left:80px;
  }

  .news-slide .slick-arrow.slick-next{
    right:-20px;
  }

  .slide-partner .slick-arrow.slick-next{
    right:80px;
  }

  @media(max-width:500px){
    .news-slide .slick-arrow.slick-prev{
      left:0;
    }
    .news-slide .slick-arrow.slick-next{
      right:0;
    }

    .slide-partner .slick-arrow.slick-prev,
    .slide-partner .slick-arrow.slick-next{
      bottom:-130px;
    }

    .slide-partner .slick-arrow.slick-prev{
      left:20px;
    }
    .slide-partner .slick-arrow.slick-next{
      right:20px;
    }
  }

  .news-slide .slick-arrow.slick-prev:before,
  .news-slide .slick-arrow.slick-next:before,
  .slide-partner .slick-arrow.slick-prev:before,
  .slide-partner .slick-arrow.slick-next:before{
    margin:auto;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    content:'';
    height:10px;
  }

  .news-slide .slick-arrow.slick-prev:before,
  .slide-partner .slick-arrow.slick-prev:before{
    border-right:10px solid white; 
  }

  .news-slide .slick-arrow.slick-next:before,
  .slide-partner .slick-arrow.slick-next:before{
    border-left:10px solid white;
  }
/****/

/**News Single**/
  .single-news_dsr main{
    background-color:#fbfbfb;
    text-align:center;
    background-image:url('../images/tatami-bg.png'), url('../images/tatami-bg.png');
    background-size:30px, 30px;
    background-repeat:repeat-x, repeat-x;
    background-position:top,bottom;
  }

  .single-news_dsr article{
    padding-top:50px;
  }

  .single-news_dsr h1{
    font-size:35px;
    font-weight:900;
  }

  .single-news_dsr .article-header:after{
    content:'';
    display:block;
    width:120px;
    height:1px;
    background-color:#c7c7c7;
    margin:25px auto;
  }

  .single-news_dsr section img{
    max-width:50%;
    margin-bottom:20px;
  }

  .single-news_dsr section{
    margin-bottom:100px;
  }
/****/