.custom_151 {height:auto;font-family:Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;color:#333;background-color:rgba(255, 255, 255, 0);}[class*='col-'] { padding-right: 0px; }.row-57e0d6c4e3913 {max-width:1000px;height:auto;color:#333;background-color:#d8a704;}.column-57e0d6c4e3914 {max-width:1000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-57a43da3327a0 {max-width:1000px;height:auto;color:#333;background-color:#f1c40f;  background-image: -moz-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);
  box-shadow: 0px 1px 1.96px 0.04px rgba(0, 0, 0, 0.3);}.column-57a43da3327a2 {max-width:1000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-57c93c60f138a {max-width:1000px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0.8);}.column-57c93c60f138b {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.column-57e0ef4362997 {min-height:5px;}.row-57a43da4327a5 {max-width:1000px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0.8);-webkit-background-size: 103% 100%; -moz-background-size: 103% 100%; -o-background-size: 103% 100%; background-size: 103% 100%;background-attachment: scroll;background-repeat: no-repeat;}.column-57a43da4327a6 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-57e0fffdce3f5 {max-width:1000px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0.8);}.column-57e0fffdce3f6 {height:auto;margin-top:8px;margin-left:8px;margin-bottom:8px;margin-right:8px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-57a43da4327a2 {max-width:1000px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0.8);}.column-57a43da4327a3 {min-height:5px;}.column-57a43da4327a4 {min-height:5px;}.row-57a43dab327ac {max-width:1000px;height:auto;color:#333;background-color:rgba(255, 255, 255, 0.8);}.column-57a43dab327ae {height:auto;margin-left:8px;margin-bottom:8px;margin-right:5px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.column-57e1fc6414446 {height:auto;margin-bottom:8px;margin-right:5px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.column-57e1fc6b14447 {height:auto;margin-bottom:8px;margin-right:8px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-57da090f5acec {max-width:1000px;height:auto;min-height:20px;color:#333;background-color:#f1c40f;background-image: -moz-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(217,217,217, 0.37) 0%, rgba(234,234,234, 0.37) 100%);}.column-57da090f5aced {max-width:1000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.block-521 p {
    margin: 0;
}
/*----------------------------------------------------------------*/
/*---------------slider-------------------*/
/*----------------------------------------------------------------*/
.sliderberita .anythingslider, .sliderberita .anythingSlider-default{
  background: rgba(255, 255, 255, 0);
  padding: 0px!important;
  height: 160px!important;
  margin-bottom: 8px;
}
.sliderberita .anythingSlider.activeSlider .anythingWindow,
.sliderberita .anythingSlider .anythingWindow{
  border: none;
  background: rgba(255, 255, 255, 0);
  padding: 0px!important;

}

.sliderberita ul.anythingBase li.panel{
  padding: 10px;
  margin: 0 0px 0 5px;
  background: #fff;
  height: 160px!important;
  /*width: 240px!important;*/
  position: relative;
}

.sliderberita ul.anythingBase li{
  left: 0px;
}

.sliderberita .anythingSlider .arrow{
 top: 37%;
}

.sliderberita .anythingSlider .arrow a {
  height: 160px!important;
  width: 15px!important;
  background: url(../../../resources/user_1/NewHomePageIcons/arrowBig1.png) no-repeat !important;
}

.sliderberita .anythingSlider .forward {
    right: 0px !important;
}

.sliderberita .anythingSlider .back {
    left: 0px !important;
}

.sliderberita .anythingSlider .forward a
{
  background-position: right top!important;
}

.sliderberita .anythingSlider .back a{
 background-position: left top!important;
}
.sliderberita .anythingSlider .forward a:hover
{
  background-position: right bottom!important;
}

.sliderberita .anythingSlider .back a:hover {
 background-position: left bottom!important;
}


