html, body {
  height: 100%;
  color:#444;
}
/*#wrap and #footer put below*/

a {
	color: #0DA3E2;
}
a:hover, a:focus
{
  color: #2a6496;
  text-decoration: none;
}
h2, h2 a {
color: #0DA3E2;
}
h2, h2 a:hover {
color: #2a6496;
}


.container {
  max-width: 1000px;
  margin:0 auto;
  padding:0;
}


.header a.logo-v1 img
{
  margin-top: 0;
}
.header ul.nav
{
  margin-top: 0px;
}

.dropdown-menu
{
  border-radius: 0;
}
.header .navbar-nav {
  margin-top:40px !important;
}
.header .navbar-nav li a {
	color: #333;
  font-family: 'Cabin Condensed', sans-serif;
	font-size: 14px;
  text-transform:uppercase;
	font-weight: 600;
	padding: 16px 7px;
	border-top: solid 1px #fff !important;
}
.header .nav li > a:hover,
.header .nav li.active > a,
.header .nav li.active:hover > a {
	color: #0da3e2;
	padding-top: 16px;
	border-top: solid 1px #dddddd !important;
}
.header .nav li > a:hover,
.header .nav li.active:hover > a {
  background:#f1f1f1 !important;
}
.header .dropdown-menu li a {
	font-size: 14px;
  text-transform:none;
	font-weight: 300;
}
.header .nav .dropdown-menu li a:hover,
.header .nav li.active .dropdown-menu li a:hover  {
	background:#f1f1f1 !important;
}



/*Other Websites*/
.langContainer
{
  background: #f1f1f1;
  padding: 6px 30px 6px 0;
}
.langContainer ul
{
  list-style: none !important;
  padding: 0;
  margin: 0;
}
.langContainer ul li
{
  display: inline;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size:10px;
  margin:0 5px;
  /*text-transform:uppercase;*/
}
.sg
{
  padding-left:20px;
  margin-right: 20px;
  background: url(../../images/flag_sg.png) no-repeat 0px 0px;
}
.au
{
  padding-left:20px;
  margin-right: 10px;
  background: url(../../images/flag_au.png) no-repeat 0px 0px;
}
.com
{
  padding-left:20px;
  margin-right: 10px;
  background: url(../../images/flag_id.png) no-repeat 0px 0px;
}

.langContainer ul li a
{
  color:#9f9f9f;
}
.langContainer ul li a:hover
{
  color:#747474;
  text-decoration:none;
}
li.lang 
{
  padding:10px;
  margin:0 !important;
  background:#fff;
}
li.lang:hover
{
  background:#333;
}
li.lang:hover a:hover
{
  color:#fff;
}
li.lang a
{
  color:#fff;

}
li.lang.active
{
  color:#f00 !important;
}


.listTitle
{
  font-family: 'Cabin Condensed', sans-serif;
  margin:0; padding:0;
  margin-bottom:10px;
}
.listDesc
{
  font-family: 'Open Sans', sans-serif;
  color:#666;
  font-size:13px;
  text-align:left !important;
  line-height:normal;
}


/*MAIN BAR*/
.pageContainer
{
  margin: 50px 0 60px;
}
.pageimxContainer
{
  max-height: 300px;
  overflow: hidden;
}
.pageimxContainer.short
{
  height: 200px;
  overflow: hidden;
}
.mainbar_rightpad
{
  padding-right: 50px;
}
h1.pageTitle
{
  border-bottom: 1px solid #d8dfe5;
  margin: 0 0 1em 0;
  padding-bottom: 9px;
  line-height: normal;
  font-family: 'Cabin Condensed', sans-serif;
  color:#003b6a;
  font-weight:600;
}
h1.pageTitle span
{
  border-bottom: 5px solid #d8dfe5;
  padding-bottom: 10px;
}
.pageContent
{
  color:#444;

  font-size:16px;
  line-height:26px;
  text-align:left !important;
}
.pageContent h1, .pageContent h2, .pageContent h3, .pageContent h4
{
  color:#205e8f;
  margin-bottom:20px;
}
.pageContent h4
{
  font-size:18px;
  line-height:26px;
  font-weight:600;
}
.pageContent h3
{
  font-size:20px;
  line-height:26px;
  font-weight:600;
}
.pageContent h2
{
  font-size:24px;
  line-height:32px;
  font-weight:600;
}
.pageContent h1
{
  font-size:28px;
  line-height:normal;
  font-weight:600;
}
.pageContent img
{
  display: block;
  height: auto;
  max-width: 100%;
}


