/*
 ===================================================================================================
    @VERSION			: 1.0.5
    @CREATED			: 01 NOV 2018
    @MODIFIED			: 30 JUL 2019
    @DESIGNER			: Daniel C. K. Tan
    @FILE				: ~/css/layout.css
	@TYPE				: Style Sheet
	@DESCRIPTION		: Template Style Sheets
 ===================================================================================================
*/

/* TOC
====================================================================================================
	#1 Base Styles
	#2 Layout Styles
	#3 Customised Form Styles
	#4 Helper Styles
	#5 Responsive Styles
	#6 CSS3 Styles
	#7 Animation Styles
	#8 CSS Media Queries
	#9 Print-friendly Styles
*/

/* ----------------------------------------------------------------------------------------------------
   #1 BASE STYLES 
/* ----------------------------------------------------------------------------------------------------*/
/* Viewport Styles
/* ----------------------------------------------------------------------------------------------------*/
@-ms-viewport {
   width: device-width; 
   max-zoom: 1; 
   min-zoom: 1; 
   user-zoom: fixed;
}
@-o-viewport {
   width: device-width; 
   max-zoom: 1; 
   min-zoom: 1; 
   user-zoom: fixed;
}
@viewport {
   width: device-width; 
   max-zoom: 1; 
   min-zoom: 1; 
   user-zoom: fixed;
}
/* Support IE10 Snap Mode */
@media screen and (max-width: 400px) {
   @-ms-viewport { width: 320px; }
}


/* Document Styles
/* ----------------------------------------------------------------------------------------------------*/
/* Smooth animated effect */
.container, .row, 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	    -ms-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}

html { font-size: 1em; line-height: 1.4; }
html, body { width: 100%; height: 100%; }
@media (max-width: 320px) { html, body { font-size: 12px !important; } }	
@media (max-width: 992px) { body { overflow-x: hidden; } }

body {    
	/* SITE CUSTOMISATION */
	background-color: #fff;
	color: #333;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 16px !important;
	padding-top: 0;			   
	position: relative; /* Required for ScrollSpy */
	overflow-x: hidden; /*  Prevent Horizontal Sweeping in iOS */
	text-rendering: optimizelegibility; 
    -webkit-tap-highlight-color: rgba(255,255,255,.2);	
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%; 
	-webkit-transition: font-size .8s ease-in-out;
	   -moz-transition: font-size .8s ease-in-out;
	     -o-transition: font-size .8s ease-in-out;
            transition: font-size .8s ease-in-out;		
}


/* Link Styles
/* ----------------------------------------------------------------------------------------------------*/
a {
    /* SITE CUSTOMISATION */
	color: #669900;
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}
a:hover,
a:focus,
a:active,
a.active { 
	/* SITE CUSTOMISATION */
	color: #669900; 
	outline: 0; 
	text-decoration: underline; 
}


/* Headings Styles
/* ----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    /* SITE CUSTOMISATION */
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	margin: 0 0 25px;
}
h1, h2, h3 { margin-top: 0; margin-bottom: 25px; }
h4, h5, h6 { margin-top: 0; margin-bottom: 20px; }

/* -- Responsive Heading -------------------------------- */
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.75em; }
h5 { font-size: 1.5em; }
h6 { font-size: 1.25em; }


/* Image Styles
/* ----------------------------------------------------------------------------------------------------*/
img { margin: 0; padding: 0; display: inline-block; position: relative; zoom: 1; }
img.left  { float: left;  margin: 0 10px 5px 0; }
img.right { float: right; margin: 0 0 5px 10px; }


/* Paragraph Styles
/* ----------------------------------------------------------------------------------------------------*/
p { font-size: 1.1em; margin: 10px 0; }	


/* List Styles
/* ----------------------------------------------------------------------------------------------------*/
ol, ul { padding-left: 5px; margin-bottom: 15px; margin-left: 10px; }
ul li, ol li { margin-bottom: 25px; margin-left: 20px; padding-left: 20px; }


/* Back to Top
/* ----------------------------------------------------------------------------------------------------*/
#toTop {
	background:#660099;
	cursor:pointer;
	display:none;
	color:#eee;
	font-size: 2.8em;
	line-height: 1em;
	text-align:center;
	text-transform: capitalize;
	padding:0;
	position:fixed;
	bottom:35px;
	right:35px;
	z-index: 10;
	width:60px;
	height:60px;
	-webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
            border-radius: 5px !important;
	opacity:0.6;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	    filter: alpha(opacity=60);
}
#toTop i { 
	padding: 8px 0 0; 
	width:60px;
	height:60px;
}


/* Hide before trigger animation
/* ----------------------------------------------------------------------------------------------------*/
.wow { visibility: hidden; }


