/*----bootstrap css ----- */
@import url('../css/bootstrap.min.css');
/*----camera-slider---*/
/*------- menu ------*/
@import url('../css/slimmenu.css');
/*----font awesome -------*/
@import url('../css/font-awesome.min.css');
/*----owl-carousel css----*/
@import url('../css/owl.carousel.css');

@import url('../css/font.css');


/*** 
====================================================================
  Loading Transition
====================================================================
 ***/

#loader-wrapper {
  position: fixed; top: 0;left: 0;
  width: 100%;height: 100%;
  z-index: 999999;background: #fff;
  overflow: hidden;
  
}
.container_gap{width:100%;padding-left:5%;padding-right:5%;margin-right: auto; margin-left: auto;}
/*.header_top{ position:relative; top:0;z-index:1000;width:100%;background: #2a2d62;}*/
.header_top{position:relative;background: none;}

.header_overlay{width: 100%;height: 122px;position: absolute;top: 0;left: 0;z-index: 1;background-color: #000;opacity: 0.6;z-index:-5;
}

#mySidenav a ,#mySidenav1 a{
  position: absolute;
  right: 0px;
  transition: 0.3s;
  padding: 5px;
  width: 32px;height:40px;
  text-decoration: none;
  font-size: 12px;
  color: white;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  z-index: 100;
  text-align: left;
}

#mySidenav a:hover {
  width: 110px;
}
#mySidenav1 a:hover {
  width: 245px;
}

#gear1 {
  top: 160px;
  background-color: #5c5c5c;
}

#find1 {
  top: 205px;
  background-color: #bd2130;
}

#fb1 {
  top: 250px;
  background-color: #1976d2;
}

#tw1 {
  top: 295px;
  background-color: #000;
}

#insta1 {
  top: 340px;
  background-color: #FF5F00;
}

.sidebar_icon{font-size: 18px;}

/**/