/*----------------------------------------------------------------*/
/*---------------anythng slider-------------------*/
/*----------------------------------------------------------------*/
/*
.thumbNav a{
background: #A3DCF5 !important;
border: 1px grey solid !important;
border-radius: 80% !important;
}*/

div.anythingSlider-cs-portfolio {
    padding: 0;
    margin-bottom: 0px!important;
}
.anythingSlider,
div.anythingSlider-cs-portfolio.anythingControls {
 background-color: white;
  width:100% !important;
}
div.anythingSlider-cs-portfolio .anythingControls
{
  display: none!important;
}

div.anythingSlider-cs-portfolio .thumbNav{
  padding: 0 !important;
}

div.anythingSlider-cs-portfolio .arrow{
  top: 38px!important;
  bottom: initial!important;
}

div.anythingSlider-cs-portfolio .arrow a {
  height: 29px!important;
  width: 30px!important;
  background: url(../../../resources/user_1/NewHomePageIcons/arrow.png) no-repeat !important;
}

div.anythingSlider-cs-portfolio .forward {
    right: 36px !important;
}

div.anythingSlider-cs-portfolio .back {
    left: 180px !important;
}

div.anythingSlider-cs-portfolio .forward a
{
  background-position: right top!important;
}

div.anythingSlider-cs-portfolio .back a{
 background-position: left top!important;
}
div.anythingSlider-cs-portfolio .forward a:hover
{
  background-position: right bottom!important;
}

div.anythingSlider-cs-portfolio .back a:hover {
 background-position: left bottom!important;
}




/*----------------------------------------------------------------*/
/*------------------------- Side Round Icons-----------------*/
/*---------------------------------------------------------------*/
.outer_right{
    right: 0;
}

.outer{
  position:fixed;
  top: 0;
  width: auto;
  z-index: 9;
}

.inner{
  position: absolute;
  top: 160px;
  padding: 0px;
  margin: 0px;
  overflow: visible;
}

.inner_left{
  left: -45px!important;  
}

.inner_right{
  right: -45px;
}

.child{
  margin: 2px 0 2px 0;
  background-position: right;
  cursor: pointer;
  display: table;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background: #026cb4;
  opacity: 0.8;
  margin-bottom: 20px;
}

.child_right { 
    float: right;
    left: -45px!important;    
}

.child_text > div {
    text-align: center;
    color: black;
}

.child:hover {
  background: #ffc70b;
  color: #ad0130;
  opacity: 1;
  left:45px;
  position: relative;
}

.child_text{
  margin: auto;
  color: white;
  font-weight: bold;
  align-items: center;
  vertical-align: middle;
  display: table-cell;
}

.child:hover a
{
 color: #ad0130;
}

.child_text a{
color: #fff;
font-size: 9px;
text-transform: uppercase;
text-align: center;
display: block;
}

/*----------------------------------------------------------------*/
/*---- block content css class----*/
/*----------------------------------------------------------------*/

div.anythingSlider-cs-portfolio .anythingWindow, 
div.anythingSlider-cs-portfolio.activeSlider .anythingWindow{
 border: 1px solid #959595!important;
}

.container_slider .slide_html .pad{
  padding: 0px !important;
  min-height: 300px;
}

.slidercss{
  height: 260px; 
  overflow-y: scroll;
  padding: 5px;
}

.pad h2 {
    line-height: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #959595;
    background: #f7f7f7;

    color: #434343;
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
}

.slidercss >h2,
.slidercss >h3,
.tag_block > h2 {
     border-bottom: 1px solid #e8e8e8;
    /* background: #f7f7f7; */
    color: #292F33;
    text-align: left;
    padding-left: 5px;
    font-size: 21px;
    line-height: 43px;
    font-weight: normal;
}



/*disable doted border when click*/
a {
   outline: 0 !important;
}

/*----------round menu- super fish----------------*/

.column:nth-child(2) .mainwrapper:nth-child(2) .sf-menu ul,
.column:nth-child(2) .mainwrapper:nth-child(2) .sf-menu ul ul {
    left: -100% !important;
    max-width: 160px;
}