/* Navbar Styles
/* ----------------------------------------------------------------------------------------------------*/
.navbar {
	background-color: rgba( 0, 0, 0, 0 );
	border-bottom: 0 none;
	padding: 15px 50px;
	transition: .25s all linear;
}
.navbar .navbar-brand img { width: 200px; transition: .25s all linear; }
.navbar .navbar-nav { background-color: transparent; margin: 20px 0 0 0; }
.navbar .navbar-nav .nav-item { margin: 0; }
.navbar .navbar-nav a { color: #efefef; font-weight: 300; font-size: 18px; transition: .25s all linear; }
.navbar .navbar-nav a:hover, 
.navbar .navbar-nav a:focus { background: none; color: #99cc33; font-size: 18px; border-bottom: 2px #99cc33 solid; transition: .25s all linear; }
.navbar .navbar-nav .nav-item.active a { border-bottom: 2px solid #1abc9c; }
.navbar-scrolled { background-color: rgba( 0, 0, 0, .7 ); }
.navbar-scrolled .navbar-nav { margin: 0 0 3px 0; }
.navbar-scrolled .navbar-brand img { width: 150px; }
.dropdown-menu { padding: 5px 10px; background-color: #f1f1f1; min-width: 300px; box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2); }
.dropdown-menu a { color: #333 !important; font-weight: 300 !important; font-size: 1rem !important; text-decoration: none !important; padding: 7px 16px; display: block; border-bottom: none !important; }
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:visited { border-bottom: none !important; color: #ff6600 !important; font-weight: bold !important; }
.navbar-toggler { color: #fff; font-size: 22px; }

@media (max-width: 1024px) {
	.navbar { background-color: rgba( 0, 0, 0, .85 ); padding: 15px 30px; }
	.navbar .navbar-nav a { color: #fff; font-weight: 400; font-size: 16px; }
	.navbar .navbar-nav a.btn-register { margin-top: 25px; }
	.navbar-toggler { color: #fff; font-size: 22px; }
	.navbar .navbar-brand img { width: 120px; transition: .25s all linear; }
}

@media (min-width: 1200px) {
	.navbar .navbar-nav a { font-size: 13px !important; }
	.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus { font-size: 13px !important; }
}

@media (min-width: 1440px) {
	.navbar .navbar-nav a { font-size: 16px !important; }
	.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus { font-size: 16px !important; }
}

/*
@media (max-width:1023.98px) {
 .navbar-expand--md>.container,.navbar-expand-md>.container-fluid {
  padding-right:0;
  padding-left:0
 }
}

@media (min-width:1024px) {
 .navbar-expand-md {
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -ms-flex-pack:start;
  justify-content:flex-start
 }
}
*/

a.btn-register,
a.btn-register:hover,
a.btn-register:active { 
    background-color: #ff5a21 !important;
	border-color: #ff5a21;
	border-bottom: none !important;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.35);
	color: #fff !important;
	font-size: 18px; 
	font-weight: bold !important;
	padding-right: 1.2rem !important; 
	padding-left: 1.2rem !important;
    text-transform: uppercase;
}


/* Hero Styles
/* ----------------------------------------------------------------------------------------------------*/
header.hero {
	background-image: url("../img/bg-hero.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	color: white;
	text-align: center;
	height: 100%;
}
header.hero .intro-text { padding-top: 200px; }
header.hero .intro-text .intro-lead-in {
	background-color: #99cc33;
	font-size: 1.875rem;
	line-height: 1.875rem;
	margin-bottom: 30px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
		    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}
header.hero .intro-text .intro-heading {
	font-family: 'BebasNeue', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 7rem;
	line-height: 7rem;
	margin-bottom: 30px;
	-webkit-text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
			text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}
header.hero .intro-text .intro-event {
	background: linear-gradient(to left, rgb(85, 144, 214) 0%, rgb(163, 69, 193) 100%);
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 50px;
	padding: 20px 30px;
    opacity: 0.8;
	text-align: left;
}
header.hero .intro-text .intro-event .event-icons i { color: #99cc33; }
@media only screen
and (max-width: 1024px)  {
	header.hero .intro-text { padding-top: 120px; }
	header.hero .intro-text .intro-lead-in {
		margin-bottom: 25px;
	}
	header.hero .intro-text .intro-heading {
		font-size: 6.5rem;
		line-height: 6.5rem;
		margin-bottom: 25px;
	}
	header.hero .intro-text .intro-event {
		margin-bottom: 15px;
		padding: 20px 25px;
		text-align: center;
	}
	header.hero .intro-text .intro-event .event-icons { padding-bottom: 10px; }
}
@media only screen
and (max-width: 640px)  {
	header.hero .intro-text { padding-top: 120px; }
	header.hero .intro-text .intro-lead-in {
		font-size: 0.85rem;
		line-height: 0.85rem;
		margin-bottom: 25px;
	}
	header.hero .intro-text .intro-heading {
		font-size: 4rem;
		line-height: 4rem;
		margin-bottom: 25px;
	}
	header.hero .intro-text .intro-event {
		font-size: 0.95rem;
		line-height: 0.95rem;
		margin-bottom: 15px;
		padding: 20px 25px;
		text-align: center;
	}
	header.hero .intro-text .intro-event .event-icons { padding-bottom: 10px; }
}
.hero #tohash i {
    position: absolute;
    left: 50%;
    bottom: 20px;
    color: #FFF;
    display: inline-block;
    width: 50px;
    margin-left: -12px;
    font-size: 50px;
    line-height: 50px;
    z-index: 999;
    animation: 3000ms ease 0s normal none infinite running bounce;
}


/* Banner Styles
/* ----------------------------------------------------------------------------------------------------*/
.banner.apac19 {
	background-color: #662d91;
	padding-top: 0 !important;
	padding-bottom: 0!important;
	width: 100%;
}


/* Speakers Carousel
/* ----------------------------------------------------------------------------------------------------*/
#eventSpeakers { padding: 50px 0 100px; }
.carousel-control-next-icon, 
.carousel-control-prev-icon { width: 50px; height: 50px; }
.profile { margin: 60px 0; }
.profile figure { margin-bottom: 50px; }
.profile figure img { 
	width: 180px; height: 180px; 
	-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
		    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}
.profile h4 {
	color: #fff;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.375rem;
	line-height: 1.375rem;
}
.profile h5 {
	color: #fff;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.25rem;
	line-height: 1.25rem;
}


/* Sections
/* ----------------------------------------------------------------------------------------------------*/
.section-parallax { 
	background-attachment: fixed;
	background-color: #f2f2f2; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto auto;
	background-size: cover;
}
section { padding-top: 70px; padding-bottom: 70px; width: 100%; }
section.video { padding-top: 0; padding-bottom: 0; padding: 0; }
section.speakers { background-color: #990099; text-align: center; }
section.speakers h2 { 
	color: #fff;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.75rem;
	line-height: 1.75rem;
	margin: 0 auto;
}
section.welcome-msg { 
	background-color: #555; 
	background-image: url("../img/bg-welcome-msg.jpg");
	background-repeat: no-repeat;
	background-position: center -400px;
}

@media only screen and (max-width: 1024px) { /* Support for iOS */
	section.welcome-msg { background-attachment: scroll; /* iOS Fix */ background-position-x: right; background-position-y: -150px; background-position: right -150px; }
}
@media only screen and (max-width: 992px) { /* Support for iOS */
	section.welcome-msg { background-attachment: scroll; /* iOS Fix */ background-position-x: right; background-position-y: -150px; background-position: right bottom; }
}


section.welcome-msg  .welcome-msg-content {
	background-color: rgba( 0, 0, 0, .5 );
	color: #fff;
	padding: 35px;
}
section.welcome-msg  .welcome-msg-content h2 { color: #fff; }
section.welcome-msg  .welcome-msg-content h3 { color: #fff; font-size: 1.375rem; }
section.welcome-msg  .welcome-msg-content h5 { color: #fff; font-size: 1rem; }
section.welcome-msg  .welcome-msg-content p { color: #fff; font-size: 1.125rem; }
section.call-for-actions { 
	background-color: #fff; 
	background-image: url("../img/bg-actions.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	min-height: 800px;
}
@media only screen
and (max-width: 1024px)  {
	section.call-for-actions { background-position: right bottom; }
}
section.call-for-actions .action { background-color: #660099; margin: 0 5px; padding: 50px 10px; min-height: 420px; }
section.call-for-actions .action:hover { 
	-webkit-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.75);
		    box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.75);
}
section.call-for-actions .action figure img { width: 200px; height: 200px; }
@media only screen
and (max-width: 820px)  {
	section.call-for-actions .action figure img { width: 180px; height: 180px; }
}
section.call-for-actions .action h5 a,
section.call-for-actions .action h5 a:hover,
section.call-for-actions .action h5 a:focus,
section.call-for-actions .action h5 a:visited { color: #fff; text-decoration: none; }
section.dates { background-color: #d6df22; padding-bottom: 100px; }
section.dates h2 { 
	color: #333;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.75rem;
	line-height: 1.75rem;
}
section.dates .dates-details { font-size: 1.5rem; }
section.partners { background-color: #efefef; }
section.partners h2 { 
	color: #333;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.65rem;
	line-height: 1.65rem;
	margin: 0 auto;
}
section.partners .logo-links,
section.info .logo-links { 
	padding-left: 40px;
	padding-right: 40px;
}
section.info { background-color: #555; }
@media only screen
and (max-width: 992px) {
	section.info { text-align: center; }
}


/* Main Article Styles
/* ----------------------------------------------------------------------------------------------------*/
main { padding-top: 30px; padding-bottom: 70px; width: 100%; }
header.header {
	background-image: url("../img/bg-header.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	height: 300px;
}

header.header h1 { 
	color: #fff;
	font-family: 'BebasNeue', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 3.5rem;
	line-height: 3.5rem;
	margin: 150px 0 0;
	-webkit-text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
		    text-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}

@media only screen
and (max-width: 992px) {
	header.header {
		height: 250px;
	}
	header.header h1 { 
		font-size: 3rem;
		line-height: 3rem;
		margin: 120px 0 0;
	}
}

.breadcrumb { margin-bottom: 50px; }
.breadcrumb .breadcrumb-item {
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

.breadcrumb .breadcrumb-item.active {
	color: #333;
	font-weight: bold;
}

main h2 {
	color: #333;
	font-family: 'Muli', Arial, 'Microsoft YaHei', SimHei, STHeiti, sans-serif;
	font-size: 1.75rem;
	line-height: 1.75rem;
}


/* Registration and Sponsorship Styles
/* ----------------------------------------------------------------------------------------------------*/

.register .card,
.sponsorship .card {
	background-color: #F0F0F0;
	border: none;
	border-radius: 0.8rem;
	transition: all 0.2s;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}

.register .card.empty {
	background-color: #F0F0F0;
	border: 1px dashed #999;
	border-radius: 0.8rem;
	transition: all 0.2s;
	box-shadow: none;
	min-height: 406px;
}

.register .card .card-img-top,
.sponsorship .card .card-img-top { width: 100%; border-top-left-radius: calc(0.8rem - 1px); border-top-right-radius: calc(0.8rem - 1px); }

.register .card .card-title,
.sponsorship .card .card-title {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0.5rem 0;
}

.register .card.empty .card-title {
	color: #999;
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: 0;
	margin: 150px 0 0;
}

.register .card .card-price,
.sponsorship .card .card-price { font-size: 3rem; margin: 0.5rem 0; }
.register .card .card-price small,
.sponsorship .card .card-price small { font-size: 1.2rem; }
.register .card .card-subtitle,
.sponsorship .card .card-subtitle { font-size: 1.1rem; margin: 0.5rem 0 1.2rem; }
.register .card .text-muted,
.sponsorship .card .text-muted { opacity: 0.7; }

/* Hover Effects on Card */
.register .card:hover,
.sponsorship .card:hover { margin-top: -.35rem; margin-bottom: .35rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); }
.register .card:hover .btn,
.sponsorship .card:hover .btn { opacity: 1; }

/* 3-Day Pass */
.register h2.three-day { color: #990099 !important; }
.register .row.three-day .card .btn-primary { color: #fff; background-color: #990099; border-color: #990099; }
.register .row.three-day .card .btn-primary:hover { color: #fff; background-color: #660066; 	border-color: #660066; }
.register .row.three-day .card .btn-primary.focus, 
.register .row.three-day .card .btn-primary:focus { color: #fff; box-shadow: 0 0 0 .2rem #999999; }

/* 1-Day Pass */
.register h2.one-day { color: #0099FF !important; } 
.register .row.one-day .card .btn-primary { color: #fff; background-color: #0099FF; border-color: #0099FF; }
.register .row.one-day .card .btn-primary:hover { color: #fff; background-color: #006699; border-color: #006699; }
.register .row.one-day .card .btn-primary.focus, 
.register .row.one-day .card .btn-primary:focus { color: #fff; box-shadow: 0 0 0 .2rem #999999; }

/* Pre-conference Pass */
.register h2.pre-conf { color: #669900 !important; }
.register .row.pre-conf .card .btn-primary { color: #fff; background-color: #669900; border-color: #669900; }
.register .row.pre-conf .card .btn-primary:hover { color: #fff; background-color: #336600; border-color: #336600; }
.register .row.pre-conf .card .btn-primary.focus, 
.register .row.pre-conf .card .btn-primary:focus { color: #fff; box-shadow: 0 0 0 .2rem #999999; }

/* Sponsorship ASEAN VWO */
.sponsorship h2.sponsorship { color: #333 !important; }
.sponsorship .row.sponsor-asean .card .btn-primary { color: #fff; background-color: #5758BB; border-color: #5758BB; }
.sponsorship .row.sponsor-asean .card .btn-primary:hover { color: #fff; background-color: #454573; border-color: #454573; }
.sponsorship .row.sponsor-asean .card .btn-primary.focus, 
.sponsorship .row.sponsor-asean .card .btn-primary:focus { color: #fff; box-shadow: 0 0 0 .2rem #999999; }

/* Subsidies */
.sponsorship h2.subsidies { color: #333 !important; }
.sponsorship .row.subsidies .card .btn-primary { color: #fff; background-color: #5758BB; border-color: #5758BB; }
.sponsorship .row.subsidies .card .btn-primary:hover { color: #fff; background-color: #454573; border-color: #454573; }
.sponsorship .row.subsidies .card .btn-primary.focus, 
.sponsorship .row.subsidies .card .btn-primary:focus { color: #fff; box-shadow: 0 0 0 .2rem #999999; }

.collapse .card,
.collapsing .card {
	background-color: #F5F5F5;
	border: none;
	border-radius: 0.5rem;
	margin: 10px 0 20px;
	transition: none !important;
	box-shadow: none !important;
}

.collapse .card:hover { margin: 10px 0 20px; box-shadow: none !important; }

a.info-links,
a.info-links:hover,
a.info-links:active,
a.info-links:focus,
a.info-links:visited { color: #333; font-weight: bold; text-decoration: none; }



/* Footer Styles
/* ----------------------------------------------------------------------------------------------------*/
footer.footer { background-color: #333; padding-top: 30px; padding-bottom: 30px; }
.list-unstyled, .list-inline {
	padding-left: 0;
	list-style: none;
	list-style-type: none;
}
.list-inline > li {
    display: inline-block;
	margin-bottom: 0;
	margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
}
ul.logo-list {
    list-style-type: none;
    text-align: center !important;
    margin: 20px;
    padding: 0;
}
ul.logo-list img {
    width: 32px;
	height: 32px;
}
small, .small, .lastUpdated { font-size: 13px; }



/* ----------------------------------------------------------------------------------------------------
   #3 CUSTOMISED FORM STYLES 
/* ----------------------------------------------------------------------------------------------------*/

/* Customised Button Styles - http://codepen.io/danielcktan/pen/wJBrwp
/* ----------------------------------------------------------------------------------------------------*/
.btn {
  outline: 0;
  outline-offset: 0;
  border: 0;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  	 -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  		  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.15s ease-in-out;
  	 -moz-transition: all 0.15s ease-in-out;
  	   -o-transition: all 0.15s ease-in-out;
  		  transition: all 0.15s ease-in-out;
}
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
  outline-offset: 0;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
 	 -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: none;
  	 -moz-box-shadow: none;
  		  box-shadow: none;
}
.btn:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
 	 -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
 		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-lg, .btn-group-lg > .btn {  font-size: 16px;}
.btn-apac { color: #fff; background-color: #99cc33; border-color: #99cc33; }

/* -- Circle Buttons -------------------------------- */
.btn.btn-circle { padding: 0; border-radius: 50%; }
.btn-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
}
.btn-circle span,
.btn-circle i { line-height: 56px; }
.btn-circle.btn-lg {
  width: 78px;
  height: 78px;
  min-width: 78px;
}
.btn-circle.btn-lg span,
.btn-circle.btn-lg i { line-height: 78px; }
.btn-circle.btn-sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.btn-circle.btn-sm span,
.btn-circle.btn-sm i { line-height: 40px; }
.btn-circle.btn-xs {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.btn-circle.btn-xs span,
.btn-circle.btn-xs i { line-height: 30px; }

/* -- Button Ripple Effect -------------------------------- */
.ripple-fx {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.ink {
  background: #fff;
  border-radius: 50%;
  display: block;
  opacity: 1;
  position: absolute;
  pointer-events: none;
  -webkit-transform: scale(0);
  	 -moz-transform: scale(0);
  	  -ms-transform: scale(0);
 	   -o-transform: scale(0);
  		  transform: scale(0);
}
.ink.animate {
  -webkit-animation: ripple .5s linear;
  	 -moz-animation: ripple .5s linear;
  	  -ms-animation: ripple .5s linear;
  	   -o-animation: ripple .5s linear;
  		  animation: ripple .5s linear;
}
@keyframes ripple 			{ 100% { opacity: 0; transform: scale(2.5); } }
@-webkit-keyframes ripple 	{ 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } }
@-moz-keyframes ripple 		{ 100% { opacity: 0; -moz-transform: scale(2.5); transform: scale(2.5); } }
@-ms-keyframes ripple 		{ 100% { opacity: 0; -ms-transform: scale(2.5); transform: scale(2.5); } }
@-o-keyframes ripple 		{ 100% { opacity: 0; -o-transform: scale(2.5); transform: scale(2.5); } }



/* ----------------------------------------------------------------------------------------------------
   #4 Helper STYLES 
/* ----------------------------------------------------------------------------------------------------*/

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
/* -------------------------------------------------------------------------------------------------*/
audio, canvas, iframe, img, svg, video { vertical-align: middle; }


/* Margins, Paddings, Borders and Alignments
/* ----------------------------------------------------------------------------------------------------*/
.no-border  { border:  0 !important; }
.no-padding { padding: 0 !important }
.no-margin 	{ margin:  0 !important; }
.margin-btm-5  { margin-bottom:5px 	!important; }
.margin-btm-10 { margin-bottom:10px !important; }
.margin-btm-15 { margin-bottom:15px !important; }
.margin-btm-20 { margin-bottom:20px !important; }
.margin-btm-30 { margin-bottom:30px !important; }
.margin-btm-40 { margin-bottom:40px !important; }
.margin-btm-50 { margin-bottom:50px !important; }
.margin-btm-60 { margin-bottom:60px !important; }
.margin-top-5  { margin-top:5px  !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-top-40 { margin-top:40px !important; }
.margin-top-50 { margin-top:50px !important; }
.margin-top-60 { margin-top:60px !important; }
.padding-5  { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-btm-5  { padding-bottom:5px  !important; }
.padding-btm-10 { padding-bottom:10px !important; }
.padding-btm-15 { padding-bottom:15px !important; }
.padding-btm-20 { padding-bottom:20px !important; }
.padding-btm-30 { padding-bottom:30px !important; }
.padding-btm-40 { padding-bottom:40px !important; }
.padding-btm-50 { padding-bottom:50px !important; }
.padding-btm-60 { padding-bottom:60px !important; }
.padding-top-5  { padding-top:5px  !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-15 { padding-top:15px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-top-30 { padding-top:30px !important; }
.padding-top-40 { padding-top:40px !important; }
.padding-top-50 { padding-top:50px !important; }
.padding-top-60 { padding-top:60px !important; }
.verticle-top 		{ vertical-align: top; }
.verticle-middle	{ vertical-align: middle; }
.verticle-bottom 	{ vertical-align: bottom; }


/* Text Formating and Typography
/* ----------------------------------------------------------------------------------------------------*/
.text-justify		{ text-align: justify !important; }
.text-right			{ text-align: right !important; }
.text-center		{ text-align: center !important; }
.text-underline,
   ins, u, .insert			{ text-decoration: underline; }
.text-delete, strike,
   del, s, .cancel			{ text-decoration: line-through; }
.text-highlight, mark		{ background: #ffffdd; padding: 1px 5px; }
.text-highlight-yellow 		{ background: #d7df20; padding: 1px 5px; }
.text-thin 					{ font-weight: 200; }
.text-light 				{ font-weight: 300; }
.text-semibold 				{ font-weight: 600; }
.text-bold					{ font-weight: bold !important; }
.text-italic, em, 			{ font-style: italic !important; }
.text-upper, text-caps		{ text-transform: uppercase; }							   
.text-font-xs 				{ font-size: 0.85em; }
.text-font-sm 				{ font-size: 0.9em; }
.text-font-md 				{ font-size: 1.2em; }
.text-font-lg 				{ font-size: 1.6em; }
.text-century-gothic 		{ font-family: "Century Gothic", Futura, AppleGothic, sans-serif; }
.text-handwritten 			{ font-family: LazyDogRegular, Arial, sans-serif; }
.text-sans-serif 			{ font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif; }
.text-serif 				{ font-family: Georgia, Times, "Times New Roman", serif }
.text-code, samp, kbd, code	{ font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace; }
.dropcap {
	color: #333;
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}
[draggable] { cursor: move; }
.textwrap {
    word-wrap:break-word;
    word-break:break-all;
}	


/* Material Design Colours
/* ----------------------------------------------------------------------------------------------------*/

/* -- Background Colours -------------------------------- */
.bg-red 			{ background-color: #f44336; }
.bg-pink 			{ background-color: #e91e63; }
.bg-purple			{ background-color: #9c27b0; }
.bg-purple-deep		{ background-color: #673ab7; }
.bg-indego			{ background-color: #3f51b5; }
.bg-blue 			{ background-color: #2196f3; }
.bg-blue-light		{ background-color: #03a9f4; color: #333; }
.bg-cyan 			{ background-color: #00bcd4; color: #333; }
.bg-teal 			{ background-color: #009688; }
.bg-green			{ background-color: #4caf50; color: #333; }
.bg-green-light		{ background-color: #8bc34a; color: #333; }
.bg-lime			{ background-color: #cddc39; color: #333; }
.bg-yellow 			{ background-color: #ffeb3b; color: #333; }
.bg-amber 			{ background-color: #ffc107; color: #333; }
.bg-orange 			{ background-color: #ff9800; color: #333; }
.bg-orange-deep 	{ background-color: #ff5722; }
.bg-brown 			{ background-color: #795548; }
.bg-grey 			{ background-color: #9e9e9e; }
.bg-grey-blue 		{ background-color: #607d8b; }
.bg-black 			{ background-color: #000000; }

/* -- Font Colours -------------------------------- */
.text-red 			{ color: #f44336; }
.text-pink 			{ color: #e91e63; }
.text-purple		{ color: #9c27b0; }
.text-purple-deep	{ color: #673ab7; }
.text-indego		{ color: #3f51b5; }
.text-blue 			{ color: #2196f3; }
.text-blue-light	{ color: #03a9f4; }
.text-cyan 			{ color: #00bcd4; }
.text-teal 			{ color: #009688; }
.text-green			{ color: #4caf50; }
.text-green-light	{ color: #8bc34a; }
.text-lime			{ color: #cddc39; }
.text-yellow 		{ color: #ffeb3b; }
.text-amber 		{ color: #ffc107; }
.text-orange 		{ color: #ff9800; }
.text-orange-deep 	{ color: #ff5722; }
.text-brown 		{ color: #795548; }
.text-grey 			{ color: #9e9e9e; }
.text-grey-blue 	{ color: #607d8b; }
.text-black 		{ color: #000000 !important; }
.text-white 		{ color: #ffffff !important; }		

				  
/* Spacing allowance for anchor tags
/* ----------------------------------------------------------------------------------------------------*/
a[name] { display: block; position: relative; top: -130px; visibility: hidden; }


/* Hand Cursor for Tooltips
/* ----------------------------------------------------------------------------------------------------*/
i[data-toggle="tooltip"],
span[data-toggle="tooltip"] { cursor: pointer; }


/* Customised Selection (Firefox and Safari only)
/* ----------------------------------------------------------------------------------------------------*/
::-moz-selection { /* For Mozilla Browsers */
       background: #CCFF66; color: #333; text-shadow: none; }
	   
::selection { /* For Safari Browsers */
       background: #CCFF66; color: #333; text-shadow: none; }
	   
img::selection { background: 0 0; }
img::-moz-selection { background: 0 0; }


/* Dividers
/* ----------------------------------------------------------------------------------------------------*/
.divide { margin-top: 5%; margin-bottom: 5%; }
.divider { border-bottom: 1px dashed #dfe1e3; }	 

/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #ccc;
    margin: 1em 0;
    padding: 0;
}
hr.dashed { border-top-style: dashed !important; }
hr.dotted { border-top-style: dotted !important; }
hr.double { border-top-style: double !important; }	

										  
/* Heading Cells
/* ----------------------------------------------------------------------------------------------------*/
.hl_cell { background: #EEE none repeat scroll 0% 0%; }


/* Overwrite Table Bottom Margin 
/* -------------------------------------------------------------------------------------------------*/
.table-rwd .table,
.table-vert .table { margin-bottom: 0 !important; }


/* Tables Stripes
/* -------------------------------------------------------------------------------------------------*/
/*.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th*/
.table-striped tbody > tr:nth-child(2n+1) > td, 
.table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #f9f9f9 !important;
}


/* Tables Hover
/* -------------------------------------------------------------------------------------------------*/
.table-hover > tbody > tr:hover > td, 
.table-hover > tbody > tr:hover > th {
  background-color: #FFC !important;
}


/* Verticle Tables
/* -------------------------------------------------------------------------------------------------*/
/* Force table to not be like tables anymore */
.table-vert table, 
.table-vert thead, 
.table-vert tbody, 
.table-vert th, 
.table-vert td, 
.table-vert tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.table-vert thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table-vert tr { border: 1px solid #ccc; }
.table-vert td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 30% !important; 
	white-space: normal;
	text-align:left;
}
.table-vert td ul,
.table-vert td ol { 
	margin-top: 25px;
	margin-left: -100%;
}
.table-vert td ul li,
.table-vert td ol li { 
	width: 100%;
	padding-left: 15px;
	padding-right: 35px;
}
.table-vert td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
}
/* Label the data */
.table-vert td:before { content: attr(data-title); }


/* Modals
/* -------------------------------------------------------------------------------------------------*/
/* Vertical Centre */
.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}


/* Alerts
/* ----------------------------------------------------------------------------------------------------*/
/* Alert Icons*/
.alert i { float: left; font-size: 32px; margin-right: 16px; margin-left:5px; }
.itemBody .alert { font-size: 0.95em; }
.itemBody .alert h4,
.itemBody .alert h5 { color: inherit; margin: 0 0 15px !important; }
.alert-warning {
	border-left-color: #F0AD4E;
	border-width: 1px 1px 1px 5px;
	color: #666;
}
.alert-warning i.fa { color: #F0AD4E !important; }
.alert-warning h4 {
    color: #F0AD4E !important;
	margin: 5px 0 15px !important;
	line-height: 35px !important;
}
.alert-info {
	border-left-color: #5BC0DE;;
	border-width: 1px 1px 1px 5px;
	color: #666;
}
.alert-info i.fa { color: #5BC0DE !important; }
.alert-info h4 {
    color: #5BC0DE !important;
	margin: 5px 0 15px !important;
	line-height: 5px !important;
}
.alert-danger {
	border-left-color: #d9534f;;
	border-width: 1px 1px 1px 5px;
	color: #666;
}
.alert-danger i { color: #d9534f !important; }
.alert-danger h4 {
    color: #d9534f !important;
	margin: 5px 0 15px !important;
	line-height: 5px !important;
}
.alert-success {
	border-left-color: #5cb85c;;
	border-width: 1px 1px 1px 5px;
	color: #666;
}
.alert-success i { color: #5cb85c !important; }
.alert-success h4 {
    color: #5cb85c !important;
	margin: 5px 0 15px !important;
	line-height: 5px !important;
}


/* Callouts
/* ----------------------------------------------------------------------------------------------------*/
.bs-callout {
    background: #F8F8F8;
	padding: 20px;
    margin: 20px 0px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}
.bs-callout-info { border-left-color: #5BC0DE; }
.bs-callout h5,
.bs-callout p { margin: 15px 0 !important; font-size: 1.2em; }
.bs-callout span.label { color: #999; }


/* Hide From Screen Readers
/* ----------------------------------------------------------------------------------------------------*/
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { 
    display: none !important;
    visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { 
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
} 
.element-invisible {
    position: absolute;
    padding: 0px;
    margin: 0px;
    border: 0px none;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.invisible { visibility: hidden; }



/* ----------------------------------------------------------------------------------------------------
   #5 RESPONSIVE STYLES 
/* ----------------------------------------------------------------------------------------------------*/
/* Responsive Embeds
/* http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/
/* http://embedresponsively.com/
/* ----------------------------------------------------------------------------------------------------*/
.responsive-embed { 
	position: relative; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.responsive-embed iframe, 
.responsive-embed object, 
.responsive-embed embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* Video Embeds (16x9 Aspect Ratio) */
.embed-video { padding-bottom: 56.25%; }
.embed-video-4x3 { padding-bottom: 75%; }
/* Calendar Embeds (4x3 Aspect Ratio) */
.embed-calendar { padding-bottom: 75%; }
/* Map Embeds */
.embed-google-maps { padding-bottom: 90%; /*(450 ? 500 = 0.9 = 90%)*/ }
/* Instagram Embeds */
.embed-instagram { padding-bottom: 120%; }
/* Vine Embeds */
.embed-vine { padding-bottom: 100%; }
/* Getty Images Embeds */
.embed-getty { padding-bottom: 79.96632996632997%; }
/* Responsive Image
/* ----------------------------------------------------------------------------------------------------*/
/* For Images */
.img-responsive,
/* For Thumbnails */
.thumbnail > img,
.thumbnail a > img,
/* For Carousel */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img  { 
	display: block; 
    width: 100%;
	max-width: 100%;
	height: auto;
	padding-left: 0 !important; 
	padding-right: 0 !important;
}
.img-responsive.img-thumbnail {
    padding: 4px;
        padding-right: 4px !important;
        padding-left: 4px !important;
}


/* Responsive Facebook Like Box
/* ----------------------------------------------------------------------------------------------------*/
.st_fblike_hcount .fb-like.fb_iframe_widget, .st_fbrec_hcount .fb-like.fb_iframe_widget {}
/* Facebook page Plugin */
.advanced_facebook_likebox .fb-page.fb_iframe_widget span iframe[style] { width: 100% !important; }


/* Responsive Table
 * http://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table
/* ----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 820px) {
    /* Force table to not be like tables anymore */
	.table-rwd table, 
	.table-rwd thead, 
	.table-rwd tbody, 
	.table-rwd th, 
	.table-rwd td, 
	.table-rwd tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-rwd thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-rwd tr { border: 1px solid #ccc; }
	.table-rwd th { 
		background-color: #eee;
		border: none;
		padding: 15px !important;
		white-space: normal;
		text-align:left;
	}
	.table-rwd td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		white-space: normal;
		text-align:left;
	}
	.table-rwd td ul,
	.table-rwd td ol { 
		margin-top: 25px;
		margin-left: -100%;
	}
	.table-rwd td ul li,
	.table-rwd td ol li { 
		width: 100%;
		padding-left: 15px;
		padding-right: 35px;
	}
	.table-rwd td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	/* Label the data */
	.table-rwd td:before { content: attr(data-title); }
}
@media only screen
and (max-width: 497px) {
	.table-rwd td { 
		padding-left: 15px !important; 	
		padding-top: 30px !important;
		text-align:left;
	}
}



/* ----------------------------------------------------------------------------------------------------
   #6 CSS3 STYLES 
/* ----------------------------------------------------------------------------------------------------*/
/* Box Shadow
/* ----------------------------------------------------------------------------------------------------*/
.boxShadow-sm {	
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
		    box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
}
.boxShadow-md,
.boxShadow {
    -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
		    box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
}
.boxShadow-lg,
.boxShadowLarge {
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
	   -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
		    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
}
.boxShadow-inner {
    -webkit-box-shadow: inset 0px 0px 15px rgba(50, 50, 50, 0.75);
	   -moz-box-shadow: inset 0px 0px 15px rgba(50, 50, 50, 0.75);
		    box-shadow: inset 0px 0px 15px rgba(50, 50, 50, 0.75);
}
/* Text Shadow
/* ----------------------------------------------------------------------------------------------------*/
.textShadow {
    -webkit-text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
	   -moz-text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
		    text-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
}


/* Rounded Corners
/* ----------------------------------------------------------------------------------------------------*/
.roundedCorner-sm {
	-webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
            border-radius: 5px !important;
}
.roundedCorner-md,
.roundedCorner-small {
	-webkit-border-radius: 8px !important;
       -moz-border-radius: 8px !important;
            border-radius: 8px !important;
}
.roundedCorner-lg,
.roundedCorner-big {
	-webkit-border-radius: 12px !important;
       -moz-border-radius: 12px !important;
            border-radius: 12px !important;
}


/* Media Query Transformations
/* ----------------------------------------------------------------------------------------------------*/
.transform {
	-webkit-transition: all .3s ease-out;
  	   -moz-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
		    transition: all .3s ease-out;
}


/* Opacity and Transparency
/* ----------------------------------------------------------------------------------------------------*/
.opacity70 {
	opacity:0.7;
	filter: alpha(opacity=70);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.opacity50 {
	opacity:0.5;
	filter: alpha(opacity=50);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* Background Fix
/* ----------------------------------------------------------------------------------------------------*/
.bg-fixed {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}



/* ----------------------------------------------------------------------------------------------------
   #7 ANIMATION STYLES 
/* ----------------------------------------------------------------------------------------------------*/
/* Blinker
/* ----------------------------------------------------------------------------------------------------*/
.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



/* ----------------------------------------------------------------------------------------------------
   #8 CSS MEDIA QUERIES for Responsive Web Design
/* ----------------------------------------------------------------------------------------------------
   Author: PaulUnd (http://www.paulund.co.uk/boilerplate-css-media-queries)
   Reference: http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/
/* ----------------------------------------------------------------------------------------------------*/

/* Large screens 
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width : 1824px) {
	/* Styles */
}


/* Wide Desktops and Laptops (1220px and up)
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width : 1224px) {
	/* Styles */
}


/* Desktops and Laptops (992px and up)
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width: 992px) {
	/* Styles */
}


/* Tablets (768px - 1024px)
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
	/* Styles */
}


/* Small Tablets and Phablets (600px - 767px)
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width: 620px)
and (max-width: 767px) {
	/* Styles */
}


/* Smartphones (320px - 480px)
/* ----------------------------------------------------------------------------------------------------*/
/* For Mobile Phones only
/* ----------------------------------------------------------------------------------------------------*/
@media only screen
and (min-width : 320px)
and (max-width: 497px) {
	/* Responsive Tabs */
	.nav-tabs { border-bottom: none; }
	.nav-tabs > li { float:none; }
	.nav-tabs > li a {
		margin-top: 0px;
		margin-bottom: 0px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
    }
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover {
		color: #999;
		background-color: #0088cc;
		border: 1px solid #ddd;
		border-bottom-color: #ddd;
	}
	/* Social Media Buttons */
	.sharer,
	.sharer .text-right { text-align: center !important; width: auto !important; }
	/* Footer Navigation */
	.footernav {
		text-align: center !important;
	}
	.footernav li {
		display: inline-block; 
		float: none;
        text-align: center !important;
	}
	/* Copyright */
	.copyright { text-align: center !important; }
}


/* ----------------------------------------------------------------------------------------------------
   #9 PRINT-FRIENDLY STYLES 
   Based on Hartija Css Print Framework
   Inlined to avoid the additional HTTP request： http://www.phpied.com/delay-loading-your-print-css/
/* ----------------------------------------------------------------------------------------------------*/
@media all {
	.page-break	{ display: none; }
}
@media print {
	/* Page */
	@page { 
		size: 21cm 29.7cm;
		margin: 2cm;
		marks: none;
	}
	/* Reset Styles */
	*,
    *:before,
    *:after,
    p:first-letter,
    div:first-letter,
    blockquote:first-letter,
    li:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
			box-shadow: none !important;
			text-shadow: none !important;
	}
	/* Document */
	body {
		background: none;
		background-color: #fff !important;
		color: #000;
		font-family: Arial, Helvetica, sans-serif; 
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-size: 13pt;
		line-height: 1.3;
		word-spacing:1.1pt;
		letter-spacing:0.2pt; 
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	/* Links */
	a { page-break-inside:avoid; }
	a:link, 
	a:visited { 
		color: #520; 
		background: transparent; 
		font-weight: bold; 
		text-align: left;
		text-decoration: underline; 
	}
	a:link[href^="http://"]:after, 
	a[href^="http://"]:visited:after,
	a:link:after, 
	a:visited:after { content: " (" attr(href) ") "; }
	/* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
	a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
	/* Change the Domain Name */
	a[href^="/"]:after { content: " (http://www.autism.org.sg" attr(href) ") "; }
	/* Abbrevation and Acronym */
	abbr, acronym { border: 0; }	
	abbr[title]:after, acronym[title]:after { content: " (" attr(title) ")"; font-size: 90%; }
	/* Headings */
	h1, h2, h3, h4, h5, h6 {
		background: #fff; 
		color: #000; 
		font-family: Arial, Helvetica, sans-serif;
		padding-bottom: 1px;
    }
    h3, h4 { border-bottom: 1px solid gray; }
	h1 { font-size:17pt; }
	h2 { font-size:16pt; }
	h3 { font-size:15pt; }
	h4, h5, h6 { font-size:14pt; }
	/* Typography */
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; page-break-inside: avoid; }
	hr { background-color: #ccc; }
	p { text-align: justify; orphans: 3; widows: 3; }
	/* Images */
	img { page-break-after:avoid; margin: 1em auto; width:6cm; height: auto; border: none; }
	a img { border: none; }
	/* Table */
	table 	{ margin: 1px; text-align:left; page-break-inside:avoid; }
	thead 	{ display: table-header-group; }
	tfoot 	{ font-style: italic; }
	caption { background: #fff; margin-bottom:2em; text-align:left; }
	th,td 	{ padding: 4px 10px 4px 0; }
	th 		{ border-bottom: 1px solid #333;  font-weight: bold; }
	td 		{ border-bottom: 1px solid #333; }
	tr 		{ page-break-inside:avoid; page-break-after:auto; } 
	/* Hide Webpage Elements */
	#toTop, #globalbar, #header, #mainnav, .slider, .quicklinks, .quicklinks-shadow, .parallax, .latest, .highlights, .spotlights, .spotlights2, .spotlights3, .spotlights4, .spotlights5, .spotlights6, #breadcrumbs, .sidebar-left, .sidebar-right, .content-meta, .sharer, .pager, .itemHits, .itemAttachments, .itemVideoBlock, .itemImageGallery, .itemRelated, #toTop, #footer 
	{ display: none; }
	/* Page Break */
	.page-break { display: block; page-break-before: always; page-break-after: always; }
	/*Avoid page breaks straight after a heading and
	  inside paragraphs, blockquotes, lists, and preformatted text.*/
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
	pre, blockquote, ul, ol, dl, p, img { page-break-inside: avoid; }
	/* Overwrite Page Break for Accordion Title */
	.panel-group h4 { page-break-before: avoid; }
	/* Contents */
	.content-area { 
		background: transparent none;  
		border: 0;
		color: black;
		float: none !important; 
		width: auto; 
		padding: 0; 
		margin: 0 2%;
	}
	.well { margin: 0 5%; }
	.itemDateCreated { text-align:center; text-transform: uppercase; }
	/* Show hidden tabs in editor */
	.tab-content > .tab-pane {
		display: block !important;
	}
	/* Show hidden panels in editor */
	.panel-collapse.collapse {
		display: block !important;
		visibility: visible !important;
	}
}