#loader {width: 64px;height: 40px;position: relative;top: 50%;margin: -20px auto 0 auto;}
.fcari{font-size:18px !important;font-weight:400}
.f12{font-size: 12px;}
.f10{font-size: 12px; line-height: 15px;} 
.berita_overlay{width: 100%;height: 90px;position: fixed;bottom: 0;background-color: #000;opacity: 0.7;z-index:1;}
.berita{min-height:85px; width:auto; padding:3px;position:fixed;bottom:0;z-index:3;font-size:15px}
.w3c{position:relative; bottom: 0; left:0;  width: 100%; height: auto;  background:none; padding: 5px;text-align: center; font-size: 10px}

.top_point{text-align: center; margin-bottom:5px;width:80px;display:inline-block;}
.top_point a{font-size:10px; line-height: 10px;color:#fff; } 
.top_point a:hover{color:#f5f104}
.top_point img{width:40%}
.top_point span{display:block}

.view_date{color:#fff;padding:2px 0 2px 0;display:block;font-size:80%}

.logo_jata{display:inline-block;width:15%;}
.logo_title{font-weight:500;font-size:140%; font-family:'Oswald';line-height: 25px;display:inline-block;text-transform: uppercase;color:#fff ;} 
.logo_title h6{color:#fff;font-weight:400px;font-size:80%;padding:0;margin:0;font-family: 'Poppins';text-transform: capitalize; }
.typeahead ul li{margin-left:0px;}
.dropdown-menu{width:100%;z-index:9999}
.dropdown-item{font-size:14px;padding:7px;z-index:9999}
.dropdown-item:hover{background-color: #007bff;color:#fff ;}
.w-60{width: 60% !important;}

.bg-pastel1{background-color:#FBE7E4;color: #cc2027;}
.alert-red {color:#fff;background-color:#2A2D62;}
/**/
.list-group-item{border:none;}
.list-group-item:first-child{border-radius:0}
.list-group-item-red{color:#fff;background-color:#2A2D62;}
.list-group-item-red2{color:#cc2027;}
.list-group-item-red.list-group-item-action:focus{color:#fff;background-color:#2A2D62}
.list-group-item-red.list-group-item-action.active{color:#fff;background-color:#cc2027;}
.list-group-item-action:hover{color:#fff;background-color:#2A2D62}
/**/
.bg-pastel2{background-color:#7ABACC }
.bg-pastel3{background-color:#abdde5 }
.bg-pastel4{background-color:#8faadc }
.bg-pastel5{background-color:#4472c4 }
.bg_none{background:none;color:#cc2027}
.alert-pastel1{background-color:#cc2027;border:#cc2027;color:#fff}
.btn-pastel3:hover{color:#343a40;background-color:#abdde5;border-color:#abdde5}
.btn-pastel3{color:#343a40;background-color:#89E6EB;border-color:#89E6EB}

.card2{display:inline-block;width:100%}
.sdo_img{vertical-align:top;float:left;}
.sdo_img img{padding-right:2px;width:90px;height:120px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.sdo_text{line-height:2px;vertical-align:middle;display:inline}

.card_management{height:120px}
/*==================== Click Top ====================*/
.scroll-top {
  width:40px;height:40px;position: fixed;bottom: 10px;right: 10px;
  z-index: 9999;text-align: center;
  color: #000;font-size: 18px;
  display: none;cursor: pointer;border-radius: 5px; background:#F5D631; border: 0;
}
.scroll-top:after {
  position: absolute;z-index: -1;
  content: '';
  top: 100%;left: 5%;height: 10px;width: 90%;opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

body { padding-right: 0 !important }
 body,ul,ol,.theme-content ol li,.theme-content ul li{
	font-family: 'Poppins', sans-serif;font-weight: normal;font-size: 12.5px;position: relative;
 }

.nav-pills .nav-link1.active, .nav-pills .show > .nav-link1,.nav-link,.nav-link1:focus, .nav-link1:hover
{color:#fff ; background:#cc2027 ;}
.nav-pills .nav-link1 {border-radius: .25rem;}
.nav-link1{padding:5px;background:none;color:#125985;margin-right: 5px;}

.nav-link2{padding:5px;background:none;color:#dfe4e8;margin-right: 5px;}
.nav-link2:hover, .nav-link2.active{color:#fff ; background:#cc2027}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:#fff;color:#125985;;}
.border-dark{border:#343a40 1px solid}
 .border1{ border:#fff222 1px solid}
 .border_line{ border-bottom:#cc2027 3px solid}
 .border_kiri{ border-left:1px solid rgba(0,0,0,.1);}
 .border_kanan{ border-right:1px solid rgba(0,0,0,.1);}

 h1,h2,h3,h4,h5,h6 { color: #232323;}
 h1,h1 {font-size: 26px; font-weight: 500;line-height: 70px;}
 h2.h2 {font-size: 24px; font-weight: 500;}
 h3,.h3{font-size: 20px; font-weight: 500;}
 h4,.h4 {font-size: 18px; font-weight: 500;}
 h5,.h5 {font-size: 16px; font-weight: 500 !important}
 h6,.h6 {font-size: 14px; font-weight: 500;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
.table_sm{width: 100%; margin-bottom: 10px}
.table_sm tr th{ border-bottom: 1px #969494 dashed; font-weight: 500; vertical-align: middle; }
.table_sm tr td{padding: 5px;vertical-align: middle}
.table_sm .badges2{width: 70px}
.table_sm .top_ver{vertical-align:top}
.box_timer{color:#fff;padding-left:2px;padding-right:2px;background:#da3a21;border-radius:5px;font-weight: 500;}
b,strong,.font-weight-bold{ font-weight: 600 !important;}
.badge{font-weight: 500;}
th{font-weight:600}
.btn-outline-red{
  color: #cc2027;
  background-color: transparent;
  background-image: none;
  border-color: #cc2027;}

.btn-outline-red:hover{background: #cc2027;color:#fff}

.menu_active{background: #cc2027;color:#fff}
.menu_biasa{background: none;}
 /*----------------------- Theme Color File -------------------*/
 .theme-menu-wrapper .right-widget{border:#000 0px solid;z-index:1}
.bg-wrapper {background: none;position: relative;padding-left: 0px; width:100%; height:65px; z-index:9999; }

.theme-content ol{  margin-left: -0.5em}
.theme-content ul {list-style:circle;margin-left: 0em;}
.theme-content ul li,ol li {padding-left: 1em; margin-bottom: 0.5em;}
.theme-content a {text-decoration: none;color: #224abe; display: inline-block;}
.theme-content a:hover{color:#cc2027;}
/*FAQ*/
.theme-content .faq ol li>b{color:#cc2027;line-height: 30px}
.theme-menu-wrapper .right-widget ul li {display: inline-block;vertical-align: middle;}
.paging ul li{list-style: none;padding: 0; margin: 0; text-align: center; }
.paging ul li:before{content: "";}
/*----------video icon-------------*/.box_img{ height: 105px; width: 140px; border:0;display:inline-block;position: relative;;}
.box_auto{ width:auto; padding:1px; vertical-align:top; display:table-cell;}
.box_img2{ height: 200px; width: 140px; border:0}
.card-horizontal {display: flex;display:table-cell;}
.img-responsive{height: 100%; width: 100%;}
.img-fluid-fix{ width: 100% !important;}

/*----------social icon-------------*/
.social-icon{width:auto}
.social-icon a, .social-icon input{
  width: 30px;margin-top:2px;color: #000;
  text-align: center;
  overflow: hidden;display: inline-block;
  border-left: 0px solid #4f5054;
  cursor: pointer;z-index:1;
}

.social-icon input {border:0;}

.social-icon .flag_bm{background:none;background-image: url(../img/icon/flag_bm.jpg); background-repeat: no-repeat;background-position: center;height:15px}
.social-icon .flag_en{background:none;background-image: url(../img/icon/flag_en.jpg); background-repeat: no-repeat;background-position: center;height:15px}

.social-icon a:hover i:last-child{color: #ffffff;}
.social-icon a.setting:hover{background-color: #000;}

.social-icon1 input:hover{transform: scale(1.2);
  transition: all .5s;}
/*-----end social---*/
/*bar menu bila scroll*/
.theme-menu-wrapper.fixed {
  position: fixed !important;
  width:100%;
  top:0px;left:0;z-index: 999;
  background: #2a2d62;
  margin: 0;padding-top: 0;
  box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
  -webkit-animation: menu_sticky 0.7s ease-in-out;
  animation: menu_sticky 0.7s ease-in-out;
}

.search_stick.fixed {
  position: fixed !important;
  width:100%;
  top:50px;left:0;z-index: 999;
  margin: 0;padding-top: 0;
  box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
  -webkit-animation: menu_sticky 0.7s ease-in-out;
  animation: menu_sticky 0.7s ease-in-out;
}

/*---------------- Banner number --------------*/
.carousel-indicators{
  border:#000 0px solid; width:100%;margin:0;bottom:5px;padding-left:5px; position:absolute;justify-content:left;
}

.carousel-indicators-numbers li {
  text-indent:-10px; 
  margin: 1px 4px;
  width: 23px;height: 23px;
  border-radius: 50%;
  line-height: 23px;
  color: #fff;background: rgba(8, 107, 163, 0.7); 
  transition: all 0.25s ease;
  text-align:left;font-size:13px; border:#000 0px solid;
  padding-right: 3px;text-align: center;

}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {

  background: rgba(175, 27, 42, 0.7); 
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
    transform: scale(1.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

/*---------------- Service Style One --------------*/
.single-service {
  position: relative;
  padding-left: 159px;
  overflow: hidden;
  margin-bottom: 30px; height: 150px;
}
.single-service .text {
  border: 1px solid #eaeaea;
  border-radius: 0 4px 4px 0;
  border-left:none;
  padding: 10px;height: 150px;
}
.berita .card-title{height: 60px;color: #fff; font-weight:500;padding:3px}
.single-service .text .top_text{height: auto;color: #000; font-weight:500 }
.single-service .text .read-more {
  font-size: 13px;font-weight: 700;
}
.single-service .text .read-more i {margin-left: 2px;}
.single-service .img-box {
  position: absolute;left:0;top:0;bottom: 0;
  width: 160px;border-radius: 5px;
  background: #001a57;
}
.single-service .img-box img {width: 100%;height:150px;border-radius: 4px;opacity: 0.9;}
.single-service:hover .text {border-color: #fff;}
.single-service:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.wrapper {margin-top: 50px;}


/*---------------- footer One --------------*/

.tajuk{ font-family: 'Oswald';font-weight: 500; color: #cc2027;text-transform: uppercase;}
.theme-footer-one {background: none; width:100%; padding:15px 0 15px 0;margin: 0 }
.top-footer .title {color: #fff;font-size: 20px;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;font-family:'Barlow'}
.footer-list{color: #fff;}
.theme-menu-wrapper ul{list-style-type: none;margin:0;padding: 0;}
.theme-footer-one .top-footer .footer-list ul,.content ul{ list-style-type: none;margin:0;padding: 0;}

.theme-footer-one .top-footer .footer-list ul li {line-height: 15px;padding-left: 0px;position: relative;margin-bottom: 15px;color: #fff;}
.theme-footer-one .top-footer .footer-list1 ul li:before {content: '';font-family: 'font-awesome';font-size: 8px;color: #fff;position: absolute;line-height: 15px;top:0; left:0;}
.theme-footer-one .top-footer .footer-list ul li a ,.theme-footer-one .top-footer .footer-newsletter{color: #fff;}
.theme-footer-one .top-footer .footer-list ul li a:hover {color: #f5f104;}


.bottom-footer {background: #000;padding:10px;width:100%;color: #fff;}
.bottom-footer p {font-size: 12px;}


/*---------------- portfolio--------------*/
.portfolio-list{margin: 0 auto;position: relative;}
.personal_box {
  width: 220px;height: 180px;margin:30px;display: inline-block;background: rgb(255, 255, 255); vertical-align: top;text-align: center;
}
.personal_box a{color: black;text-transform: capitalize; font-weight: 500;font-family:'Poppins';line-height: 18px;font-size:18px}

/* Portfolio Hover Effect */
.personal_box:hover  {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.personal_img{width: 198px; height: 116px;}
.personal_des{display: block;width:auto; height:72px;line-height:20px; }

.list-inline>li {display: inline-block;padding-right: 12px;padding-left: 12px;}
.portfolio .portfolio-filter a,.portfolio_tab {
  color: #cc2027;
  font-family: 'Oswald';
  font-weight: 500;line-height: 1;
  text-transform: capitalize;
  position: relative;margin-bottom: 10px;display: block; 
  padding:4px;border-radius: 0.2em;text-transform: uppercase;
}
.portfolio .portfolio-filter a.active,
.portfolio .portfolio-filter a:hover {
  color: #ffffff;
  background-color: #cc2027;
}
.portfolio .portfolio-filter a.active:after,
.portfolio1 .portfolio-filter a:hover:after {
  border:1px solid #cc2027;
}

.portfolio .portfolio-img {
  position: relative;display: block;overflow: hidden;border: #000 1px solid; height: auto; 
}
.portfolio .portfolio-img1  {
  width: 100%;height: auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; 
}

/* Portfolio Classic */
.portfolio-classic .portfolio-item {
  margin-bottom: 10px;
}
.lesap{display:inline-block;}

.border{ border:#000 1px solid}
#mega-menu-holder li .sub-toggle, 
#mega-menu-holder>ul> li> a , 
#mega-menu-holder>ul> li> a:before{color:#fff; }/**/
#mega-menu-holder>ul> li:hover > a,
#mega-menu-holder>ul> li.active > .sub-toggle, 
#mega-menu-holder>ul> li:hover > .sub-toggle {background: #cc2027;   }
.single-counter-box .number ,.single-counter-box .number .timer{font-size: 25px;}
.card-resize{height:350px}
.showtool{display:block}
.navbar-brand{font-size:17px;}

.card-title2{font-size:20px}

.card-radius{border-radius:15px;height:180px;text-align:center}
.card-body{padding:0.75rem;word-wrap:normal}

/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {

  /*.bg-wrapper {background: #2a2d62;}*/
  .container_gap{width:100%;padding-right:15px;padding-left:15px;margin-right: auto; margin-left: auto;}
  /*.header_top{position:relative;opacity:1.0;background: #31312a;}*/
  .header_overlay{display:none}
  
  #mega-menu-holder li .sub-toggle, 
  #mega-menu-holder>ul> li> a , 
  #mega-menu-holder>ul> li> a:before{color:#000;}/*color dropdown arrow*/

  .theme-menu-wrapper .right-widget ul li {line-height: 60px;}
  .theme-menu-wrapper .right-widget {position: relative;z-index: 99;}
  .menu-wrapper {position: absolute;width: 100%;left:0;top:0;z-index: 9;}

  #mega-menu-holder>ul> li> a:before {display: none;}
  #mega-menu-holder>ul> li> a {color: #000;}/*color menu*/
  #mega-menu-holder>ul> li.active > a, 
  #mega-menu-holder>ul> li:hover > a,
  #mega-menu-holder>ul> li.active > .sub-toggle, 
  #mega-menu-holder>ul> li:hover > .sub-toggle {background: #cc2027; color:#FFF   }/*merah*/

  .berita{min-height:60px; width:auto; padding:5px}
  .showtool{display:none}
} 

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) and (max-width: 767px) {

  .card_management{height:auto}

  .w3c{position:fixed; bottom: 0  ; left:0;  width: 100%; height: 32px;  padding: 5px;text-align: center; border:0px solid #000;
    z-index:1000;background:rgb(1, 1, 1);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);}
  .w3c input{width:30px}
  .bottom-footer {padding-bottom:40px}

  .h5{font-size: 1rem}
  .btn-sm{padding: .1rem .4rem;}

  .lesap{display:none}
	h6{font-size: 12px;}
  .portfolio .portfolio-filter a {
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .personal_box {
    width:65px; height:80px;margin:0px;display: inline-block;line-height: 10px;
  }
  .personal_box a{font-size:9px ;font-weight: 400;}
  .personal_des{vertical-align: top ;height:50px;display: table-cell;line-height: 10px;}
  .border_kiri, .border_kanan{ border:0}
  .sdo-slider a:link{line-height: 12px;font-size:10px;}
}

@media (max-width: 991px) {
  .logo_jata{display:inline-block;width:20%;vertical-align: top;padding:2px}
  .logo_title{font-size:100%; line-height: 20px;display:inline-block} 
  .logo_title h6{font-size:80%; line-height: 20px;} 

}

/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {  

  .top_point {margin:0;width:25px;padding:0;line-height: 0;}
  .top_point a{font-size:9px; color:#fff; vertical-align: top;}
  .top_point img{width:100%}
  .top_point span,.view_date{display:none}

  form{font-size:10px}

  .theme-footer-one .bottom-footer,.theme-footer-one .bottom-footer ul {text-align: center;}
  .theme-footer-one .bottom-footer ul li a {margin: 2px 10px;}
  .theme-pagination ul {padding-top: 10px;}

  .carousel-indicators-numbers li {
    text-indent:-8px; 
    margin: 1px 3px;
    width: 18px;height: 18px;
   /* border-radius: 50%;*/
    line-height: 18px;
    color: #fff;background: rgba(8, 107, 163, 0.7); 
    transition: all 0.25s ease;
    text-align:left;font-size:10px; border:#000 0px solid;
    padding-right: 3px;text-align: center;

  }
  .carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
    background: rgba(175, 27, 42, 0.7); 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
      transform: scale(1.2);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  }

 
}

/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
  .tajuk{ text-align: center;margin-bottom: 15px;}
  .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {text-align: right;width: 25px;}
  .theme-menu-wrapper .right-widget .cart-icon {width: 42px;margin-left: 0px;}
  .theme-counter h2 {font-size: 38px;}
	.single-counter-box{font-size: 15px}
  .single-counter-box .number {font-size: 20px;}
  .single-counter-box .number .timer {font-size: 20px;}
  .single-counter-box p {margin-top: -5px;}

  .card-resize{height:280px}
  .card-title2{font-size:110%;display: block;}
  .card-radius{height:150px;}

  
}

/* Portfolio Hover Effect */
.img_hyper:hover  {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.partner-slider{border:1px solid #ffffff;}
.partner-slider .owl-prev,.partner-slider .owl-next {
  height: 100%;position: absolute;top: 35%;
  display: block !important; font-size:30px;line-height:normal;
}

.partner-slider .owl-prev {margin-left: -10px;}
.partner-slider .owl-next {right: -10px;}
.partner-slider .owl-prev i,.partner-slider .owl-next i { color: #ccc;}


.link-slider .owl-prev,.link-slider .owl-next {
  height: 100%;position: absolute;top: 15%;
  display: block !important; font-size:30px;line-height:normal;
}

.link-slider .owl-prev {margin-left: -10px;}
.link-slider .owl-next {right: -10px;}
.link-slider .owl-prev i,.link-slider .owl-next i { color: #ccc;}


/**/
.sdo-slider .item .img_hyper{border:0px solid #000;height:55px; }

.sdo-slider a:link{line-height: 15px; border:0px solid #000;
   width:auto;height:auto;margin-left:50px; display: inline-table;
   position: relative;font-size:12.5px;
   top: 50%;
   transform: perspective(1px) translateY(-50%);}

.sdo-slider .owl-prev,.sdo-slider .owl-next {
  height: auto;position: absolute;top: 10%;
  display: block !important;
  border:0px solid black; font-size:30px;
}

.sdo-slider .owl-prev {margin-left: -15px;}
.sdo-slider .owl-next {right: -15px;}
.sdo-slider .owl-prev i,.sdo-slider .owl-next i { color: #ccc;}
/**/

.single-counter-box{text-align: center; border:1px solid #ccc; margin-bottom: 10px; }

/*aktiviti/video slider*/
.aktiviti-slider .owl-prev,.aktiviti-slider .owl-next, 
.cawang-slider .owl-prev,.cawang-slider .owl-next,
.slider5 .owl-prev,.slider5 .owl-next
{
  height: 100%;position: absolute;top: 38%;display: block; font-size:30px;line-height:normal;
}

.video-slider .owl-prev,.video-slider .owl-next
{
  height: 100%;position: absolute;top: 30%;display: block; font-size:30px;line-height:normal;
}
/*galeri slider*/
.owl-carousel .owl-item img{display: inline-table;}
.galeri-slider .owl-prev,.galeri-slider .owl-next 
{
  height: auto;position: absolute;top:  45%;display: block; font-size:30px;line-height:normal;font-weight: 600;
}
.galeri-size{max-height:400px;max-width:800px }
.galeri-slider .owl-prev {margin-left: 15px;display: block;}
.galeri-slider .owl-next {right: 15px;display: block;}
/*end galeri slider*/

.aktiviti-slider .owl-prev ,
.cawang-slider .owl-prev ,
.video-slider .owl-prev,
.galeri-slider .owl-prev,
.slider5 .owl-prev
{margin-left: 20px;}

.aktiviti-slider .owl-next ,
.cawang-slider .owl-next ,
.video-slider .owl-next,
.galeri-slider .owl-next,
.slider5 .owl-next
{right: 20px;}

.aktiviti-contents, .galeri-contents {width: 100%;position: relative;z-index: 2;padding:5px; text-align:left}
.card-grow{
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -o-transform: scale(0.98);
  -ms-transform: scale(0.98);
    transform: scale(0.98); 
}
.card-grow:hover  {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
/*end aktiviti slider*/
.border_pic{border: 1px solid #dedede; padding:3px; background:#fff;width:auto;height:82px}

*,*:before,*:after {
  -webkit-box-sizing: border-box;box-sizing: border-box;
  -webkit-transition: none 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: none 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
/*services2*/
.top-features-slide2 .owl-prev,.top-features-slide2 .owl-next {
  height: auto;position: absolute;top:  0;display: block; font-size:40px;line-height:360px;font-weight:600;opacity:0.7;color:#fff;
}
.top-features-slide2 .owl-prev {margin-left: 20px;}
.top-features-slide2 .owl-next {right: 20px;}


.visual {/*pakai*/
  width: auto; min-height: 400px;color:#fff;
  display: -webkit-box;display: -ms-flexbox; display: flex;position: relative;text-align: center;
}
.visual-video {/*pakai*/
  width: 100%; min-height: 180px;color:#fff;
  display: -webkit-box;display: -ms-flexbox; display: flex;position: relative;
}
.visual-galeri {/*pakai*/
  width: 100%; min-height: 300px;color:#fff;
  display: -webkit-box;display: -ms-flexbox; display: flex;position: relative;
}


.visual-contents {width: 100%;position: relative;z-index: 2;padding:0px; text-align:left;padding-top:10px}
.visual-contents .heading{ font-size: 22px; color:#fff;font-family:'Oswald';
  font-weight: 500; text-transform: uppercase; background-color: #cc2027;height:80px;;line-height:38px;bottom:-10px;width:100%;
  position:absolute;text-align: center;padding:1px}

.visual-contents:hover .heading{color:#000;text-shadow: none; }
.visual-contents .content{opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.visual-contents:hover .content{display:contents;color:black}

.visual-layout,.visual-layout-elem {width: 100%;height: 100%;position: absolute; top: 0;left: 0; overflow: hidden;}
.visual-contents .content ul{list-style:square ;margin-left: 40px;color:#fff}
.visual-contents .content ul li{line-height: 35px;}
/*.visual-contents .content ul li> a:before{font-family: 'font-awesome';content: '\f192';margin-left: 30px;padding:0px}*/
.visual-contents .content ul li a{color:#fff;font-size:17px;}
.visual-contents .content ul li a:hover{color:#cc2027;}


.bulet_menu ul{ list-style-type: none;margin-left: -40px;}
.bulet_menu ul li{padding-left:10px}
.bulet_menu ul li> a:before{font-family: 'font-awesome';content: '\f192';margin-left: -15px;padding:0px}

.visual-layout-elem {/*pakai*/
  background: right / cover no-repeat;
  -webkit-transition: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
  transition: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
  transition: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
  transition: 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform, 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
}

.visual-overlay {/*pakai*/
  width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-color: #000;opacity: 0;
  -webkit-transition-property: opacity;transition-property: opacity;
}
.visual-hover:hover .visual-overlay { opacity: 0.7;}
.visual-hover:hover .visual-layout-elem {-webkit-transform: scale(1.2); transform: scale(1.2);}