/* Minification failed. Returning unminified contents.
(2096,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*================================================================
                 Fluid Grid Styles
================================================================*/

.container {
	position:relative;
	margin:0px auto;
	padding:0px;
	min-width:200px;
	width:100% !important;
	max-width:1238px;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	    -ms-transition: all .1s linear;
	     -o-transition: all .1s linear;
	        transition: all .1s linear;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ## Embedded clearfix on container ## */
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }


/* ## Setup for Padding ## */
.container [class*="grid_"] {
	padding:0 10px;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;
	     -o-transition: all .2s linear;
	        transition: all .2s linear;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.gutterless { padding:0 10px; }
.gutterless > [class*="grid_"] { padding:0 !important; }


/* ## 16px baseline (256px) s = small ## */
@media only screen and (min-width:16em) {
	.container [class*="grid_"] {
		position:relative;
		float:left;
		width:100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	[class*="grid_"] [class*="grid_"] { padding:0; }
	.alpha { padding:0; }
	.omega { padding:0; }

	.s_1half > [class*="grid_"] { width:50%; padding:0 10px; }
	.s_1half > .alpha { padding:0 10px 0 0; }
	.s_1half > .omega { padding:0 0 0 10px; }

    /* show & hide base helpers */
    .s_showInline { display:inline !important; visibility:visible !important; }
    .s_showBlock { display:block !important; visibility:visible !important; }
    .s_hide { display:none !important; visibility:hidden !important; }
}


/* ## 16px baseline (480px - 767px) sw = small wide ## */
@media only screen and (min-width:30em){
	[class*="grid_"] [class*="grid_"] { padding:0 10px; }

	.alpha { padding:0; }
	.omega { padding:0; }

	.container .alpha { padding-left:0; }
	.container .omega { padding-right:0; }

	[class*="grid_"] .grid_1  { width:8.333%; }
	[class*="grid_"] .grid_2  { width:16.666%; }
	[class*="grid_"] .grid_3  { width:25%; }
	[class*="grid_"] .grid_4  { width:33.333%; }
	[class*="grid_"] .grid_5  { width:41.666%; }
	[class*="grid_"] .grid_6  { width:50%; }
	[class*="grid_"] .grid_7  { width:58.333%; }
	[class*="grid_"] .grid_8  { width:66.666%; }
	[class*="grid_"] .grid_9  { width:75%; }
	[class*="grid_"] .grid_10 { width:83.333%; }
	[class*="grid_"] .grid_11 { width:91.666%; }
	[class*="grid_"] .grid_12 { width:100%; }

	.sw_1half > [class*="grid_"] { width:50%; }
	.sw_1half > [class*="push_"] { left:50%; }
	.sw_1half > [class*="pull_"] { left:-50%; }
	.sw_1half > [class*="grid_"] .alpha { padding:0 10px 0 0; }
	.sw_1half > [class*="grid_"] .omega { padding:0 0 0 10px; }

	.sw_1third > [class*="grid_"] { width:33.333%; }
	.sw_1third > [class*="push_"] { left:33.333%; }
	.sw_1third > [class*="pull_"] { left:-33.333%; }
	.sw_1third > [class*="grid_"] .alpha { padding:0 10px 0 0; }
	.sw_1third > [class*="grid_"] .omega { padding:0 0 0 10px; }

	.sw_stack > [class*="grid_"] { width:100%; }
	.sw_stack > .alpha, .sw_stack > .omega { padding:0; }

    /* show & hide base helpers */
    .sw_showInline { display:inline !important; visibility:visible !important; }
    .sw_showBlock { display:block !important; visibility:visible !important; }
    .sw_hide { display:none !important; visibility:hidden !important; }
}


/* ## 16px baseline (768px) m = medium ## */
@media only screen and (min-width:48em){
	[class*="grid_"] [class*="grid_"] { padding:0 10px; }

	.container .alpha { padding-left:0; }
	.container .omega { padding-right:0; }

	.container .grid_1  { width:8.333%; }
	.container .grid_2  { width:16.666%; }
	.container .grid_3  { width:25%; }
	.container .grid_4  { width:33.333%; }
	.container .grid_5  { width:41.666%; }
	.container .grid_6  { width:50%; }
	.container .grid_7  { width:58.333%; }
	.container .grid_8  { width:66.666%; }
	.container .grid_9  { width:75%; }
	.container .grid_10 { width:83.333%; }
	.container .grid_11 { width:91.666%; }
	.container .grid_12 { width:100%; }

	.container .push_1  { left:8.333%; }
	.container .push_2  { left:16.666%; }
	.container .push_3  { left:25%; }
	.container .push_4  { left:33.333%; }
	.container .push_5  { left:41.666%; }
	.container .push_6  { left:50%; }
	.container .push_7  { left:58.333%; }
	.container .push_8  { left:66.666%; }
	.container .push_9  { left:75%; }
	.container .push_10 { left:83.333%; }
	.container .push_11 { left:91.666%; }
	.container .push_12 { left:100%; }

	.container .pull_1  { left:-8.333%; }
	.container .pull_2  { left:-16.666%; }
	.container .pull_3  { left:-25%; }
	.container .pull_4  { left:-33.333%; }
	.container .pull_5  { left:-41.666%; }
	.container .pull_6  { left:-50%; }
	.container .pull_7  { left:-58.333%; }
	.container .pull_8  { left:-66.666%; }
	.container .pull_9  { left:-75%; }
	.container .pull_10 { left:-83.333%; }
	.container .pull_11 { left:-91.666%; }
	.container .pull_12 { left:-100%; }

	.container .prefix_1  { margin-left:8.333%; }
	.container .prefix_2  { margin-left:16.666%; }
	.container .prefix_3  { margin-left:25%; }
	.container .prefix_4  { margin-left:33.333%; }
	.container .prefix_5  { margin-left:41.666%; }
	.container .prefix_6  { margin-left:50%; }
	.container .prefix_7  { margin-left:58.333%; }
	.container .prefix_8  { margin-left:66.666%; }
	.container .prefix_9  { margin-left:75%; }
	.container .prefix_10 { margin-left:83.333%; }
	.container .prefix_11 { margin-left:91.666%; }
	.container .prefix_12 { margin-left:100%; }

	.container .suffix_1  { margin-right:8.333%; }
	.container .suffix_2  { margin-right:16.666%; }
	.container .suffix_3  { margin-right:25%; }
	.container .suffix_4  { margin-right:33.333%; }
	.container .suffix_5  { margin-right:41.666%; }
	.container .suffix_6  { margin-right:50%; }
	.container .suffix_7  { margin-right:58.333%; }
	.container .suffix_8  { margin-right:66.666%; }
	.container .suffix_9  { margin-right:75%; }
	.container .suffix_10 { margin-right:83.333%; }
	.container .suffix_11 { margin-right:91.666%; }
	.container .suffix_12 { margin-right:100%; }
}


/* ## 16px baseline (768px - 959px) m = medium ## */
@media only screen and (min-width:48em) and (max-width:59.938em){
	.m_1half > [class*="grid_"] { width:50%; }
	.m_1half > [class*="push_"] { left:50%; }
	.m_1half > [class*="pull_"] { left:-50%; }
	.m_1half > [class*="prefix_"] { margin-left:0; }
	.m_1half > [class*="suffix_"] { margin-right:0; }

	.m_1third > [class*="grid_"] { width:33.333%; }
	.m_1third > [class*="push_"] { left:33.333%; }
	.m_1third > [class*="pull_"] { left:-33.333%; }

	.m_1fourth > [class*="grid_"] { width:25%; }
	.m_1fourth > [class*="push_"] { left:25%; }
	.m_1fourth > [class*="pull_"] { left:-25%; }

	.m_2thirds_left > [class*="grid_"] { width:50%; }
	.m_2thirds_left > [class*="grid_"]:nth-child(2n)    { width:33.333%; }
	.m_2thirds_left > [class*="grid_"]:nth-child(2n+1) { width:66.666%; }
	.m_2thirds_left > [class*="push_"] { left:0; }
	.m_2thirds_left > [class*="pull_"] { left:0; }
	.m_2thirds_left > [class*="prefix_"] { margin-left:0; }
	.m_2thirds_left > [class*="suffix_"] { margin-right:0; }

	.m_2thirds_right > [class*="grid_"] { width:50%; }
	.m_2thirds_right > [class*="grid_"]:nth-child(2n)   { width:66.666%; }
	.m_2thirds_right > [class*="grid_"]:nth-child(2n+1) { width:33.333%; }
	.m_2thirds_right > [class*="push_"] { left:0; }
	.m_2thirds_right > [class*="pull_"] { left:0; }
	.m_2thirds_right > [class*="prefix_"] { margin-left:0; }
	.m_2thirds_right > [class*="suffix_"] { margin-right:0; }

	.m_stack > [class*="grid_"] { width:100%; }
	.m_stack > .alpha, .m_stack > .omega { padding:0; }

    /* show & hide base helpers */
    .m_showInline { display:inline !important; visibility:visible !important; }
    .m_showBlock { display:block !important; visibility:visible !important; }
    .m_hide { display:none !important; visibility:hidden !important; }
}


/* ## 16px baseline (960px - 1139px) mw = medium wide ## */
@media only screen and (min-width:60em) and (max-width:71.188em){

    /* show & hide base helpers */
    .mw_showInline { display:inline !important; visibility:visible !important; }
    .mw_showBlock { display:block !important; visibility:visible !important; }
    .mw_hide { display:none !important; visibility:hidden !important; }

}


/* ## 16px baseline (1140px +) l = large ## */
@media only screen and (min-width:72em) {

    /* show & hide base helpers */
    .l_showInline { display:inline !important; visibility:visible !important; }
    .l_showBlock { display:block !important; visibility:visible !important; }
    .l_hide { display:none !important; visibility:hidden !important; }

}

@media only screen and (max-width:59.938em) {
	.main-content {margin-bottom:20px;}
}
@media only screen and (min-width:60em) {
	.grid-20 > div:first-child {padding-right:20px;}
	.grid-20 > div:last-child {padding-left:20px;}
}

@font-face {
	font-family: 'Basic-Icons';
	src:url('../../fonts/fonts/Basic-Icons.eot?-hlloxb');
	src:url('../../fonts/fonts/Basic-Icons.eot?#iefix-hlloxb') format('embedded-opentype'),
		url('../../fonts/fonts/Basic-Icons.ttf?-hlloxb') format('truetype'),
		url('../../fonts/fonts/Basic-Icons.woff?-hlloxb') format('woff'),
		url('../../fonts/fonts/Basic-Icons.svg?-hlloxb#Basic-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'Basic-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {
	content: "\31";
}
.icon-google-plus2:before {
	content: "\32";
}
.icon-google-plus3:before {
	content: "\33";
}
.icon-google:before {
	content: "\67";
}
.icon-lock:before {
	content: "\38";
}
.icon-search:before {
	content: "\73";
}
.icon-minus:before {
	content: "\2d";
}
.icon-traingle-left:before {
	content: "\25c2";
}
.icon-triangle-right-large:before {
	content: "\25b7";
}
.icon-pause:before {
	content: "\2016";
}
.icon-rss:before {
	content: "\72";
}
.icon-arrow-left:before {
	content: "\25c5";
}
.icon-arrow-right:before {
	content: "\25bb";
}
.icon-phone {
	-webkit-transform: rotate(110deg);
	   -moz-transform: rotate(110deg);
	    -ms-transform: rotate(110deg);
	     -o-transform: rotate(110deg);
}
.icon-phone:before {
	content: "\1f4de";
}
.icon-play:before {
	content: "\59";
}
.icon-youtube:before {
	content: "\e917";
}
.icon-arrow-right-bold:before {
	content: "\27b1";
}
.icon-arrow-left-bold:before {
	content: "\2ff";
}
.icon-bracket-left:before {
	content: "\3c";
}
.icon-menu:before {
	content: "\2338";
}
.icon-info:before {
	content: "\24d8";
}
.icon-home:before {
	content: "\2302";
}
.icon-like:before {
	content: "\6b";
}
.icon-facebook:before {
	content: "\66";
}
.icon-twitter:before {
	content: "\74";
}
.icon-plus:before {
	content: "\2b";
}
.icon-bracket-right:before {
	content: "\3e";
}
.icon-triangle-right:before {
	content: "\25b8";
}
.icon-triangle-left-large:before {
	content: "\25c1";
}
.icon-login:before {
	content: "\2386";
}
.icon-volume-high:before {
	content: "\1f50a";
}
.icon-triangle-up:before {
	content: "\25b4";
}
.icon-triangle-down:before {
	content: "\25be";
}
.icon-envelop:before {
	content: "\e90e";
}
.icon-print:before {
	content: "\2399";
}
.icon-volume-mute:before {
	content: "\6d";
}
.icon-undo:before {
	content: "\238c";
}
.icon-arrow-right2:before {
	content: "\25b9";
}
.icon-arrow-left2:before {
	content: "\25c3";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-Calendar:before {
	content: "\e904";
}
.icon-Top_Issues:before {
	content: "\e915";
}
.icon-WhyJoin:before {
	content: "\e916";
}
.icon-About:before {
	content: "\e902";
}
.icon-pinterest2:before {
	content: "\ead2";
}
.icon-google-plus4:before {
	content: "\ea8b";
}
.icon-linkedin:before {
	content: "\e900";
}
.icon-linkedin2:before {
	content: "\6c";
}

/*================================================================
                 CLICK MENU STYLES
================================================================*/

.main-nav { outline:0; position:absolute; top:100%; left:0; margin-top:-1px; width:100%; text-align:left; }
.cm-menu { background:#282c2f; }
.cm-menu, .cm-menu ul { margin:0; padding:0; list-style:none; }

.cm-menu a, .cm-menu a:visited { color:#fff; text-decoration:none; }


.toggle-menu + .cm-menu, .cm-menu ul {
    max-height:0;
    opacity:0;
    overflow:hidden;
    -webkit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.cm-menu li a { display:block; padding:15px 20px; position:relative; color:#fff; outline:0; }
.cm-menu li .content a { padding:0px; }
.cm-menu > li > a { font-size:1.25em; }

.cm-menu li { border-top:1px solid #fff; }
.cm-menu li:first-child { border-top:0; }
.cm-menu li { position:relative; }

.cm-menu .opened > a,
.cm-menu li > a:hover,
.cm-js-inFocus li > a:focus,
.cm-menu li > div > a:hover,
.cm-js-inFocus li > div > a:focus { background:#05345e; }

.cm-menu li .opened > a,
.cm-menu li li > a:hover,
.cm-js-inFocus li li > a:focus,
.cm-menu li li > div > a:hover,
.cm-js-inFocus li li > div > a:focus { background:#104271; }

.cm-js-active .cm-menu { max-height:80em; opacity:1; }
.cm-menu .opened > ul { max-height:80em; opacity:1; }

.cm-menu li li:first-child { padding-top:12px; border-top:1px solid #ccc; }
.cm-menu li li:last-child { padding-bottom:12px; }
.cm-menu li li { border:0; }
.cm-menu li li a { padding:3px 20px; font-size:.875em; }
.cm-menu li li li a { padding:3px 40px; }
.cm-menu li .opened + li { border-top:1px solid #ccc; }

.cm-menu .has-sub:after,
.cm-menu .expander-wrap .has-sub > span:after {
    content:" ";
    display:inline-block;
    position:absolute; top:50%; right:10px;
    margin:2px 0 0 5px;
    vertical-align:middle;
    border:5px solid transparent;
    /* Extra is for anti-aliasing issues in firefox and others */
    border:5px solid rgba(0,0,0,0);
    border-top-color:#fff;
    -wekbit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0.98) translateY(-50%);
        -ms-transform: scale(0.98) translateY(-50%);
            transform: scale(0.98) translateY(-50%);
}

@media (min-width:1024px){
	.cm-menu > li > .has-sub:after {
		opacity:0;
	}

	.cm-menu > li > .has-sub > span {
		position:relative;
	}
	.cm-menu > li > .has-sub > span:after {
		content:"";
		display:block;
		margin: 10px 20px 0 20px;
		height:2px;		
	}
	.cm-menu > li > .has-sub:hover > span:after, .cm-menu > li > .has-sub:focus > span:after, .cm-menu > li.opened > .has-sub > span:after { background:#fff; }
}

.cm-menu .opened > .has-sub:after,
.cm-menu .opened > .expander-wrap .has-sub > span:after{    
    -webkit-transform: scale(0.98) translateY(-75%) rotate(-180deg);
        -ms-transform: scale(0.98) translateY(-75%) rotate(-180deg);
            transform: scale(0.98) translateY(-75%) rotate(-180deg);
}

.cm-menu > .opened > a,
.cm-menu > li > a:hover,
.cm-menu > li > a:focus,
.cm-menu > li > div > a:hover,
.cm-menu > li > div > a:focus { color: #fff; background: #393d3f; }

.cm-menu .expander-wrap .has-sub:hover > span,
.cm-menu .expander-wrap .has-sub:focus > span {     color: #fff; background: #393d3f; }

.cm-menu ul .opened > a,
.cm-menu ul a:hover, .cm-menu ul li a:focus { background:#444; }

.cm-menu ul .opened > .has-sub:after,
.cm-menu ul .opened > .expander-wrap .has-sub > span:after{
    border-top-color:#fff;
}

.cm-js-active .cm-menu { max-height:80em; opacity:1; }
.cm-menu .opened > ul { max-height:80em; opacity:1; }

/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

.no-js .toggle-menu + .cm-menu { opacity:1; max-height:80em; }

.no-js .cm-menu li:hover > ul { display:block; max-height:80em; opacity:1; width:100%; }
.no-js .cm-menu ul { display:none; overflow:visible; }



/* ================= MENU OPEN FUNCTIONALITY ADDED ON SETUP ================= */

@media (min-width:1024px){
    .main-nav { position:static; margin-top:0; }
    .toggle-menu + .cm-menu { max-height:80em; opacity:1; overflow:visible; }
    .cm-menu { background:transparent; }
    .cm-menu ul { top:100%; overflow:hidden; }
    .cm-menu .opened > ul { max-height:80em; opacity:1; }

    .cm-menu .animated > ul { overflow:visible; z-index:10; }
    .cm-menu .animating > ul { z-index:-1; }

}


/*================================================================
                 CLICK MENU MENU TYPES
================================================================*/

/*  NAV BAR STYLE TYPE
    ================================================================*/

@media (min-width:1024px){
    .nav-bar li { border-top:0; }

    .nav-bar > ul { display:table; width:100%; }
    .nav-bar > ul > li { display:table-cell; vertical-align:middle; }
    .nav-bar > ul > li > a { display:table; width:100%; padding:0; background:none; }
    .nav-bar > ul > li > a > span { display:table-cell; padding:0 10px; height:110px; vertical-align:middle; text-align:center; color: #221e1f; font-size:19px; padding-bottom: 10px; }
    .nav-bar > ul > li > a.has-sub > span { padding-bottom: 0px; }
	
    .nav-bar > ul > li > a:hover, .nav-bar > ul > li > a:focus, .nav-bar > ul > li.opened > a { background: #393d3f; }
	.nav-bar > ul > li > a:hover > span, .nav-bar > ul > li > a:focus > span, .nav-bar > ul > li.opened > a > span { color: #fff; }
    .nav-bar > ul > li > ul { position:absolute; }

    .nav-bar .has-sub span:after { position:static; margin-top:10px; }
    .nav-bar ul ul .has-sub:after { right:5px; }

    .nav-bar ul li li { margin:5px; }
    .nav-bar ul li li li { margin-left:0; margin-right:0; }
    .nav-bar ul ul a { padding:3px 15px; background:none; }

    .nav-bar ul ul a:hover, .nav-bar ul ul a:focus,
    .nav-bar ul ul .opened > a { background:none; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .nav-bar ul ul li:hover > a { color:#000; background:#ddd; }

}
@media (min-width:1024px) and (max-width:1200px) {
	.nav-bar > ul > li > a > span { font-size:17px; }
}

/*  MEGA MENU NAVIGATION ADJUSTMENTS
    ================================================================*/

.custom-sub {
    max-height:0; min-height:0;
    overflow:hidden;
    transform-style: preserve-3d;
    -webkit-transform: transform3d(0,0,0);
        -ms-transform: transform3d(0,0,0);
            transform: transform3d(0,0,0);
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
[data-type="mega"] .custom-sub .row.flexing { table-layout:fixed; }
[data-type="mega"] .custom-sub ul { position:static; opacity:1; max-height:80em; overflow:hidden; }
[data-type="mega"] .custom-sub ul li { border-top:0; }

[data-type="mega"] .custom-sub li a { display:block; font-size:21px; color:#fff; }
[data-type="mega"] .custom-sub li .tier-3 a { color:#fff; }

[data-type="mega"] .custom-sub li a:hover,
.cm-js-inFocus [data-type="mega"] .custom-sub li a:focus { color:#fff; background:none; }

.cm-menu .opened > .custom-sub { max-height:80em; opacity:1; z-index:20; }
.cm-menu .animated > .custom-sub { overflow:visible; }
.cm-menu .animating > .custom-sub { z-index:-1; }

.cm-menu .custom-sub .has-sub:after { }

.cm-menu .custom-sub .column { position:relative; }


.nav-item .media { position:relative; overflow:hidden; max-width: 300px; }
.nav-item .media:after {
    content:" ";
    position:absolute;
    top:0; right:100%;
    width:100%; height:100%;
    background:#0071bb;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.nav-item .media img { width:100%; }

.nav-item:hover .media:after, .nav-item:focus .media:after { right:0; opacity:.3; }

.nav-item .title { font-weight: bold; font-size: 30px;  margin: 0 0 20px 0; display: block; }
.nav-item .content { /* color: #333333; */ padding: 15px 0; }
.nav-item .content > strong { font-size: 14px;  letter-spacing: 0.1em; display:block; margin-bottom:5px;}
.nav-item .content p {}
.nav-item .content .more { color:#fff;}

.tier-3 {
    display:none;
    transform-style: preserve-3d;
    -webkit-transform: transform3d(0,0,0);
        -ms-transform: transform3d(0,0,0);
            transform: transform3d(0,0,0);
}
@media (max-width:1239px) {
	.custom-sub .opened .tier-3 {display:block;}
	.cm-menu .opened > .custom-sub {max-height: 300em;}
	[data-type="mega"] .custom-sub ul {max-height: 300em;}
	[data-type="mega"] .tier-3 ul{
		max-height: 300em;
		-webkit-column-count: 3;
		-webkit-column-gap: 25px;
		-moz-column-count: 3;
		-moz-column-gap: 25px;
		column-count: 3;
		column-gap: 25px;
	}
	[data-type="mega"] .tier-3 ul a {margin-bottom:0; padding-top:0; padding-bottom:0;}	
	[data-type="mega"] .tier-3 ul{
		margin-bottom:10px;
		padding-bottom: 10px;		
	    -webkit-column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		column-count: 2;
		column-gap: 10px;
	}
	.cm-menu li li li:first-child {padding-top: 0;}
	.cm-menu li li li a {padding: 3px 10px;}
}
@media (max-width:1023px) {
	[data-type="mega"] .tier-3 ul a { font-size:16px}
}

@media (max-width:479px) {
	[data-type="mega"] .tier-3 ul{		
	    -webkit-column-count: 1;
		-webkit-column-gap: 10px;
		-moz-column-count: 1;
		-moz-column-gap: 10px;
		column-count: 1;
		column-gap: 10px;
	}	
	.cm-menu li li li a {
		padding: 3px 20px;
	}	
}

@media (max-width:45em) {
    .cm-menu .custom-sub .column { display:block; }
}

@media (min-width:1024px){
    .cm-menu [data-type="mega"] { position:static; }

    [data-type="mega"] .custom-sub {
        position:absolute;
        top:100%; left:0; right:0;
        background:#002240;
    }
    [data-type="mega"] .custom-sub .container { padding:30px 10px; }
    [data-type="mega"] .custom-sub .row.flexing { display:block; }
    [data-type="mega"] .custom-sub .row.flexing .column { width:280px;  float:left; vertical-align:top; min-height:535px; }
	[data-type="mega"] .custom-sub .row.flexing .column:first-child { width:320px; padding-right: 60px; }
	[data-type="mega"] .custom-sub .row.flexing .column:nth-child(2) { padding-left: 40px; width:320px;}

    [data-type='mega'] .custom-sub ul { overflow:visible; }
    [data-type="mega"] .custom-sub ul li { padding-top:0; position:static; }

    [data-type="mega"] .custom-sub li { margin:0; }
    [data-type="mega"] .custom-sub li a { padding:9px 20px; }

    .cm-menu .custom-sub .has-sub:after {
        display:inline-block;
        position: absolute;
        right: 0;
        top: 12px;
        -webkit-transform: scale(0.98);
            -ms-transform: scale(0.98);
                transform: scale(0.98);
    }
    .cm-menu .custom-sub .has-sub:hover:after {
        border-left-color:#fff;
    }
    .cm-menu .custom-sub .opened > .has-sub:after {
        opacity:0;
        -webkit-transform: scale(0.98);
            -ms-transform: scale(0.98);
                transform: scale(0.98);
    }
    [data-type="mega"] .custom-sub .opened > .has-sub:hover,
    .cm-js-inFocus [data-type="mega"] .custom-sub .opened > .has-sub:focus,
    [data-type="mega"] .custom-sub .opened > .has-sub { color:#fff; background:#4c4849;  }

    /* Adjustments for 3rd tier navigation layout */

    .cm-menu .custom-sub .container { overflow:hidden; min-height:535px; }
    .cm-menu .custom-sub .column:first-child {
        z-index:10;

    }
    .cm-menu .custom-sub .column + .column { z-index:1; }
    [data-type="mega"] .tier-3 {
        display:block;
        position:absolute;
        top:-30px; left:1200px;
        width:945px;
        height:595px;
        max-height:0;
        overflow:hidden;
        background:#003665;
        z-index:-1;
        -webkit-transition: left 0.5s ease-in-out;
                transition: left 0.5s ease-in-out;
    }
    /* IE11 ADJUSTEMNT */
    _:-ms-lang(x), [data-type="mega"] .tier-3 {
        opacity:0;
        -webkit-transition: opacity 0.5s ease-in-out;
                transition: opacity 0.5s ease-in-out;
    }
    /* EDGE OVERWRITE */
    @supports (-ms-accelerator:true) {
        [data-type="mega"] .tier-3 {
            opacity:1;
            -webkit-transition: left 0.5s ease-in-out, opacity 0s;
                    transition: left 0.5s ease-in-out, opacity 0s;
        }
    }
    [data-type="mega"] .tier-3 a {color:#fff;}
	[data-type="mega"] .opened > .tier-3 {
        overflow-y:auto;
        left:285px;
        opacity:1;
        max-height:595px;
		background: #4c4849;
    }
    [data-type="mega"] .tier-3 .section-link a { margin:15px 25px 0; padding:0 0 10px; border-bottom:1px solid #fff; }
    [data-type="mega"] .tier-3 .section-link + ul { padding-top:15px; }
    [data-type="mega"] .tier-3 ul {
        margin:0;
        padding: 25px 25px 15px;
        width:855px;
    }
    [data-type="mega"] .custom-sub .tier-3 li { margin:0 0 3px; }
    [data-type="mega"] .custom-sub .tier-3 li a { margin:0; padding:0; font-size:18px; font-weight:normal; }
	
	.cm-menu [data-type="mega"] .has-sub:after {
		content:" ";
		display:inline-block;
		position:absolute; top:50%; right:10px;
		margin:2px 0 0 5px;
		vertical-align:middle;
		border:5px solid transparent;
		/* Extra is for anti-aliasing issues in firefox and others */
		border:5px solid rgba(0,0,0,0);
		border-left-color:#fff;
		-wekbit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
		-webkit-transform: scale(0.98) translateY(-50%);
			-ms-transform: scale(0.98) translateY(-50%);
				transform: scale(0.98) translateY(-50%);
	}

    /* ================= OPENED FUNCTIONALITY ADDED ON SETUP ================= */

    .cm-menu .custom-sub { opacity:0; }
    .cm-menu .opened > .custom-sub { min-height:560px; opacity:1; }

    [data-type="mega"] a + .has-sub { width:0; min-height:0; height:100%; }
    [data-type="mega"] a + .has-sub > span { min-height:0; height:100%; }

    /* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */

    [data-type="mega"] ul a + .has-sub { display:none; }

    /* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */

    .no-js .cm-menu [data-type="mega"] ul ul { display:block; }

    .cm-menu li .nav-item {  padding-bottom:70px; min-height:370px; }
    .nav-item .content .btn { position:absolute; left:20px; bottom:30px; }

}

@media (min-width:1024px){
    [data-type="mega"] .custom-sub .row.flexing .wide.column {  width: 600px !important; }
}
@media (min-width:1240px){
	[data-type="mega"] .custom-sub .container { padding:30px 0px; }
	[data-type="mega"] .custom-sub .row.flexing .column { width:350px; }
    [data-type="mega"] .custom-sub .row.flexing .column:first-child {  width: 370px; }
    [data-type="mega"] .custom-sub .row.flexing .column:nth-child(2) {  width: 390px; }
    [data-type="mega"] .custom-sub .row.flexing .wide.column {  width: 780px !important; }
	
	.cm-menu [data-type="mega"] .custom-sub .row.flexing .column .nav-item { padding: 0 30px 15px 30px;}
}

/*================================================================
                 NAVIGATION TOGGLE STYLES
================================================================*/


.toggle-menu { display:block; position:relative; width:50px; height:46px; background:#333; }
.toggle-menu:before, .toggle-menu:after, .toggle-menu > span:before {
    content:" ";
    position:absolute;
    left:15%;
    border-radius:2px;
    width:70%; height:3px;
    background:#fff;
}

.toggle-menu:before { top:11px; }
.toggle-menu:after { top:21px; }
.toggle-menu > span:before { top:31px; }

.toggle-menu:hover, .toggle-menu:focus, .js-menu-active .toggle-menu { background:#111; }

@media (min-width:1024px){
    .toggle-menu { display:none; }
}

a.new-toggle {
    display: block;
    position: relative;
    width: 56px;
    height: 21px;
    padding-top: 40px;
    text-align: center;
    font-size: 13px;
    color: #000;
}
.new-toggle:before, .new-toggle:after, .new-toggle > span:before {
    content: " ";
    position: absolute;
    left: 25%;
    width: 50%;
    height: 3px;
    background: #000;
}
.new-toggle:before {
    top: 11px;
}
.new-toggle:after {
    top: 20px;
}
.new-toggle > span:before {
    top: 29px;
}
@media (min-width: 1024px) {
	a.new-toggle { display: none; }
}



/*================================================================
                 EXTRA OVERWRITE STYLES
================================================================*/

.main-nav { position:relative; z-index:1000; }
@media (min-width:1024px){
	.main-nav { position:static; }
	.cm-menu { position: static; }
}

[data-type="sliding"] .sub-menu .item-banner { width:100%; }
[data-type="sliding"] .sub-menu .item-banner a { text-align:center; background:none; }

[data-type="mega"] .custom-sub {
    max-height:0; opacity:0;
    overflow:hidden;
    -wekbit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
.cm-menu .custom-sub ul { position:static; opacity:1; max-height:80em; }
[data-type="mega"] .custom-sub p { color:#fff; margin-bottom:10px; }

[data-type="mega"] .custom-sub .banner-wrap { width:100%; }
[data-type="mega"] .custom-sub .banner-wrap a { text-align:center; background:none; }

.cm-menu .opened > .custom-sub { max-height:80em; opacity:1; padding:0px 20px; }
.cm-menu .animated > .custom-sub { overflow:visible; z-index:10; }
.cm-menu .animating > .custom-sub { z-index:-1; }

@media (min-width:1024px) {
    [data-type="mega"] .custom-sub {
        position:absolute;
        top:100%; left:0;
        width:100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e3a3b+0,3e3a3b+36,312f30+36,312f30+100 */
		background: rgb(62,58,59); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(62,58,59,0.95) 0%, rgba(62,58,59,0.95) 30%, rgba(49,47,48,0.95) 30%, rgba(49,47,48,0.95) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(62,58,59,0.95) 0%,rgba(62,58,59,0.95) 30%,rgba(49,47,48,0.95) 30%,rgba(49,47,48,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(62,58,59,0.95) 0%,rgba(62,58,59,0.95) 30%,rgba(49,47,48,0.95) 30%,rgba(49,47,48,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
}
@media (min-width:1500px) {
    [data-type="mega"] .custom-sub {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e3a3b+0,3e3a3b+36,312f30+36,312f30+100 */
		background: rgb(62,58,59); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(62,58,59,0.95) 0%, rgba(62,58,59,0.95) 36%, rgba(49,47,48,0.95) 36%, rgba(49,47,48,0.95) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(62,58,59,0.95) 0%,rgba(62,58,59,0.95) 36%,rgba(49,47,48,0.95) 36%,rgba(49,47,48,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(62,58,59,0.95) 0%,rgba(62,58,59,0.95) 36%,rgba(49,47,48,0.95) 36%,rgba(49,47,48,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
}

@media (min-width:1024px) {
    .table-row { display:table; width:100%; }
    .table-col { display:table-cell; vertical-align:top; }
}

.section-nav .opened > ul { border-bottom:1px solid #d4d4d4; max-height:80em; opacity:1; }
.section-nav .opened > a,
.section-nav .opened > .expander-wrap a { border-bottom:1px solid #aaa; color:#333; background:#d4d4d4; }
.section-nav .opened .opened > .expander-wrap > a { background:#c4c4c4; }





/* Additional changes for drawer */
body {overflow-x: hidden;}
.site-wrap {
    position:relative; z-index:2000;
    left:0;
    width:100%;
    -wekbit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
body > .main-nav {
    position:absolute; z-index:1000;
    top:0; right:100%;
    width:100%; height:100%;
    -wekbit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
body > .main-nav .toggle-menu { display:none; }
.cm-js-menu-active .main-nav { padding-left:17%; right:17%; left:auto; }
.cm-js-menu-active .site-wrap { left:83%; }

.main-header .main-nav { display:none; }

@media (min-width:1024px) {
    .new-toggle { display:none; }
    body > .main-nav { display:none; }
    .main-header .main-nav { display:block; }

    .cms-js-menu-active .site-wrap { left:0; }
}

/* SPECIAL NAVIGATION ITEM */
@media (min-width:1024px){
	.nav-bar > ul > li > a.special-nav-item:hover, .nav-bar > ul > li > a.special-nav-item:focus { background:none; }
	.nav-bar > ul > li > a.special-nav-item > span { color:#fff; }
	.nav-bar > ul > li > a.special-nav-item:hover > span, .nav-bar > ul > li > a.special-nav-item:focus > span { opacity:0.7; }
	.special-nav-item > span:before {content: "";  display: block; position: absolute;  height: 53px; width:100%; top: 23px; left:0; background: #0071bb; color:#fff; z-index:-1; }
	.cm-menu > li > .has-sub.special-nav-item  > span:after  { background: #0071bb; }
}
/* ##  Left Nav  ## */

.railNavHeading { margin:0 0 10px 0; padding:7px 10px; font-size:1.1em; font-weight:bold; border-bottom:1px solid #DBDBDB; }
.railNavHeading span.trigger {display:none;}
.railNavHeading a,
.railNavHeading a:link,
.railNavHeading a:visited {color:#fff; text-decoration:none; font-weight:normal;}
.railNavHeading a:hover,
.railNavHeading a:active {color:#fff; text-decoration:underline; font-weight:normal;}

.railNav {margin:0 0 20px 0; padding:0 10px; list-style-type:none; font-family:inherit;}
ul.railNav li {padding:5px 0;}
ul.railNav a,
ul.railNav a:link,
ul.railNav a:visited {text-decoration:none; font-family:inherit; display:block;}
ul.railNav a:hover,
ul.railNav a:active,
ul.railNav a.on {text-decoration:none;}
ul.railNav a.active,
ul.railNav a.active:link,
ul.railNav a.active:visited {}

ul.railNav ul  {margin:4px 0 0 10px; padding:0; list-style-type:none;}
ul.railNav ul li {}
ul.railNav ul a,
ul.railNav ul a:link,
ul.railNav ul a:visited {}
ul.railNav ul a:hover,
ul.railNav ul a:active {text-decoration:none;}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'Basic-Icons';
    font-size: 24px;
	font-weight: bold;
    line-height: 1;

    opacity: .75;
    color: #8c8c8c;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: "\3c";
}
[dir='rtl'] .slick-prev:before
{
    content: "\3c";
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: "\3e";
}
[dir='rtl'] .slick-next:before
{
    content: "\3e";
}

/* Dots */
.slick-slider
{

}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '';
    text-align: center;

	border: 2px solid #a4a4a4;
	border-radius: 50%;	
	box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	border: 2px solid #910029;
    background: #910029;
}

/* Homepage Slideshows */

.slick-slide {position:relative;}

.slideshow-hold {
	position:relative;
}
.slideshow-hold .slideshow-label {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
	background:#C8102E;
	font-size:15px;
	padding:8px 20px;
	color:#fff;
}
.slideshow-hold .slick-prev, .slideshow-hold .slick-next {
	display:none !important;
}

.main-slideshow {
	margin-bottom:70px;
	z-index:0;
}

.slideshow-hold .content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	color:#fff;
}
.slideshow-hold .content .container {
	height:100%;
}
.slideshow-hold .content .container > div {
	display:table;
	height:100%;
	padding: 0 10px;
}
.slideshow-hold .content .title a {
	color:#fff;
}
.slideshow-hold .content .title a:hover,
.slideshow-hold .content .title a:focus {
	text-decoration:none;
	opacity:0.7;
}
@media only screen and (min-width:1680px){
	.slideshow-hold .content .container > div {
		padding: 0 10px 0 220px;
	}
}
.slideshow-hold .content .container > div > div {
	display:table-cell;
	height:100%;	
	vertical-align: middle;
}
.slideshow-hold .content .date {
	font-size:18px;
}
.slideshow-hold.featured-events-slideshow .content .date {
	background: rgba(0, 0, 0, 0.4);
    padding: 20px 20px 0;
    display: block;
}

.slideshow-hold .content .title {
	font-size:43px; font-weight:bold;
	line-height:43px;
	margin-bottom:0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	color:#fff;
	background: rgba(0, 0, 0, 0.4);
    padding: 20px;
}
.slideshow-hold .slideshow-alt .content .title {
	font-size:36px; 
	line-height:36px; 
}
.slideshow-hold .content .description {
	font-size:18px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	margin-bottom:1.2em;
	background: rgba(0, 0, 0, 0.4);
    padding: 0 20px 20px;
}
.slideshow-hold .slideshow-btns {font-size:18px; font-weight:bold; color:#fff; font-family: 'Kanit', sans-serif;}
.slideshow-hold .slideshow-btns a { color:#fff; }
.slideshow-hold .slideshow-btns > span { display:inline-block; margin:0 10px;}
@media only screen and (max-width:479px){	
	.slideshow-hold .slideshow-btns a {float: left; }
	.slideshow-hold .slideshow-btns .btn {margin-bottom:10px; }
	.slideshow-hold .slideshow-btns > span { display: block;  margin:0 10px 0 0; float: left; clear:left;}
}

.slideshow-top-text { margin-bottom:25px; padding-left: 10px; padding-right: 10px; font-size:15px; color:#fff; }
.slideshow-top-text > span {position:relative; padding: 3px 10px 4px 10px; }
.slideshow-top-text > span:before {content:""; position:absolute; top:0; right:100%;}
.slideshow-top-text > span:after {content:""; position:absolute; top:0; left:100%;}
.slideshow-top-text .theme-colors-08:before {	
	border-top: 15px solid transparent;
	border-bottom: 15px solid #c77745;
	border-left: 5px solid transparent;
	border-right: 5px solid #c77745;
}
.slideshow-top-text .theme-colors-08:after {
	border-top: 15px solid #c77745;
	border-bottom: 15px solid transparent;
	border-left: 5px solid #c77745;
	border-right: 5px solid transparent;
}
.slideshow-top-text .theme-colors-05:before { 
	border-top: 15px solid transparent;
	border-bottom: 15px solid #0071bb;
	border-left: 5px solid transparent;
	border-right: 5px solid #0071bb;
}
.slideshow-top-text .theme-colors-05:after {
	border-top: 15px solid #0071bb;
	border-bottom: 15px solid transparent;
	border-left: 5px solid #0071bb;
	border-right: 5px solid transparent;
}

.slideshow-alt .slideshow-top-text > span:before , .slideshow-alt .slideshow-top-text > span:after {display:none !important;}

@media only screen and (min-width:1200px){
	.slideshow-top-text { margin-bottom:25px; }
	.slideshow-hold .content .description { font-size:20px; margin-bottom:1.5em;} 
	.slideshow-hold .content .title { font-size:45px; line-height:45px;}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * FONTS USED:
font-family: 'Martel', serif; font-weight: 400 / 700;
font-family: 'Kanit', sans-serif; font-weight: 300 / 400 / 700;
 */
.font-primary {font-family: 'Martel', serif;}
.font-secondary {font-family: 'Kanit', sans-serif;}
 
 
/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ===============  Default Adjustments  =============== */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

::-webkit-input-placeholder { color: #777777; }
/* Firefox 18- */
:-moz-placeholder { color: #777777; }
/* Firefox 19+ */
::-moz-placeholder { color: #777777;  }
:-ms-input-placeholder {  color: #777777;  }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100%; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

p { margin:0 0 1.5em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden, .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}
.block {display:block;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }

.letter-spacing-01 {letter-spacing:0.1em;}



/* ## Base List styles ## */
ul, ol { margin:0 0 1em; padding-left: 20px;}
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* Popup */
.popup {line-height: 1.4em;}
.popup-title {display:block; margin-bottom:10px; font-size: 24px;}
.popup-box {display:none; padding-top: 15%; position: fixed; z-index: 100000000; top: 0; left:0; width:100%; height:100%; background: rgba(255,255,255,.8);}
.popup-box.open { display:block; }
.popup-content { position:relative; display:block; width:80%; max-width:775px; padding: 35px; margin: 0 auto; background: #f3f4f4; border: 1px solid #bebebe;}
.popup-close {position: absolute; top:-25px; right:-25px; display: block; width: 50px; height:50px; background:#212121; color:#fff; border-radius:50%; font-size: 32px; font-weight: normal; padding: 8px 14px; line-height: 1em; cursor:pointer;}
@media only screen and (max-width:639px){
	.popup-content {max-height: 300px; padding-top: 55px; overflow-y: auto; font-size:14px;}
	.popup-close { top:5px; right:5px;}
	.popup {line-height: 1.4em;}
	.popup-title {font-size: 18px;}
}

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

h1, h2, h3, h4, h5, h6 {font-family: 'Kanit', sans-serif; font-weight: 500; line-height: 1.1em;}
h1 {font-size: 45px; margin:0 0 0.5em 0; color: #C8102E; font-weight: bold;}
h2 {font-size: 32px; margin:0 0 1em 0;}
h3 {font-size: 26px; margin:0 0 1em 0;}
h4 {font-size: 19px; margin:0 0 1em 0;}
h5 {font-size: 18px; margin:0 0 1em 0;}
h6 {font-size: 17px; margin:0 0 1em 0;}

.chapters-item h3.title { font-size: 24px; margin-bottom: 5px; }
.chapters-title-area h2 { margin-bottom: 5px; }

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#002758; text-decoration:underline; }
a.alt-color, a.alt-color:visited { color:#616b93 }
a:hover, a:active, a:focus { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }

.carousel a {text-decoration:none;}


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }

a.no-color-link, a.no-color-link:visited {color:inherit;}


/* ## Link Lists ## */
/* We use '<ul class="link-list">' when setting a list of organized links. */
ul.link-list {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.link-list li {margin-bottom:8px;}

/* List with hidden elements */
.list-with-hidden-content .hidden-content {display:none !important;}
.list-with-hidden-content .hidden-content.open {display:block !important;}
.list-with-hidden-content ul {list-style:none; padding-left:15px;  line-height: 1em;}
.list-with-hidden-content ul ul {margin:10px 0;}
.list-with-hidden-content a {position:relative; display:block; padding-right: 20px;}
.list-with-hidden-content a.open  {color:#C8102E; }
.list-with-hidden-content .more.trigger {display:inline-block; position:absolute; right:5px; top:2px; }
.list-with-hidden-content .open .trigger {
-webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}
.list-with-hidden-content ul a.has-subs {color:#C8102E;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
.svg-legend {  position: absolute;  top: -999em;   width: 0;   height: 0;}

body {background: #282c2f; font-family: 'Martel', serif; line-height: 1.7em; }
.site-wrap { background: #fff; }
.siteBody { min-height:300px;}
#main-content {outline: 0; color:#333333;}

/* ## THEME Styles ## */
section {padding:60px 0;}
section.no-top-padding {padding-top:0;}
section.no-bottom-padding {padding-bottom:0;}
section.padding-alt {padding: 30px 0;}
section.padding-top-fixed {padding-top: 20px;}

.row-expand-03 {margin:0 -3px;}
.row-expand-15 {margin:0 -15px;}
.row-expand-03 .row-expand-item {padding:0 3px;}
.row-expand-15 .row-expand-item {padding:0 15px;}

.inner-container {width:980px; max-width:100%; margin:0 auto;}

.icon {width:26px; height: 26px;}
.icon.i-size-1 {width:106px; height:106px;}
.icon.i-size-2 {width:80px; height:80px;}
.icon.i-size-3 {width:56px;}
.icon.i-size-4 {width:90px height:106px;}
.i-color-1 {fill:#900028;}
.i-color-2 {fill:#fff;}
.i-color-3 {fill:#636363;}
.i-margin-1 {margin-bottom:15px;}

.tel-link {color:inherit !important; font-size:inherit !important; text-decoration: none;}
.tel-link:hover, .tel-link:focus {text-decoration: underline; }
.mailto-link {color:inherit !important; font-size:inherit !important; text-decoration: none;}
.mailto-link:hover, .mailto-link:focus {text-decoration: underline; }
.inherit-style-link {color:inherit !important; font-size:inherit !important;  text-decoration: none;}
.inherit-style-link:hover, .inherit-style-link:focus {  text-decoration: underline;}

.svg-theme-01 {fill:#f39200; background:#fff; border-radius: 50%; width: 35px;  height: 35px; padding:5px;}

/* Table view */
.view-01 {display:table; width:100%; table-layout:fixed; text-align:left;}
.view-01 > div {display:table-cell; vertical-align: top;}
@media only screen and (max-width:767px){
	.view-01 > div {display:block;}
}

.asside-item {margin-bottom:40px;}
.asside-item .link-list a {text-decoration: none;}
.asside-item .link-list a:hover,
.asside-item .link-list a:focus {text-decoration: underline;}

.tabContent .view-01 .item-alt-01 .aside { width: 70px; padding:0;}

.theme-colors-01 {background:#292c2e;}
.theme-colors-02 {background:#cecece;}
.theme-colors-03 {background:#f3f4f4;}
.theme-colors-04 {background:#C8102E; color:#fff;}
.theme-colors-05 {background:#0071bb;}
.theme-colors-06 {background:#e67420;}
.theme-colors-07 {background:#078f0e;}
.theme-colors-08 {background:#c77745;}
.theme-colors-09 {background:#002855; color:#fff;}
.theme-colors-10 {background:#333536; color:#fff;}
.theme-colors-11 {background:#e1e1e1;}
.theme-colors-12 {background:#ba0c2f; color:#fff;}
.theme-colors-13 {background:#d7d7d7;}
.theme-colors-14 {background:#fff;}
.theme-colors-15 {background:#002854;}
.theme-colors-16 {background:#616262; color:#fff;}
.theme-colors-17 {background:#f0f0f0;}

.font-color-01 {color:#C8102E;}
.font-color-02 {color:#0071bb;}
.font-color-03 {color:#e67420;}
.font-color-04 {color:#078f0e;}
.font-color-05 {color:#17b2a9;}
.font-color-06 {color:#0071ba;}
.font-color-07 {color:#002758;}
.font-color-08 {color:#6d7174;}
.font-color-09, .font-color-09 a {color:#989898;}
.font-color-10,
.font-color-10 a {color:#616b93;}
.font-color-11,
.font-color-11 a {color:#616262 !important; }
.font-color-12 {color:#ba0c2f;}
.font-color-13 {color:#fff;}

.border-02 {border: 1px solid #e3e3e3;}
.border-03 {border: 1px solid #b7b8b8;}

.border-top-01 {border-top: 3px solid #d7d7d7;}
.border-top-02 {border-top: 1px solid #d3d3d3;}

.border-btm-01 {border-bottom: 3px solid #d7d7d7;}
.border-btm-02 {border-bottom: 4px solid #d7d7d7;}
.border-btm-03 {border-bottom: 1px solid #bbbbbb;}


/* ## Button Styles ## */
.btn, a.btn {
    display:inline-block;
    margin:0;
    font-family: 'Kanit', sans-serif;
	font-size:18px;
    padding: 15px 28px;
    font-weight:bold;
    color:#fff;
    background:#002855;
    border:none;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    overflow:visible;
	white-space: nowrap;
 }
.btn:hover, .btn:focus,
a.btn:hover, a.btn:focus { opacity:0.9; color:#fff; text-decoration:none; }

.btn.btn-primary { background: #002855; 
border-style: solid;
border-color:#000;
border-width:0 0 3px 0;
}
.btn.btn-primary:hover,.btn.btn-primary:focus { }
.btn.btn-secondary { background: #C8102E;
border-style: solid;
border-color:#6f011e;
border-width:0 0 3px 0;
 }
.btn.btn-secondary:hover,.btn.btn-secondary:focus { }
.btn.btn-tertiary {background:#343537;
border-style: solid;
border-color:#1b1c1e;
border-width:0 0 3px 0;
 }
.btn.btn-tertiary:hover,.btn.btn-tertiary:focus { }
.btn.btn-fourth {background:#333536;
border-style: solid;
border-color:#1b1c1d;
border-width:0 0 3px 0;

 }
.btn.btn-fourth:hover,.btn.btn-fourth:focus { }

.line-height-01 {line-height:1em;}
.line-height-02 {line-height:1.2em;}
.line-height-03 {line-height:1.3em;}

.font-size-01 {font-size:18px;}
.font-size-02 {font-size:20px;}
.font-size-03 {font-size:14px;}
.font-size-04 {font-size:13px;}
.font-size-05 {font-size:22px;}
.font-size-06 {font-size:15px;}
.font-size-07 {font-size:19px;}
.font-size-08 {font-size:17px;}
.font-size-09 {font-size:24px;}
.font-size-10 {font-size:12px;}

.padding-01 {padding: 0 10px;}
.padding-02 {padding: 0 20px;}
.padding-03 {padding: 0 30px;}
.padding-04 {padding: 30px;}
.padding-05 {padding: 50px 60px;}

.padding-left-01 {padding-left:10px;}
@media (min-width: 960px) {
	.padding-left-02 {padding-left:20px;}
}
.padding-left-03 {padding-left:30px;}

.padding-right-01 {padding-right:10px;}
.padding-right-02 {padding-right:20px;}
.padding-right-03 {padding-right:30px;}

.padding-bottom-01 {padding-bottom:10px;}
.padding-bottom-02 {padding-bottom:20px;}
.padding-bottom-03 {padding-bottom:30px;}

.padding-top-01 {padding-top:10px;}
.padding-top-02 {padding-top:20px;}
.padding-top-03 {padding-top:30px;}
.padding-top-04 {padding-top:40px;}
.padding-top-05 {padding-top:50px;}
.padding-top-06 {padding-top:60px;}

.margin-0 {margin-bottom:10px;}

.margin-bottom-01 {margin-bottom:10px;}
.margin-bottom-02 {margin-bottom:20px;}
.margin-bottom-03 {margin-bottom:30px;}

.content-block {padding: 30px 20px;}
.chapters-block { margin-bottom: 40px; }
.chapters-block.closed { height: 0; margin: 0; padding: 0; }

.info-action-block {padding: 30px 0;}
.info-action-block .btn {margin-bottom:5px;  min-width: 240px;}
@media (min-width: 640px) {
	.info-action-block {display:table; width:100%;}
	.info-action-block > div {display:table-cell; vertical-align:top;}
	.info-action-block > div:first-child { padding-right: 20px;}
	.info-action-block > div:last-child { text-align:right;}
}

.floated-left > div {float:left;}
.floated-left > div:first-child {padding-right:10px;}

/* ## Site Header ## */
.main-header { position:relative;  z-index: 1000;}

/* Top Ad Area */
.advertisment-wrpr.closed { height: 0; padding: 0; transition: all .2s ease-in; }
.ad { width: 100%; max-width: 1238px; margin: 0 auto; position: relative; }
.ad div a { margin: 20px 0; display:block;  }
.advertisment-wrpr.closed .ad { display: none; transition: all .2s ease-in; }

/* Content Ad Area */
.siteBody .advertisment-wrpr {padding: 30px 0;}
.siteBody .advertisment-wrpr br {display:none;}
.siteBody .ad div a { margin: 0;  }

.close-link {
    right: 20px;
    padding-right: 25px;
    position: absolute;
    display: inline-block;
}
.close-btn {
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}
.close-btn:before {
    width: 10px;
    height: 2px;
    content: " ";
    background: #282c2f;
    top: 9px;
    right: 5px;
    z-index: 5;
    position: absolute;
     -moz-transform:    rotate(45deg);
     -o-transform:      rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform:         rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
}
.close-btn:after {
    width: 10px;
    height: 2px;
    content: " ";
    background: #282c2f;
    top: 9px;
    right: 5px;
    z-index: 5;
    position: absolute;
     -moz-transform:    rotate(-45deg);
     -o-transform:      rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform:         rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
.close-btn p { margin: 0; padding-right: 25px; }
.advertisment-link { display: block; text-align: center; }
@media (max-width: 1175px) { 
    a.advertisment-link { padding-top: 30px; }
    .close-btn { right: 5px; }
}

/* Sidebar Ad */

.add-border {
    width: 100%;
    height: 15px;
    max-width: 280px;
    margin: 0 auto 3px;
    border: 2px solid #989898;
    border-bottom: none;
    position: relative;
}
.add-border:before {
    content: " ADVERTISEMENT ";
    width: 55%;
    font-size: 12px;
    color: #989898;
    background: #fff;
    position: absolute;
    top: -13px;
    left: 22.5%;
    right: 22.5%;
    padding-right: 14px;
}
.add-border:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #989898;
    top: -5px;
    right: 23%;
    position: absolute;
}

/* Header Top */
.header-top {background:#282c2f; color:#fff; padding:10px 0; }
.header-top a { color:#fff; text-decoration:none;}
.header-top a:hover, .header-top a:focus { text-decoration:underline;}
.extra-navigation { font-family: 'Kanit', sans-serif; background: #282c2f;}
.header-top .extra-navigation a { padding: 0 10px; background: #282c2f; color: #fff;}
.header-top .container, .header-top > .container > .grid_12 { position:static;}
.header-top-left {float:left; width:30%;}
.header-top-right {float:right; max-width:70%; text-align: right; }
@media only screen and (min-width:1024px) and (max-width:1199px){
	.header-top-left { width:32%; font-size: 14px;}
	.header-top-right { max-width:68%; font-size: 14px;}
	.header-top .extra-navigation a {padding: 0 5px;}
}
.header-top-right > div {display: table; width:100%;}
.header-top-right > div > div {display: table-cell; vertical-align:middle; padding: 0 5px;}
.header-top-right > div > div:last-child { padding: 0 0 0 5px;}
.header-top-right .logged { padding-right: 10px;     position: relative;}

.header-top-right .social-icons a[class*="icon-"] { color: #fff; }
.header-top-right .social-icons a[class*="icon-"]:hover, .header-top-right .social-icons a[class*="icon-"]:focus { color: #6d7174; }

@media only screen and (max-width:1023px){
	.header-top-right {width: 100%; max-width: 100%;}
	.header-top-right .social-icons {text-align:left;}
}

.main-nav .social-icons + .social-icons {display:none;}
@media only screen and (max-width:639px){
	.main-nav .social-icons { background: #282c2f; padding: 0 20px 20px 20px; }
	.main-nav .social-icons a[class*="icon-"] { color: #fff; }
	.header-top-right .social-icons {display:none;}
}
@media only screen and (min-width:640px){
	.main-nav .social-icons {display:none;}
}

.login-hold .icon {
    width: 20px;
    height: 15px;
    background: none;
    border-radius: 0;
    fill: #fff;
}
.login-hold .login-box .icon {
    width: 28px;
    height: 27px;
}

.login-box-hold { position:absolute; top:0; left:0; width:100%; min-height:100%; padding: 55px 0; z-index:10000;}
.login-box > div > span {border: 2px solid #fff; padding: 15px 15px 10px; margin-right:20px;  display: inline-block;}
.login-box > div > strong {font-size:28px;}

.login-box-hold-myaccount {
    position: absolute;
	right: 0;
    width: 250px;
    padding: 30px;
    z-index: 10000;
}

body > .main-nav .extra-navigation { padding: 0 0 20px 0; }
body > .main-nav .extra-navigation a { display:block; color:#fff; padding: 15px 20px; font-size: 1.25em;  border-top: 1px solid #fff; font-family: 'Martel', serif;}
.header-bottom .extra-navigation { display: none;}
.header-bottom .header-top-left { display: none;}

@media only screen and (max-width:767px){
	.login-box input[type="text"],
	.login-box input[type="password"] {width:100%; margin-bottom:10px;}
}
@media only screen and (max-width:1023px){	
	.header-top .header-top-left { display: none;}	
	.header-top .extra-navigation { display: none;}	
	.header-top-left {float:none; width:100%; background: #282c2f; color: #fff; padding: 10px 20px;}
	.login-box > div {margin-bottom: 15px;}
	.login-box-hold { text-align: left;}
	.login-box-hold .grid_12 { padding:010px !important;}
}
@media only screen and (min-width:1024px){	
	.login-box {display:table; width:100%;}
	.login-box > div {display:table-cell;}
	.login-box > div:last-child {vertical-align:top;}	
}
@media only screen and (min-width:1024px) and (max-width:1199px){
	.login-box > div > strong {font-size:20px;}
}
@media only screen and (min-width:1200px){
	.login-box.formee input[type="text"],
	.login-box.formee input[type="password"] {width:300px;  font-size:18px;}
	.login-box > div > span {margin-right:20px;}
}
.close-login {
	position:absolute; 
	top:-25px; 
	right:10px; 
	display:inline-block;
	line-height: 0;
    font-size: 45px;
    font-family: sans-serif;
    position: absolute;
	cursor:pointer;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}

/* Micro Event Page Header */
.micro-logo img {  width: 120px; margin-right: 20px;}
.micro-event-header .header-top { width: 100%; border-bottom: 0 !important;}
.micro-event-header .header-top-right > div > div { padding: 5px; }
@media only screen and (min-width:1024px){
	.micro-event-header .login-box { margin: 50px 0; }
}
.micro-event-header .header-top-left { float: left; width: 75%; display: block; padding:0; }
.micro-event-header .header-top-right { float: left; width: 25%; }
@media only screen and (max-width:767px){
	.micro-event-header .header-top-left span:last-child {display:none;}
}
@media only screen and (max-width:479px){
	.micro-event-header .header-top-left { width: 70%;}
	.micro-event-header .header-top-right { width: 30%; }
}

.me-hero-banner { position: relative; height: 460px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.me-hero-banner .container { height:100%;}
.me-hero-banner-content { display: table; width:100%; height:100%;}
.me-hero-banner-content > div { display: table-cell; vertical-align: middle; text-align: center;}
.me-hero-banner-content h1 { color:#fff;}
@media only screen and (min-width:1200px){
	.me-hero-banner-content h1 {font-size:64px; padding-top: 25px;}
}

.micro-event-summary.event-summary .view-01 > div {width:25%;}
.micro-event-summary.event-summary .view-01 > div:nth-child(1),
.micro-event-summary.event-summary .view-01 > div:nth-child(2),
.micro-event-summary.event-summary .view-01 > div:nth-child(3),
.micro-event-summary.event-summary .view-01 > div:nth-child(4) {width:25%; text-align: left; padding: 0 20px;}
.micro-event-summary.event-summary .event-media span {position:static;}

@media only screen and (min-width:768px){
	.micro-event-summary.event-summary { margin: 0 -20px; }
}


/* Header Bottom */
.stuck {  position:fixed !important;  top:0;   border-bottom: 1px solid #e3e3e3;}
.header-bottom {  width: 100%; z-index: 1; background:#fff;}
@media only screen and (min-width:1024px){
	.header-bottom { position: relative;}
}

@media only screen and (min-width:1024px){
	.header-bottom > .container, .header-bottom > .container > .grid_12 { position: static;}
}

.header-bottom-left { height: 110px;}
@media only screen and (min-width:1024px){
	.header-bottom-left { float: left; width: 25%;}
}
.logo-hold {display:table; height:100%;}
.logo-hold .logo {display:table-cell; vertical-align:middle;}
@media only screen and (min-width:1024px){
	.header-bottom-right {float: right; width: 75%;}
}
.header-bottom-right > div {display: table; width: 100%;  height: 100%;}
.header-bottom-right > div > div{display: table-cell; vertical-align:middle;}
@media only screen and (max-width:1023px){
	.header-bottom-right {  position: absolute;  top: 0;  left: 0;  padding-left: 0; width: 100%; height: 110px;}
	.logo-hold { position: relative; width: 100%;  text-align: center; z-index: 1000;}
	.header-bottom-left {   margin: 0 120px; }
}
@media only screen and (max-width:479px){
	.header-bottom-left { margin: 0 60px;}
}

/* Search */
.search-hold  { margin: 0;}
.search-hold label {  display: none !important;}
.search-hold { position: absolute;   top: 100%;   right: 0;   width: 100%; z-index:2; background:#393d3f; padding:30px;}

.search-trigger {width:70px; text-align:center;}
.search-trigger .icon-search {font-size: 22px;}
.search-active .search-trigger, .search-trigger:hover {background:#393d3f; color:#fff;}

.main-header .hidden-content {display:none !important;}
.main-header .hidden-content.open {display:block !important;}
.trigger {cursor:pointer;}

/* Newsletter Signup */
.newsletter-signup-hold .item-list {	margin:0;}
.newsletter-signup-hold .item {	border:0; padding: 0;}

.newsletter-signup {display:table; width:100%; table-layout:fixed;}
.newsletter-signup.formee input[type="text"] {width:100%; font-size:18px;}
.newsletter-signup > div {display:table-cell;}
.newsletter-signup > div:last-child {width:170px; padding-left:5px;}
.newsletter-signup > div .btn{width:100%;}

/* Search */
.formee .search input[type="text"] {width:100%; margin-bottom:5px; font-size:14px;}
.search > div .btn{width:100%;}
@media only screen and (max-width:639px){
	.search > div .btn{width: 90%;  padding: 12px;   margin-left: 10%;}
}
@media only screen and (min-width:640px){
	.search {display:table; width:100%; table-layout:fixed;}
	.search > div {display:table-cell;}
	.search > div:last-child {width:180px; padding-left:20px;}
	.search-btn-alt .search > div:last-child {width:280px; padding-left:20px;}
	.formee .search input[type="text"] {margin-bottom:0px; font-size:18px; padding: 9px 15px;}
}


/* Social Block */
.social-block p { font-size:20px; }
.social-block .social-icons a {font-size:2em; text-decoration:none; display:inline-block; margin:0 3px;}
.social-block .social-icons a { color:#555555; }
.social-block .social-icons a:hover,
.social-block  .social-icons a:focus {color:#002758; text-decoration:none; }

@media only screen and (min-width:960px){
	.social-block  .slick-dots { display:none !important;; }
}
@media only screen and (max-width:959px){
	.social-block  .slick-next, .social-block  .slick-prev { display:none !important; }
}

/* Local Chapter Call Out - Related Chapter */

.closed .chapters-item {
    display: none;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
            transition: all .2s ease-in;
}
.chapters-item ul, .related-chapter-copy ul { list-style: none; margin: 0; margin-bottom: 5px; padding: 0; }
.chapters-item ul li, .related-chapter-copy ul li { margin-bottom: -5px; }
.spacer { margin: 0 10px; }
.subset { font-weight: bold; margin-bottom: 5px; }
.upcoming-events { margin-right: 10px; }

.chapters-item .close-btn {
    top: 35px;
    right: 35px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent;
}
.chapters-item .close-btn:before {
    width: 25px;
    height: 3px;
    background: #616262;
    top: 11px;
    right: 0;
}
.chapters-item .close-btn:after {
    width: 25px;
    height: 3px;
    content: " ";
    background: #616262;
    top: 11px;
    right: 0;
}
.related-chapter { border: 1px solid #dedede; }
.related-chapter-header { text-align: center; }
.related-chapter-header h2 { margin-bottom: 20px; padding: 14px 0 15px; }
.related-chapter-copy {
    margin: 0 25px 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}
.related-chapter-copy h3.title { line-height: 20px; margin-bottom: 10px; }
.related-chapter-copy h3.title span { font-weight: 400; }
.related-chapter-viewall { padding: 0 25px 25px; }
.related-chapter-viewall a { font-weight: bold; letter-spacing: 1px; position: relative; display: inline-block; }
.related-chapter-viewall a:after {
    content: " ";
    width: 0; 
    height: 0;
    margin-left: 5px;
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #002758;
}

.resource-item .aside {text-align: center;}
.resource-item .aside a { display: block;  min-height: 124px;}
.resource-item .aside .icon {width:90px; height:108px;}

.related-resources .aside .icon {width:26px; height:30px;}

/* ==========================================================================
   Global Modules
   ========================================================================== */
.full-width {width:100%;}
   
.more { font-size: 17px; font-weight:bold; font-family: 'Kanit', sans-serif; text-decoration:none;}
.more:hover, .more:focus { text-decoration:underline;}
.font-size-07 .more { font-size: 19px;}
.more:after { font-family: 'Basic-Icons'; content:"\25b8"; font-size: 14px;}
   
.title { position: relative; margin: 0 0 30px; font-size:32px; font-weight:300;}
[class*="border-btm"].title {padding-bottom: 10px;}
.title .more { display:block;}
.title .icon { position: absolute; top:-35px; right: 0;}	
.title.rss-btm .icon { top:0; }	

@media only screen and (min-width:768px){
	.title-with-link { padding-right:240px; }
	.title .more { position: absolute; top:5px;	right: 0; max-width:225px;}	

}

.title-alt {font-size:45px;}
.title-alt-01 {font-size:24px; margin: 0 0 20px;}
.title-alt-02 {font-size:20px; margin: 0 0 20px;}
.title-alt-03 {font-size:40px; }
.title-alt-04 {font-size:17px; }

.modContent{
	padding: 15px;
}

.date {font-family: 'Kanit', sans-serif; }


/* Forms and Filters
   ========================================================================== */
.row-expand-10 {margin:0 -10px;}
.filter-row {padding:5px 0;}
  
.formee label { display: block; font-size:17px; font-weight:bold; font-family: 'Kanit', sans-serif; }
.formee select {border: 1px solid #cccccc; padding:12px 15px; color:#777777; font-size:15px; }
.formee input[type="text"],
.formee input[type="password"] {font-family: 'Martel', serif; font-size:15px; padding:12px 15px;  color:#777777;}
.login-box.formee input[type="text"],
.login-box.formee input[type="password"] { padding:9px 15px; }
.formee input[type="date"] {font-family: 'Martel', serif; font-size:15px; padding:12px 15px;  color:#777777;}
.formee input.hasDatepicker {background: #fff url(../../../cms/images/layout/date-icon.jpg) no-repeat 97% 50% !important;}
.formee  .btn, .formee  a.btn {  display:inline-block;  margin:0;  font-size:17px;  padding: 12px 28px;}
.formee .btn.btn-fourth.chapters-btn { padding: 12px 20px 10px; }

input.chapter-text-box { width: 100%; max-width: 685px; }
.view-01 div:last-child input.chapter-text-box { margin-bottom: 25px; }
@media (min-width: 768px) {
    input.chapter-text-box { max-width: 360px; }
    .view-01 div:last-child input.chapter-text-box { margin-bottom: 0; }
}

.filter.view-01 > div,
.filter .view-01 > div {padding:5px 10px; vertical-align:middle;}
.filter div.middle-cell {text-align:center; width: 30px; padding: 20px 0 0 0; font-family: 'Kanit', sans-serif; color:#989898;}
.filter div.fixed-cell-01 { vertical-align: bottom; width: 210px; }
 @media (min-width: 768px) {
	.filter div.fixed-cell-02 { vertical-align: bottom; width: 66.66%; }
 }

.filter-boxes > div {font-family: 'Kanit', sans-serif; margin-bottom: 10px;}
.filter-box-item, .filter-box-item-01 { position:relative; background:#ba0c2f; color:#fff; padding:10px 15px; }
.filter-box-item-01 { background: #616262 }
.filter-box-item .icon-plus, .filter-box-item-01 .icon-plus { font-size: 9px; border-radius: 50%; display:inline-block; padding:3px; border: 2px solid #fff; vertical-align: 2px; margin-right: 3px;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}
 @media (min-width : 480px) {
	.filter-boxes > div {display:inline-block; margin-right:20px}
 }
 
.input-group.date-input { display: block; position: relative;}
.input-group.date-input .input-group-addon {
	display: table;
    position: absolute;
	width: 46px;
    height: 46px;
    z-index: 5;
    top: 1px;
    right: 1px;
    padding: 0;
    background: #fff;
    border: 0;
    color: #00529b;
}
.input-group.date-input .input-group-addon > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    text-align: right;
    padding-right: 10px;
}
.input-group.date-input .input-group-addon {
    cursor: pointer;
}
.input-group.date-input:hover .input-group-addon, .input-group.date:focus .input-group-addon {
    display: none;
}
.input-group.date-input.has-picker:hover .input-group-addon, .input-group.date-input.has-picker:focus .input-group-addon { display:table; }

.search-by-name {border-bottom: 1px solid #d3d3d3; font-family: 'Kanit', sans-serif;}
.search-by-name strong { font-size:17px; padding-right: 15px;}
.search-by-name a {color:#616b93; font-size:19px; padding-right: 30px;}
.search-by-name a:last-child { padding-right: 0px;}
@media (max-width : 639px) {
	.search-by-name strong { display: block; }
}

/* Contact Form */
.form-group label {
	margin-bottom:5px;
    display: block;
    font-size: 17px;
    font-weight: bold;
    font-family: 'Kanit', sans-serif;
}
.form-group select,
.form-group textarea,
.form-group input[type="text"] {width: 100%; margin-bottom:15px; border: 1px solid #cccccc;}
.form-group select {
    border: 1px solid #cccccc;
    padding: 9px 15px;
    color: #777777;
    font-size: 15px;
	height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.form-group input[type="text"], .form-group input[type="password"] {
    font-family: 'Martel', serif;
    font-size: 15px;
    padding: 9px 15px;
    color: #777777;
	height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.form-control {
    border-radius: 0 !important;
    box-shadow: none !important;	
}
.form-submit-border {
	margin-bottom:25px;
}
.form-submit-border .btn {
	border-radius:0 !important;
	font-size: 18px !important;
    padding: 15px 28px !important;
    font-weight: bold !important;
	color: #fff !important;
    background: #002855 !important;
    border: 0 !important;
}

/* removed because do not work with check-boxes and radio buttons
@media (min-width: 768px) {
	.form-group label {float: left; width: 30%; clear:left;}
	.form-group select,
	.form-group textarea,
	.form-group input[type="text"] {float: left; width: 70%;}
}
*/
   
/* Item Lists Content
   ========================================================================== */

.item-list {	margin:0 0 50px 0; padding:0; list-style:none;}

.item {	display: table;	padding: 40px 0;	width: 100%; border-top: 1px solid #ccc;}
.item h3 a { text-decoration: none; }
.item h3 a:hover, .item h3 a:focus { text-decoration: underline; }
li.item:first-child { border-top: 0; padding-top:0;}
li.item:last-child { padding-bottom:0;}
.vertical-banner .item { padding: 10px 0; border-top: 0; text-decoration: none; }
.vertical-banner.related-resources .item { padding: 0;}

@media (min-width : 640px) {
	.item > .content, .chapters-item > .content {display: table-cell; vertical-align: top;}
	.slideshow-navigation .item > .content {vertical-align: middle;}
}
.item > .content > strong {font-size:15px; font-family: 'Kanit', sans-serif;}
.item.item-alt > .content > strong {font-size:17px;}
.item.item-alt-01 > .content > strong {font-size:28px;}
.item > .content h3 {	font-size:24px;	margin:5px 0; color:#333333;}
.item > .content h3.font-color-01 { color: #C8102E; }
.item > .content h3 a {color:#333333; text-decoration:none;}
.item > .content h3 a:hover,
.item > .content h3 a:focus { text-decoration:underline; }
.item > .content p { margin: 0; }
.item > .content .date {	font-size:15px;	color:#616262;	margin-bottom:10px;}

/* Horizontal Items List
   ========================================================================== */
.horizontal-items > li { padding: 20px 0px;}
.horizontal-items img {margin-bottom: 20px; display:block;}
.horizontal-items .title {margin:0 0 10px 0; font-size: 24px; }
.horizontal-items .title-alt-04 {margin:0 0 15px 0; font-weight:400; }
.horizontal-items .info {line-height: 1.3em; }
.horizontal-items .btn {margin:10px 0 0 0; }
   
@media (min-width : 640px) and (max-width : 1023px){
	.horizontal-items.item-list {margin: 0 -15px 50px -15px;}
	.horizontal-items > li {float: left; width:50%; padding: 20px 15px;}
	.horizontal-items > li:nth-child(2n+1) {clear: left;}
}
@media (min-width : 1024px){
	.horizontal-items.item-list {margin: 0 -15px 50px -15px;}	
	.horizontal-items > li {float: left; width:25%; padding: 20px 15px;}
	.horizontal-items > li:nth-child(4n+1) {clear: left;}
}

.horizontal-items-alt { max-width: 670px; margin: 0 auto 50px auto;}
.horizontal-items-alt > li { padding: 20px 0px; font-family: 'Kanit', sans-serif; text-align:center;}
.horizontal-items-alt img {margin: 0 auto 20px auto; display:block; border-radius:50%;}
.horizontal-items-alt .title-alt-04 {margin:0 0 10px 0; font-weight:bold; text-align: center; }

@media (min-width : 640px){
	.horizontal-items-alt > li {float: left; width:33.333%; padding: 20px 15px;}
	.horizontal-items-alt > li:nth-child(3n+1) {clear: left;}
}

/* Item Media
   ========================================================================== */

.aside a:hover, .aside a:focus {opacity:0.7}
.item-alt .aside img { border-radius:50%; width:150px !important; height:150px !important; max-width:150px !important;}

.aside { position: relative;}


@media (min-width : 640px) {
	.aside {	display: table-cell; padding: 0 30px 0 0; width: 312px; position: relative;}
	.aside img {	width: 282px; }
    .chapters-item .aside { width: 330px; }
	.slideshow-navigation .aside {vertical-align:middle;}
	.item-alt .aside {	width: 190px;}	
	.item-alt-01 .aside {	width: 120px; vertical-align:middle;}
	.item-alt-01 .content {	vertical-align:middle;}
	.vertical-banner .aside {	width: 130px; }
	.vertical-banner.related-resources .aside {	width: 44px;  padding: 0 18px 0 0;}
	
	.leadership-item .aside {width: 150px;}
	.leadership-item .aside img {width: 120px;}
	.podcast-item .aside {position:relative; padding: 0;}
	.podcast-item .content { padding-left: 30px;}
}

.caption {	display: block;	font-size: 0.8em;	line-height: 1.2em;}

.play-arrow {position:absolute; background: rgba(17,42,98,.8); width: 124px; height: 124px; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; border-radius: 50%;}
.play-arrow:after {content:""; position:absolute; border-left: 40px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; top: 50%; left: 50%; margin-top: -22px; margin-left: -15px;}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right;
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}

/* ## Article Details - Main Image ## */
.article-main-img {position:relative; margin-bottom:10px;}
.article-main-img img {display:block; width:100%;}
.article-main-img span {display:block; padding:25px 20px;  font-size: 19px; color:#fff; background: rgb(0, 0, 0);}
@media only screen and (min-width:640px) {
	.article-main-img span { position:absolute; bottom:0; width:100%; background: rgba(0, 0, 0, 0.4);}
}


/* Pagination
   ========================================================================== */

.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled {
	display: none;
}

.paging-list li.disabled+li {
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {padding:0;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}


/* Search Results
   ========================================================================== */
.paging {
	padding: 30px 0 0 0;
	border-top: 1px solid #d3d3d3;
}
.paging nav { font-family: 'Kanit', sans-serif; font-size:17px; color:#002855; font-weight:bold;}
.paging input[type="submit"] { position: absolute; }
/* .paging nav .nav-direction { font-weight:normal; margin-left: 20px;} */
.paging nav li { display: inline-block; margin: 0 3px; }
.paging nav a { color:#002855;}
.paging nav .active a { color:#999999 !important; }

.paging nav li.paginationjs-prev {margin-right: 15px; font-weight: normal;}
.paginationjs-prev a:after {content: " Previous";}
.paging nav li.paginationjs-next {margin-left: 15px; font-weight: normal; }
.paginationjs-next a:before {content: "Next ";}

#pagination-container {display:inline-block;}
.all-pages { font-weight: normal;  margin-left: 10px;}



.results-list .item {border-top:1px solid #d3d3d3; padding:40px 0;}
.results-list li:first-child .item { border-top:0; }

.results-list > li:first-child {border-top:0;}
.results-list .item .more-info-links p {margin-bottom:10px; }
@media (min-width: 768px){
	.paging .results { float:left; }
	.paging nav { float:right;}
	.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
}
@media (min-width: 1200px){
	.results-list .item .description {width:80%; float:left;}
	.results-list .item .more-info-links {width:20%; float:left; text-align:right;}
}
@media (max-width: 1199px){
	.results-list .item .description {margin-bottom:20px;}
}

.results-list-title { padding-bottom: 20px; margin-bottom: 15px; font-family: 'Kanit', sans-serif; font-size:20px; font-weight:bold; color:#ba0c2f; border-bottom:1px solid #d3d3d3; }
.search-results .item { text-decoration:none;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.staff-ab-item { color:#002855;  padding:20px 0px; border-bottom: 1px solid #d3d3d3; }
@media (min-width: 768px){
	.staff-ab-item {display: table; width:100%; table-layout:fixed; border-bottom: none;}
	.search-results li .staff-ab-item > div:nth-child(1),
	.search-results li .staff-ab-item > div:nth-child(2) { width: 29% }
	.search-results li:first-child .staff-ab-item { border-top: 1px solid #d3d3d3; padding-top:40px; }
	.search-results li:last-child .staff-ab-item { border-bottom: 1px solid #d3d3d3; padding-bottom:40px; }
	.staff-ab-item > div {display: table-cell; padding: 0 10px;}
	.staff-ab-item > div:first-child { padding-left:0;}
	.staff-ab-item > div:last-child {text-align: right; padding-right:0;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.staff-ab-item {font-size:15px;}
}

.results-list > li:first-child .department-item {padding-top:10px;}
.department-staff > div { color:#002855;  padding:20px 0px; }
.department-staff > div:first-child { padding-top: 0; }
.department-staff > div:last-child { padding-bottom: 30px; }
@media (min-width: 768px){
	.department-staff > div {display: table; width:100%; table-layout:fixed; border-bottom: none;}
	.department-staff > div > div {display: table-cell; padding:0 10px;}
	.department-staff > div > div:first-child { padding-left:0;}
	.department-staff > div > div:last-child {text-align: right; padding-right:0;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.department-staff {font-size:15px;}
}

/* Search results - Online Proceedings */
.item.online-proceeding-item {padding: 10px 0; border:0;}
.item.online-proceeding-item h3 {font-size:16px; margin:0; font-family: 'Martel', serif;}
.highlighted-text {background:#f2f2f2; padding:10px 20px; margin: 10px 0;}


/* Search results - NEWS */
@media (min-width: 640px){
	.news-item .aside {width: 340px; padding-right:40px;}
	.news-item .aside img {width: 300px;}
}

/* Search results - Speakers */
@media (min-width: 640px){
	.event-speaker-item { border-bottom: 1px solid #d3d3d3;}
	.event-speaker-item .aside {width: 340px; padding-right:40px;}
	.event-speaker-item .aside img {width: 300px;}
}
.item.event-speaker-details {border:none;}

.event-speaker-details h3.title {font-size:40px; color: #C8102E;}
.event-speaker-details .highlighted-text {padding:33px 35px;}

/* Sponsors */
.sponsors-list { width: 100%; }
.sponsors-list > div { height: 230px; text-align:center; padding:0 10px; }
.sponsors-list > div img { max-height: 230px; }
.sponsors-list > div a { display:table; height: 100%; width: 100%; text-align: center; table-layout: fixed; }
.sponsors-list > div a span { display:table-cell; vertical-align: middle; }
@media (min-width: 480px){
	.sponsors-list > div {}
}
@media (min-width: 768px){
	.sponsors-list > div {}
	.sponsors-list > div:nth-child(2), .sponsors > div:nth-child(3) {text-align:center;}
	.sponsors-list > div:nth-child(4) {text-align:right;}
}

/* Membership fees */
.membership-fees-item { margin-bottom:20px;}
.membership-fees-item h3 { margin: 0; padding: 30px; font-size: 40px; font-weight: bold;}
.membership-fees-item a { text-decoration: none;}
.membership-fees-item .content { padding: 0px 20px 0px 20px; position:relative; border:1px solid #b4b4b4; border-top:0;}
.membership-fees-item .formee input[type="text"] {width:100%; font-size:18px;}
.membership-fees-item .formee > div .btn{width:100%;}
.membership-fees-item .view-more-hold .btn {width:100%;}
.membership-fees-item .formee > .defense-wrap input { width: 100%; margin-bottom: 20px; }
.membership-fees-item .formee > .defense-wrap:first-child input { padding: 12.5px; }

@media (min-width:640px){
	.membership-fees-item .formee {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width:100%; table-layout:fixed;
	}
	.membership-fees-item .formee > .defense-wrap:first-child { width: 95%; display: inline-block; }
	.membership-fees-item .formee > .defense-wrap:last-child { width:170px; }
}

@media (max-width:1023px){
	.membership-fees .grid_6 {width: 100%;}
	.membership-fees-item .formee {margin-bottom:30px;}
	.membership-fees .grid_6:first-child .membership-fees-item {margin-bottom:30px;}	
}

.m-table { line-height: 1.2em; text-align:center; display: table; width:100%; table-layout:fixed;}
.m-table.three-clm {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+33,ededed+33,ededed+66,ffffff+66,ffffff+66,ffffff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(237,237,237,1) 33%, rgba(237,237,237,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(237,237,237,1) 33%,rgba(237,237,237,1) 66%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(237,237,237,1) 33%,rgba(237,237,237,1) 66%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.m-table.two-clm {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,ffffff+50,ededed+50,ededed+100 */
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(254,252,234,1) 0%, rgba(255,255,255,1) 50%, rgba(237,237,237,1) 50%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(254,252,234,1) 0%,rgba(255,255,255,1) 50%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(254,252,234,1) 0%,rgba(255,255,255,1) 50%,rgba(237,237,237,1) 50%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */

}
.m-table > div {display: table-cell; vertical-align:top;}
.m-table > div:nth-child(2) {background:#ededed;}
.m-table .m-table-head {text-align:center; font-size: 22px; font-weight:bold; padding: 40px 10px;}
.m-table > div > div {width:100%;  padding: 2px 10px;}
.m-table > div > div:last-child { padding: 2px 10px 50px 10px;}
.price-label {display: inline-block; min-width:30px;}
.price-value { position: relative; display: inline-block; min-width:84px; background:#cccccc; border-radius: 8px; padding: 5px 15px 5px 10px;; font-size:25px; color:#212121; font-weight:bold; line-height:1; text-align: left;}
.price-value:hover, .price-value:focus { opacity:0.7; text-decoration:none; }
.price-value sup { font-size: 52%;  }
.price-value:after { 	font-family: 'Basic-Icons';  content: "\3e";  position: absolute;  right: 4px;  top: 13px;  font-size: 9px; }
.price-info {position:relative; display:block; padding-left: 45px; font-weight:bold; line-height:1; text-align: left;}
.price-info span.popup-trigger {position:absolute; top:0; left:0; display:block; width:30px; height:30px; text-align:center; font-weight:bold; line-height:1;  background:#cccccc; border-radius:50%; font-size:22px; padding-top: 4px; cursor:pointer; }

@media (max-width:479px){
	.membership-fees-item .content {padding:0 5px;}	
	.m-table .m-table-head { font-size: 14px; font-weight: normal;  padding: 30px 5px; }
	.price-value {  min-width: 74px;  font-size: 20px;}
	.m-table > div > div { padding: 10px 2px 10px 5px; }
	.price-info {padding: 0; text-align: center;}
	.price-info span.popup-trigger {position: static; margin: 0 auto;}
}


/* Member Login */
.member-login .vertical-banner { position: relative; padding-bottom: 20px; }
.member-login .vertical-banner .content > div {border:0;}
.member-login .vertical-banner .content .formee > div {margin-bottom: 10px;}
.member-login .vertical-banner .content .formee > div.login-submit {margin-top: 25px;}
.member-login .vertical-banner .content .formee input[type="text"],
.member-login .vertical-banner .content .formee input[type="password"] {width:100%;}
.member-login .vertical-banner .content .formee .two-buttons .btn {width:230px; margin-bottom:5px;}
.forgot-password {font-size:15px; color:#616262; display:block;}
@media (min-width: 480px){
	.forgot-password {display:inline-block; margin-right: 20px;}
}

@media (min-width: 1024px){
	.member-login {max-width: 906px; margin: 0 auto; padding: 30px 0;}
	.member-login > div {display:table; width: 100%;}
	.member-login-item {display:table-cell; vertical-align: middle; width:40%}
	.member-login-item.devider {width: 20%;}
	.member-login-item.devider > span { display: block; margin: 0 auto; width: 55px; height: 1px; border-bottom: 1px solid #cfd4e0; }
}


/* Search results - Divisions - Chapters */
a.division-item, a.chapters-item { color:#333333; }
.division-item:hover, .division-item:focus, a.chapters-item:hover, a.chapters-item:focus {  background: #f3f4f4; text-decoration:none; }
@media (min-width: 640px){
	.division-item .aside, a.chapters-item .aside {width: 340px; padding-right:40px;}
	.division-item .aside img, a.chapters-item img {width: 300px;}
}

/* Leadership Listing */
.item.leadership-item { line-height: 1.3em; }
.item.leadership-item > .content h3 { font-size:20px; margin: 0 0 5px 0;}
.item.leadership-item > .content h3 a {color:#616b93; }
.results-list li .item.leadership-item { border-top: 1px solid #d3d3d3; border-bottom:0; }
.results-list li:first-child .item.leadership-item { border-top: 0;}

@media (min-width: 768px){
	/*.splited-two-clm > li {float: left; width: 50%;}
	.splited-two-clm > li:nth-child(odd) {clear:left; padding-right:15px;}
	.splited-two-clm > li:nth-child(even) {padding-left:15px;}
	.results-list li:nth-child(2) .item.leadership-item { border-top: 0;} */
}

/* Bio Details */
.bio-details > div:first-child img {width:190px; display:block; margin-right: 35px; margin-bottom:10px; }
.bio-content .title { font-size: 24px; margin-bottom: 10px;}
.bio-content .organization { margin-bottom: 10px; font-size:18px;}
.bio-contacts {font-size:17px;}
.bio-contacts p {margin-bottom: 8px; }
.bio-contacts [class*="icon-"] {display:inline-block; margin-right: 15px; font-size: 1.4em;  vertical-align: -3px;}

@media (min-width: 480px){
	.bio-details {display: table; }
	.bio-details > div {display: table-cell; vertical-align: top; }	
}
@media (min-width: 640px){
	.bio-content .title { font-size: 40px; }
	.bio-content .organization { margin-bottom: 20px; font-size:20px;}
	.bio-contacts p {margin-bottom: 15px; }
}

/* Responsive Table */
.responsive-table {text-align:center;}
.responsive-table-row.main-heading-row {background:#ba0c2f; color:#fff; font-family: 'Kanit', sans-serif; font-size:20px;}
.responsive-table-row.main-heading-row > div:first-child {text-align:center;}
.responsive-table-row.heading-row {background:#d7d7d7; font-family: 'Kanit', sans-serif; font-size:17px;}
.responsive-table-item {padding:20px;}
.responsive-table-item .extra-info {font-size:13px;}

.responsive-table-row {display:table; width:100%;}
.responsive-table-row > div {display:table-cell; vertical-align:top; }
.responsive-table-row.main-heading-row > div:first-child {width:100%;}

@media (min-width: 640px){
	.responsive-table-row > div { width:20%;}	
	.responsive-table-row > div:first-child {text-align:left; width:40%;}	
	.responsive-table-row.main-heading-row > div:first-child {width:100%;}	
	.responsive-table-row.full-width-cell > div:last-child {width:60%;}
	
	.responsive-table-row > div { border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;}
	.responsive-table-row > div:last-child {border-right:1px solid #c0c0c0;}
	.responsive-table-row:last-child > div { border-bottom:1px solid #c0c0c0;}
}
@media (min-width: 640px) and (max-width: 1023px) {
	.responsive-table-item {padding:20px 8px;}
}
@media (max-width: 639px){
	.responsive-table-row > div {display:block; float:left; width:33.333%;}
	.responsive-table-row > div:first-child { width:100%;}
	.responsive-table-row.full-width-cell > div:last-child {width:100%;}
	
	.responsive-table-row > div { border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;}
	.responsive-table-row > div:last-child {border-right:1px solid #c0c0c0;}
	.responsive-table-row:last-child > div { border-bottom:1px solid #c0c0c0;}	
}

/* Agenda */
.agenda-day { margin-bottom: 20px;}
.agenda-day-top { border-top:1px solid #d3d3d3;}
.agenda-day-top .btn { margin-bottom: 10px; }
.full-agenda .agenda-day-top { border-top:0; padding:20px 0;}
.agenda-day-top > div:first-child {font-family: 'Kanit', sans-serif; font-size:19px; }

.agenda-carousel-navigation-hold {padding: 40px; font-family: 'Kanit', sans-serif; font-size:24px; font-weight:bold;}
.agenda-carousel-navigation-hold .slick-slide { text-align: center; }
.agenda-carousel-navigation-hold span {cursor:pointer; }
.agenda-carousel-navigation-hold .slick-current span {color:#ba0c2f; text-decoration:underline; }

.agenda-table .heading-row {background:#002855; color:#fff; font-family: 'Kanit', sans-serif; font-size:20px;}

.agenda-table-item {padding:20px;}

.agenda-title > div:first-child { margin-bottom:10px; }
.agenda-title > div.sponsor { font-family: 'Kanit', sans-serif; font-size:12px; }
.agenda-title > div.sponsor img { margin-left: 10px; }
.agenda-title > div.sponsor > div {display:table; }
.agenda-title > div.sponsor > div > div {display:table-cell; vertical-align: middle; }
.agenda-title label { margin-left: 20px; }
.agenda-title label strong { font-family: 'Kanit', sans-serif; font-size:20px; font-weight:bold;}
.agenda-title .plane-icon:after { content: "\2b"; font-family: 'Basic-Icons'; margin-left:15px;}

.agenda-description { margin-top: 10px;}
.agenda-description .aside {width:100px;}
.agenda-description .aside img {width:80px;}
.agenda-description .item > .content p {margin-bottom:10px;}
.agenda-description .item > .content p:last-child {margin-bottom:0px;}

@media (min-width: 640px){	
	.agenda-table-row {display:table; width:100%; table-layout: fixed; }
	.agenda-table-row > div {display:table-cell; vertical-align:top;}
	.agenda-table-row > div:first-child {width:162px;}
	.agenda-table-row > div:last-child {width:25%;}
	
	.agenda-table-row > div { border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;}
	.agenda-table-row > div:last-child {border-right:1px solid #c0c0c0;}
	.agenda-table-row:last-child > div { border-bottom:1px solid #c0c0c0;}
	
	.agenda-description { margin-left: 38px;}
	
}
@media (min-width: 1024px){
	.agenda-carousel-navigation-hold {padding: 40px 14%;}
	.agenda-carousel-navigation-hold .slick-prev {left: -90px;}
	.agenda-carousel-navigation-hold .slick-next {right: -90px;}
	
	.agenda-title > div:first-child {float:left; margin-bottom:0; }
	.agenda-title > div.sponsor {float:right; width:150px;}	
}
@media (max-width: 639px){
	.agenda-table {font-size:13px;}
	.agenda-table-item {padding:10px 5px;}
	.agenda-title label { margin-left: 5px;}
	.agenda-table .heading-row { font-size: 17px; }
	.agenda-title label strong {font-size: 17px;}	
	.agenda-table-row {display:table; width:100%; }
	.agenda-table-row > div {display:table-cell; vertical-align:top;}
	.agenda-table-row > div:first-child {width:80px;}
	.agenda-table-row > div:last-child {width:25%;}
}

/* ## Gallery Details - Photos Slideshow ## */
.photo-gallery .slick-slide img { margin: 0 auto; }
@media only screen and (min-width:768px) {
	.photo-gallery .slick-dots { display:none !important; }
	.photo-gallery .slick-slide img { width: auto; height: 450px !important;  margin: 0 auto; }
}
@media only screen and (min-width:1200px) {
	.photo-gallery .slick-slide img { width: auto; height: 738px !important;  margin: 0 auto; }
}

.photo-gallery-item {position:relative; background: rgba(0,0,0,.9);}
.photo-gallery-item .photo-gallery-text {display:block; position:absolute; bottom:35px; width:100%; padding:25px 20px; color:#fff; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4);}
.photo-gallery-item .photo-credit { margin:0; height: 35px; padding-top: 5px; text-align: right; font-size: 12px; color: #767676; background: #fff; }

.photo-gallery-nav { padding: 0 30px; }
.photo-gallery-nav .slick-prev {  left: 0 !important; }
.photo-gallery-nav .slick-next {  right: 0 !important; }
.photo-gallery-nav .slick-slide { overflow:hidden; height: 174px; }
.photo-gallery-nav .slick-slide .photo-gallery-nav-item { border: 3px solid transparent; height:174px !important; overflow:hidden;}
.photo-gallery-nav .slick-slide img { margin: 0 auto; opacity: .5; min-height:168px !important; min-width:100%;}
.photo-gallery-nav .slick-slide.slick-current .photo-gallery-nav-item { border: 3px solid #ea1515;  }
.photo-gallery-nav .slick-slide.slick-current img { opacity: 1; }

.photo-gallery-nav-item { width: 290px; height: 195px; overflow: hidden; }
.photo-gallery-nav-item img { width: 290px; height: 190px; object-fit: cover; }

@media only screen and (max-width:767px) {
	.photo-gallery-hold {padding-bottom:40px;}
	.photo-gallery-nav {display:none !important;}
}

/* Error pages */
.error-msg-svg { text-align: center; }
.error-msg-svg .icon { width: 225px; height: 210px; margin: 0 0 20px; }
@media (min-width: 768px) {
	.error-msg-svg {
		width: 35%;
		float: left;
		border-right: #c8102e 10px solid;
		padding-right: 5%;
		margin-right: 5%;
	}
	.error-msg {
		width: 60%;
		float: right;
		padding-left: 0;
		padding-right: 0;
	}
	.error-msg-svg .icon { margin: 0; }
}
@media (min-width: 1024px) {
	.error-msg-svg {
		width: 25%;
	}
	.error-msg {
		width: 65%;
	}
}

   
/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
.alert {
	overflow:hidden;
	border: 1px solid #ff6666;
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #ff0000;}
.alertSign {float:left;}
.alertItem {padding:10px 0; margin:0 0 0 50px;}
.alert a, .alert .date {color:#fff;}

.bdr        { border:1px solid #ccc; padding:1px; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: rgba(0,0,0,0.03);}
.row		{}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.sortStatus {float:left;}
.genericPager {float:right;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:11px; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#003871; padding:2px 4px; border:1px solid #ddd; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#000; background-color:#CFCFCF; border: 1px solid #000; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
                           MODULE STYLES
===================================================================*/

.back-to-link { position: absolute; top: -42px;  right: 10px;  text-transform: uppercase;}
.back-to-link:hover,
.back-to-link:focus { text-decoration:none; color:#C8102E;}
.back-to-link:before {
    font-family: 'Basic-Icons';
	content: "\3c";
	margin-right: 5px;
    vertical-align: -1px;
}

.go-to-link-hold { position:relative;}
.go-to-link-hold a { position:absolute; top: -28px; width:100%; text-align: center; }
a.go-to-link {color:#ba0c2f; text-transform: uppercase;}

.bar { background:#f3f4f4; font-family: 'Kanit', sans-serif; padding: 17px 0;}

/* ##  Breadcrumb  ## */

.breadcrumbs { text-decoration:none; font-size:17px; font-weight:bold; color:#292c2e; }
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; color:#ba0c2f; font-weight:normal; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 10px; font-weight:normal; color:#ba0c2f; }


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {text-transform:uppercase; font-size:17px;     margin-bottom: 6px; }

.pageTool { margin:0 10px 0; color: #5d5d5d; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a {display:inline; text-decoration:none; font-weight: 600; color: #5d5d5d;}
.pageToolsWrapper a:nth-child(2) { margin-left:0px;}
.pageToolsWrapper a:hover,
.pageToolsWrapper a:active {color:#1C4E87; text-decoration:none;}
.pageToolsWrapper a span {font-size: 20px; vertical-align: -3px;}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

.addthis_toolbox { display:inline; }

@media only screen and (min-width:768px) {
	.pageToolsWrapper {float:right; display:inline; text-align:right; margin-bottom: 0px;}
	.pageToolsWrapper a:nth-child(2) { margin-left:10px;}
}

@media only screen and (max-width:1200px) {
	.pageToolsWrapper a:first-child {display:none;}
}


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

.hd  {padding:10px; border-bottom:3px solid #ccc; margin:0 0 10px 0;}
.ftr {padding:10px; border-top:3px solid #ccc; font-size:11px; text-align:center;}

.printBody {margin:0; padding:0; color:#333; background:#fff; width:100%;}
.printWrpr {width:660px; text-align:left; margin:0 auto; z-index:1;}

.emailBody {margin:0; padding:0; background:#fff; width:100%;}
.emailWrpr {width:680px; text-align:left; margin:0 auto; z-index:1;}


/* CUSTOM PRINT STYLES */
.print-only-footer {display: none; padding-top:20px;}
@media print {
	
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }	

	body, html {width:100%;}
	
    .header-top,
    .header-bottom-right,
    .search-hold,
    .main-nav,
    .bar,
    .asied-content,
    .footer-top,
	.footer-mid,
	.sub-footer,
	.not-for-print,
	.search-by-name,
	.filter-boxes,
	.paging,
	.filter.formee,
	.title .icon	{ display:none !important; }
 
	
	.logo-hold { width: 100%; }
	.header-bottom-left {  width: 100%;  text-align: center; }
	
	.footer-wrpr {padding: 0; border-top: 1px solid #e3e3e3; }
	
	.print-only-footer {display: block; text-align:center;  page-break-after: avoid;}
	
	.stuck {position:relative !important;}
	
	.splited-two-clm > li {width: 100% !important;}
}

/* ## Banners ## */

.banner {position:relative;}
.banner > a {
	position:relative; 
	display: block; 
	overflow: hidden;
    width: 100%;
    height: 100%;
	color:#fff;	
}
.banner > a:hover, .banner > a:focus {
	opacity:0.7;
}
.banner .media {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
    width: 100%;
    height: 100%;	
	background-repeat: no-repeat;
    background-size: cover;
}
.banner .content {
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
	font-size:20px;
	line-height:20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.carousel-with-rows .banner .content {
	background: rgba(0, 0, 0, 0.4);
}
.banner .content h3 {
	font-size:20px;
	font-weight:400;
	margin:0;
}
.banner .content .date {
	font-weight:700;
	font-size:13px;
}
.banner .banner-label {
	position:absolute;
	top:0;
	left:0;
	padding:5px 10px;
}

.height-01, .height-01 .banner {height:500px;}
.height-02 .banner {height:182px;}
.height-03, .height-03 .banner  {height:300px;}

/* Slideshow Banners ## */
.slideshow-hold .banner { position: relative; }
.slideshow-hold .banner .content { height:100%; padding:0; }
.slideshow-hold .banner .content .slideshow-top-text{ text-shadow:none; }
.slideshow-hold .banner.has-overlay .media { position:relative; background-position: 50%; }
.slideshow-hold .banner.has-overlay .media:after{ content:""; position:absolute; top:0; left:0; width: 100%; height:100%; background:#84807a; opacity:0.3;}

/* Slideshow Alt ## */
.slideshow-01 .slick-prev, .slideshow-01 .slick-next {  width: 56px;  height: 50px; margin:0; background: #7f7f7f; top:auto; bottom:9px; z-index:1;}
.slideshow-01 .slick-prev {right:56px; left:auto; }
.slideshow-01 .slick-next {  right:0; }
.slideshow-01 .slick-prev:hover,
.slideshow-01 .slick-prev:focus,
.slideshow-01 .slick-next:hover,
.slideshow-01 .slick-next:focus {background:#002854;}
.slideshow-01 .slick-prev:before, .slideshow-01 .slick-next:before {color:#fff;}

/* Slideshow with slides for navigation ## */
.slick-slide  { outline:none;}

.slideshow-with-nav-hold {position:relative;}
.slideshow-with-nav-hold .slick-dots { bottom: 0;}
.slideshow-with-nav-hold .slick-dots li button:before {border: 2px solid #fff;}
.slideshow-with-nav-hold .slick-dots li.slick-active button:before {	border: 2px solid #fff; background: #fff;}

@media only screen and (min-width:1024px){
	.main-slideshow .content .container > div  {width: 72%;}
	.featured-events-slideshow.slideshow-hold .content .container > div {  padding: 0 40px; }
	.featured-events-slideshow.slideshow-hold .content .container > div > div { vertical-align: bottom;  padding-bottom: 25px;}
}
@media only screen and (min-width:1200px){
	.main-slideshow {padding-right: 430px;}
	.main-slideshow-navigation {position:absolute; top:0; right:0; width:430px; height:100%; background:#01143e;}

	.featured-events-slideshow {padding-right: 393px;}
	.featured-events-navigation {position:absolute; top:0; right:0; width:393px; height:100%; background:#01143e;     z-index: 999;}
	
	.slideshow-with-nav-hold .slick-dots {display:none !important;}	
}
@media only screen and (max-width:1199px){
	.slideshow-navigation {display:none !important;}
}

.slideshow-navigation .slick-slide  {max-height:125px; outline:none; cursor:pointer;}
.slideshow-navigation .slick-current {background:#002758;}
.slideshow-navigation .slick-current .item:before {content:""; position:absolute; top:38px; left:-50px; border:25px solid transparent; border-right: 25px solid #002758;}
.slideshow-navigation .slick-list {overflow:visible;}
.slideshow-navigation .item { position:relative; margin: 0; padding: 0; color:#fff; height: 125px; border-bottom:1px solid #000; border-top:0; line-height: 1.2em; }

.main-slideshow-navigation .item .aside img { width: 70px !important; height: 65px !important; margin: 7px auto 0 auto;}
.main-slideshow-navigation .item > .content > strong {font-size: 16px;}
@media (min-width: 640px){
	.main-slideshow-navigation .item .aside { width: 120px; padding-right: 0px; }
}

.featured-events-navigation .item {padding-left: 30px; padding-right:30px;}


/* ## Interior Top Banners ## */
.interior-top-banner .content,
.interior-top-banner .container,
.interior-top-banner .grid_12 { height:100%; }
.interior-top-banner h1 { 
	margin:0;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
	color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.interior-top-content {display:table; height:100%; width:100%;}
.interior-top-content > div {display:table-cell; vertical-align:middle;}



/* ## Vertical Banners ## */
.vertical-banner {position:relative; padding-bottom: 74px; background: #fff;}
.vertical-banner.has-no-button { padding-bottom: 0px; }
.vertical-banner .view-more-hold {position:absolute; left:30px; bottom:25px; margin: 0;}
.vertical-banner.vertical-banner-alt {background:none;}
.vertical-banner.vertical-banner-alt .view-more-hold {left:0px; bottom:0px;}
.vertical-banner > .content {padding: 0 30px;}
.vertical-banner.vertical-banner-alt .content {padding: 0px;}
.vertical-banner .content > div {border-bottom:1px solid #cccccc; padding:10px 0;}
.vertical-banner .vb-top-title { margin-bottom: 10px; padding:20px; box-sizing:content-box;}
.vertical-banner .vb-title { margin-bottom: 0;}
.vertical-banner .vb-title a { text-decoration:none; }
.vertical-banner .vb-title a:hover, .vertical-banner .vb-title a:focus { text-decoration:underline; }
.vertical-banner .vb-title .item { padding: 0; border: 0; }
.vertical-banner .vb-title .item .icon { margin-right: 15px; }
.vertical-banner .vb-top-title .icon {width:28px; height:28px; margin-bottom: -5px; }
@media (min-width: 640px){
	.vertical-banner .content.horizontal { padding: 10px 0; margin: 0 30px; border-bottom:1px solid #cccccc;}
	.vertical-banner .content.horizontal > div {float: left; width: 50%; border-bottom:0; padding: 0; margin-bottom: 20px;}
	.vertical-banner .content.horizontal > div:nth-child(odd) {padding-right: 30px; border-right:1px solid #cccccc; clear: left;  }
	.vertical-banner .content.horizontal > div:nth-child(even) {padding-left: 30px;  }
}
@media (min-width: 640px) and ( max-width: 800px ){
	.carousel.vertical-banners-group .vertical-banner .vb-title {font-size:16px;}
}

.speakers { position: relative; }
.speakers .content { position: relative;}
.speakers .content:after { font-family: 'Basic-Icons'; content: "\3e"; position: absolute; top:50%; right: 15px; color: #1c7bae; font-weight:bold; font-size:25px;
		-ms-transform: translate(0,-50%); /* IE 9 */
   	-webkit-transform: translate(0,-50%); /* Safari */
			transform: translate(0,-50%);
 }
@media (max-width: 479px){
	.vertical-banner.vertical-banner-alt-01 .content {padding: 10px 25px 10px 15px;}
	.speakers .content:after {right:0;}
}
.speakers .slick-prev:before, .speakers .slick-next:before { color: #8c8c8c;}
.speakers a:hover, .speakers a:focus {text-decoration:none; opacity:0.9;}
.has-overlay-02:before {  position:relative; }
.has-overlay-02:before {  content: "";    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    background: #f2763b;    opacity: 0.9;}
.speakers .vertical-banner-alt-01 { background:#fff; }
.vertical-banner-alt-01 img { margin-bottom:10px;}
.vertical-banner-alt-01 h3 {color:#1c7bae; font-size:15px; margin-bottom:10px; font-weight:bold; letter-spacing: 0.1em;}
.vertical-banner-alt-01 h4 {color:#333333; font-size:18px; margin-bottom:0;}
.vertical-banner-alt-01 h5 {color:#666666; font-size:15px; margin-bottom:0;}

.vertical-banner-alt-02.vertical-banner  {padding-bottom:35px;}
.vertical-banner-alt-02.vertical-banner  .vb-top-title  {padding: 25px 0 15px; margin: 0 30px 10px;}
.vertical-banner-alt-02.vertical-banner .content > div { border:0; }
.vertical-banner-alt-02.vertical-banner .content p { margin-bottom:10px; }
.vertical-banner-alt-02 .vb-inner-item { margin-bottom:15px; }
.vertical-banner-alt-02 .vb-inner-item:last-child { margin-bottom:0; }

.vertical-banner-rotate-image .media {height:211px; width:100%; background-position:50% 0; background-size:cover; position:relative;}
.vertical-banner-rotate-image .media .banner-label {position: absolute; left:0; top:0; color:#fff;  line-height: 1em;  padding: 5px 10px; font-family: 'Kanit', sans-serif; font-size:14px;}
.vertical-banner-rotate-image .media .banner-overlay { position: absolute; left:0; bottom:0; width:100%; color:#fff;  padding: 15px 25px; font-size: 20px; font-family: 'Kanit', sans-serif; font-weight:bold; background: rgb(62, 57, 57); background: rgba(62, 57, 57, 0.6);}
.vertical-banner-rotate-image .content > div {padding:30px;}


/* ## Sponsors ## */
.sponsors img {display:block; margin: 0 auto 6px auto;}


/* ## Event Details ## */

.event-summary {font-size:17px;}
.theme-colors-09 .event-summary {color:#fff;}
.theme-colors-09 .event-summary a:not(.btn) {color:#a4cfeb; font-size:15px;}
.theme-colors-09 .event-summary svg {fill: #fff;}

.event-summary h1 {border-bottom:1px solid #aeb1b4; padding-bottom: 40px; color: #fff;}

.event-summary .view-01 > div:nth-child(1) {width: 35%;}
.event-summary .view-01 > div:nth-child(2) {width: 50%; padding:0 20px;}
.event-summary .view-01 > div:nth-child(3) {width: 15%; text-align:right;}

@media (min-width: 768px) and (max-width: 1023px){
	.event-summary .view-01 > div:nth-child(1) {width: 30%;}
	.event-summary .view-01 > div:nth-child(2) {width: 50%;}
	.event-summary .view-01 > div:nth-child(3) {width: 20%; text-align:left;}
}
@media (max-width: 767px){
	.event-summary .view-01 > div {width:100% !important; padding: 10px 0 !important; text-align:left !important;}
}

.event-media {position:relative;}
.event-media img {display:block;}
.event-media span { position: absolute; top: 0; left: 0; background:#0071bb; font-size:14px; font-weight:bold; padding: 6px 10px; line-height:1em; color: #fff; font-family: 'Kanit', sans-serif;}

.event-summary .item-list {margin:0; }
.event-summary .item { border: 0; padding: 0 0 20px 0; }
.event-summary .item:last-child { padding:  0; }
.event-summary .item > .content > strong { font-size: inherit;}
.event-summary .item .asside {width:44px;}
@media (min-width: 640px) {
	.event-summary .aside { padding: 0 10px 0 0; width: 44px !important;}
}


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {position:relative; margin-bottom:10px; padding:20px 0 0;}


/* footer top */
.footer-top {font-size:15px; font-weight:bold; border-bottom: 1px solid #4d5255; padding-bottom: 40px; margin-bottom: 58px;}
.footer-top  .view-01 { padding-bottom: 20px;}
.footer-top .view-01 > div {vertical-align:middle; padding: 14px;}
@media only screen and (max-width:767px) {	
	.footer-top  .view-01 > div {float:left; width:50%; text-align:center;}
	.footer-top  .view-01 > div:first-child{width:100%;}	
	.footer-top  .view-01 > div:nth-child(3n+1) {clear:left;}	
}

/* footer middle */
.footer-mid { padding-bottom: 20px;  border-bottom: 1px solid #4d5255; }
.footer-mid-left {  padding-bottom: 20px;}
.footer-logo img {margin-bottom: 30px;}
.footer-address { font-size:15px; color:#d4d4d4; line-height:1.4em; }
.footer-address a {  color:#d4d4d4;}
.social-icons a { color:#d4d4d4;}
.social-icons a[class*="icon-"] {font-size:20px; text-decoration:none; display:inline-block; margin:0 3px;}
.social-icons a[class*="icon-"]  { color:#6d7174; }
.social-icons a[class*="icon-"]:hover,
.social-icons a[class*="icon-"]:focus {color:#fff; text-decoration:none; }

.main .social-icons {margin-bottom: 20px;}
.main .social-icons a[class*="icon-"] {font-size:30px; margin:0 5px; }
.main .social-icons a[class*="icon-"]:first-child { margin-left:0; }

.ftr-links, .ftr-links a {color:#fff;}
.ftr-links.view-01 > div {   padding: 0 10px;}
.ftr-links strong {position:relative; font-size:18px; display: block;  margin-bottom: 5px;}
.ftr-links ul {line-height:1.2em;}
@media only screen and (max-width:767px) {
	.footer-wrpr .hidden-content {display:none !important;}
	.footer-wrpr .hidden-content.open {display:block !important;}
	
	.ftr-links.view-01 > div {padding: 20px 0; border-top:1px solid #4d5255;}
	.ftr-links strong:after {font-family: 'Basic-Icons'; content: "\2b"; position:absolute; right:0; top:5px; font-weight:normal; font-size:14px;}
}

/* footer bottom */
.sub-footer { padding:30px 0 0 0; font-size:12px; color:#8b8f92}
.sub-footer a { color:#8b8f92}
.sub-footer img { margin-top:40px;}

.sub-footer .copyright { text-align:right;}
.sub-footer .copyright a:before { content:"|"; padding:0 5px;}

@media only screen and (max-width:1023px) {
	.sub-footer .copyright > span { display:block;}
	.sub-footer .copyright a:first-child:before { display:none;}
}
@media only screen and (max-width:767px) {	
	.sub-footer .copyright { text-align:left;}
}
@media only screen and (max-width:479px) {	
	.sub-footer .copyright > span > span { display: block; }
}
@media only screen and (min-width:768px) and (max-width:1200px) {	
	.sub-footer .copyright > span{ display: block; }
}

/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }
table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:20px;}
table.dataTbl th {background:#478c26; padding:6px 15px; font-size:1em; border:1px solid #478c26; border-bottom:2px solid #fdd539; color:#fff;}
table.dataTbl th a {color:#fff; text-decoration:underline;}
table.dataTbl td {vertical-align:top; padding:6px 15px; border:1px solid #E1E1E1;}
table.dataTbl td td {border-style:none;}

/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:0px 0 15px 0; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

.vd {padding:0 5px;}
.topOfPage {text-align:right;}
.topOfPage a {background:transparent url(/cms/images/arrow.gif) no-repeat 100% 50%; padding-right:13px;}

.figure-right {display:table; max-width:100%; float:right; margin:0 0 15px 20px;  border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0;}
.figure-left  {display:table; max-width:100%; float:left; margin:0 20px 15px 0; border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0;}
.figure-right figcaption,
.figure-left figcaption {margin-top:5px; display:table-caption; caption-side:bottom; font-size:0.9em;}

.figure-right img,
.figure-left img {
    display: block;
    width: 100%;}

.image-and-text > div { padding-bottom:10px; }
.image-and-text img {  }
@media (min-width:640px) {
	.image-and-text > div { float: left; }
	.image-and-text > div:first-child { padding-right: 10px; }
}

.data-table {width:100%; table-layout: fixed;}
.data-table.has-image { table-layout: initial;}
.data-table.has-image img {width: 170px; max-width:170px;}
.data-table td {  border: 1px solid #e3e3e3; padding: 10px; vertical-align: top;}
.data-table.has-image td {  border: 0;}
.data-table.has-image td:first-child {  padding-left:0;}
.data-table tr:nth-child(even) {background: #f3f4f4;}
.data-table.has-image tr:nth-child(even) {background: none;}
@media (max-width:639px) {
	.data-table td {
		display: block; width: 100%; border:0;
	}
	.data-table.has-image td {  padding:10px 0;}
	.data-table tr { border: 1px solid #e3e3e3;}	
	.data-table.has-image tr { border: 0;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}	
}

#twitter-list { background:#fff; }
#twitter-list a { color:#002758; }
#twitter-list ul { margin:0; padding:0; }
@media (min-width:960px) {
	#twitter-list ul { padding: 0 0 60px 0; }
}
#twitter-list .user img {display:inline; }
#twitter-list .media { display:none; width: 40%; height: 280px; overflow: hidden; margin: 0; position:relative; }
#twitter-list .media img { position: absolute; top:0; left:0;}
#twitter-list .user,
#twitter-list .tweet,
#twitter-list .timePosted { padding: 0 30px; }
@media (min-width:640px) {
	#twitter-list .media {display:block;}
	#twitter-list .has-media .user,
	#twitter-list .has-media .tweet,
	#twitter-list .has-media .timePosted {float: right; width: 55%; }
}

#twitter-list .slick-prev,
#twitter-list .slick-next {     top: 100%;  width: 55px;  height: 50px;  margin-top: -50px; background:#002854; z-index:1; }
#twitter-list .slick-prev {     left: auto; right: 56px; }
#twitter-list .slick-next {     right: 0; }
#twitter-list .slick-prev:before,
#twitter-list .slick-next:before { color:#fff; opacity:1; }

/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {float:none; display:block; width:100%; text-align:center;}

}



/* Mobile First */

@media (min-width:1024px){
	.tabs-hold { background: #cecece;}
}

.tabs {margin-top:-70px;}

.tabSection {

}

.tabSection + .tabSection {

}

.tabContent {
	padding:40px 0;
	text-align: center;
}
.tabContent h3.tabs-title {
	font-size:22px;
}
.tabContent h5.tabs-title {
	font-weight:bold;
	line-height: 1em;
	font-size:17px;	
}
.item .tabs-title {
	margin:0;
}
.tabContent p:last-child {
	margin:0;
}

.js .tabContent {
  display: none;
}

.tabContent.active {
  display: block;
  padding: 26px;
}

.tabNav {
  display: none;
}

a.tabHeader, a.tabHeaderAlt {
  cursor: pointer;
  position:relative;
  display: block;
  	font-family: 'Kanit', sans-serif;
	padding: 13px  54px  13px 44px;
    background: #fff;
	color: #bc0c30;
	font-size: 24px;
	text-decoration: none;
    text-decoration: none;
	border-bottom: 1px solid #cccccc;
}


.tabHeader:hover, .tabHeader:focus {
  text-decoration: none;
}

.js .tabHeader:before {
	font-family: 'Basic-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	content: "i";
    position: absolute;
    top: 15px;
    left: 0;
	font-size: 28px;
}
.js .tabSection .tabHeader.t-about:before {
  font-family: 'Basic-Icons';
  content:"\e902";
}
.js .tabSection .tabHeader.t-issues:before {
  font-family: 'Basic-Icons';
  content:"\e915";
}
.js .tabSection .tabHeader.t-join:before {
  font-family: 'Basic-Icons';
  content:"\e916";
}
.js .tabSection .tabHeader.t-event:before {
  font-family: 'Basic-Icons';
  content:"\e904";
}
.js .tabSection .tabHeader.t-ethics:before {
  font-family: 'Basic-Icons';
  content:"\e918";
}

.js .tabHeader:after {
  content: '\2b';
  font-family: 'Basic-Icons';
  position:absolute;
  right:20px;
  top:14px;
  font-size: 14px;
}

.js .tabHeader.active:after {
  content: '-';
}


/* Large View - for most sites, min-width should be 60em or 40em, for this demo it's 30em */
@media (min-width: 48em) {
  .tabNav {
    display: table;	
	width:100%;
  }

  .tabNav a {
    display: table-cell;
	vertical-align: top;
	padding-right:20px;
    background: #fff;
    color: #bc0c30;
	font-size:24px;
	font-weight:300;
	font-family: 'Kanit', sans-serif;
    text-decoration: none;
	  -webkit-transition: all 0s ease;
		 -moz-transition: all 0s ease;
		   -o-transition: all 0s ease;
			  transition: all 0s ease;
	  -webkit-transition: background 0.5s ease;
		 -moz-transition: background 0.5s ease;
		   -o-transition: background 0.5s ease;
			  transition: background 0.5s ease;
  }

  .tabNav .active {
    text-decoration: none;
	color:#002854;
  }
  
  .tabNav a > span {
	position:relative;
	display:inline-block;
	padding: 19px 0 19px 44px;
	border-bottom: 5px solid transparent;
  }
  .tabNav a.active > span {
	border-bottom: 5px solid #002854;
  }
  .tabNav a.active > span:after {
	content: ""; 
	position: absolute;
    left: 50%;
    margin-left: -12px;
	
    /*
	bottom: -31px;
	border: 12px solid transparent;
    border-top: 14px solid#002854;
	*/

	width:0;
	height:0;
	bottom:-19px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 14px solid #002854;
  }  
  
  .tabNav a:hover span, .tabNav a:focus span {
    text-decoration: none;
	color: #002854;
	border-bottom: 5px solid #002854;	
  }
  .tabNav a > span:before {
	font-family: 'Basic-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	  
	content:"i";
	position:absolute;
	top:15px;
	left:0;
	font-size: 28px;
  }
  .tabNav a.t-about > span:before {
	  font-family: 'Basic-Icons';
	  content:"\e902";
  }
  .tabNav a.t-issues > span:before {
	  font-family: 'Basic-Icons';
	  content:"\e915";
  }
  .tabNav a.t-join > span:before {
	  font-family: 'Basic-Icons';
	  content:"\e916";
  }
  .tabNav a.t-event > span:before {
	  font-family: 'Basic-Icons';
	  content:"\e904";
  }  
  .tabNav a.t-ethics > span:before {
	  font-family: 'Basic-Icons';
	  content:"\e918";
  }    

  a.tabHeader {
    display: none;
  }

  .tabPanel {
  }

  .tabContent {

  }

  .tabSection {
    display: none;
  }

  .tabSection  + .tabSection {

  }

  .tabSection.active {
    display: block;
  }

  .tabSection.active .tabContent {
    display: block;
  }

  .no-js .tabSection {
    display: block;
  }
}

.tabSection.specialTab.active {
  display: none !important;
}

/* COLOR TABS */

.colorTabs {margin:0 0 2em 0;}
.colorTabs .tabSection {background: #49b2d0;}
.colorTabs, .colorTabs a {color:#fff; }
.colorTabs .tabContent {background:#017a9c; }
.colorTabs .tabNav a.active {background:#017a9c; }
.colorTabs .tabNav a {
	background:#48b2d0;
	color: #fff;
	border:1px solid #017a9c;
	border-right:none;
	text-align:center;
	padding:1em 1em;}

.colorTabs .tabNav a:last-child {
	border-right:1px solid #017a9c;}

.colorTabs .tabHeader {
	color: #fff;
	border-bottom:1px solid #017a9c;
}

.colorTabs .tabHeader.active {background:#015c77;}
.colorTabs .tabHeader:hover, .colorTabs .tabHeader:focus {background: #015c77;}


@media (min-width: 48em) {

	.colorTabs .tabNav {
		display: table;
		width:100%;}
	.colorTabs .tabNav a {
		background:#49b2d0;
		color: #fff;
		display:table-cell;
		floaT:none;}
	.colorTabs .tabCol {width:48%; margin:0 1em 0 0; display:inline-block; vertical-align:top;}
	.colorTabs .tabCol:last-child {margin:0;}
}


/* SIMPLE TABS */

.simpleTabs {margin:0 0 1em 0;}
.simpleTabs .tabNav {padding-right:80px;}
.simpleTabs .tabNav a {font-size:18px; background:#fff; border-right:1px solid #aaa8a8; padding:0 1em;}
.simpleTabs .tabNav a:last-child {border-right:none;}

.simpleTabs .tabNav a.active {color:#231F20;}

.simpleTabs .tabSection {background:#fff; border-bottom:1px solid #aaa8a8;}

.simpleTabs .tabHeader {font-size:18px; background:#fff; padding:0.6em 1em;}
.simpleTabs .tabHeader.active {color:#231F20; background:#fff; }
.simpleTabs .tabContent {padding:1.5em 0 0 0; position:relative;}
.simpleTabs .tabContent .tabMoreLink {margin:0 0 1em 0em ;}

@media (min-width: 48em) {
	.simpleTabs .tabContent .tabMoreLink {position:absolute; top:-20px; right:0; margin:0;}
}

.narrowTabs .tabNav a:first-child {padding-left:0;}
.narrowTabs .tabSection {border-bottom:none;}


.is-accordion .tabNav{
    display:none;
}

.is-accordion .tabHeader, .is-accordion .tabSection{
    display: block;
}

.page-tabs .tabNav a {
    font: 10.2px 'Lato', sans-serif;
    padding: 10px 8px;
    margin-right: 0;
}

.page-tabs .tabNav .active{
    color: #a18240;
}