.slide_html{
   height: 250px !important;

}

#responsive_menu_464{
 display: none;
}

/*---------------round menu superfish--------------*/

.sf-menu {
    border: 1px solid #fff;
    background: none!important;
}

.sf-menu ul{
  border: 1px solid #fff; 
}

.sf-menu li {
    background: #efd86f !important;
}

.sf-menu li span{
    border: none!important;  
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background: #f0e5b1 !important;
}

.sf-menu a{
  border: none!important;
}

.mainwrapper .box .caption{
  background-color: transparent!important;
}




/*------pekeliling data store & calendar aktiviti css link tag------*/
#tab_482_200 p,
#tab_482_201 p {
    margin: 0 !important;
}

/*-------reslove affetced padding by 3d corousel------*/
.mainwrapper .box .full-caption td,
.berita td{
 padding: 5px;
}

.resolve_img td{
  padding:1px;
}

.mainwrapper .box .full-caption td:hover .child {
    display: block;
}

/*-------------------Tag Cloud-------------------*/

#tagcanvas_483{
    padding: 20px 5px;
    height: 244px;
}

/*------------------page tag------------------*/

#tag_483 {
    background-color: #fff!important;
    border: 1px solid #959595!important;
    -moz-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
    -ms-border-radius: 2px!important;
    border-radius: 2px!important;
    width: 100%;
    line-height: 30px;
    padding: 0px!important;
    min-height: 300px;
}

#tag_cloud {
    text-align: center;
    margin: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.tag_block #tag_cloud .small {
  font-size: 12px !important;
  color: #434343; 
  line-height: 35px;
  background: #ebebeb;
  padding: 7px;
  border-radius: 2px;
}

.tag_block #tag_cloud .smallest {
  font-size: 11px !important;
  color: #ad0130; 
  line-height: 35px;
  background: #ebebeb;
  padding: 7px;
  border-radius: 2px;
}

.tag_block #tag_cloud .largest {
  font-size: 14px !important;
  color: #3691c0; 
  line-height: 35px;
  background: #ebebeb;
  padding: 7px;
  border-radius: 2px;
}

.tag_block #tag_cloud .medium {
  font-size: 13px !important;
  color: green;
  line-height: 35px;
  background: #ebebeb;
  padding: 7px;
  border-radius: 2px;
}

.tag_block #tag_cloud a:hover{
  background: #bbb;
  color: #fff;
}

/*---------------------------------------------------------*/
/*----------------Jquery UITab CSS-------------------------*/
/*---------------------------------------------------------*/


#tab_482 .ui-widget-header {
    border-bottom: 1px solid #959595;
    border-radius: 0px;
}

#tab_482 .ui-widget-content {
 min-height: 268px;
}

#tab_482 .ui-tabs-nav li a {
 font-size: 14px;
}


#tab_482 .ui-widget-header,
#tab_482{
 background: transparent !important; 
}

#tab_482 .ui-tabs-nav {
    padding: 0;
}

#tab_482 .ui-tabs-nav li.ui-tabs-active {
  border: 1px solid #959595;
    border-bottom: none;
}

#tab_482 .ui-tabs-nav li.ui-state-hover{
  border: 1px solid #959595;
  border-bottom: none;
  background: #fff!important;
}

#tab_482 .ui-tabs-panel {
  border: 1px solid #959595;
  border-top:none;
}

/*---------------------------------------------------------*/
/*----------------Jquery UITab for Twitter-----------------*/
/*---------------------------------------------------------*/
#tab_487 .ui-tabs-nav li {
/*    background: #5dc2ff!important; */
/*    border-bottom-width: 1px; */
  border: 1px solid #959595;
}