.blog-info {
	margin: 0 0 10px 0;
}
.blog-info li {
	color: #b2b2b2;
  font-size:12px;
}
.blog-note
{
  font-size:12px;
  color: #b2b2b2;
  margin-top: 30px;
  border-top: solid 1px #ccc;
  padding-top: 10px;
}

.dropcaps {
  float: left;
  color: #D4D4C7;
  font-size: 80px;
  line-height: 70px;
  padding-top: 0px;
  padding-right: 10px;
  font-family: times,Georgia;
}
.dropx {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
}
.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/*STAFF PHOTO GALLERY*/
.thumbnail .imgContainer
{
  max-width:200px;
  /*min-width:200px;
  max-height:200px;
  min-height:200px;*/
  margin:0 auto;
}
.thumbnail .imgContainer img
{
	border: solid 1px #ccc;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;*/
}
  .thumbnail .imgContainer.imgMaxHeight
  {
    max-height: 200px ;
    overflow: hidden;
  }



 .thumbnail .imgContainer:hover img
 {
   box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
 }
.thumbnail .textContainer
{
  text-align: center;
  min-height:60px;
}
.thumbnail .textContainer .staffName
{
  margin:10px 0 0 0;
  font-family: 'Cabin Condensed', sans-serif;
  font-weight:600;
  font-size:16px;
}
.thumbnail .textContainer .staffPost
{
  font-size:13px;
  color:#999;
  line-height:normal;
}
.modal_photo
{
  border: none;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  box-sizing: border-box;
}
.modal_title
{
  font-family: 'Cabin Condensed', sans-serif;
  font-size:18px;
  color:#666;
}
.modal_detail
{
  font-size:14px;
  color:#777;
}


/*Notication Alert*/
div.notification-box
{
  position: relative;
  min-height: 90px;
  float: left;
  width: 100%;
  padding-left: 135px;
  margin-bottom: 10px;
  color: #fff;
  line-height: 1.6;
}

  div.notification-box h6
  {
    display: inline-block;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 2px solid #ebebeb;
    border: 0!important;
    font-size: 18px;
    color: #fff!important;
    padding: 0!important;
    margin: 20px 0 10px!important;
  }

  div.notification-box.error
  {
    background: #f56c5b;
  }

    div.notification-box.error .icon-holder
    {
      background: #e15b4a;
    }

  div.notification-box.success
  {
    background: #4cb99b;
  }

    div.notification-box.success .icon-holder
    {
      background: #40ab8d;
    }

  div.notification-box.information
  {
    background: #73c7de;
  }

    div.notification-box.information .icon-holder
    {
      font-size: 56px;
      background: #69bad0;
    }

  div.notification-box.warning
  {
    background: #fbb63f;
  }

    div.notification-box.warning .icon-holder
    {
      font-size: 50px;
      background: #fda611;
    }

  div.notification-box.note
  {
    background: #cdd1d1;
  }

    div.notification-box.note .icon-holder
    {
      font-size: 52px;
      background: #bfc4c4;
    }

  div.notification-box .close
  {
    background: rgba(0,0,0,.35);
    color: rgba(255,255,255,.75);
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    position: absolute;
    right: 12px;
    top: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }




/*Photo Gallery*/
ul.gallery
{
  width: 100%;
  padding: 0;
  margin: 0 0 2em 0;
  list-style-type: none;
}
ul.gallery li
{
  float: left;
  width: 33.3%;
  padding: 0;
  margin: 0;
  background-color: #dadada;
  border: 10px solid #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
 
ul.gallery li a
{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
}
 
ul.gallery img
{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
ul.gallery a:hover img, ul.gallery a:focus img
{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}



/*THUMBNAIL*/
div.thumb
{
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 0px solid #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: solid 1px #ccc;
}
div.thumb a
{
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
}
div.thumb img
{
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  right: 0;
  left:0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
div.thumb a:hover img, div.thumb a:focus img
{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

/*STAFF*/
.front-team {
  margin: 0 !important;
}


/*SIDEBAR*/
h2.sidebar_headline {
  border-bottom: 1px solid #d8dfe5;
  margin: 12px 0 1em 0;
  padding-bottom: 9px;
  line-height: normal;
  font-family: 'Cabin Condensed', sans-serif;
  color:#999;
  font-weight:600;
}
h2.sidebar_headline span{
  border-bottom: 5px solid #d8dfe5;
  padding-bottom: 10px;
}
ul.navigation
{
  margin-left: 0;
  padding-left: 0;
  margin-top: 0%;
  margin-bottom: 2%;
}
ul.navigation li {

  font-size:16px;
  margin-left: 0;
  padding: 6px 0 6px 14px;
  list-style: none;
  display: block;
  background: url(../../images/sidebar-list-icon.png) 0 12px no-repeat;
}
ul.navigation li a:link
{
}
ul.navigation li a:hover
{
  text-decoration:none;
}
ul.navigation li.active
{
  color:#b70520;
}

.recent-news {
  font-family: 'Source Sans Pro', sans-serif;
}
.recent-news h3 {
	font-size: 16px;
	line-height:normal;
	margin-bottom: 10px;
}
.recent-news h4 {
	font-size: 14px;
	line-height:normal;
	margin: 0;
  color:#666;
}
 hr.recent-news {
  margin: 10px 0;
  border: 0;
  border-top: 1px dashed #E0DFDF;
}


 .note-info {
   color:#666;
}


/*MAPS*/
.gmaps {
  height: 460px; 
  background: #efefef;
}

/*MAPS*/
.panel-body
{
  padding: 15px;
  font-size: 13px !important;
  line-height: 20px !important;
  color: #666 !important;
}



/*FOOTER*/
.stripes
{
  background: url(../../images/colorstripes.png) repeat;
  height:7px;
  width:100%;
  border-top:solid 1px #000;
  border-bottom:solid 1px #000;
}
.footerContainer
{
  background-color: #cedae3;
  padding: 20px 0;
  margin: 0;
  color:#616b74;
  font-size:12px;
}
a.focus
{
  color:#a7b1b8;
  font-size:11px;
  display:block;
  margin-top:8px;
}
a.focus:hover
{
  color: #7d858a;
}



@media (max-width: 538px)
{
  ul.gallery li
  {
    width: 100%;
  }
  h1.pageTitle
  {
    font-size:28px;
  }
  h1.pageTitle span
  {
    border-bottom:none;
    padding-bottom: 0;
  }
  .pageContent
  {
    font-size:14px;
    line-height:26px;
  }
  .pageContent h4
  {
    font-size:16px;
    line-height:26px;
  }
  .pageContent h3
  {
    font-size:18px;
    line-height:26px;
  }
  .pageContent h2
  {
    font-size:22px;
    line-height:32px;
  }
  .pageContent h1
  {
    font-size:26px;
    line-height:normal;
  }
  .zeropadmargin
  {
    padding: 0;
    margin: 0;
  }
  .recent-news h3 {
	  font-size: 15px;
	  line-height:normal;
	  margin-bottom: 10px;
  }
  .recent-news h4 {
	  font-size: 13px;
	  line-height:normal;
	  margin: 0;
    color:#666;
  }
  /*MAPS*/
  .gmaps {
    height: 280px;
  }
}
@media (max-width: 768px)
{
  .header ul.nav
  {
    margin-top: 0 !important;
  }
}


@media (min-width: 538px) and (max-width: 992px)
{
  ul.gallery li
  {
    width: 50%;
  }
}

@media (max-width: 992px)
{
  .header .navbar-nav li a {
	  padding: 8px 16px;
  }
  .header .nav li > a:hover,
  .header .nav li.active > a,
  .header .nav li.active:hover > a {
	  padding-top: 8px;
  }
  .container {
    margin:0 auto 20px;
  }
  .pageContainer
  {
    margin: 20px 0 30px;
  }
  .mainbar_rightpad
  {
    padding: 0;
  }

}

@media (max-width: 1024px)
{

  .container {
    padding:0 20px;
  }
}

@media (min-width: 768px) and (max-width: 992px)
{
  .header ul.nav
  {
    margin-top: 0;
  }
}
@media (min-width:992px) and (max-width: 1146px)
{

}

@media (min-width:768px)
{
  .footer-img
  {
    max-width: 170px;
  }
  /* Set the fixed height of the footer here */
  #wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -130px;
    padding: 0 0 130px;
  }
  #footer {
    height: 130px;
  }
  .footerContainer
  {
    max-height:123px;
    min-height:123px;
  }
}
@media (min-width:768px) and (max-width: 939px)
{
  .header .nav li {
  margin-right: 16px;
  }
}
@media (min-width:768px) and (max-width: 959px)
{
  .header ul.nav
  {
    margin-top: 20px !important;
  }
}


/*VIDEO*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}