#tab_487 .ui-tabs-nav {
    margin: 0px !important;
    position: absolute;
    transform: translate(-100%,0%) rotate(-90deg);

    -ms-transform: translate(-100%,0%) rotate(-90deg);
    -webkit-transform: translate(-100%,0%) rotate(-90deg);
    -moz-transform: translate(-100%,0%) rotate(-90deg);
    transform: translate(-100%,0%) rotate(-90deg);

    -ms-transform-origin: 100% 0%; 
    -webkit-transform-origin: 100% 0%; 
    -moz-transform-origin: 100% 0%; 
    transform-origin: 100% 0%; 
    transform-origin: 100% 0%;     
    width: 30em;
    padding: 0px;
} 

#tab_487 .ui-tabs-nav li { 
    float: right;
    margin: 0px !important;
} 

#tab_487 .ui-tabs .ui-tabs-panel { 
border: 1px solid #aaa;
background: transparent !important;
} 

#tab_487 .ui-widget-header,
#tab_487{
 background: transparent !important; 
 border: 0 !important;
 padding-top: 0px;
}


#tab_487 .ui-tabs-nav li.ui-tabs-active {
    border: 0;
}



#tab_487 .ui-widget-content {
    height: 290px;
    border: 1px solid #959595 !important;
    padding: 0;
}

#tab_487 .ui-tabs-panel {
    background: rgba(255, 255, 255, 0)!important;
    padding: 3px 0 0 37px !important;
}

#tab_487 .ui-tabs-nav li a {
    letter-spacing: -0.5px;
}

#twitter-widget-0{
border: 1px solid #959595;
}


/*------------------------rhino slider---------------------------*/

.rhino-btn {
 background: none !important;
}

.rhino-bullets {
 background: none !important;
 bottom: inherit !important;
 float: right;
 margin: 0 !important;
 position: static !important;
}

.rhino-bullets li a.rhino-bullet {
 background: none !important;
}

.rhino-bullets:before, .rhino-bullets:after {
 background: none !important;
}

ol.rhino-bullets{
 display: flex !important;
} 

#rihino-slider_481_page {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
overflow: visible !important;
}

/********************************
             responsive media query
**************************************/
@media only screen and (max-width: 400px) {

.title{
 font-size: 15px !important;
}

.header_title{ 
 font-size: 24px !important;
}

td.header_logo {
    width: 37% !important;
}

div#carousel_slider_507 {
    height: 195px !important;
}

}

@media only screen and (max-width: 600px) {
.title{
 font-size: 18px !important;
}

div#carousel_slider_507 {
    height: 250px !important;
}
td.header_title{
 display:none;
}

}




@media only screen and (max-width: 890px) {
 .responsive_div{
  width:100% !important;
 }

 .responsive_div > div{
  width:100% !important;
  padding-left: 0!important;
  padding-right: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding:5px !important;
  display: block !important;
 }

.search-menu{
 float:none !important;
 margin:0 !important;

}

}

@media only screen and (max-width: 700px) {
 .responsive_table{
  width:100% !important;
 }

 .responsive_table >td{
  display:inline-block;
    width: 100%;
 }
 
 .responsive_header_70{
  width: 71%;
 }
 
 .responsive_padding{
  padding:5px !important;
 }
 
 .table_block{
      display: block;
 }


#tab_487 .ui-tabs-nav li { 
    width: auto !important; 
}


.search-box1{
  width: 100% !important;
}


}


@media only screen and (max-width: 600px) {
 table tr td span{
  text-align: center; !important;
  font-size: 1em !important;
 }

#tab_487 .ui-widget-content {
    height: 320px !important;
}
.header_title{padding: 10px!important;}
.bSearch{
float: left;
padding: 10px!important;
}




.block_3d_carousel_slider{
   padding-top: 10px;
}

#carousel_slider_507{
   height: 275px !important;
}
}

@media only screen and (max-width : 769px) {
 .bSearch{
 padding-left: 10px;
 float: left;
 }
#tab_487 .ui-widget-content {
    height: 320px !important;
}
}