/* -----------------------------------------------------------------------------------

	01 Reset

----------------------------------------------------------------------------------- */

/*
	Fonts
------------------------------------------------*/
@font-face {
    font-family: 'chulalongkornregular';
    src: url('../fonts/chulalongkornreg-webfont.woff2') format('woff2'),
         url('../fonts/chulalongkornreg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chulalongkornbold';
    src: url('../fonts/chulalongkornbold-webfont.woff2') format('woff2'),
         url('../fonts/chulalongkornbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chulacharasnewregular';
    src: url('../fonts/chulacharasnewreg-webfont.woff2') format('woff2'),
         url('../fonts/chulacharasnewreg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'chulacharasnewbold';
    src: url('../fonts/chulacharasnewbold-webfont.woff2') format('woff2'),
         url('../fonts/chulacharasnewbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'camptonbold';
    src: url('../fonts/campton-bolddemo-webfont.woff2') format('woff2'),
         url('../fonts/campton-bolddemo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "seed-social";
	src:url("../fonts/seed-social.eot");
	src:url("../fonts/seed-social.eot?#iefix") format("embedded-opentype"),
	url("../fonts/seed-social.woff") format("woff"),
	url("../fonts/seed-social.ttf") format("truetype"),
	url("../fonts/seed-social.svg#seed-social") format("svg");
	font-weight: normal;
	font-style: normal;
}
.font-camptonbold, .font-campton-bold { font-family: 'camptonbold', sans-serif !important; font-weight: normal; font-style: normal; }
.font-chula { font-family: 'chulalongkornregular', sans-serif !important; font-weight: normal; font-style: normal; }
.font-chula-bold { font-family: 'chulalongkornbold', sans-serif !important; font-weight: normal; font-style: normal; }
.font-chulacharas-bold { font-family: 'chulacharasnewbold', sans-serif !important; font-weight: normal; font-style: normal; }
.font-chulacharas { font-family: 'chulacharasnewregular', sans-serif !important; font-weight: normal; font-style: normal; }

/*
	Reset & Clearfix
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,figure,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }

/* deleting the default appearence for form elements */
input[type=text], input[type=password], input[type=submit], input[type=number], input[type=button], textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

/* HTML5 display definitions */
article, aside, details, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

.clearfix::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* Disable hover pointers on scrolling (class set by js) */
.is-scrolling, .is-scrolling * { pointer-events: none; }

/* Disable scrolling */
.no-scrolling { overflow: hidden; }

/* Clear focus element */
*:focus, *:hover, *:active,
a, input, select, textarea, button, button:focus, img,
.btn, .btn:focus { 
	outline: none !important; 
	outline-style: none; 
	-webkit-box-shadow: none; 
			box-shadow: none;
}

/*
	Selection
------------------------------------------------*/
::-webkit-selection { background-color: #de5c8e; color: #fff; }
   ::-moz-selection { background-color: #de5c8e; color: #fff; }
		::selection { background-color: #de5c8e; color: #fff; }

/*
	Scroll Bar
------------------------------------------------*/
::-webkit-scrollbar { }
::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,0255,0); 
			box-shadow: inset 0 0 0 rgba(255,255,0255,0); 
}
::-webkit-scrollbar-thumb { background-color: #fff; outline: none; }

/*
	Basic html & body
------------------------------------------------*/
html {
	position: relative;
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

body {
	position: relative;
	min-height: 100%;
	background-color: #fff;
	font-family: sans-serif; 
	font-size: 1em; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.75;
	color: rgba(0,0,0,0.75); 
}
.text-light { color: rgba(255,255,255,0.75); }

strong, b, dt {
	font-weight: bold;
}

/* 
	Headings
------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'chulalongkornregular', sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.5; 
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 105%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5; 
}

.site-en h1, .site-en h2, .site-en h3, .site-en h4, .site-en h5, .site-en h6,
.site-en .h1, .site-en .h2, .site-en .h3, .site-en .h4, .site-en .h5, .site-en .h6 {
	font-family: 'chulacharasnewbold', sans-serif; 
}
.site-en h1 strong, .site-en h2 strong, .site-en h3 strong, .site-en h4 strong, .site-en h5 strong, .site-en h6 strong,
.site-en .h1 strong, .site-en .h2 strong, .site-en .h3 strong, .site-en .h4 strong, .site-en .h5 strong, .site-en .h6 strong {
	font-family: 'chulacharasnewbold', sans-serif; 
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: italic; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { color: #000; }
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6,
h1.text-light, h2.text-light, h3.text-light, h4.text-light, h5.text-light, h6.text-light  { color: #fff; }

h1, .h1 { font-size: 2em; margin-bottom: 1em; }
h2, .h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3, .h3 { font-size: 1.25em; margin-bottom: 0.5em; }
h4, .h4 { font-size: 1.125em; margin-bottom: 0.25em; }
h5, .h5 { font-size: 1em; margin-bottom: 0.125em; }
h6, .h6 { font-size: 1em; margin-bottom: 0.125em; }
h6, .h6 { font-size: 1em; margin-bottom: 0.125em; }

small { font-size: 0.75em; }
.text-big { font-size: 1.125em; }
.text-bigger { font-size: 1.25em; }
	
.text-alt {  color: rgba(0,0,0,0.5); }
.text-light .text-alt {  color: rgba(255,255,255,0.5); }
.text-pink { color: #de5c8e !important; }
.text-pink-light { color: #f1e2e3 !important; }
.text-pink-dark { color: #b43b6b !important; }
.text-black { color: #000 !important; }
.text-white { color: #fff !important; }

/* headings with link */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
.text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a { color: #fff; }

/*
	Scroll Bar
------------------------------------------------*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(255,255,0255,0); box-shadow: inset 0 0 0 rgba(255,255,0255,0); }
::-webkit-scrollbar-thumb { background-color: #fff; outline: none; }

/* 
	Form Placeholder
------------------------------------------------*/
::-webkit-input-placeholder { color: #000; opacity: 0.25; transition: all 0.3s ease; }
:-moz-placeholder { color: #000; opacity: 0.25; transition: all 0.3s ease; }
::-moz-placeholder { color: #000; opacity: 0.25; transition: all 0.3s ease; }
:-ms-input-placeholder { color: #000; opacity: 0.25; transition: all 0.3s ease; }

.text-light ::-webkit-input-placeholder { color: #fff; }
.text-light :-moz-placeholder { color: #fff; }
.text-light ::-moz-placeholder { color: #fff; }
.text-light :-ms-input-placeholder { color: #fff; }
	
select {
	width: auto;
	min-width: 120px;
	max-width: 100%;
	height: 44px;
	line-height: 28px;
	padding: 7px 51px 7px 14px;
	border-radius: 2px;
	border: 1px solid #000;
	background: transparent url(../images/icon-arrow-down.svg) center right 14px no-repeat;
	background-size: 14px 14px;
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1em;
	font-weight: normal;
	color: #000;
	cursor: pointer;
	text-overflow: ellipsis;
}
.site-en select {
	font-family: 'chulacharasnewbold', sans-serif;
}
@media (min-width: 768px) { 
	select {
		height: 48px;
		line-height: 30px;
		padding: 8px 52px 8px 16px;
		background: transparent url(../images/icon-arrow-down.svg) center right 16px no-repeat;
		background-size: 16px 16px;
	}
}
.text-light select { 
	border-color: #fff; 
	background: transparent url(../images/icon-arrow-down-light.svg) center right 16px no-repeat;
	background-size: 16px 16px;
	color: #fff; 
}

/* 
	Links
------------------------------------------------*/
a {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0.0);
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease;
}
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}
a:active {
	color: inherit;
}
a:visited {
    color: #000;
}
.no-touchevents a:hover { 
	color: #de5c8e; 
	text-decoration: none;
}
.text-light a, 
a.text-light  { color: #fff; }
.text-light a:hover, 
a.text-light:hover  { color: #fff; }
.no-touchevents .text-light a:hover, 
.no-touchevents a.text-light:hover { color: #de5c8e; }
.text-light a:visited {
    color: #fff;
}

/* 
	Embedded content
------------------------------------------------*/
img, object, audio {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
}
img, object, audio {
	max-width: 100%; 
}
p img { 
	margin-top: 25px; 
}
p img:first-child { 
	margin-top: 0; 
}
p + video, 
p + audio {
	margin-top: 25px;
}

/* 
	Lists
------------------------------------------------*/
ul {
	list-style: disc inside;
	margin: 0 0 1.5em 0;
}
ul.nolist { 
	list-style: none; 
	margin-left: 0;  
}
div ul:first-child, 
li ul:first-child { 
	margin-top: 0; 
}
ol {
	list-style: decimal inside;
	margin: 0 0 1.5em 0;
}
div ol:first-child, 
li ol:first-child { 
	margin-top: 0; 
}
ul li, ol li {
	margin-top: 8px;
}
ul.smalllist,
ol.smalllist {
	margin-top: 10px;
}
ul.smalllist li, 
ol.smalllist li {
	margin-top: 3px;
}
ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
	color: #000;
}
.text-light ul.biglist li, 
.text-light ol.biglist li, 
.text-light ul.nolist li, 
.text-light ol.nolist li { 
	color: #fff; 
}
ul.biglist li, 
ol.biglist li {
	margin-top: 12px;
	font-size: 18px; 
	line-height: 28px;
}
ul li:first-child, 
ol li:first-child { 
	margin-top: 0; 
}	
ul li ul li ,
ul li ol li,
ol li ul li,
ol li ol li {
	margin-top: 8px;
}

/* 
	Others
------------------------------------------------*/
p { 
	margin: 0 0 1.75em 0;
}
div p:first-child {  
	margin-top: 0; 
}	
i, dfn, em {
	font-style: italic;
}

/* 
	Blockquote
----------------------------------------------*/
blockquote {
	position: relative;
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1.25em;
	line-height: 1.75;
	color: #000;
	margin: 0 auto 2em auto;
}
.site-en blockquote {
	font-family: 'chulacharasnewbold', sans-serif; 
}
@media (min-width: 768px) {
	blockquote {
		font-size: 1.375em;
	}
}
blockquote p { margin: 0; }
blockquote p + p,
blockquote p + cite {
	margin-top: 1rem;
}
blockquote cite {
	display: block;
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1rem;
	font-style: normal;
	line-height: 1.5rem;
	letter-spacing: 0;
	color: #808080;
}
.site-en blockquote cite {
	font-family: 'chulacharasnewbold', sans-serif; 
}
.text-light blockquote, blockquote.text-light { 
	color: #fff; 
}
.text-light blockquote cite, blockquote.text-light cite { 
	color: #7f7f7f; 
}

/* 
	Blockquote: Primary Style
----------------------------------------------*/
.blockquote-primary {
	padding-left: 30px;
	border-left: 5px solid #ccc;
}

/* 
	Text Styling
----------------------------------------------*/
.text-line-top {
	position: relative;
	padding-top: 20px;
}
.text-line-top::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 2px;
	background-color: #000;
}
.text-line-bottom {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.text-line-bottom::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 2px;
	background-color: #000;
}
.text-line-bottom.text-center::after {
	left: 50%;
	margin-left: -20px;
}
@media (min-width: 768px) {
	.text-line-top::after,
	.text-line-bottom::after {
		width: 50px;
	}
	.text-line-bottom.text-center::after {
		margin-left: -25px;
	}
}
.text-line-right {
	position: relative;
	margin-bottom: 30px;
	white-space: nowrap;
    overflow: hidden;
}
.text-line-right::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 100px;
	height: 1px;
	margin-top: -1px;
	background-color: #000;
	margin-left: 10px;
    box-sizing: border-box;
}
.text-line-left {
	position: relative;
	padding-left: 110px;
}
.text-line-left::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100px;
	height: 1px;
	margin-top: -1px;
	background-color: #000;
}
.line-small::after {
	width: 30px;
}
.line-small.text-center::after {
	margin-left: -15px;
}

.text-light .text-line-top::after,
.text-light .text-line-bottom::after,
.text-light .text-line-left::after,
.text-light .text-line-right::after,
.text-line-top.text-light::after,
.text-line-bottom.text-light::after,
.text-line-left.text-light::after,
.text-line-right.text-light::after{
	background-color: #fff;
}

.bold-black strong {
	color: #000
}

/* -----------------------------------------------------------------------------------

	02 Components

----------------------------------------------------------------------------------- */
/* 
	Button
----------------------------------------------*/
.btn {
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif;
	padding: 2px 0;
	border-radius: 0;
	border: none;
	color: #000;
}
.no-touchevents .btn:hover {
	color: #de5c8e;
}
.btn i {
	margin-right: 10px;
}
.text-light .btn,
.no-touchevents .text-light .btn:hover {
	color: #fff;
}

/*	
	Button: Primary & Bold
----------------------------------------------*/
.btn-primary,
.btn-bold {
	width: auto;
	min-width: 200px;
	height: 48px; 
	line-height: 46px;
	padding: 0 20px;
	border-radius: 2px;
	border: 1px solid #000;
}
@media (min-width: 992px) {
	.btn-primary,
	.btn-bold {
		height: 54px; 
		line-height: 52px;
		padding: 0 30px;
	}
}

/*	
	Button: Primary
----------------------------------------------*/
.btn-primary {
	border-color: #000;
	background-color: #fff;
	color: #000 !important;
}
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active {
	border-color: #000;
	background-color: #fff;
	outline: 0;
   	-webkit-box-shadow: none;
   	box-shadow: none !important;
}
.no-touchevents .btn-primary:not(:disabled):not(.disabled):hover {
	border-color: #000;
	background-color: #fff;
	color: #de5c8e !important;
}
.text-light .btn-primary {
	border-color: #fff;
	background-color: #fff;
	color: #000 !important;
}
.no-touchevents .text-light .btn-primary:hover {
	border-color: #fff;
	background-color: #fff;
	color: #de5c8e !important;
}

/*	
	Bold
----------------------------------------------*/
.btn-bold {
	border-radius: 2px;
	border-color: #de5c8e;
	background-color: #de5c8e;
	color: #fff !important;
}
.btn-bold:not(:disabled):not(.disabled):hover,
.btn-bold:not(:disabled):not(.disabled):focus,
.btn-bold:not(:disabled):not(.disabled):active {
	border-color: #de5c8e;
	background-color: #de5c8e;
	outline: 0;
   	-webkit-box-shadow: none;
   	box-shadow: none !important;
}

.no-touchevents .btn-bold:not(:disabled):not(.disabled):hover {
	border-color: #b43b6b;
	background-color: #b43b6b;
}
.text-light .btn-bold,
.btn-bold.text-light {
	border-color: #de5c8e;
	background-color: #de5c8e;
}
.no-touchevents .text-light .btn-bold:hover,
.no-touchevents .btn-bold.text-light:hover{
	border-color: #b43b6b;
	background-color: #b43b6b;
}
.btn-bold.bold-alt {
	border-color: #555;
	background-color: #555;
}
.no-touchevents .btn-bold.bold-alt:hover {
	border-color: #de5c8e;
	background-color: #de5c8e;
}

/*	
	Close
----------------------------------------------*/
.btn-close { 
	position: absolute; 
	top: 0; 
	right: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: #fff;
	width: 60px; 
	height: 60px; 
	cursor: pointer; 
	-webkit-transition: all 200ms ease-out; 
			transition: all 200ms ease-out; 
}
.no-touchevents .btn-close:hover {
	
}
.btn-close::after, 
.btn-close::before { 
	position: absolute; 
	content: ""; 
	top: 50%; 
	left: 50%; 
	width: 26px; 
	height: 2px; 
	background-color: #000; 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(45deg); 
	-webkit-transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
			transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
}
.btn-close::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
	-webkit-transition-delay: 65ms; 
			transition-delay: 65ms; 
}
.no-touchevents .btn-close:hover::after { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(225deg); 
			transform: translate3d(-50%, -50%, 0) rotate(225deg); 
}
.no-touchevents .btn-close:hover::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg); 
			transform: translate3d(-50%, -50%, 0) rotate(135deg); 
}
.btn-close:active { 
	-webkit-transition: none; 
			transition: none; 
}

.btn-width-200 {
	min-width: 200px;
}
.btn-width-220 {
	min-width: 220px;
}
.btn-width-240 {
	min-width: 240px;
}
.btn-width-260 {
	min-width: 260px;
}
.btn-width-280 {
	min-width: 280px;
}
.btn-width-300 {
	min-width: 300px;
}

/* 
	Arrow (Scroll Down)
------------------------------------------------*/
.arrow { 
	width: 22px; 
	height: 22px;
	display: inline-block; 
	position: relative; 
	fill: #000;
}
.text-light .arrow { fill: #fff; }
.arrow.arrow-top {
	-webkit-transform: rotate(90deg);
  	   -moz-transform: rotate(90deg);
  		-ms-transform: rotate(90deg);
  		 -o-transform: rotate(90deg);
  			transform: rotate(90deg);
}
.arrow.arrow-bottom {
	-webkit-transform: rotate(-90deg);
  	   -moz-transform: rotate(-90deg);
  		-ms-transform: rotate(-90deg);
  		 -o-transform: rotate(-90deg);
  			transform: rotate(-90deg);
}
.arrow.arrow-right {
	-webkit-transform: rotate(180deg);
  	   -moz-transform: rotate(180deg);
  		-ms-transform: rotate(180deg);
  		 -o-transform: rotate(180deg);
  			transform: rotate(180deg);
}

/*	
	Links
----------------------------------------------*/
.islink-underline a {
	position: relative;
	display: inline-block;
}
.islink-underline a::before,
.islink-underline a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: transparent;
	transition: all 0.3s ease;
}
.islink-underline a::after {
	width: 0;
	background-color: #de5c8e;
}
.no-touchevents .islink-underline a:hover::after {
	width: 100%;
}
.islink-underline.pre-underline a::before {
	background-color: #ccc;
}

.text-light .islink-underline a::after {
	background-color: #fff;
}
.text-light .islink-underline.pre-underline a::before {
	background-color: rgba(255,255,255,0.25);
}

.islink-pinkdark a {
	color: #b43b6b;
}
.no-touchevents .islink-pinkdark a:hover {
	color: #de5c8e;
}


/* -----------------------------------------------------------------------------------

	03 Utilities

----------------------------------------------------------------------------------- */
/*
	Vertical Menu
------------------------------------------------*/
.menu-vertical {
	margin: 0;
	padding: 0;
	font-family: 'chulalongkornregular', sans-serif;
	line-height: 28px;
}
.site-en .menu-vertical {
	font-family: 'chulacharasnewbold', sans-serif;
}
.menu-vertical li {
	list-style: none;
	margin: 0;
}
.menu-vertical li i {
	width: 30px;
	text-align: left;
}
.menu-vertical li + li {
	margin-top: 5px;
}
.menu-vertical li a {
	position: relative;
	display: inline-block;
	color: #000;
	text-decoration: none;
}
.menu-vertical li a::before,
.menu-vertical li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: rgba(0,0,0,0);
}
.menu-vertical li a::after {
	left: 0;
	width: 0;
	opacity: 0;
	-webkit-transform: translateX(-0%);
  	   -moz-transform: translateX(-0%);
  		-ms-transform: translateX(-0%);
  		 -o-transform: translateX(-0%);
  			transform: translateX(-0%);
	transition: all 0.4s ease;
}
.menu-vertical li a:hover,
.menu-vertical li.current-menu-item > a,
.menu-vertical li.current_page_item > a {
	color: #de5c8e;
}
.menu-vertical li.current-page-ancestor > a,
.menu-vertical li.current-menu-ancestor > a,
.menu-vertical li.current-menu-parent > a,
.menu-vertical li.current-page-parent > a,
.menu-vertical li.current_page_parent > a,
.menu-vertical li.current_page_ancestor > a {
	color: #de5c8e;
}


.menu-vertical li a:hover::after {
	width: 100%;
	opacity: 1;
	background-color: #de5c8e;
}
.text-light .menu-vertical li a {
	color: #fff;
}
.text-light .menu-vertical li a::before,
.text-light .menu-vertical li a::after {
	background-color: rgba(255,255,255,0);
}
.text-light .menu-vertical li a:hover::after {
	background-color: #fff;
}
.menu-vertical li.menu-item-has-children {
	position: relative;
}
.menu-vertical li.menu-item-has-children > a {
	padding-left: 20px;
}
.menu-vertical li.menu-item-has-children::after {
	content: "\f067";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
	height: 14px;
	line-height: 14px;
	font-size: 0.75rem;
	color: #000;
	text-align: left;
	transition: all 0.3s ease;
}
.menu-vertical li.menu-item-has-children.menu-item-has-children-open::after {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	  	 -o-transform: rotate(-45deg);
	  	    transform: rotate(-45deg);
	color: #de5c8e;
}
.menu-vertical li.menu-item-has-children > a::after {
	width: 0 !important;
}
.menu-vertical .sub-menu {
    position: relative;
    display: none;
    float: none;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 5px 0;
    background-color: transparent;
    padding-left: 19px;
    border-left: 1px solid #de5c8e;
}
@media (min-width: 768px) { 
	.menu-vertical {
		margin-top: 0;
		font-size: 1em;
	}
	.menu-vertical li + li {
		margin-top: 8px;
	}
}
@media (min-width: 992px) { 
	.menu-vertical-pagetitle {
		padding-top: 15px;
	}
}

/*
	Anchor Menu (Horizontal)
------------------------------------------------*/
.menu-anchor {
	position: relative;
    height: 60px;
    margin: 0;
    padding: 0;
	font-family: 'chulalongkornregular', sans-serif; 
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.site-en .menu-anchor {
	font-family: 'chulacharasnewbold', sans-serif; 
}
.menu-anchor::-webkit-scrollbar {
  	height: 10px;
}
.menu-anchor::-webkit-scrollbar-track {
	background-color: transparent;
}
.menu-anchor::-webkit-scrollbar-thumb {
  	background-color: #ccc; 
}
.menu-anchor::-webkit-scrollbar-thumb:hover {
  	background-color: #aaa; 
}
.menu-anchor li {
    list-style: none;
    display: inline-block;
	margin: 0 15px 0 0;
}
.menu-anchor li:last-child {
	margin-right: 0;
}
.menu-anchor li i {
	margin-right: 10px;
}
.menu-anchor li a {
	position: relative;
	display: block;
	line-height: 60px;
}
.menu-anchor li a.active {
	color: #b43b6b;
}
.menu-anchor li a::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: #b43b6b;
	transition: all 0.3s ease;
}
.menu-anchor li a.active::before {
	width: 100%;
}
@media (min-width: 576px) {
	.menu-anchor li {
		margin-right: 30px;
	}
}
@media (min-width: 768px) { 
	.menu-anchor {
    	height: 80px;
	}
	.menu-anchor li {
		margin-right: 40px;
	}
	.menu-anchor li a {
		line-height: 80px;
	}
}

/*
	Anchor Menu (Vertical)
------------------------------------------------*/
.menu-anchor-sidebar { 
	z-index: 1;
	position: relative;
	margin: 0; 
	padding: 0; 
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif;
	line-height: 28px;
}
.menu-anchor-sidebar li { 
	list-style: none; 
	margin: 0 0 0.75em 0;
}
.menu-anchor-sidebar li a {
	position: relative;
	display: block;
	padding-left: 22px;
	padding-right: 30px;
	color: #000; 
}
.menu-anchor-sidebar li a:focus,
.menu-anchor-sidebar li a:active {
	color: #000;
}
.menu-anchor-sidebar li a:hover,
.menu-anchor-sidebar li a.active {
	color: #de5c8e;
}
.menu-anchor-sidebar li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 28px;
	background: url(../images/icon-arrow-menu-right-black.svg) 0 50% no-repeat;
	background-size: 12px 12px;
	-webkit-transition: all .3s; 
	   -moz-transition: all .3s; 
			transition: all .3s; 
}
@media (min-width: 992px) {
	.menu-anchor-sidebar { 
		padding-top: 50px;
	}
}

/*
	Dropdown Menu (Taxonomy)
------------------------------------------------*/
.section-ddmenu {
	z-index: 11;
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 15px 0;
	border: 0;
	background-color: #fff;
}
@media (min-width: 768px) { 
	.section-ddmenu {
		padding: 30px 0;
	}
}
.dd-menu { 
	z-index: 30;
	position: relative; 
	width: 100%; 
	height: 50px; 
	line-height: 48px; 
	margin: 0; 
	padding: 0 15px; 
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #fff;
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1em;
	color: #000; 
	text-align: left; 
	cursor: pointer; 
	outline: none; 
}
.site-en .dd-menu {
	font-family: 'chulacharasnewbold', sans-serif; 
}
.dd-menu.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-color: #000;
}
.dd-menu:after { 
	content: ""; 
	width: 20px; 
	height: 20px; 
	position: absolute; 
	top: 50%; 
	right: 15px;
	margin-top: -10px; 
	border-width: 0; 
	border-style: solid;
	border-color: #fff transparent; 
	background: #fff url(../images/icon-arrow-menu-down-black.svg) 100% 50% no-repeat; 
	background-size: 20px 20px; 
}
.dd-menu.nolist {
	border-color: #fff;
}
.dd-menu.nolist:after {
	display: none;
}
.dd-menu .dropdown { 
	z-index: 30;
	position: absolute; 
	top: 48px;
	left: 0; 
	right: 0; 
	margin: 0 -1px; 
	padding: 0; 
	border-top: 1px solid #000; 
	pointer-events: none; 
	opacity: 0;
	-webkit-transition: all 0.3s ease-out; 
	   -moz-transition: all 0.3s ease-out; 
		-ms-transition: all 0.3s ease-out; 
		 -o-transition: all 0.3s ease-out; 
			transition: all 0.3s ease-out; 
	box-shadow: 0 15px 30px -20px black !important;
}
.dd-menu .dropdown ul { 
	margin: 0; 
	padding: 0;
}
.dd-menu .dropdown li { 
	list-style: none; 
	display: block;
	width: 100%; 
	margin: 0; 
	padding: 0;
}
.dd-menu .dropdown li a { 
	position: relative;
	display: block; 
	width: 100%; 
	padding: 10px 15px; 
	line-height: 28px; 
	border: 1px solid #000; 
	border-top: none; 
	background-color: #fff; 
	color: #000;
	text-align: left; 
	text-decoration: none; 
	-webkit-transition: all 0.3s ease-out; 
	   -moz-transition: all 0.3s ease-out; 
		-ms-transition: all 0.3s ease-out; 
		 -o-transition: all 0.3s ease-out; 
			transition: all 0.3s ease-out; 
}
.dd-menu.active .dropdown li:last-child a {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.dd-menu .dropdown .children li a { 
	padding-left: 35px;
}
.dd-menu .dropdown .children li a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	width: 10px;
	height: 1px;
	background-color: #000;
}
.dd-menu .dropdown .children .children li a { 
	padding-left: 55px;
}
.dd-menu .dropdown .children .children li a::before {
	left: 35px;
}
.dd-menu .dropdown li a:hover, 
.dd-menu .dropdown li.current-cat > a { 
	background-color: #de5c8e; 
	color: #fff; 
}
.dd-menu .dropdown li a:hover::before,
.dd-menu .dropdown li.current-cat > a::before {
	background-color: #fff;
}
.dd-menu.active:after { 
	border-width: 0; 
}
.dd-menu.active .dropdown { 
	opacity: 1; 
	pointer-events: auto; 
}

/*
	Navigation: Nav Pills (หน้าแรก)
------------------------------------------------*/
.nav.nav-pills {
	margin: 0;
	padding: 0;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 0.875em;
}
.site-en .nav.nav-pills {
	font-family: 'chulacharasnewbold', sans-serif; 
}
@media (min-width: 576px) {
	.nav.nav-pills {
		font-size: 1em;	
	}
}
@media (min-width: 1200px) {
	.nav.nav-pills {
		font-size: 1.125em;	
	}
}
.nav.nav-pills li {
	display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 0;
}
.nav.nav-pills li a {
	text-align: center;
	flex-grow: 1;
}
.nav.nav-pills .nav-link {
	height: 52px;
	line-height: 51px;
	padding: 0;
    border-radius: 0;
	border: none;
	border-top: 1px solid #e5e5e5;
	color: #999;
}
.nav.nav-pills .nav-link.active {
	border-color: #000;
}
.nav.nav-pills .nav-link.active, 
.nav.nav-pills .show > .nav-link {
    background-color: transparent;
	color: #b43b6b;
}
.nav.nav-pills .nav-link i {
	margin-right: 10px;
}

.text-light .nav.nav-pills .nav-link {
	border-top: 1px solid rgba(255,255,255,0.25);
	color: solid rgba(255,255,255,0.25);
}
.text-light .nav.nav-pills .nav-link.active {
	border-color: #fff;
}
.text-light .nav.nav-pills .nav-link.active, 
.text-light .nav.nav-pills .show > .nav-link {
	color: #fff;
}

/*
	Accordion Toggle (Programs)
----------------------------------------------*/
/*
.accordion-custom {
	
}
.accordion-custom .card,
.accordion-custom .card-header:first-child {
    border-radius: 0;
}
.accordion-custom .card {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
}
.accordion-custom .card-header {
	padding: 0;
	background-color: transparent;
}
.accordion-custom .card-header .btn {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 0;
	text-align: left;
	color: #000;
	background-color: #f5f5f5;
	transition: all 0.3s ease;
}
.accordion-custom .card-header .btn.collapsed {
	background-color: #fff;
	color: #000;
}
.accordion-custom .card-header .btn.collapsed:hover {
	background-color: #f8f9fa;
}
.accordion-custom .card-header .post-media {
	position: absolute;
}
.accordion-custom .card-header .post-entry {
	position: relative;
	padding-left: 30px;
}
.accordion-custom .card-header .text-title-primary {
	font-size: 1.25em;
	line-height: 28px;
	color: #b43b6b;
	margin-bottom: 0;
}
.accordion-custom .card-header .text-title-secondary {
	font-size: 0.75em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 0;
}
.accordion-custom .card-header .btn .post-entry::before {
	content: "\f067";
	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	font-size: 0.875rem;
	color: #b43b6b;
	text-align: left;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	  	 -o-transform: rotate(-45deg);
	  	    transform: rotate(-45deg);
	transition: all 0.3s ease;
}
.accordion-custom .card-header .btn.collapsed .post-entry::before {
	-webkit-transform: rotate(0);
	   -moz-transform: rotate(0);
	  	 -o-transform: rotate(0);
	  	    transform: rotate(0);
	color: #000;
}
.accordion-custom .card-header .btn.collapsed .text-title-primary {
	color: #000;
}
.accordion-custom .card-header .btn.collapsed .text-title-secondary {
	color: rgba(0,0,0,0.5);
}
.accordion-custom .card-body {
	padding: 30px 0;
	font-size: 0.875em;
	line-height: 1.75;
}
.accordion-custom .card-body .course-entry {
	margin: 0 0 1.5em 0;
	padding: 0;
}
.accordion-custom .card-body .course-entry ul {
	margin: 0 0 0.5em 0;
}
.accordion-custom .card-body .course-entry ul li, 
.accordion-custom .card-body .course-entryol li {
    margin-top: 5px;
}
.accordion-custom:not(.lang-en) .card-body h2,
.accordion-custom:not(.lang-en) .card-body h3,
.accordion-custom:not(.lang-en) .card-body h4,
.accordion-custom:not(.lang-en) .card-body h5,
.accordion-custom:not(.lang-en) .card-body h6 {
	font-family: 'chulalongkornregular', sans-serif; 
}
.accordion-custom:not(.lang-en) .card-body h2 strong,
.accordion-custom:not(.lang-en) .card-body h3 strong,
.accordion-custom:not(.lang-en) .card-body h4 strong,
.accordion-custom:not(.lang-en) .card-body h5 strong,
.accordion-custom:not(.lang-en) .card-body h6 strong {
	font-family: 'chulalongkornbold', sans-serif; 
}
.accordion-custom .card-body h3 {
	font-size: 1.125em;
	line-height: 1.75;
	margin-bottom: 5px;
}
.accordion-custom .card-body h4 {
	font-size: 1.125em;
	line-height: 1.75;
	margin-bottom: 3px;
}
.accordion-custom .card-body h5 {
	font-size: 0.875em;
	line-height: 1.75;
	margin-bottom: 5px;
}
.accordion-custom .card-body p {
	margin-bottom: 5px;
}
.accordion-custom .card-body p + h3,
.accordion-custom .card-body p + h4,
.accordion-custom .card-body p + h5,
.accordion-custom .card-body p + h6 {
	margin-top: 1em;
}
@media (min-width: 768px) {
	.accordion-custom .card-header button,
	.accordion-custom .card-header .btn {
		padding: 20px 0;
	}
	.accordion-custom .card-header .post-entry {
		padding-left: 50px;
	}
	.accordion-custom .card-header .text-title-primary {
		font-size: 1.375em;
	}
	.accordion-custom .card-body {
		padding: 30px 0 50px 0;
		font-size: 1em;
	}
	.accordion-custom:not(.lang-en) .card-body h3 {
		font-size: 1.25em;
	}
	.accordion-custom:not(.lang-en) .card-body h4 {
		font-size: 1.125em;
	}
	.accordion-custom:not(.lang-en) .card-body h5 {
		font-size: 1em;
	}
	.accordion-custom .card-body .post-entry {
		padding-left: 50px;
	}
}
@media (min-width: 992px) {
	.accordion-custom .card-header .text-title-primary {
		font-size: 1.375em;
	}
}
*/


/*----------

	Accordion

*************************************************************/
.accordion-item + .accordion-item,
.accordion-option + .accordion-option {
	margin-top: 10px;
}
.accordion-option {
  	position: relative;
}
.accordion-option .accordion-toggle {
  	display: none;
}
.accordion-option .accordion-title,
.accordion-option .accordion-content {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.accordion-option .accordion-title {
	display: block;
	margin: 0;
  	padding: 13px 54px 13px 18px;
	border-radius: 2px;
	border: 2px solid #de5c8e;
	background-color: #f1e2e3;
  	color: #000;
	font-size: 1.125em;
  	font-weight: normal;
	line-height: 24px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.no-touchevents .accordion-option .accordion-title:hover {
	border-color: #b43b6b;
	background-color: #fff;
	color: #b43b6b;
}
.accordion-option .accordion-title::after, 
.accordion-option .accordion-title::before {
  	content: '';
  	position: absolute;
	top: 19px;
  	right: 26px;
  	width: 2px;
  	height: 12px;
  	background-color: #323441;
}
.accordion-option .accordion-title::after {
  	-webkit-transform: rotate(90deg);
          	transform: rotate(90deg);
}
.accordion-option .accordion-content {
	display: none;
	padding: 18px;
	border: 2px solid #b43b6b;
	border-top: none;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	background-color: #fff;
	font-size: 1em;
  	overflow: hidden;
}
.accordion-option .accordion-content strong {
	color: #000;
}
.accordion-option .accordion-content a {
	font-weight: bold;
}
.accordion-option .accordion-toggle:checked + .accordion-title {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-color: #b43b6b;
	background-color: #b43b6b;
	color: #fff;
}
.accordion-option .accordion-toggle:checked + .accordion-title + .accordion-content {
	display: block;
}
.accordion-option .accordion-toggle:checked + .accordion-title::before {
	background-color: #fff;
  	-webkit-transform: rotate(90deg) !important;
          	transform: rotate(90deg) !important;
}
.accordion-option .accordion-toggle:checked + .accordion-title::after {
	background-color: #fff;
}
@media (min-width: 576px) {
	.accordion-option .accordion-title {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.accordion-option .accordion-title::after, 
	.accordion-option .accordion-title::before {
		top: 21px;
	}
}
@media (min-width: 768px) {
	.accordion-option .accordion-title {
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 18px;
		font-size: 1.25em;
	}
	.accordion-option .accordion-title::after, 
	.accordion-option .accordion-title::before {
		top: 24px;
	}
	.accordion-option .accordion-content {
		padding: 25px 18px;
	}
}
@media (min-width: 992px) {
	.accordion-option .accordion-title {
		padding-left: 28px;
	}
	.accordion-option .accordion-content {
		padding: 30px 28px;
	}
}

.accordion-wrapper-list .accordion-title {
	padding-left: 52px;
}
.accordion-wrapper-list .accordion-title small {
	display: block;
	margin-top: 0.5em;
	font-size: 0.625em;
	line-height: 1.25;
	color: rgba(0,0,0,0.5);
}
.accordion-wrapper-list .accordion-option .accordion-toggle:checked + .accordion-title small {
	color: rgba(255,255,255,0.5);
}
.accordion-wrapper-list .accordion-title .accordion-title-no {
	position: absolute;
	left: 18px;
}
.accordion-wrapper-list .accordion-content h3,
.accordion-wrapper-list .accordion-content h3 strong {
	color: #b43b6b;
	margin-bottom: 0.5em;
}
.accordion-wrapper-list .accordion-content h4 {
	margin-bottom: 0.25em;
}
.accordion-wrapper-list .accordion-content ul,
.accordion-wrapper-list .accordion-content ul > li {
	list-style: none;
}
.accordion-wrapper-list .course-entry {
	padding-top: 0;
	padding-bottom: 0;
}
.accordion-wrapper-list .course-entry li + li {
	margin-top: 0.125em;
}
.accordion-wrapper-list .accordion-content .wpcf-field-custom-content-contact p,
.accordion-wrapper-list .accordion-content .wpcf-field-custom-content-contact-2 p {
	margin-bottom: 1em;
}
@media (min-width: 768px) {
	.accordion-wrapper-list .course-entry ul  {
		padding-left: 40px;
	}
}
@media (min-width: 992px) {
	.accordion-wrapper-list .accordion-title {
		padding-left: 62px;
	}
	.accordion-wrapper-list .accordion-title .accordion-title-no {
		left: 28px;
	}
}

/*
	eBook-PDF
------------------------------------------------*/
.ebook-pdf-wrapper {
	position: relative;
	margin-bottom: 80px;
}
.ebook-pdf-wrapper .btn {
	margin-top: 40px;
}


/*
	Note Paper
------------------------------------------------*/
.notepaper {
  position: relative;
  margin: 50px auto;
  padding: 29px 20px 20px 45px;
  width: 100%;
  line-height: 30px;
  color: #000;
  text-shadow: 0 1px 1px white;
  background-color: #f2f6c1;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}

.notepaper::before, .notepaper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper::before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

.notepaper::after {
  z-index: -1;
  left: 0;
  right: 0;
  background: rgba(242, 246, 193, 0.9);
  border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

/*
	Timeline
------------------------------------------------*/
.timeline {
	position: relative;
	list-style: none;
	margin: 0;
  	padding: 0 0 50px 30px;
	line-height: 1.4em;
  	border-left: 4px solid #000;
  	border-bottom-right-radius: 4px;
  	border-top-right-radius: 4px;
  	background-color: #fff;
  	font-size: 1.03em;
  	text-align: left;
}
.timeline .event {
	position: relative;
  	margin-bottom: 0;
 	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px dashed rgba(0, 0, 0, 1);
}
.timeline .event:last-of-type {
	margin-bottom: 0;
  	padding-bottom: 0;
  	border: none;
}
.timeline .event::before,
.timeline .event::after {
  	position: absolute;
	top: 0;
  	display: block;
}
.timeline .event::before {
	content: attr(data-date);
  	left: -217.5px;
  	min-width: 120px;
  	text-align: right;
	font-family: 'Saira', sans-serif;
	font-size: 0.9em;
  	font-weight: 100;
  	color: #000;
}
.timeline .event::after {
  	content: "";
	 top: 60px;
  	left: -37.85px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
  	background: #fff;
	box-shadow: 0 0 0 4px #000;
}
.timeline .event ul {
	margin-bottom: 1em;
	padding-left: 0;
}
.timeline .event ul:last-child {
	margin-bottom: 0;
}
.timeline .event li {
	margin-bottom: 10px;
}
.timeline .event li:last-child {
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.timeline {
		padding: 0 0 50px 40px;
	}
	.timeline .event::after {
		left: -47.85px;
	}
	.timeline .event ul {
		padding-left: 40px;
	}
}

/*
	Display
------------------------------------------------*/
.d-middle {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 100%; 
	-webkit-transform: translate(-50%, -50%) !important; 
			transform: translate(-50%, -50%) !important;
}
@media (min-width: 992px) {
	.d-lg-middle {
		position: absolute; 
		top: 50%; 
		left: 50%; 
		width: 100%; 
		-webkit-transform: translate(-50%, -50%) !important; 
				transform: translate(-50%, -50%) !important;
	}
	.pr-lg-30px {
		padding-right: 30px !important;
	}
}
@media (min-width: 1440px) { 
	.d-xxl-block {
		display: block !important;
	}
	.d-xxl-none {
		display: none !important;
	}
}

/*
	Box
------------------------------------------------*/
.box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-evenly;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	margin: 0 auto;
}
.box-cell {
  	position: relative;
	box-sizing: border-box;
}

.img-bound {
	width: 100%;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
	Background Image
------------------------------------------------*/
.bg-image,
.bg-video {
	z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
}
.bg-image > div,
.bg-video > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
}
.bg-image img,
.bg-video img {
	z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover;";
    -o-object-fit: cover;
       object-fit: cover;
}
.video-outer {
	overflow: hidden;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	height: 100%;
}
.video-inner {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	-webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		 -o-transform: translateX(-50%) translateY(-50%);
    		transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
}

/*
	Background Color
------------------------------------------------*/
.bg-transparent { background-color: transparent !important; }
.bg-grey-light { background-color: #e5e5e5 !important; }
.bg-pink-light { background-color: #f1e2e3 !important; }
.bg-nightsky { background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important; }

/*
	Background Parallax
------------------------------------------------*/
.paralaxbg {
	background-size: cover;
	background-position: 50% 50%;
}
@media (min-width: 992px) {
	.no-touchevents .paralaxbg {
		background-position: calc(50% + 40px) 0; 
		background-attachment: fixed;
		will-change: transform;
	}
	.no-touchevents #hero.paralaxbg {
		background-position: calc(50% + 40px) 0; 
	}
}

/*
	Map Container (Google Map)
------------------------------------------------*/
.map-contact {
	height: 320px;
}
@media (min-width: 576px) { 
	.map-contact {
		height: 360px;
	}
}
@media (min-width: 768px) { 
	.map-contact {
		height: 400px;
	}
}
@media (min-width: 992px) { 
	.map-contact {
		height: 420px;
	}
}
@media (min-width: 1200px) { 
	.map-contact {
		height: 480px;
	}
}
@media (min-width: 1440px) { 
	.map-contact {
		height: 640px;
	}
}

/*
	Thumb Overlay Effect
------------------------------------------------*/
.thumb-hover {
	display: inline-block;
	vertical-align: middle;	/* workaround for inline-block margin */
	position: relative;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	/* overflow: hidden; */
}

/* overlay caption */
.thumb-hover .overlay-caption { 
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	padding: 7%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box; 
    		box-sizing: border-box;
	-webkit-transform: translateY(-50%);
  	   -moz-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		 -o-transform: translateY(-50%);
  			transform: translateY(-50%);
}
.double-width .thumb-hover .overlay-caption { 
	padding: 3.5%; 
}
.thumb-hover .overlay-caption:not(.align-left):not(.align-right) { 
	text-align: center; 
}
.thumb-hover .overlay-caption.bottom { 
	top: inherit;
	bottom: 0;
	-webkit-transform: translateY(0%);
  	   -moz-transform: translateY(0%);
  		-ms-transform: translateY(0%);
  		 -o-transform: translateY(0%);
  			transform: translateY(0%);
}
.thumb-hover .overlay-caption.top { 
	top: 0;
	-webkit-transform: translateY(0%);
  	   -moz-transform: translateY(0%);
  		-ms-transform: translateY(0%);
  		 -o-transform: translateY(0%);
  			transform: translateY(0%);
}
	
.thumb-hover .overlay-caption.hidden {
	opacity: 0;
	visibility: hidden;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity 0.5s ease;
}
.thumb-hover:hover .overlay-caption.hidden {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	
.thumb-hover .overlay-caption.hidden:not(.fade) .caption-sub, 
.thumb-hover .overlay-caption.hidden:not(.fade) .caption-name {
	display: block;
	-webkit-transform: translateY(20px);
  	   -moz-transform: translateY(20px);
  		-ms-transform: translateY(20px);
  		 -o-transform: translateY(20px);
  			transform: translateY(20px);
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.6s ease 0s;
}
.thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-sub, 
.thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-name {
	-webkit-transform: translateY(-20px);
  	   -moz-transform: translateY(-20px);
  		-ms-transform: translateY(-20px);
  		 -o-transform: translateY(-20px);
  			transform: translateY(-20px);
}
.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name { 
	transition-delay: 0.15s; 
}
.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-sub, 
.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name {
	-webkit-transform: translateX(0px) translateY(0px);
  	   -moz-transform: translateX(0px) translateY(0px);
  		-ms-transform: translateX(0px) translateY(0px);
  		 -o-transform: translateX(0px) translateY(0px);
  			transform: translateX(0px) translateY(0px);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.thumb-hover .overlay-caption .caption-sub, 
.thumb-hover .overlay-caption .caption-name { 
	line-height: 1.5em !important;
	margin-bottom: 0 !important;
}
.caption-sub + .caption-name, 
.caption-name + .caption-sub { 
	margin-top: 15px; 
}
	
.caption-dark .caption-sub, 
.caption-dark .caption-name { 
	color: #000; 
	transition: color 0.41s ease; 
}	
.caption-light .caption-sub, 
.caption-light .caption-name { 
	color: #fff; 
	transition: color 0.41s ease; 
}	

/* img effect */
.thumb-hover img {
	transition: all 0.6s ease 0s;
}
.thumb-hover.scale img {
	-webkit-transform: scale(1.03);
  	   -moz-transform: scale(1.03);
  		-ms-transform: scale(1.03);
  		 -o-transform: scale(1.03);
  			transform: scale(1.03);
}
.thumb-hover.scale:hover img {
	-webkit-transform: scale(1.0);
  	   -moz-transform: scale(1.0);
  		-ms-transform: scale(1.0);
  		 -o-transform: scale(1.0);
  			transform: scale(1.0);
}
	
/* overlay effect */
.thumb-hover.overlay-color::before { 
	content:"";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity 0.4s ease;
}
.thumb-hover.overlay-color.text-light::before { 
	background: rgba(0,0,0,0.5);
}
.thumb-hover.overlay-color:hover::before { 
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	
.thumb-hover.overlay-color:hover .caption-sub, 
.thumb-hover.overlay-color:hover .caption-name { 
	color: #000; 
}	
.thumb-hover.text-light.overlay-color:hover .caption-sub, 
.thumb-hover.text-light.overlay-color:hover .caption-name { 
	color: #fff; 
}	

/* video hover (only for desktops) */
@media only screen and (min-width: 992px) {
	.thumb-hover.play-on-hover img {
		transition: all 0.3s ease;
	}
	.thumb-hover.play-on-hover:hover img {
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

/* 2nd hover image */
.thumb-hover .hover-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease;
}
.thumb-hover .hover-image > img { 
	object-fit: cover; 
	object-position: 50% 50%; 
	width: 100%; 
	height: 100%; 
}
.thumb-hover.image:hover img:not(.hover) {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*
	Animated Display
------------------------------------------------*/
[class*='do-anim'] {
	transition: all 1.0s ease;
	opacity: 0; 
	filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(80px);
  	   -moz-transform: translateY(80px);
  		-ms-transform: translateY(80px);
  		 -o-transform: translateY(80px);
  			transform: translateY(80px);
}
.animated[class*='do-anim'] {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translate(0) !important;
  	   -moz-transform: translate(0) !important;
  		-ms-transform: translate(0) !important;
  		 -o-transform: translate(0) !important;
  			transform: translate(0) !important;
}
.do-anim-modern {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateY(0px);
  	   -moz-transform: translateY(0px);
  		-ms-transform: translateY(0px);
  		 -o-transform: translateY(0px);
  			transform: translateY(0px);
	overflow: hidden;
}
.do-anim-modern > * {
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(30%);
  	   -moz-transform: translateY(30%);
  		-ms-transform: translateY(30%);
  		 -o-transform: translateY(30%);
  			transform: translateY(30%);
	transition: opacity 0.1s ease 0.95s, transform 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s;
}
.do-anim-modern.animated > * {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateY(0);
  	   -moz-transform: translateY(0);
  		-ms-transform: translateY(0);
  		 -o-transform: translateY(0);
  			transform: translateY(0);
}
.do-anim-modern::after {
	content: "";
	z-index: 3;
	position: absolute;
	top: 101%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	transition: all 0.7s ease 0.1s, height 0.7s ease 0.8s;
	-webkit-transition: all 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.1s, height 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s; 
	-webkit-transition: all 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.1s, height 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s;
	   -moz-transition: all 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.1s, height 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s;
		 -o-transition: all 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.1s, height 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s;
			transition: all 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.1s, height 0.85s cubic-bezier(0.590, 0.260, 0.250, 1.000) 0.95s; 
	-webkit-transition-timing-function: cubic-bezier(0.590, 0.260, 0.250, 1.000); 
	-webkit-transition-timing-function: cubic-bezier(0.590, 0.260, 0.250, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.590, 0.260, 0.250, 1.000);
		 -o-transition-timing-function: cubic-bezier(0.590, 0.260, 0.250, 1.000);
			transition-timing-function: cubic-bezier(0.590, 0.260, 0.250, 1.000); 
}
.text-light .do-anim-modern::after { 
	background: #262626; 
}
.do-anim-modern.animated::after {
	top: 0;
	height: 0;
}


/*
	Masonry / Isotope
------------------------------------------------*/
.isotope-grid { 
	width: 100%;
}
.isotope-grid::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.isotope-grid { *display: inline-block; }
	
.isotope-grid[class*='isotope-spaced'] { 
	width: calc(100% - 20px); 
	left: 20px;
	margin-bottom: -20px;
}
[class*='wrapper'] .isotope-grid[class*='isotope-spaced'] { 
	width: calc(100% + 20px); 
	left: 0; 
}
.isotope-grid[class*='isotope-spaced-big'] {
	width: calc(100% - 40px); 
	left: 40px;
	margin-bottom: -40px;
}
[class*='wrapper'] .isotope-grid[class*='isotope-spaced-big'] { 
	width: calc(100% + 40px); 
} 
.isotope-grid[class*='isotope-spaced-huge'] {
	width: calc(100% - 80px); 
	left: 80px;
	margin-bottom: -80px;
}
[class*='wrapper'] .isotope-grid[class*='isotope-spaced-huge'] { 
	width: calc(100% + 80px); 
} 

.isotope-grid .isotope-item {
	margin-bottom: -0.5px;	/* workaround for hiding minipixels */
	float: left;
	position: relative;
}
.isotope-grid[class*='isotope-spaced'] .isotope-item { margin-bottom: 20px; margin-right: 20px; }
.isotope-grid[class*='isotope-spaced-big'] .isotope-item { margin-bottom: 40px; margin-right: 40px; }
.isotope-grid[class*='isotope-spaced-huge'] .isotope-item { margin-bottom: 80px; margin-right: 80px; }

.isotope-grid.style-column-2 .isotope-item { width: 50%; }
	.isotope-grid.style-column-2 .isotope-item.double-width { width: 100%; }
.isotope-grid.style-column-3 .isotope-item { width: 33.33%; }
	.isotope-grid.style-column-3 .isotope-item.double-width { width: 66.66%; }
.isotope-grid.style-column-4 .isotope-item { width: 25%; }
	.isotope-grid.style-column-4 .isotope-item.double-width { width: 50%; }
.isotope-grid.style-column-5 .isotope-item { width: 20%; }
	.isotope-grid.style-column-5 .isotope-item.double-width { width: 40%; }
.isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item  { width: calc(50% - 20px); }
	.isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item.double-width { width: calc(100% - 20px); }
.isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item  { width: calc(33.33% - 20px); }
	.isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item.double-width { width: calc(66.66% - 20px); }
.isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item  { width: calc(25% - 20px); }
	.isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item.double-width { width: calc(50% - 20px); }
.isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item  { width: calc(20% - 20px); }
	.isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item.double-width { width: calc(40% - 20px); }
.isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item  { width: calc(50% - 40px); }
	.isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(100% - 40px); }
.isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item  { width: calc(33.33% - 40px); }
	.isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(66.66% - 40px); }
.isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item  { width: calc(25% - 40px); }
	.isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(50% - 40px); }
.isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item  { width: calc(20% - 40px); }
	.isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(40% - 40px); }
.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item  { width: calc(50% - 80px); }
	.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 80px); }
.isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item  { width: calc(33.33% - 80px); }
	.isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(66.66% - 80px); }
.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item  { width: calc(25% - 80px); }
	.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(50% - 80px); }
.isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item  { width: calc(20% - 80px); }
	.isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(40% - 80px); }

.isotope-grid.style-column-1 { width: 100%; left: 0; text-align: center;}
.isotope-grid.style-column-1 .isotope-item { width: 100%; margin-right: 0px; }
.isotope-grid.style-column-1[class*='isotope-spaced'] a.thumb-hover { display: inline-block; margin: 0 auto; width: auto; }
.isotope-grid.style-column-1 .lazy-wrapper { margin: 0 auto; }

.isotope-grid .isotope-item img { width: 100%; }
.isotope-grid .isotope-item .ratio-wrapper > img { object-fit: cover; object-position: 50% 50%; width: 100%; height: 100% !important; }

/*
	Issuu
------------------------------------------------*/
.issuu-embed-container {
	position: relative;
	max-width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */
	overflow: hidden;
}
.issuu-embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
	Shadow
------------------------------------------------*/
.shadow-inset {
    -webkit-box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.25);
       -moz-box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.25);
    		box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.25);
}
.shadow-box { 
	-webkit-box-shadow: 0 15px 30px -25px black !important;
	   -moz-box-shadow: 0 15px 30px -25px black !important;
			box-shadow: 0 15px 30px -25px black !important;
}

/*
	Overlay
------------------------------------------------*/
.overlay-wrapper {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
}
.overlay-x2 .overlay-wrapper {
	background-color: rgba(0,0,0,0.5);
}
.overlay-iconandlink {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-iconandlink::before {
	font-family: 'Font Awesome\ 5 Free';
	font-size: 3em;
	font-weight: 900;
	color: #fff;
	z-index: -1;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 100%; 
	-webkit-transform: translate(-50%, -50%) !important; 
			transform: translate(-50%, -50%) !important;
	text-align: center;
	transition: all 0.3s ease;
}
.overlay-iconandlink.icon-play::before {
	content: "\f144";
}
.overlay-iconandlink:hover::before {
	font-size: 4em;
}
.overlay-iconandlink a {
	display: block;
	width: 100%;
	height: 100%;
}

/*	
	Card Content - Style 1
------------------------------------------------*/
.card-style1-wrapper {
	position: relative;
}
.card-style1-item {
	position: relative;
}
.card-style1-item figure {
	margin-bottom: 0;
}
.card-style1-item .post-media {
	z-index: 1;
	position: relative;
	width: 100%;
}
.card-style1-item .post-media img {
	width: 100%;
}
.card-style1-item .post-entry {
	position: relative;
	width: 100%;
	padding: 30px 15px 20px 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 -30px 30px 0 rgba(0, 0, 0, 0.025);
       -moz-box-shadow: 0 -30px 30px 0 rgba(0, 0, 0, 0.025);
    		box-shadow: 0 -30px 30px 0 rgba(0, 0, 0, 0.025);
}
.card-style1-item .post-entry ul,
.card-style1-item .post-entry ol {
	margin-bottom: 1.5em;
}
.card-style1-item .post-entry .text-title {
	font-size: 1.375em;
	color: #de5c8e;
}
.card-style1-item .post-entry p strong {
	color: #000;
}
.card-style1-item .post-entry p a {
	color: #b43b6b;
}
.no-touchevents .card-style1-item .post-entry p a:hover {
	color: #de5c8e;
}
@media (min-width: 576px) {
	.card-style1-item .post-entry {
		padding: 30px;
	}
}
@media (min-width: 768px) {
	.card-style1-wrapper .card-style1-item {
		padding-top: 30px;
	}
	.card-style1-wrapper .card-style1-item.nomedia {
		padding-top: 0;
	}
	.card-style1-item .post-media {
		position: absolute; 
		top: 0;
		left: 60%; 
		width: 40%;
	}
	.card-style1-wrapper.zigzag .card-style1-item:nth-child(even) .post-media {
		left: 0;	
	}
	.card-style1-item .post-entry {
		width: 80%;
		padding: 50px calc(20% + 30px) 50px 30px;
	}
	.card-style1-wrapper .card-style1-item.nomedia .post-entry {
		width: 100% ;
	}
	.card-style1-wrapper.zigzag .card-style1-item:nth-child(even) .post-entry {
		left: 20%;	
		padding: 50px 30px 50px calc(20% + 30px);
	}
	.card-style1-wrapper .card-style1-item.nomedia .post-entry {
		padding: 50px 30px;
	}
}
@media (min-width: 992px) {
	.card-style1-wrapper .card-style1-item {
		padding-top: 50px;
	}
	.card-style1-item .post-entry {
		width: 80%;
		padding: 50px calc(20% + 40px) 50px 40px;
	}
	.card-style1-wrapper.zigzag .card-style1-item:nth-child(even) .post-entry {
		left: 20%;	
		padding: 50px 40px 50px calc(20% + 40px);
	}
	.card-style1-wrapper .card-style1-item.nomedia .post-entry {
		padding: 50px 40px;
	}
}
@media (min-width: 1200px) {
	.card-style1-wrapper .card-style1-item {
		padding-top: 60px;
	}
	.card-style1-item .post-entry {
		padding: 60px calc(20% + 100px) 60px 100px;
	}
	.card-style1-wrapper.zigzag .card-style1-item:nth-child(even) .post-entry {
		left: 20%;	
		padding: 60px 100px 60px calc(20% + 100px);
	}
	.card-style1-wrapper .card-style1-item.nomedia .post-entry {
		padding: 60px 100px;
	}
	.card-style1-item .post-entry .text-title {
		font-size: 1.5em;
	}
}

/*	
	Card Content - Style 2
------------------------------------------------*/
.card-style2-wrapper {
	position: relative;
}
.card-style2-item {
	list-style: none;
	margin: 0 0 30px 0;
}
.card-style2-wrapper .card-style2-item:last-child {
	margin-bottom: 0;
}
.card-style2-item .post-media {
	height: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.card-style2-item .post-entry {
	z-index: 1;
	position: relative;
}
.card-style2-item .post-entry p {
	margin-bottom: 0.75em;
}
.card-style2-item .post-entry-left {
	z-index: 2;
	position: relative;
	background-color: #fff;
	margin: -20px 0 0 0;
	padding: 30px 15px 30px 15px;
	-webkit-box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0 -50px 70px 0 rgba(0, 0, 0, 0.1);
}
.card-style2-item .post-entry-right {
	z-index: 3;
	position: relative;
	margin: 0 0 30px 0;
	padding: 0 0 0 15px;
	background-color: #fff;
}
@media (min-width: 576px) {
	.card-style2-item .post-entry-left {
		padding: 40px 30px 30px 30px;
	}
	.card-style2-item .post-entry-right {
		padding: 0 0 0 30px;
	}
}
@media (min-width: 768px) {
	.card-style2-item .post-entry-left {
		z-index: 3;
		margin: -30px 0 0 0;
		padding: 30px;
	}
	.card-style2-item .post-entry-right {
		z-index: 2;
		margin: 0;
		padding: 30px 30px 30px 0;
	}
}
@media (min-width: 992px) {
	.card-style2-item {
		margin: 0 0 50px 0;
	}
	.card-style2-item .post-entry-left {
		margin: -40px 0 0 0;
		padding: 40px;
	}
	.card-style2-item .post-entry-right {
		padding-bottom: 40px;
	}
}
@media (min-width: 1200px) {
	.card-style2-item .post-entry-left {
		margin: -50px 0 0 0;
		padding: 50px;
	}
	.card-style2-item .post-entry-right {
		padding-bottom: 50px;
	}
}
@media (min-width: 1440px) {
	.card-style2-item .post-entry-right {
		padding-top: 40px;
		padding-left: 20px;
	}
}

/* 
	Loop: Related Post
----------------------------------------------*/
.loop-related {
	list-style: none;
	margin: 0;
	padding: 0;
}
.loop-related li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.loop-related li a {
	padding: 15px 0;
	border-bottom: 1px solid #e8e8e8;
}
.loop-related li:first-child a {
	padding-top: 0;
}
.loop-related li .post-media {
	float: left;
	width: 100px;
}
.loop-related li .post-entry {
	float: left;
	width: calc(100% - 100px);
	padding-left: 15px;
}
.loop-related li .post-entry .text-title {
	font-size: 1em;
	line-height: 1.625em;
	margin-bottom: 0;
	color: #000;
}
.loop-related li:hover .post-entry .text-title {
	color: #de5c8e;
}
.loop-related li .post-entry.nomedia {
	float: none;
	width: 100%;
	padding-left: 0;
}
.loop-related-clipping {
	border-top: 1px solid #dedede;
}
.loop-related-clipping a {
	border-bottom: 1px solid #dedede;
}
@media (min-width: 768px) { 
	.loop-related-header {
		padding: 50px 0;
	}
	.loop-related li a {
		padding: 15px 0;
	}
}
@media (min-width: 1440px) { 
	.loop-related-header {
		margin-bottom: 15px;
		padding: 50px 0;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.loop-related li a {
		padding: 15px 0;
	}
}

/*	
	Mobile application with detail
------------------------------------------------*/
.loop-application {
	position: relative;
	list-style: none;
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0;
}
@media (min-width: 992px) {
	.loop-application {
		margin: 0 auto 50px auto;
	}
}
.loop-application .loop-item {
	list-style: none;
	position: relative;
	width: 100%;
}
.loop-application .loop-item .post-media {
	z-index: 1;
	position: absolute;
	top: 30px;
	left: 85%;
	width: 30%;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.loop-application .loop-item .post-media {
		width: 20%;
		top: 50px;
		left: 70%;
		margin: 0;
	}
}
.loop-application .loop-item .post-entry {
	position: relative;
	width: 100%;
	padding: 30px calc(15% + 30px) 50px 30px;
	background-color: #fff;
	box-shadow: 0 15px 30px -25px black !important;
}
@media (min-width: 576px) {
	.loop-application .loop-item .post-entry {
		padding: 30px calc(15% + 50px) 50px 50px;
	}
	.loop-application .loop-item .btn-download-ios,
	.loop-application .loop-item .btn-download-android {
		float: left;
	}
}
@media (min-width: 768px) {
	.loop-application .loop-item .post-entry {
		width: 100%;
		padding: 50px 40% 65px 10%;
	}
	.loop-application .loop-item .post-icon {
		width: 80px;
	}
}
.loop-application .loop-item .post-icon {
	width: 60px;
	margin: 0 0 15px 0;
}
.loop-application .loop-item .post-icon img {
	width: 100%;
	height: auto;
}
.loop-application .loop-item .btn-download-ios {
	display: block;
	width: 150px;
	height: 50px;
	margin: 0 10px 10px 0;
	background: url(../images/btn-download-ios.png) no-repeat 50% 50%;
	background-size: cover;
}
.loop-application .loop-item .btn-download-android {
	display: block;
	width: 150px;
	height: 50px;
	margin: 0;
	background: url(../images/btn-download-android.png) no-repeat 50% 50%;
	background-size: cover;
}

/* 
	Search
----------------------------------------------*/
.loop-search {
	margin: 0;
	padding: 0;
}
.loop-search li {
	list-style: none;
	margin-bottom: 30px;
	color: #545454;
}
.loop-search .text-title {
	font-size: 1.375em;
	font-weight: bold;
	margin-bottom: 0.125em;
}
.loop-search .text-title a {
	color: #1a0dab;
}
.loop-search .text-title a:hover {
	text-decoration: underline;
}
.loop-search .text-title a:visited {
	color: #609;
}
.loop-search .text-meta {
	font-size: 0.875em;
	color: #006621;
	margin-bottom: 0.375em;
}

    
/* -----------------------------------------------------------------------------------

	04 Layout

----------------------------------------------------------------------------------- */
/* 
	Theme Layout
----------------------------------------------*/
#page,
#page-content {
	margin: 0;
	max-width: 100%;
	overflow: hidden;
}
#hero-and-body, 
#page-body, 
#hero, 
#footer {
	position: relative;
}
#hero-and-body {
	width: 100%;
	margin-top: 70px;
	overflow: hidden;
}
#page-body {
	z-index: 10;
}
@media (min-width: 576px) { 
	#hero-and-body {
		margin-top: 80px;
	}
}
@media (min-width: 992px) { 
	#hero-and-body {
		margin-top: 0;
	}
	#hero-and-body,
	#footer {
		width: calc(100% - 80px);
		margin-left: 80px;
	}
}

/*----------

	Wrapper Container & Content

*************************************************************/
.wrapper, 
.wrapper-mini, 
.wrapper-small, 
.wrapper-smallplus, 
.wrapper-plus, 
.wrapper-big,
.wrapper-huge,
.wrapper-full {
	position: relative;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.wrapper::after, 
.wrapper-mini::after, 
.wrapper-small::after, 
.wrapper-smallplus::after, 
.wrapper-plus::after, 
.wrapper-big::after,
.wrapper-huge::after,
.wrapper-full::after { 
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0; 
	font-size: 0;  
}
.wrapper-mini { max-width: 480px; }
.wrapper-small { max-width: 720px; }
.wrapper-smallplus { max-width: 960px; }
.wrapper,
.wrapper-plus,
.wrapper-big,
.wrapper-huge { max-width: 1080px; }
.wrapper-plus.fullwidth { max-width: 100%; }
@media (min-width: 1200px) {
	.wrapper-plus.xl-maxwidth { max-width: 1080px; }
}
@media (min-width: 1440px) {
	.wrapper { max-width: 1200px; }
	.wrapper-plus,
	.wrapper-plus.xl-maxwidth { max-width: 1440px; }
	.wrapper-big { max-width: 1680px; }
	.wrapper-huge { max-width: 1920px; }
}
.wrapper-full { max-width: 100%; }
.wrapper:not(.no-gutters),
.wrapper-mini:not(.no-gutters),
.wrapper-small:not(.no-gutters),
.wrapper-smallplus:not(.no-gutters),
.wrapper-plus:not(.no-gutters),
.wrapper-big:not(.no-gutters),
.wrapper-huge:not(.no-gutters),
.wrapper-full:not(.no-gutters) { 
	width: calc(100% - 40px);
	margin: 0 auto;
}
.wrapper.no-gutters,
.wrapper-mini.no-gutters,
.wrapper-small.no-gutters,
.wrapper-smallplus.no-gutters,
.wrapper-plus.no-gutters,
.wrapper-big.no-gutters,
.wrapper-full.no-gutters,
.wrapper-huge.no-gutters {
	width: 100%;
}
@media (min-width: 576px) {
	.wrapper.sm-no-gutters,
	.wrapper-mini.sm-no-gutters,
	.wrapper-small.sm-no-gutters,
	.wrapper-smallplus.sm-no-gutters,
	.wrapper-plus.sm-no-gutters,
	.wrapper-big.sm-no-gutters,
	.wrapper-full.sm-no-gutters,
	.wrapper-huge.sm-no-gutters {
		width: 100%;
	}
	.wrapper.sm-gutters,
	.wrapper-mini.sm-gutters,
	.wrapper-small.sm-gutters,
	.wrapper-smallplus.sm-gutters,
	.wrapper-plus.sm-gutters,
	.wrapper-big.sm-gutters,
	.wrapper-huge.sm-gutters,
	.wrapper-full.sm-gutters { 
		width: calc(100% - 40px);
	}
}
@media (min-width: 768px) {
	.wrapper:not(.no-gutters),
	.wrapper-mini:not(.no-gutters),
	.wrapper-small:not(.no-gutters),
	.wrapper-smallplus:not(.no-gutters),
	.wrapper-plus:not(.no-gutters),
	.wrapper-big:not(.no-gutters),
	.wrapper-huge:not(.no-gutters),
	.wrapper-full:not(.no-gutters) { 
		width: calc(100% - 60px);
	}
	.wrapper.sm-gutters,
	.wrapper-mini.sm-gutters,
	.wrapper-small.sm-gutters,
	.wrapper-smallplus.sm-gutters,
	.wrapper-plus.sm-gutters,
	.wrapper-big.sm-gutters,
	.wrapper-huge.sm-gutters,
	.wrapper-full.sm-gutters,
	.wrapper.md-gutters,
	.wrapper-mini.md-gutters,
	.wrapper-small.md-gutters,
	.wrapper-smallplus.md-gutters,
	.wrapper-plus.md-gutters,
	.wrapper-big.md-gutters,
	.wrapper-huge.md-gutters,
	.wrapper-full.md-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.md-no-gutters,
	.wrapper-mini.md-no-gutters,
	.wrapper-small.md-no-gutters,
	.wrapper-smallplus.md-no-gutters,
	.wrapper-plus.md-no-gutters,
	.wrapper-big.md-no-gutters,
	.wrapper-full.md-no-gutters,
	.wrapper-huge.md-no-gutters {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.wrapper.lg-gutters,
	.wrapper-mini.lg-gutters,
	.wrapper-small.lg-gutters,
	.wrapper-smallplus.lg-gutters,
	.wrapper-plus.lg-gutters,
	.wrapper-big.lg-gutters,
	.wrapper-huge.lg-gutters,
	.wrapper-full.lg-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.lg-no-gutters,
	.wrapper-mini.lg-no-gutters,
	.wrapper-small.lg-no-gutters,
	.wrapper-smallplus.lg-no-gutters,
	.wrapper-plus.lg-no-gutters,
	.wrapper-big.lg-no-gutters,
	.wrapper-full.lg-no-gutters,
	.wrapper-huge.lg-no-gutters {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.wrapper.xl-gutters,
	.wrapper-mini.xl-gutters,
	.wrapper-small.xl-gutters,
	.wrapper-smallplus.xl-gutters,
	.wrapper-plus.xl-gutters,
	.wrapper-big.xl-gutters,
	.wrapper-huge.xl-gutters,
	.wrapper-full.xl-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.xl-no-gutters,
	.wrapper-mini.xl-no-gutters,
	.wrapper-small.xl-no-gutters,
	.wrapper-smallplus.xl-no-gutters,
	.wrapper-plus.xl-no-gutters,
	.wrapper-big.xl-no-gutters,
	.wrapper-full.xl-no-gutters,
	.wrapper-huge.xl-no-gutters {
		width: 100%;
	}
}
@media (min-width: 1440px) {
	.wrapper-plus,
	.wrapper-big,
	.wrapper-huge,
	.wrapper-full {
		padding-right: 2vw;
		padding-left: 2vw;
	}
}

/*----------

	Fullwidth Section and Fullwidth Content

*************************************************************/
.fullwidth-section,
.fullwidth-content {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.fullwidth-section .fullwidth-content { 
	padding-top: 40px;
	padding-bottom: 40px;
}
@media (min-width: 768px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (min-width: 1440px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (min-width: 1920px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
.fullwidth-section.nopadding > .fullwidth-content,
.fullwidth-section.no-padding > .fullwidth-content,
.fullwidth-content.nopadding,
.fullwidth-content.no-padding { 
	padding-top: 0;
	padding-bottom: 0; 
}

/* 
	Section Border
----------------------------------------------*/
.section-border-top,
.section-border-bottom {
	position: relative;
}
.section-border-top::before,
.section-border-bottom::after {
	content: '';
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.075);
}
.section-border-bottom::after {
	top: auto;
	bottom: 0;
}

/* 
	Section Vertical Line
----------------------------------------------*/
.section-continue {
	position: relative;
}
.section-continue-top::before,
.section-continue-bottom::after {
	z-index: 10;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 30px;
	background-color: #000;
}
.section-continue-top.text-light::before,
.section-continue-bottom.text-light::after {
	background-color: #fff;
}
.section-continue-top::before {
	top: 0;
	bottom: auto;
}
.section-continue-bottom::after {
	top: auto;
	bottom: 0;
}
@media (min-width: 1680px) {
	.section-continue-top::before,
	.section-continue-bottom::after {
		height: 50px;
	}
}

/* 
	Bootstrap Layout
----------------------------------------------*/
.container.container-nogutter,
.container-fluid.container-nogutter {
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.container.container-sm-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-sm-nogutter,
	.container-fluid.container-sm-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 991px) {
	.container.container-md-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-md-nogutter,
	.container-fluid.container-md-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 1199px) {
	.container.container-lg-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-lg-nogutter,
	.container-fluid.container-lg-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 1439px) {
	.container.container-xl-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-xl-nogutter,
	.container-fluid.container-xl-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 1440px) {
	.container {
		max-width: 1200px;
	}
}
@media (min-width: 576px) {
	.container-outer .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.container-outer .container.container-nogutter {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 1199px) {
	.container-outer .container.container-lg-nogutter {
		padding-left: 0;
		padding-right: 0;
	}
}
	
/*----------

	Spacer

*************************************************************/
.spacer-mini { height: 20px; }
.spacer-small { height: 30px; }
.spacer,
.spacer-medium {  height: 50px; }
.spacer-big { height: 70px; }
.spacer-large { height: 80px; }
.spacer-sm { height: 20px; }
.spacer-md { height: 30px; }
.spacer-lg { height: 50px; }
.spacer-xl { height: 80px; }
.spacer-content { height: 40px; }
.spacer-anchor { height: 70px; }
@media (min-width: 768px) {
	.spacer-content { height: 50px; }
}
@media (min-width: 992px) {
	.spacer-mini { height: 25px; }
	.spacer-small { height: 40px; }
	.spacer,
	.spacer-medium { height: 60px; }
	.spacer-big { height: 100px; }
	.spacer-large { height: 120px; }
	.spacer-anchor { height: 80px; }
}
@media (min-width: 1440px) {
	.spacer-content { height: 60px; }
}

/* -----------------------------------------------------------------------------------

	05 WP Element

----------------------------------------------------------------------------------- */
.post, 
.page {
    margin: 0;
}
.widget-area .widget {
    margin: 0 0 30px 0;
}
.widget-area .widget:last-child {
	margin-bottom: 0;
}
.widget-area .search-form {
	position: relative;
	width: 100%;
}
.widget-area .search-form label {
	width: 100%;
	margin: 0;
	padding: 0;
}
.widget-title {
	font-size: 1.25em;
	color: #b43b6b;
	margin-bottom: 0.375em;
}

.widget_recent_entries ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li {
	list-style: none;
}

@media (min-width: 576px) {
	.the-content .wp-block-column:not(:first-child) {
		margin-left: 30px;
	}
}
.wp-block-column:nth-child(even) {
	margin-left: 0;
}
@media (min-width: 768px) {
	.wp-block-column:nth-child(even) {
		margin-left: 30px;
	}
}

.widget-area .search-form input[type="search"],
.widget-area .search-form .search-field {
    width: 100%;
	height: 50px;
    line-height: 48px;
    margin: 0;
    padding: 0 65px 0 15px;
    border-radius: 2px;
	border: 1px solid #000;
	background-color: #fff;
    font-size: 0.875em;
}
.widget-area .search-form .search-submit {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
	background: #fff url(../images/icon-search.svg) 50% 50% no-repeat;
    background-size: 20px 20px;
	border: 1px solid #000;
    font-size: 0.875em;
    text-align: center;
    cursor: pointer;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

figure.wp-block-image,
.wp-block-image figure {
	margin-bottom: 2em;
}

.aligncenter {
	text-align: center;
}

/* -----------------------------------------------------------------------------------

	06 Plugin

----------------------------------------------------------------------------------- */
/* 
	Swiper
----------------------------------------------*/
.swiper-slide a {
	color: #000 !important;
}
.swiper-slide a:hover {
	color: rgba(0,0,0,0.75) !important;
}
.swiper-slide.text-light a {
	color: #fff !important;
}
.swiper-slide.text-light a:hover {
	color: rgba(255,255,255,0.75) !important;
}
.slide-media {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.slide-media video { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	-webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		 -o-transform: translateX(-50%) translateY(-50%);
    		transform: translateX(-50%) translateY(-50%);
}
.slide-overlay {
	z-index: 1; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	background-color: rgba(0,0,0,0.25);
	overflow: hidden;
}
.slide-entry {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide-entry .entry-overlay {
	z-index: 1; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	padding: 0; 
	margin: 0;
	background-color: rgba(0,0,0,0.25);
	overflow: hidden;
}
.slide-entry .entry-overlay.overlay-bottom {
	background-color: transparent;
	background: url(../images/overlay-bottom.png) 50% 50% no-repeat;
	background-size: cover;
}
.slide-entry .entry-inner {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}
.slide-entry .entry-inner.inner-meta {
	top: 0;
	left: 0;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .entry-inner.inner-meta .text-meta {
	padding: 30px 0 0 15px;
	border-left: 1px solid #000;
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
	font-size: 1em;
	line-height: 1;
	margin-bottom: 0;
}
.text-light .slide-entry .entry-inner.inner-meta .text-meta {
	border-left: 1px solid #fff;
}
.slide-entry .entry-inner.inner-top {
	top: 25%;
	left: 0;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .entry-inner.inner-bottom {
	top: auto;
	left: 0;
	bottom: 10%;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .text-title-1 {
	font-size: 1.25em;
	line-height: 1.5;
	margin-bottom: 0;
}
.text-light .slide-entry .text-title-1 { 
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.slide-entry .text-title-2 {
	font-size: 0.75em;
	line-height: 1.625;
	margin-bottom: 0;
}
.text-light .slide-entry .text-title-2 {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.slide-entry .text-title-1 + .text-title-2 {
	margin-top: 5px;
}
.slide-entry .text-title-1 a,
.slide-entry .text-title-2 a {
	text-decoration: none;
}
.slide-icon {
	z-index: 3;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}
.slide-icon .icon-entry a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.75) !important;
    text-align: center;
}
.slide-icon .icon-entry a:hover {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff !important;
}
@media (min-width: 576px) {
	.slide-entry .entry-inner.inner-meta .text-meta {
		font-size: 1.125em;
	}
}
@media (min-width: 992px) {
	.slide-entry .entry-inner.inner-top {
		top: 16.666667%;
	}
	.slide-entry .entry-inner.inner-meta .text-meta {
		font-size: 1.25em;
	}
	.slide-entry .text-title-1 {
		font-size: 1.75em;
	}
	.slide-entry .text-title-2 {
		font-size: 1em;
	}
	.slide-entry .text-title-1 + .text-title-2 {
		margin-top: 10px;
	}
}
@media (min-width: 1440px) {
	.slide-entry .entry-inner.inner-meta .text-meta {
		padding-top: 50px;
	}
	.slide-entry .text-title-1 {
		font-size: 2em;
	}
	.slide-entry .text-title-2 {
		font-size: 1.125em;
	}
}
.swiper-container-horizontal >.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
@media (min-width: 992px) {
	.swiper-container-horizontal >.swiper-pagination-bullets, 
	.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 15px;
	}
}
@media (min-width: 1440px) {
	.swiper-container-horizontal >.swiper-pagination-bullets, 
	.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 30px;
	}
}

/*----------

	Plugin: WP Pagination

*************************************************************/
.wp-pagenavi { 
	width: 100%; 
	margin: 0; 
	padding: 50px 0; 
	text-align: left; 
	font-size: 1.125em;
	clear: both;
}
.wp-pagenavi a { 
	display: inline-block; 
	width: 44px;
	height: 44px; 
	line-height: 44px;
	margin: 0 6px 6px 0;
	padding: 0; 
	border: none;
	border-radius: 100%;
	background-color: #f1f3f5;
	color: #000;
	text-decoration: none; 
	text-align: center;
}
.bg-light .wp-pagenavi a { 
	background-color: #fff;
	box-shadow: 0 15px 30px -25px rgba(0,0,0,0.5);
}
.wp-pagenavi a:hover {
	background-color: #de5c8e;
	color: #fff; 
}
.wp-pagenavi span { 
	display: inline-block; 
	height: 44px; 
	line-height: 44px; 
	margin: 0 6px 6px 0; 
	padding: 0 15px; 
	border: none;
	color: #000; 
	text-decoration: none; 
}
.wp-pagenavi span.pages {
	margin: 0 12px 6px 0;
	padding-right: 0;
	padding-left: 0;
	background-color: transparent; 
	color: #000;
	text-transform: uppercase;
}
.wp-pagenavi span.current { 
	width: 44px;
	height: 44px; 
	line-height: 44px; 
	margin: 0 6px 6px 0;
	padding: 0; 
	border: none;
	border-radius: 100%;
	background-color: #b43b6b; 
	color: #fff; 
	text-align: center;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width: auto;
	border-radius: 22px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) { 
	.wp-pagenavi { 
		padding: 80px 0; 
	}
}

/*----------

	Plugin: Seed Social

*************************************************************/

[class^="ss-"]:before,
[class*=" ss-"]:before {
	font-family: "seed-social" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ss-facebook:before {content: "\e000";}
.ss-facebook-circled:before {content: "\e001";}
.ss-facebook-squared:before {content: "\e002";}
.ss-twitter:before {content: "\e003";}
.ss-twitter-circled:before {content: "\e004";}
.ss-line-square:before {content: "\e006";}
.ss-line-circle:before {content: "\e007";}
.ss-seedthemes:before {content: "\e00a";}
.ss-line:before {content: "\e005";}


.seed-social {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 20px 0;
	text-align: center;
}
.seed-social * {box-sizing: border-box;}
.seed-social:before,
.seed-social:after{content: "";display: table;}
.seed-social:after {clear: both;}

.seed-social > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
	overflow: hidden;
	vertical-align: top;
}
.seed-social > div:last-of-type,
.seed-social > div:last-of-type a {
	margin-right: 0;
}
.seed-social i {
	font-size: 20px;
	color: #fff;
	transition: 0.3s ease;
	padding: 0 3px;
}
.seed-social span {
	color: #fff;
	transition: 0.3s ease;
}
.seed-social a {
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	height: 40px;
	min-width: 80px;
	border-radius: 3px;
	text-align: center;
	padding: 4px;
	line-height: 37px;
	box-shadow: none !important;
}
.seed-social a:hover,
.seed-social a:active,
.seed-social a:focus {
	color: #fff;
}
.seed-social a:hover span,
.seed-social a:hover i {
	opacity: 0.8;
}
.seed-social a:active span,
.seed-social a:active i {
	opacity: 0.5;
}
.seed-social .text {
	display: none;
}
.seed-social .count {
	vertical-align: 4px;
	padding: 0;
	background: none;
	float: none;
	font-size: inherit;
}
.seed-social .facebook a{
	background-color: #3b5998;
	float: left;
}
.seed-social .twitter a{
	background-color: #55acee;
}
.seed-social .line a{
	background-color: #00c300;
}
@media (min-width: 768px) {
	.seed-social {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.seed-social i {
		font-size: 16px;
		vertical-align: -3px;
	}
	.seed-social a {
		color: #fff;
		display: block;
		padding: 7px 12px 5px 8px;
		border-radius: 3px;
		width: auto;
		height: auto;
		line-height: 20px;
	}
	.seed-social .text {
		margin-left: 4px;
		display: inline-block;
	}
	.seed-social .count {
		vertical-align: 0;
		margin-left: 8px;
	}
}
@media (min-width: 1440px) {
	.seed-social {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.seed-social a {
		width: 40px;
		height: 40px;
		min-width: 40px;
		border-radius: 100%;
	}
	.seed-social > div {
		margin-right: 10px;
		margin-bottom: 0;
	}
}

/* 
	Magnific Lightbox
----------------------------------------------*/
.mfp-container *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1520;overflow:hidden;position:fixed;background:rgba(0,0,0,.95);opacity:.95}.mfp-black-bg{background:rgba(0,0,0,.95)}.mfp-white-bg{background:rgba(255,255,255,.95)}.overflow-hidden .mfp-content{height:100%}.overflow-hidden .mfp-iframe-holder .mfp-content{height:auto}#search-header .mfp-close{background-color:transparent!important;color:#484848!important;font-size:25px!important;height:60px;width:60px}.search-popup{cursor:default!important}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1521;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-container figure:hover img{transform:none;opacity:1}.image-popup-no-margins img,.image-popup-vertical-fit img,.lightbox-gallery img,.popup-gallery img,.single-image-lightbox img{cursor:url(../images/icon-zoom.png),pointer}.portfolio-nav .mfp-close{position:inherit}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.search-popup{position:initial}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-close-btn-in,.mfp-content,.mfp-iframe-holder,.mfp-image-holder,.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:url(../images/icon-zoom-out.png),pointer}#popup-form{cursor:default}.zoom-gallery img{cursor:url(../images/icon-zoom.png),pointer}zoom-in .mfp-zoom{cursor:url(../images/icon-zoom.png),pointer}.mfp-auto-cursor .mfp-content{cursor:url(../images/icon-zoom-out.png),pointer}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:34px;height:34px;line-height:34px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;padding:0 0 18px 10px;font-style:normal;background-color:#000!important;color:#fff!important;font-size:18px}.mfp-ajax-holder .mfp-close,.mfp-iframe-holder .mfp-close{display:none!important}.mfp-figure .mfp-close{display:none}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#000;font-size:37px;padding-right:6px;right:-6px;top:-27px;width:100%}.mfp-counter{display:none;position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #000}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #000}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;cursor:default;cursor:pointer;padding:10px;background:#fff}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{position:absolute;top:100%;left:0;width:100%;padding-bottom:30px;cursor:auto}.mfp-title{text-align:center;text-transform:uppercase;word-wrap:break-word;font-family:Montserrat,sans-serif!important;font-family:chulalongkornregular,sans-serif!important;color:#fff;line-height:1.6em;padding:15px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:0;padding-right:0}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.mfp-figure{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:1}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}

/* -----------------------------------------------------------------------------------

	Header

----------------------------------------------------------------------------------- */
header { 
	z-index: 1501;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #fff;
	box-sizing: border-box;
	transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
	transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
	transition-delay: 0.05s;
	font-family: Helvetica Neue, Helvetica, 'chulalongkornregular', sans-serif;
	box-shadow: 0 0 5px rgba(0,0,0,0.125);
}
@media (min-width: 576px) {
	header { 
		height: 80px;
	}
}
@media (min-width: 992px) {
	header {
		width: 80px;
		height: 100%;
	}
	header.menu-is-open { 
		width: 480px; 
		transition-delay: 0s; 
	}
}

/* 
	Menu Action
------------------------------------------------*/
#menu-action {
	z-index: 1503;
	position: absolute;
	top: 0;
	right: 0;
	width: 66px;
	height: 70px;
	transition: all 0.5s ease;
}	
.menu-toggle {
	z-index: 10;
	position: relative;
	display: block;
	width: 66px;
	height: 70px;
	cursor: pointer;
	overflow: hidden;
	transition: height 0.3s ease, transform 0.5s ease;
}
@media (min-width: 576px) { 
	#menu-action,
	.menu-toggle {
		width: 80px;
		height: 80px;
	}
}
@media (min-width: 992px) { 
	#menu-action {
		right: auto;
		left: 0;
	}
}
	
/* 
	Hamburger Button
------------------------------------------------*/
.menu-toggle span.hamburger, 
.menu-toggle span.hamburger::after, 
.menu-toggle span.hamburger::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%; 
	left: 50%;
	width: 26px;
	height: 3px;
	margin-top: -1px;
	margin-left: -13px;
	border-radius: 2px;
	background-color: #000;
	transform: rotate(0deg);
	transition: all 0.4s cubic-bezier(0.600, 0.000, 0.200, 1.000); 
	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-delay: 0s;		
}
.menu-toggle span.hamburger::before { 
	top: 0; 
	margin-top: -7px; 
}
.menu-toggle span.hamburger::after { 
	top: 0; 
	margin-top: 7px; 
}
header.menu-is-open .menu-toggle span.hamburger { 
	background: transparent !important; 
	transition-delay: 0.1s;
	transition-duration: 0.2s;
}
header.menu-is-open .menu-toggle span.hamburger::before {  
	margin-top: 0;
	transform: rotate(135deg);
}
header.menu-is-open .menu-toggle span.hamburger::after {  
	margin-top: 0;
	transform: rotate(-135deg);
}

/* 
	Header Actions
------------------------------------------------*/
#header-actions {
	z-index: 1503;
	position: absolute; 
	top: auto;
	left: auto;
	width: 100%;
}
@media (min-width: 992px) { 
	#header-actions {
		top: 80px;
		left: 0;
		width: 80px;
	}
}

/* 
	Search Site
------------------------------------------------*/
.searchsite-toggle {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 66px;
	display: block;
	width: 66px;
	height: 70px;
	background: url(../images/icon-search.svg) 50% 50% no-repeat;
	background-size: 24px 24px;
	cursor: pointer;
}
@media (min-width: 576px) {
	.searchsite-toggle {
		right: 80px;
		width: 80px;
		height: 80px;
	}
}
@media (min-width: 992px) {
	.searchsite-toggle {
		top: 0;
		right: auto;
		left: 0;
	}
}

/* 
	Search Site Container (Form and Suggest)
------------------------------------------------*/
.searchsite-container { 
	z-index: 1502; 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f1f3f5; 
	pointer-events: none; 
	opacity: 0; 
	visibility: hidden;
	transition: all 0.3s ease;
}
.searchsite-is-open .searchsite-container { 
	pointer-events: auto; 
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
}
.searchsite-container .btn-close {
	z-index: 10;
	width: 70px;
	height: 70px;
	background-color: transparent;
}
.searchsite-inner {
	position: relative;
	padding: 0 0 60px 0;
}
.searchsite-inner .searchsite-title {
	line-height: 70px;	
	margin-bottom: 0;
	padding: 0 20px;
	font-size: 1.125em;
	color: #000;
}
.searchsite-form {
	z-index: 1;
	display: block;
	margin: 0 0 60px 0;
	padding: 0;
}
.searchsite-container .searchsite-input {
	float: left;
	display: inline-block; 
	box-sizing: border-box; 
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 70px 0 20px;
	border: none;
	border-radius: 0;
	background-color: #fff; 
	font-size: 1.125em;
	color: #000;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
}
.searchsite-container .searchsite-input::-webkit-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-moz-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input:-ms-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-webkit-search-cancel-button,
.searchsite-container .searchsite-input::-webkit-search-decoration { 
	-webkit-appearance: none; 
}
.searchsite-container .searchsite-input::-ms-clear { 
	display: none; 
}
.searchsite-container .searchsite-submit {
	position: absolute;  
	right: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	padding: 0;
	border: none;
	border-radius: 0;
	background: #fff url(../images/icon-search-go.svg) 50% 50% no-repeat;
	background-size: 26px 26px;
	text-align: center;
	cursor: pointer;
}
@media (min-width: 576px) { 
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner .searchsite-title {
		line-height: 80px;	
	}
	.searchsite-container .searchsite-input {
		height: 80px;
		line-height: 80px;
		padding: 0 80px 0 20px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
@media (min-width: 768px) { 
	.searchsite-container {
		padding-top: 40px;
	}
	.searchsite-inner .searchsite-title {
		padding: 0;
	}
	.searchsite-container .searchsite-input {
		padding-left: 30px;
		font-size: 1.25em;
	}
}
@media (min-width: 992px) { 
	.searchsite-container {
		left: 80px;
		width: calc(100% - 80px);
		padding-top: 80px;
	}
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner {
		padding: 0 0 80px 0;
	}
	.searchsite-inner .searchsite-title {
		font-size: 1.25em;
		line-height: 70px;	
	}
	.searchsite-form {
		margin-bottom: 40px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}

/* 
	Language Switcher
------------------------------------------------*/
.language-switcher {
	position: absolute;
	top: 80px;
	left: auto;
	right: 0;
	width: 100%;;
	height: 44px;
	font-weight: bold;
	background-color: #fff;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease; 
}
header.menu-is-open .language-switcher {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.5s;
}
.menu-language {
	list-style: none;
	display: flex;
	position: relative;
	width: 132px;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: center;
}
.menu-language li {
	list-style: none;
}
.menu-language li + li {
	margin: 0;
}
.menu-language a {
	display: block;
	width: 66px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	text-decoration: none;
	color: #ccc;
}
.menu-language li.current-language a,
.menu-language li.current-lang a {
	color: #000;
}
@media (min-width: 576px) {
	.language-switcher {
		top: 0;
		right: 160px;
		width: 160px;
		height: 80px;
		background-color: transparent;
		opacity: 1;
		visibility: visible;
	}
	.menu-language {
		width: 160px;
	}
	.menu-language a {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
@media (min-width: 992px) {
	.language-switcher {
		position: relative;
		top: 80px;
		right: auto;
		left: 0;
		width: 80px;
	}
	.menu-language {
		display: block;
		width: 80px;
	}
	.menu-language li {
		display: block;
	}
}

/* 
	Pseudo
------------------------------------------------*/
header .pseudo-close {
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%; 
	height: 100%;
	background: rgba(0,0,0,0.75);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0.3s; 
}
@media (min-width: 576px) {
	header .pseudo-close {
		top: 80px;
	}
}
@media (min-width: 992px) { 
	header .pseudo-close {
		top: 0;
	}
}
header.menu-is-open .pseudo-close { 
	opacity: 1;
	visibility: visible; 
	cursor: url(../images/cursor-close-x.png),auto;
}

/* -----------------------------------------------------------------------------------

	Secondary Header (Logo, Favorite Menu)

----------------------------------------------------------------------------------- */
#header-secondary {
	z-index: 1501;
	position: fixed;
	top: 0;
	width: 100%;
}
@media (min-width: 992px) { 
	#header-secondary {
		z-index: 1500;
		position: absolute;
	}
}

/* 
	Logo
------------------------------------------------*/
#logo {
	z-index: 1502;
	position: absolute;
	top: 10px;
	left: 20px;
	width: 138px;
	text-align: center;
	transition: all 0.3s ease;
}
#logo img {
	display: none;
}
#logo .logo-header {
	width: 138px;
	height: 50px;
	margin: 0;
	transition: all 0.3s ease;
}
#logo-dark {
	background: url(../images/logo-chula-2020-color.svg) 0 0 no-repeat;
	background-size: 138px 50px;
	background-position: top left;
}
#logo-light {
	background: url(../images/logo-chula-2020-light.svg) 0 0 no-repeat;
	background-size: 138px 50px;
	background-position: top left;
}
/*
.site-en #logo-dark {
	background: url(../images/logo-chula-en-dark.svg) 0 0 no-repeat;
	background-size: 168px 60px;
	background-position: top left;
}
.site-en #logo-light {
	background: url(../images/logo-chula-en-light.svg) 0 0 no-repeat;
	background-size: 168px 60px;
	background-position: top left;
}
*/
#logo-dark + #logo-light {
	position: absolute;
	top: 0; 
	left: 0;
	opacity: 0;
	visibility: hidden;
}
@media (min-width: 576px) { 
	#logo {
		width: 166px;
	}
	#logo .logo-header {
		width: 166px;
		height: 60px;
	}
	#logo-dark,
	#logo-light {
		background-size: 166px 60px;
	}
}
@media (min-width: 768px) { 
	#logo {
		left: 30px;
	}
	#logo .logo-header {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	#logo.hide .logo-header {
		display: none;
	}
}
@media (min-width: 992px) { 
	#logo {
		left: 110px;
		width: 166px;
	}
	#header-secondary.text-light #logo-dark { 
		opacity: 0; 
		visibility: hidden; 
	}
	#header-secondary.text-light #logo-dark + #logo-light { 
		opacity: 1; 
		visibility: visible; 
	}
}
@media (min-width: 1440px) { 
	#logo {
		left: calc(110px + 2vw);
	}
}

/* 
	Secondary Nav
------------------------------------------------*/
.secondary-nav {
	display: none;
}
@media (min-width: 992px) { 
	.secondary-nav {
		position: absolute;
		left: auto;
		right: 0;
		width: calc(100% - 308px);
		height: 80px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-family: Helvetica Neue, Helvetica, 'chulalongkornregular', sans-serif;
		font-size: 0.875em;
	}
	.menu-secondary {
		display: flex;
    	flex-flow: row wrap;
		margin: 0;
		padding: 0 30px 0 0;
	}
	
	.menu-secondary li {
		position: relative;
		list-style: none;
		margin: 5px 0 5px 20px;
	}
	ul.menu-secondary li:first-child {
		margin-top: 5px;
	}
	.menu-secondary > li > a {
		position: relative;
		display: inline-block;
		line-height: 30px;
		color: #000;
	}
	.no-touchevents .menu-secondary a:hover {
		color: #de5c8e;
	}
	.text-light .menu-secondary > li > a {
		color: #fff;
	}
	.no-touchevents .text-light .menu-secondary a:hover {
		color: #fff;
	}
}
@media (min-width: 992px) { 
	.secondary-nav {
		font-size: 1em;
	}
	.menu-secondary {
		padding-right: 30px;
	}
	.menu-secondary li {
		margin-left: 24px;
	}
}
@media (min-width: 1440px) { 
	.menu-secondary {
		padding-right: calc(30px + 2vw);
	}
}

/* -----------------------------------------------------------------------------------

	09 Main Menu

----------------------------------------------------------------------------------- */
#menu-inner {
	z-index: 1502;
	position: fixed;
	top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    margin-top: 0;
	padding-top: 44px;
	padding-bottom: 44px;
	background-color: #fff;
    -webkit-background-clip: padding-box; /* for Safari */
			background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    transition: all 0.3s ease 0.3s;
    opacity: 0;
	visibility: hidden;
    overflow: hidden;
}
@media (min-width: 576px) {
	#menu-inner {
		top: 80px;
		height: calc(100% - 80px);
		padding-top: 0;
	}
}
@media (min-width: 992px) { 
	#menu-inner {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;	
		padding: 94px 30px 80px 80px;
	}
}
header.menu-is-open #menu-inner {
	transition-delay: 0.2s;
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
}

.menu-primary {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.menu-primary li {
	list-style: none;
}
.menu-primary li + li {
	margin-top: 0;
}
.menu-primary > li { 
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f1f3f5;
	transform: translateX(-50px);
	transition: all 0.5s ease;
	transition-delay: 0s;
	opacity: 0;
	visibility: hidden;
}
.menu-primary > ul > li:first-child { 
	border-top: 1px solid #f1f3f5;
}
header.menu-is-open .menu-primary > li { 
	transform: translateX(0); 
	opacity: 1;
	visibility: visible;
}
header.menu-is-open .menu-primary > li { transition-delay: 0.3s; }
header.menu-is-open .menu-primary > li:nth-child(2) { transition-delay: 0.34s; }
header.menu-is-open .menu-primary > li:nth-child(3) { transition-delay: 0.38s; }
header.menu-is-open .menu-primary > li:nth-child(4) { transition-delay: 0.42s; }
header.menu-is-open .menu-primary > li:nth-child(5) { transition-delay: 0.46s; }
header.menu-is-open .menu-primary > li:nth-child(6) { transition-delay: 0.50s; }
header.menu-is-open .menu-primary > li:nth-child(7) { transition-delay: 0.54s; }
header.menu-is-open .menu-primary > li:nth-child(8) { transition-delay: 0.58s; }
header.menu-is-open .menu-primary > li:nth-child(9) { transition-delay: 0.62s; }
header.menu-is-open .menu-primary > li:nth-child(10) { transition-delay: 0.66s; }
.menu-primary a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	line-height: 24px;
	padding: 10px 20px;
	background-color: #fff;
	font-size: 1em;
	color: #000;
	text-decoration: none !important;
	transition: all 0.3s ease;
}
.menu-primary li.current-menu-item > a,
.menu-primary li.current_page_item > a,
.menu-primary li.current-page-ancestor > a,
.menu-primary li.current-menu-ancestor > a,
.menu-primary li.current-menu-parent > a,
.menu-primary li.current-page-parent > a,
.menu-primary li.current_page_parent > a,
.menu-primary li.current_page_ancestor > a,
.menu-primary a:hover {
	color: #de5c8e !important;
}
.menu-primary ul.sub-menu {
	display: none;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
}
.menu-primary ul.sub-menu li {
	border-top: 1px solid #f1f3f5;
}
.menu-primary ul.sub-menu > li > a {
	padding-left: 40px;
}
.menu-primary ul.sub-menu ul.sub-menu > li > a {
	padding-left: 60px;
}
.menu-primary a.submenu-open {
	color: #de5c8e;
}
.menu-primary ul.sub-menu a.submenu-open {
	color: #de5c8e;
}
.menu-primary ul.sub-menu::after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 1px;
	height: 100%;
	background-color: #de5c8e;
}
.menu-primary ul.sub-menu ul.sub-menu::after {
	left: 40px;
}
.menu-primary li.menu-item-has-children > a {
	padding-right: 66px;
}
.menu-primary li.menu-item-has-children > a::before {
	content: "\f067";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 66px;
	line-height: 24px;
	font-size: 0.75rem;
	color: #a1a3a5;
	text-align: center;
	transition: all 0.3s ease;
}
.menu-primary li.menu-item-has-children > a.submenu-open::before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	  	 -o-transform: rotate(-45deg);
	  	    transform: rotate(-45deg);
	color: #de5c8e;
}
@media (min-width: 576px) { 
	.menu-primary li.menu-item-has-children > a {
		padding-right: 80px;
	}
	.menu-primary li.menu-item-has-children > a::before {
		width: 80px;
	}
}
@media (min-width: 768px) { 
	.menu-primary > li > a {
		padding-left: 30px;
	}
	.menu-primary ul.sub-menu > li > a {
		padding-left: 50px;
	}
	.menu-primary ul.sub-menu ul.sub-menu > li > a {
		padding-left: 70px;
	}
	.menu-primary ul.sub-menu::after {
		left: 30px;
	}
	.menu-primary ul.sub-menu ul.sub-menu::after {
		left: 50px;
	}
}
@media (min-width: 992px) { 
	.menu-primary {
		margin-left: 30px;
	}
	.menu-primary > li > a {
		padding-left: 0;
	}
	.menu-primary ul.sub-menu > li > a {
		padding-left: 20px;
	}
	.menu-primary ul.sub-menu ul.sub-menu > li > a {
		padding-left: 40px;
	}
	.menu-primary li.menu-item-has-children > a {
		padding-right: 44px;
	}
	.menu-primary li.menu-item-has-children > a::before {
		width: 44px;
	}
	.menu-primary ul.sub-menu::after {
		left: 0;
	}
	.menu-primary ul.sub-menu ul.sub-menu::after {
		left: 20px;
	}
}

/* -----------------------------------------------------------------------------------

	10 Footer

----------------------------------------------------------------------------------- */
#footer {
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
}
#footer .text-title {
	font-size: 1.375em;
	margin-bottom: 15px;
}
#footer p {
	margin-bottom: 0.375em;
}
@media (min-width: 576px) { 
	#footer {
		padding-bottom: 50px;
		text-align: left;
	}
	#footer .text-title {
		font-size: 1.5em;
	}
}
@media (min-width: 1200px) { 
	#footer {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* 
	Sub Logo (Footer)
------------------------------------------------*/
.logo-sub {
    width: 122px;
    height: 60px;
    margin: 0 auto 1.5em auto;
    background: url(../images/logo-chula-sub-2020-color.svg) 0 0 no-repeat;
    background-size: 122px 60px;
}
.logo-sub a {
	display: block;
	width: 100%;
	height: 100%;
}
@media (min-width: 576px) {
	.logo-sub {
		margin-bottom: 2em;
	}
}
@media (min-width: 768px) {
	.logo-sub {
		margin-left: 0;
		margin-right: 0;
	}
}

/* 
	Social Media Links
------------------------------------------------*/
.menu-socialmedia {
	margin: 30px 0;
	padding: 0;
}
.menu-socialmedia li {
	display: inline-block;
	margin: 0 15px;
}
@media (min-width: 576px) {
	.menu-socialmedia li {
		margin-left: 0;
	}
}
@media (min-width: 992px) {
	.menu-socialmedia {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.menu-socialmedia li {
		font-size: 1.25em;
		margin-right: 20px;
	}
}
.menu-socialmedia a,
.menu-socialmedia a:visited { color:  #000 !important; }
.menu-socialmedia .facebook a:hover i { color: #446ebf !important; }
.menu-socialmedia .twitter a:hover i { color: #39aadc !important; }
.menu-socialmedia .youtube a:hover i { color: #ee423d !important; }
.menu-socialmedia .instagram a:hover i { color: #95604b !important; }
.menu-socialmedia .line a:hover i { color: #00b900 !important; }

/* -----------------------------------------------------------------------------------

	11 Hero - Page Title

----------------------------------------------------------------------------------- */
#hero {
	position: relative;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}	
#hero.text-light { 
	background-color: #000;
}
#hero .textgroup-title {
	position: relative;
	padding-bottom: 12px;
}
#hero.hero-full .textgroup-title,
#hero.hero-big .textgroup-title {
	padding-bottom: 22px;
}
#hero .textgroup-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #000;
}
#hero.text-light .textgroup-title::after {
	background-color: #fff;
}
#hero.text-center .textgroup-title::after {
	left: 50%;
	margin-left: -20px;
}
#hero .textgroup-desc {
	position: relative;
	margin-top: 15px;
}
#hero.hero-full .textgroup-desc,
#hero.hero-big .textgroup-desc {
	margin-top: 25px;
}
#hero .textgroup-desc h3,
#hero .textgroup-desc h4 {
	line-height: 1.75;
}
#hero .col-primary {
	
}
#hero .col-primary p {
	margin-bottom: 0;
}
#hero .col-primary p + p {
	margin-top: 1.75em;
}
#hero .col-secondary {
	margin-top: 30px;
}
#hero .text-title-meta {
	margin-bottom: 1.5em;
}
#hero .text-title,
#hero .text-title-primary {
	position: relative;
	font-size: 1.75em;
	line-height: 1.25em;
	margin-bottom: 0;
}
#hero .text-title-secondary {
	font-family: 'camptonbold', 'chulacharasnewregular', sans-serif;
	font-size: 0.875em;
	line-height: 1.5em;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	text-transform: uppercase;
}
.site-en #hero .text-title-secondary {
	font-family: 'chulalongkornregular', sans-serif;
	text-transform: none;
}
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title a,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary a {
	color: #b43b6b;
}
.no-touchevents #hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title a:hover,
.no-touchevents #hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary a:hover {
	color: #de5c8e;
}
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-secondary {
	color: #000;
}
#hero .text-taxonomy {
	position: relative;
	display: inline-block;
	line-height: 30px;
	margin: 15px 0 0 0;
	padding: 0 15px 0 42px;
	border-radius: 17px;
	border: 2px solid #b43b6b;
	background-color: #de5c8e;
	font-family: 'chulalongkornregular', sans-serif;
	color: #fff;
}
.site-en #hero .text-taxonomy {
	font-family: 'chulacharasnewregular', sans-serif;
}
#hero .text-taxonomy::before {
	content: "\f0b0";
	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
	position: absolute;
	top: 0;
	left: 17px;
	font-size: 1em;
	color: rgba(255,255,255,0.5);
	line-height: 32px;
	text-align: left;
}
#hero.text-light .text-title,
#hero.text-light .text-title-primary,
#hero.text-light .text-title-secondary {
	color: #fff;
}
#hero .p-contact {
	position: relative;
	margin-bottom: 0;
	padding-left: 50px;
	font-family: 'chulacharasnewregular', sans-serif;
	font-size: 1.125em;
	color: #000;
}
#hero .p-contact::before {
	content: "";
	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1em;
	color: #000;
	text-align: left;
}
#hero .p-contact + .p-contact {
	margin-top: 5px;
}
#hero .p-contact.contact-tel::before {
	content: '\f095'
}
#hero .p-contact.contact-email::before {
	content: '\f0e0'
}
#hero .p-contact.contact-website::before {
	content: '\f35d'
}
@media (min-width: 576px) { 
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2em;
	}
	#hero .text-title-secondary {
		font-size: 1em;
	}
}
@media (min-width: 768px) { 
	#hero .textgroup-title {
		padding-bottom: 17px;
	}
	#hero .textgroup-title::after {
		width: 50px;
	}
	#hero.text-center .textgroup-title::after {
		margin-left: -25px;
	}
	#hero .textgroup-desc {
		margin-top: 25px;
	}
	#hero .text-title-secondary {
		font-size: 1.125em;
	}
	#hero .col-secondary {
		margin-top: 0;
	}
}
@media (min-width: 992px) { 
	#hero .col-primary {
		padding-right: 8.3333333%;
	}
	
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2.25em;
	}
}
@media (min-width: 1440px) { 
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2.5em;
	}
	#hero .text-title-secondary {
		font-size: 1.25em;
	}
}
@media (max-width: 767px) { 
	#hero.mobile-text-center .textgroup-title,
	#hero.mobile-text-center .textgroup-desc {
		text-align: center;
	}
	#hero.mobile-text-center .textgroup-title::after {
		left: 50%;
		margin-left: -20px;
	}
}
	
/* 
	Hero Size
------------------------------------------------*/
.hero-full {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 60px); 
	background-color: #fff;
}
@media (min-width: 768px) { 
	.hero-full { 
		min-height: 100vh; 
	}
}
.hero-big { 
	position: relative;
	min-height: 75vh;
	background-color: #fff;
}
.hero-medium { 
	position: relative;
	min-height: 50vh;
	background-color: #fff;
}

.hero-full,
.hero-big,
.hero-medium {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.hero-full .textgroup-desc,
.hero-big .textgroup-desc,
.hero-medium .textgroup-desc,
.hero-classic .textgroup-desc{
	margin-top: 30px;
}
.hero-full .hero-container,
.hero-big .hero-container,
.hero-medium .hero-container {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}

/* 
	Video BG
------------------------------------------------*/
#hero .post-video {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#hero .post-video video { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	-webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		 -o-transform: translateX(-50%) translateY(-50%);
    		transform: translateX(-50%) translateY(-50%);
}

/* 
	Hero PageTitle
------------------------------------------------*/
#page-title {
	z-index: 1;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.hero-full #page-title {
	padding-bottom: 90px;
}
.hero-big #page-title {
	padding-bottom: 70px;
}
@media (min-width: 576px) {
	#page-title {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.hero-full #page-title {
		padding-bottom: 100px;
	}
	.hero-big #page-title {
		padding-bottom: 80px;
	}
}
@media (min-width: 768px) {
	#page-title {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.hero-full #page-title {
		padding-bottom: 140px;
	}
	.hero-big #page-title {
		padding-bottom: 120px;
	}
}
#page-title:not(.wrapper):not(.wrapper-smallplus):not(.wrapper-small) { 
	width: calc(100% - 40px); 
}
@media (min-width: 768px) { 
	#page-title:not(.wrapper):not(.wrapper-smallplus):not(.wrapper-small) { 
		width: calc(100% - 60px); 
	}
}
#page-body #page-title {
	padding-bottom: 60px;
}
.hero-full #page-title, 
.hero-big #page-title,
.hero-medium #page-title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}
#hero.hero-full #page-title.title-top, 
#hero.hero-big #page-title.title-top,
#hero.hero-medium #page-title.title-top, 
#hero.hero-full #page-title.title-bottom, 
#hero.hero-big #page-title.title-bottom, 
#hero.hero-medium #page-title.title-bottom, 
#hero.hero-full #page-title.push-bottom:not(.title-top), 
#hero.hero-big #page-title.push-bottom:not(.title-top),
#hero.hero-medium #page-title.push-bottom:not(.title-top) {
	top: 0;
	padding-top: 60px;
	-webkit-transform: translateY(0%) translateX(-50%); 
	   -moz-transform: translateY(0%) translateX(-50%); 
		-ms-transform: translateY(0%) translateX(-50%); 
		 -o-transform: translateY(0%) translateX(-50%); 
			transform: translateY(0%) translateX(-50%);
}
#hero.hero-full #page-title.title-bottom, 
#hero.hero-big #page-title.title-bottom,
#hero.hero-medium #page-title.title-bottom { 
	top: auto;
	bottom: 0;
	padding-bottom: 60px;
	padding-top: 100px;
}
#hero.hero-full #page-title.push-bottom:not(.title-top), 
#hero.hero-big #page-title.push-bottom:not(.title-top),
#hero.hero-medium #page-title.push-bottom:not(.title-top) { 
	top: auto;
	bottom: 0;
}
#hero.hero-classic {
	z-index: 100;
	overflow: visible;
}
#hero.hero-classic #page-title {
	z-index: 1;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media (min-width: 576px) {
	#hero.hero-classic #page-title {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
@media (min-width: 992px) {
	#hero.hero-classic #page-title {
		padding-top: 105px;
		padding-bottom: 40px;
	}
	#hero:not(.text-center) #page-title.wrapper {
		padding-left: 47px;
	}
}
@media (min-width: 1440px) {
	#hero.hero-classic #page-title {
		padding-bottom: 60px;
	}
	#hero:not(.text-center) #page-title.wrapper:not(.wrapper-huge):not(.wrapper-big):not(.wrapper-plus) {
		padding-left: 15px;
	}
}
@media (min-width: 1470px) {
	#hero:not(.text-center) #page-title.wrapper:not(.wrapper-huge):not(.wrapper-big):not(.wrapper-plus) {
		padding-left: 0;
	}
}
.hero-classic .text-title,
.hero-classic .text-title-primary,
.hero-classic .text-title-1 {
	color: #de5c8e;
}

/* 
	Scroll Down
------------------------------------------------*/
#scrolldown { 
	z-index: 100;
	position: absolute;
	bottom: 30px;
	left: calc(50% - 12px);
	padding-left: 18px;
}
#scrolldown.invisible {
	opacity: 0 !important; 
	visibility: hidden !important; 
}
#scrolldown.left { left: 30px; }
#scrolldown.right { left: auto; right: 30px; }
#scrolldown span.text { 
	font-size: 13px;
	line-height: 20px;
}
#scrolldown .arrow { 
	position: absolute;
	top: calc(50% - 9px);
	left: -7px;
	-webkit-animation: scrolldown-anim 3.4s infinite ease;
	   -moz-animation: scrolldown-anim 3.4s infinite ease;
		 -o-animation: scrolldown-anim 3.4s infinite ease;
			animation: scrolldown-anim 3.4s infinite ease;
}
@media (min-width: 768px) { 
	#scrolldown.left { left: 30px; }
	#scrolldown.right { left: auto; right: 30px; }
}
@media (min-width: 1200px) {
	#scrolldown.left { left: 40px; }
	#scrolldown.right { right: 40px; }
}
@-webkit-keyframes scrolldown-anim {
	70% { margin-top: 0px; }
	85% { margin-top: 4px; }
	100% { margin-top: 0px; }
}
@-moz-keyframes scrolldown-anim {
	70% { margin-top: 0px; }
	85% { margin-top: 4px; }
	100% { margin-top: 0px; }
}
@-o-keyframes scrolldown-anim {
	70% { margin-top: 0px; }
	85% { margin-top: 4px; }
	100% { margin-top: 0px; }
}
@-ms-keyframes scrolldown-anim {
	70% { margin-top: 0px; }
	85% { margin-top: 4px; }
	100% { margin-top: 0px; }
}
@keyframes scrolldown-anim {
	70% { margin-top: 0px; }
	85% { margin-top: 4px; }
	100% { margin-top: 0px; }
}

/* 
	Breadcrumb
------------------------------------------------*/
.breadcrumb {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 0 1.5em 0;
    padding: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font-size: 0.75em;
}
.breadcrumb-entry {
	display: inline-block;
	border-radius: 2px;
	color: #000;
} 
.breadcrumb-entry a {
	color: #000;
	margin: 0 10px;
}
.breadcrumb-entry a:hover {
	color: #de5c8e;
	text-decoration: underline;
}
.breadcrumb-entry span:first-child a {
	margin-left: 0;
}
.text-light .breadcrumb-entry,
.text-light .breadcrumb-entry a {
	color: #fff;
}
.text-light .breadcrumb-entry a:hover {
	color: #fff;
}
.text-center .breadcrumb,
.breadcrumb.text-center {
	align-items: center;
  	justify-content: center;
}
.text-center .breadcrumb span:first-child a,
.breadcrumb.text-center span:first-child a {
	margin-left: 10px;
}
@media (min-width: 768px) {
	.breadcrumb {
		margin-bottom: 2em
	}
}
@media (min-width: 1200px) {
	.breadcrumb {
		margin-bottom: 2.5em
	}
}
@media (min-width: 1440px) {
	.breadcrumb {
		margin-bottom: 3em
	}
}
@media (max-width: 767px) {
	.mobile-text-center .breadcrumb {
		align-items: center;
		justify-content: center;
	}
	.mobile-text-center .breadcrumb span:first-child  {
		margin-left: 10px;
	}
}

/* -----------------------------------------------------------------------------------

	12 Template

----------------------------------------------------------------------------------- */
#template-single {
	position: relative;
}
#template-single .single-title {
	padding: 30px 15px 1.75em 15px;
}
#template-single .single-title .embed-responsive {
	margin-bottom: 1.5em;
}
#template-single .single-title .text-title-meta {
	font-size: 1em;
	line-height: 30px;
	margin-bottom: 20px;
}
#template-single .single-title .text-title,
#template-single .single-title .text-title-primary {
	color: #b43b6b;
	line-height: 1.5;
	margin-bottom: 0;
}
#template-single .single-title .text-title-secondary {
	font-size: 1.25em;
	line-height: 1.5em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 0;
}
#template-single .single-title .text-title-secondary + p {
	margin-top: 10px;
}
#template-single .post-meta {
	position: relative;
	width: 100%;
	margin-top: 15px;
	font-size: 0.875em;
	line-height: 1.875;
}
#template-single .post-meta ul li,
#template-single .post-meta ol li {
	margin-top: 2px;
}
#template-single .post-meta p {
	margin-bottom: 0;
}
#template-single .post-meta p + p {
	margin-top: 15px;
}
#template-single .post-meta i {
	width: 24px;
}
#template-single .post-meta .post-date,
#template-single .post-meta .post-type {
	position: relative;
	float: left;
	margin-right: 30px;
}
#template-single .post-meta .post-type-round {
	color: #000;
}
#template-single .post-meta .post-type-round i {
	position: relative;
	padding-right: 55px;
	margin-right: 10px;
}
#template-single .post-meta .post-type-round i::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 1px;
	background-color: #000;
}
#template-single .post-meta .post-type-round a {
	display: inline-block;
	margin: 5px 5px 5px 0;
    padding: 0 1em;
	line-height: 26px;
	border: 2px solid #ccc;
	border-radius: 15px;
	background-color: #fff;
	font-family: 'chulalongkornregular', sans-serif;
	font-size: 0.875em;
	color: #000;
}
#template-single .post-meta .post-type-round a:hover {
	border-color: #b43b6b;
	color: #de5c8e;
}

/* 
	Template: Executive Team
------------------------------------------------*/
#template-single .single-title-team .col-image {
	margin: 0 0 30px 0;
}
#template-single .single-title-team .col-image img {
	width: 100%;
    border: 10px solid #fff;
    border-radius: 10px;
    transition: all 0.3s;
    -webkit-box-shadow: 0 15px 30px -20px black !important;
       -moz-box-shadow: 0 15px 30px -20px black !important;
    		box-shadow: 0 15px 30px -20px black !important;
}
#template-single .single-title-team .col-name {
	margin: 0 0 30px 0;
}
#template-single .single-featuredimage {
	margin-bottom: 1.75em;
}
#template-single .single-featuredimage img {
	width: 100%;
}
#template-single .single-content {
	margin-bottom: 3em;
	padding: 0 15px;
}

/* 
	Template: Next & Previous Post
------------------------------------------------*/

#template-single .single-link .box-singlelink .cell-prevnext {
	width: 50%;
	padding: 30px 15px;
}
#template-single .single-link .box-singlelink .cell-prevnext:nth-child(2) {
	border-left: 1px solid #e8e8e8;
}
#template-single .single-link .box-singlelink .cell-viewall {
	width: 100%;
	padding: 50px 15px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}
#template-single .single-link .box-singlelink .cell-viewall a {
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
}
#template-single .single-link .box-singlelink .text-meta {
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
	font-size: 1em;
	margin-bottom: 10px;
}
#template-single .single-link .box-singlelink .text-title {
	font-size: 1em;
	margin-bottom: 0;
}

/* 
	Template: Search Widget
------------------------------------------------*/
#template-single .widget_search {
	position: relative;
	margin: 0;
	padding: 30px 15px;
	background-color: #f5f5f5;
}
#template-single .widget_search::before,
#template-single .widget_search::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
}
#template-single .widget_search::after {
	top: auto;
	bottom: 0;
}

/* 
	Template: Related Post Widget
------------------------------------------------*/
#template-single .widget_post_related {
	padding: 50px 15px;
}

/* 
	Template: Short Program
------------------------------------------------*/
#template-single.template-program {
	
}
#template-single.template-program .single-title {
	
}
#template-single.template-program .single-title .text-title-secondary {
	font-size: 1.5em;
    margin-top: 10px;
}

@media (min-width: 576px) {
	#template-single .single-title {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .single-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .widget_search {
		position: relative;
		padding: 30px;
	}
	#template-single .widget_post_related {
		padding: 50px 30px;
	}
}
@media (min-width: 768px) {
	#template-single .single-title {
		padding-top: 105px;
	}
	#template-single.has-hero .single-title {
		padding-top: 50px;
	}
	#template-single .single-title-team .col-name {
		padding-top: 30px;
	}
	#template-single.template-program .single-title .text-title-meta {
		margin-bottom: 40px;
	}
}
@media (min-width: 992px) {
	#template-single .single-title {
		padding-left: 40px;
		padding-right: 85px;
	}
	#template-single .single-title-team .col-name {
		padding-top: 40px;
	}
	#template-single .single-content {
		padding-left: 40px;
		padding-right: 85px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext {
		padding-left: 40px;
		padding-right: 40px;
	}
	#template-single .widget_search {
		position: relative;
		padding: 50px 40px;
	}
	#template-single .widget_post_related {
		padding: 40px;
	}
	#template-single.template-program .single-title {
		padding-bottom: 40px;
	}
	#template-single.template-program .col-content-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	#template-single.template-program .single-title,
	#template-single.template-program .single-featuredimage,
	#template-single.template-program .single-content {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1200px) {
	/*
	#template-single::before {
		content: '';
		position: absolute;
		top: 0;
		left: 75%;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	*/
	#template-single .col-content {
		padding-right: 85px;
	}
	#template-single .single-title,
	#template-single .single-featuredimage,
	#template-single .single-content {
		padding-left: 95px;
		padding-right: 0;
	}
	#template-single .single-title-team .col-name {
		padding-top: 60px;
	}
	#template-single .single-link {
		padding-left: 95px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext:nth-child(1) {
		padding-left: 0;
	}
	#template-single .single-link .box-singlelink .cell-prevnext:nth-child(2) {
		padding-right: 0;
	}
	#template-single .col-sidebar::before {
		content: '';
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: transparent;
	}
	#template-single .widget_search {
		position: relative;
		padding: 105px 40px 0 0;
		background-color: transparent;
	}
	#template-single.has-hero .widget_search {
		padding-top: 50px;
		padding-bottom: 0;
	}
	#template-single .widget_search::before,
	#template-single .widget_search::after {
		width: 0;
		height: 0;
	}
	#template-single .widget_post_related {
		padding: 50px 40px 50px 0;
	}
	#template-single.template-magazine .col-content {
		padding-right: 0;
	}
	#template-single.template-magazine .single-featuredimage {
		padding-left: 0;
	}
	#template-single.template-magazine .single-title,
	#template-single.template-magazine .single-content,
	#template-single.template-magazine .single-link {
		padding-left: 95px;
		padding-right: 95px;
	}
	#template-single.template-program .single-link {
		padding-left: 0;
	}
	#template-single.template-program .single-link .box-singlelink .cell-prevnext {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (min-width: 1440px) {
	#template-single .single-title,
	#template-single .single-featuredimage,
	#template-single .single-content,
	#template-single .single-link {
		padding-left: 0;
	}
	#template-single .single-title-team .col-name {
		padding-top: 85px;
	}
	#template-single .widget_search,
	#template-single .widget_post_related {
		padding-right: 0;
	}
	#template-single.template-magazine .single-title,
	#template-single.template-magazine .single-content,
	#template-single.template-magazine .single-link {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1680px) {
	#template-single.template-program .col-content-inner {
		padding-right: 80px;
	}
	#template-single.template-program .single-title .text-title-secondary {
		font-size: 1.75em;
	}
}
@media (min-width: 1920px) {
	#template-single.template-program .col-content-inner {
		padding-left: 95px;
		padding-right: 80px;
	}
}

/* 
	Post Tag
------------------------------------------------*/
.post-tag {
	margin-top: 3em;
}
.post-tag .text-title {
	font-family: 'camptonbold', sans-serif;
	margin-bottom: 0.75em;
}
.post-tag a {
	display: inline-block;
	margin: 0 5px 10px 0;
    padding: 0 1em;
	line-height: 26px;
	border: 2px solid #ccc;
	border-radius: 15px;
	background-color: #fff;
	font-family: 'chulalongkornregular', sans-serif;
	font-size: 0.75em;
	color: #000;
}
.site-en .post-tag a {
	font-family: 'chulacharasnewbold', sans-serif;
}
.post-tag a:hover {
	border-color: #de5c8e;
	color: #de5c8e;
}

/* 
	Post Share
------------------------------------------------*/
.post-share {
	margin-top: 3em;
}
.post-share .text-title {
	font-family: 'camptonbold', sans-serif;
	margin-bottom: 0.75em;
}

/* 
	Single Executive Team: Meta Info
----------------------------------------------*/
.box-meta-team {
	margin-bottom: 30px;
	padding-left: 30px;
	color: #000;
}
.box-meta-team .box-cell {
	width: 100%;
}
.box-meta-team .cell-contact p {
	margin-bottom: 0;
}
.box-meta-team .cell-contact p + p {
	margin-top: 10px;
}
.box-meta-team .cell-contact i {
	width: 30px;
}
.box-meta-team .cell-meta {
	margin-top: 10px;
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif; 
}
.box-meta-team .cell-meta a {
	display: inline-block;
}
.box-meta-team .cell-meta i {
	width: 30px;
}
@media (min-width: 576px) {
	.box-meta-team {
		padding-left: 50px;
	}
}
@media (min-width: 768px) {
	.box-meta-team {
		padding-left: 0;
	}
	.box-meta-team .cell-contact {
		width: 60%;
	}
	.box-meta-team .cell-meta {
		width: 40%;
	}
}

/* 
	Single Magazine: Related Magazines
------------------------------------------------*/
.related-magazine {
	padding-bottom: 50px;
}

/* -----------------------------------------------------------------------------------

	13 Custom Sections

----------------------------------------------------------------------------------- */

/*
	Single Faculty: Course List (right side)
----------------------------------------------*/
.course-wrapper {
	position: relative;
}
.course-entry h3,
.course-entry h4,
.course-entry h5 {
	font-family: 'chulalongkornregular', sans-serif; 
}
.course-entry h3 strong,
.course-entry h4 strong,
.course-entry h5 strong {
	font-family: 'chulalongkornbold', sans-serif; 
}
.course-entry { 
	margin: 0;
	padding: 30px 0;
}
.course-entry ul,
.course-entry ol { 
	margin: 0 0 30px 0 !important; 
	padding: 0; 
}
.course-entry li { 
	list-style: none;
	/*
	list-style: none; 
	margin-bottom: 0;
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px dashed #d5d5d5;
	*/
}
.course-entry p,
.course-entry h3 {
	margin-bottom: 1rem;
}
.course-entry h4,
.course-entry h5 {
	margin-bottom: 0.75rem;
}
.course-entry h3,
.course-entry h3 a,
.course-entry h3 strong {
	color: #de5c8e;
}
.course-wrapper .course-entry:last-child { 
	padding-bottom: 0; 
}


/*
	Short Programs: Loop and Item
----------------------------------------------*/
.shortprogram-wrapper {
	position: relative;
}
.shortprogram-item {
	position: relative;
	padding: 0 0 50px 0;
}
.shortprogram-item.nomedia {
	padding-top: 30px;
}
.shortprogram-wrapper .shortprogram-item:nth-child(odd) {
	background-color: #f8f9fa;
}
.shortprogram-wrapper .shortprogram-item:nth-child(odd)::before,
.shortprogram-wrapper .shortprogram-item:nth-child(odd)::after {
	content: '';
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.0125);
}
.shortprogram-wrapper .shortprogram-item:first-child::before {
	top: 0;
	bottom: auto;
}
.shortprogram-item .post-media {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
	   -moz-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
    		box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.shortprogram-item .post-type,
.shortprogram-item .post-entry,
.shortprogram-item .post-meta {
	padding-left: 15px;
	padding-right: 15px;
}
.shortprogram-item .post-type {
	margin-bottom: 10px;
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif; 
	font-size: 0.875em;
	color: #000;
}
.shortprogram-item .post-type i {
	margin-right: 15px;
}
.shortprogram-item .post-type a {
	margin: 0 15px 10px 0;
}
.shortprogram-item .text-title {
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 10px;
}
.shortprogram-item .text-title-secondary {
	font-size: 1.25em;
	line-height: 1.5;
	color: #b43b6b;
	margin-bottom: 15px;
}
.shortprogram-item .post-entry p {
	margin-bottom: 1em;
}
.shortprogram-item .post-meta {
	font-size: 0.875em;
	line-height: 1.75;
}
.shortprogram-item .post-cta {
	margin-top: 20px;
}
@media (min-width: 576px) {
	.shortprogram-item {
		padding: 30px 0;
	}
	
	.shortprogram-item .post-media {
		margin-bottom: 0;
	}
	.shortprogram-item .post-type,
	.shortprogram-item .post-entry,
	.shortprogram-item .post-meta {
		padding-left: 0;
		padding-right: 0;
	}
	.shortprogram-item .post-type {
		margin-bottom: 10px;
	}
}
@media (min-width: 768px) {
	.shortprogram-item {
		padding: 50px 0;
	}
}
@media (min-width: 992px) {
	.shortprogram-item {
		padding: 30px 0;
	}
}
@media (min-width: 1200px) {
	.shortprogram-item .post-meta {
		padding-left: 15px;
		border-left: 5px solid #ccc;
		
	}
}
@media (min-width: 1440px) {
	.shortprogram-item {
		padding: 50px 0;
	}
	.shortprogram-item .post-type {
		margin-bottom: 20px;
		padding-top: 15px;
	}
	.shortprogram-item .post-type,
	.shortprogram-item .post-entry {
		padding-left: 20px;
		padding-right: 20px;
	}
	.shortprogram-item .text-title {
		font-size: 1.75em;
	}
}

/* 
	Section: Media
------------------------------------------------*/
.section-media {
	position: relative;
}
.section-media.text-light {
	background-color: #1a1919;
}
.section-media-bound {
	display: none;
	z-index: -1;
	position: relative;
}
.section-media-content {
	z-index: 1;
	position: relative;
	width: 100%;
	height: auto;
}
.section-media-content-left-lg {
	position: relative;
	width: 100%;
	height: auto;
}
.section-media-content-right-sm {
	position: relative;
	width: 100%;
	height: auto;
}
.section-media-content-right-sm-top {
	display: none
}
.section-media-content-text {
	padding: 50px 0;
}
@media (min-width: 768px) {
	.section-media-bound {
		display: block;
	}
	.section-media-content {
		z-index: 1;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.section-media-content-left-lg {
		float: left;
		width: 66.666666%;
		height: 100%;
	}
	.section-media-content-right-sm {
		float: left;
		width: 33.333333%;
		height: 100%;
	}
	.section-media-content-right-sm-bottom {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.section-media-content-text {
		position: absolute; 
		top: 50%; 
		left: 50%; 
		width: 100%;
		padding: 0 15px;
		-webkit-transform: translate(-50%, -50%) !important; 
		transform: translate(-50%, -50%) !important;
	}
	.media-bg-image,
	.media-bg-video {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-position: 50% 50%;
		background-size: cover;
		z-index: -1;
	}

	.media-bg-image > div,
	.media-bg-video > div {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-position: 50% 50%;
		background-size: cover;
	}

	.media-bg-image img,
	.media-bg-video img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-family: "object-fit: cover;";
		z-index: -1;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}
@media (min-width: 1200px) {
	.section-media-content-right-sm-top {
		display: block;
		position: relative;
		width: 100%;
		height: 50%;
	}
	.section-media-content-right-sm-bottom {
		height: 50%;
	}
}

/*	
	4 Chula Factors
------------------------------------------------*/
.box.box-factor-home {
  	width: 100%;
  	margin: 0 0 15px 0;
}
.box.box-factor-home .box-cell {
  	width: 50%;
  	margin: 0;
  	padding: 15px;
  	background-color: transparent;
	font-size: 0.875em;
	text-align: center;
}
.box.box-factor-home .box-cell:nth-child(1) {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.box.box-factor-home .box-cell:nth-child(2) {
	border-bottom: 1px solid #e5e5e5;
}
.box.box-factor-home .box-cell:nth-child(3) {
	border-right: 1px solid #e5e5e5;
}
.box.box-factor-home .box-cell .text-title {
	font-size: 1.125em;
	line-height: 1.5;
	color: #de5c8e;
	margin-bottom: 0.25em;
}
.box.box-factor-home .box-cell p {
	margin-bottom: 0;
}
.box.box-factor-home .icon-factor-strategy {
	width: 100%;
	height: 48px;
	margin: 0 auto 15px auto;
	background-size: 48px 48px;
}
@media (min-width: 576px) {
	.box.box-factor-home .icon-factor-strategy {
		height: 64px;
		background-size: 64px 64px;
	}
}
@media (min-width: 768px) { 
  	.box.box-factor-home .box-cell {
	  	font-size: 1em;
  	}
}
@media (min-width: 992px) { 
  	.box.box-factor-home .box-cell {
	  	width: 25%;
	  	padding: 15px;
	  	border: none !important;
  	}
}

/* 
	Section: Features on home page
------------------------------------------------*/
.section-home-features {
	padding-top: 30px;
	padding-bottom: 50px;
}
.section-home-features.text-light {
	background-color: #575757;
}
.section-home-features .features-header .text-title {
	font-size: 1.5em;
	color: #de5c8e;
	margin-bottom: 10px;
}
@media (min-width: 576px) {
	.section-home-features .features-header .text-title {
		font-size: 1.625em;
	}
}
@media (min-width: 768px) {
	.section-home-features .features-header {
		padding-bottom: 10px;
	}
	.section-home-features .features-header .text-title {
		font-size: 1.75em;
	}
}
@media (min-width: 992px) {
	.section-home-features {
		padding-top: 50px;
		padding-bottom: 80px;
	}
}
@media (min-width: 1200px) {
	.section-home-features {
		padding-bottom: 100px;
	}
}
@media (min-width: 1440px) {
	.section-home-features {
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.section-home-features .features-header .text-title {
		font-size: 2em;
	}
}

/* 
	Section: Home Content (Education & Research)
------------------------------------------------*/
.section-home-maincontent {
	z-index: 1;
	position: relative;
}
.box-home-maincontent-outer {
	box-shadow: 0 15px 30px -20px rgba(0,0,0,0.25);
}
.box-home-maincontent-outer > .box-cell {
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-home-maincontent-inner > .box-cell {
	width: 100%;
}
.box-home-maincontent-outer .box-cell-media {
	z-index: 1;
}
.box-home-maincontent-outer .box-cell-media img {
	box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.box-home-maincontent-outer .box-cell-entry {
	z-index: 0;
}
.box-home-maincontent-inner .post-entry {
	padding: 30px 20px;
	color: #000;
}
.box-home-maincontent-inner .post-entry p:last-child {
	margin-bottom: 0;
}
.box-home-maincontent-inner .post-entry .text-title {
	font-size: 1.5em;
}
.box-home-maincontent-inner .post-entry .text-title.text-line-bottom {
	margin-bottom: 25px;
}
.box-home-maincontent-inner .post-entry ol {
	margin: 0;
}
.section-home-maincontent .menu-hotlink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	margin: 0 20px 30px 20px;
	padding: 0;
	border-top: 1px solid #fff;
}
.section-home-maincontent .menu-hotlink li {
	position: relative;
	list-style: none;
	width: 50%;
	margin: 0;
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif !important; 
	line-height: 1.5;
}
.section-home-maincontent .menu-hotlink li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.section-home-maincontent .menu-hotlink li a {
	display: block;
	padding: 20px 15px 20px 40px;
	color: #000;
}
.section-home-maincontent .menu-hotlink li a::after {
	/*content: "\f101";
	font-family: 'Font Awesome\ 5 Free';*/
	font-weight: 900;
	z-index: 1;
	position: absolute;
	top: 19px;
	left: 15px;
	color: #000;
	transition: all 0.3s ease;
}
.site-en .section-home-maincontent .menu-hotlink li a {
	font-size: 0.875em;
}
.no-touchevents .section-home-maincontent .menu-hotlink li a:hover {
	color: #b43b6b;
}
.section-home-maincontent .menu-hotlink i {
	margin-right: 10px;
}
.section-home-maincontent .menu-hotlink li:nth-child(1) {
	background-color: rgba(0,0,0,0.025);
}
.section-home-maincontent .menu-hotlink li:nth-child(2) {
	background-color: rgba(0,0,0,0.05);
}
.section-home-maincontent .menu-hotlink li:nth-child(3) {
	background-color: rgba(0,0,0,0.075);
}
.section-home-maincontent .menu-hotlink li:nth-child(4) {
	background-color: rgba(0,0,0,0.1);
}
@media (min-width: 576px) {
	.box-home-maincontent-inner .post-entry {
		padding: 30px 20px;
	}
	.box-home-maincontent-inner .post-entry ol {
		margin-left: 40px;
	}
	.section-home-maincontent .menu-hotlink {
		margin-left: 20px;
		margin-right: 20px;
	}
	.site-en .section-home-maincontent .menu-hotlink li a {
		font-size: 1em;
	}
}
@media (min-width: 768px) {
	.box-home-maincontent-outer {
		background-color: #e5e5e5;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.box-home-maincontent-outer .box-cell-media {
		z-index: 0;
	}
	.box-home-maincontent-outer .box-cell-entry {
		z-index: 1;
		background-color: #fff;
		margin-top: -15px;
		margin-bottom: 30px;
		margin-left: 30px;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 40px 30px;
	}
	.box-home-maincontent-inner .post-entry .text-title {
		font-size: 1.75em;
	}
	.box-home-maincontent-inner .post-entry ol {
		margin-left: 50px;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(1) {
		width: 75%;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(2) {
		width: 25%;
	}
	.section-home-maincontent .menu-hotlink {
		margin: 0 0 30px 0;
		padding: 0;
		border-top: none;
	}
	.section-home-maincontent .menu-hotlink li {
		width: 100%;
	}
	.section-home-maincontent .menu-hotlink li a {
		padding: 25px 15px 25px 40px;
	}
	.section-home-maincontent .menu-hotlink li a::after {
		top: 24px;
	}
}
@media (min-width: 992px) {
	.box-home-maincontent-outer .box-cell-entry {
		margin-top: -20px;
		margin-bottom: 40px;
		margin-left: 40px;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 60px;
	}
	.section-home-maincontent .menu-hotlink {
		margin-bottom: 40px;
	}
	.section-home-maincontent .menu-hotlink li a {
		padding: 30px 20px 30px 40px;
	}
	.section-home-maincontent .menu-hotlink li a::after {
		top: 29px;
	}
}
@media (min-width: 1200px) {
	.box-home-maincontent-outer {
		margin-top: 40px;
		background-color: #f5f5f5;
	}
	.box-home-maincontent-outer > .box-cell {
		width: 50%;
	}
	.box-home-maincontent-outer .box-cell-media {
		margin-top: -40px;
	}
	.box-home-maincontent-outer .box-cell-media img {
		-webkit-box-shadow: 15px 15px 30px -20px rgba(0,0,0,0.5) !important;
		-moz-box-shadow: 15px 15px 30px -20px rgba(0,0,0,0.5) !important;
		box-shadow: 15px 15px 30px -20px rgba(0,0,0,0.5) !important;
	}
	.box-home-maincontent-outer .box-cell-entry {
		margin: 0;
		background-color: transparent;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(1) {
		width: 100%;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(2) {
		width: 100%;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 40px 40px 30px 40px;
	}
	.section-home-maincontent .menu-hotlink {
		margin: 0 40px 40px 40px;
		padding: 0;
		-webkit-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.125) !important;
		-moz-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.125) !important;
		box-shadow: 0 15px 30px -20px rgba(0,0,0,0.125) !important;
	}
	.section-home-maincontent .menu-hotlink li {
		width: 50%;
	}
	.section-home-maincontent .menu-hotlink li a {
		padding: 20px 30px 20px 40px;
	}
	.section-home-maincontent .menu-hotlink li a::after {
		top: 19px;
	}
	.box-home-maincontent-outer.reverse > .box-cell-media {
		-ms-flex-order: 1;
    	order: 1;
	}
	.box-home-maincontent-outer.reverse > .box-cell-entry {
		-ms-flex-order: 0;
    	order: 0;
	}
	.box-home-maincontent-outer.reverse .box-cell-media img {
		-webkit-box-shadow: -15px 15px 30px -20px rgba(0,0,0,0.5) !important;
		-moz-box-shadow: -15px 15px 30px -20px rgba(0,0,0,0.5) !important;
		box-shadow: -15px 15px 30px -20px rgba(0,0,0,0.5) !important;
	}
}
@media (min-width: 1440px) {
	.box-home-maincontent-outer {
		margin-top: 50px;
	}
	.box-home-maincontent-outer .box-cell-media {
		margin-top: -50px;
		margin-bottom: 50px;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 50px 50px 30px 50px;
		font-size: 1.125em;
	}
	.section-home-maincontent .menu-hotlink {
		margin: 0 50px 50px 50px;
	}
}
@media (min-width: 1680px) {
	.box-home-maincontent-outer {
		margin-top: 60px;
		-webkit-box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.125);
		   -moz-box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.125);
    			box-shadow: inset 0px 0px 100px -30px rgba(0,0,0,0.125);
	}
	.box-home-maincontent-outer .box-cell-media {
		margin-top: -60px;
		margin-bottom: 60px;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(1) {
		width: 75%;
	}
	.box-home-maincontent-inner > .box-cell:nth-child(2) {
		width: 25%;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 60px;
	}
	.section-home-maincontent .menu-hotlink {
		margin: 40px 0;
		padding: 0;
	}
	.section-home-maincontent .menu-hotlink li {
		width: 100%;
		font-size: 1.125em;
	}
	.section-home-maincontent .menu-hotlink li:last-child {
		margin-bottom: 0;
	}
	.section-home-maincontent .menu-hotlink li a {
		padding: 25px 20px 45px 20px;
	}
	.section-home-maincontent .menu-hotlink li a::after {
		top: auto;
		bottom: 15px;
		left: 20px;
	}
	.no-touchevents .section-home-maincontent .menu-hotlink li a:hover::after {
		color: #b43b6b;
	}
	.box-home-maincontent-outer.reverse .box-home-maincontent-inner > .box-cell:nth-child(1) {
		-ms-flex-order: 1;
    	order: 1;
	}
	.box-home-maincontent-outer.reverse .box-home-maincontent-inner > .box-cell:nth-child(2) {
		-ms-flex-order: 0;
    	order: 0;
	}
}
@media (min-width: 1920px) {
	.box-home-maincontent-outer {
		margin-top: 80px;
	}
	.box-home-maincontent-outer .box-cell-media {
		margin-top: -80px;
		margin-bottom: 80px;
	}
	.box-home-maincontent-inner .post-entry {
		padding: 80px 100px;
		font-size: 1.25em;
	}
	.box-home-maincontent-inner .post-entry .text-title.text-line-bottom {
		margin-bottom: 30px;
	}
	.section-home-maincontent .menu-hotlink {
		margin: 60px 0;
	}
	.section-home-maincontent .menu-hotlink li a {
		padding: 25px 30px 45px 30px;
	}
	.section-home-maincontent .menu-hotlink li a::after {
		left: 30px;
	}
}
@media (max-width: 767px) {
	.section-home-maincontent .menu-hotlink li:nth-child(even)::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #fff;
	}
}
@media (min-width: 1200px) and (max-width: 1679px) {
	.section-home-maincontent .menu-hotlink li:nth-child(even)::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #fff;
	}
}

.maincontent-education .box-home-maincontent-outer {
	background-color: #b48f73;
}
.maincontent-research .box-home-maincontent-outer {
	background-color: #2c4640;
}
.maincontent-sustainability .box-home-maincontent-outer {
	background-color: #1f3369;
}
.no-touchevents .maincontent-education.section-home-maincontent .menu-hotlink li a:hover,
.no-touchevents .maincontent-education.section-home-maincontent .menu-hotlink li a:hover::after  {
	color: #b48f73;
}
.no-touchevents .maincontent-research.section-home-maincontent .menu-hotlink li a:hover,
.no-touchevents .maincontent-research.section-home-maincontent .menu-hotlink li a:hover::after  {
	color: #2c4640;
}
.no-touchevents .maincontent-sustainability.section-home-maincontent .menu-hotlink li a:hover,
.no-touchevents .maincontent-sustainability.section-home-maincontent .menu-hotlink li a:hover::after  {
	color: #1f3369;
}

.maincontent-education .box-home-maincontent-inner .text-title,
.maincontent-education .box-home-maincontent-inner .text-title-meta,
.maincontent-research .box-home-maincontent-inner .text-title,
.maincontent-research .box-home-maincontent-inner .text-title-meta,
.maincontent-sustainability .box-home-maincontent-inner .text-title,
.maincontent-sustainability .box-home-maincontent-inner .text-title-meta {
	color: #fff;
}
.maincontent-education .box-home-maincontent-inner .text-line-bottom::after,
.maincontent-research .box-home-maincontent-inner .text-line-bottom::after,
.maincontent-sustainability .box-home-maincontent-inner .text-line-bottom::after {
	background-color: #fff;
}

.maincontent-education .box-home-maincontent-inner .post-entry,
.maincontent-research .box-home-maincontent-inner .post-entry,
.maincontent-sustainability .box-home-maincontent-inner .post-entry {
	color: rgba(255,255,255,0.875);
}
.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(1),
.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(1),
.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(1) {
	background-color: rgba(255,255,255,1);
}
.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(2),
.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(2),
.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(2) {
	background-color: rgba(255,255,255,0.875);
}
.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(3),
.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(3),
.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(3) {
	background-color: rgba(255,255,255,0.75);
}
.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(4),
.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(4),
.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(4) {
	background-color: rgba(255,255,255,0.625);
}
@media (min-width: 768px) and (max-width: 1199px) {
	.maincontent-education .box-home-maincontent-inner .text-title,
	.maincontent-education .box-home-maincontent-inner .text-title-meta,
	.maincontent-research .box-home-maincontent-inner .text-title,
	.maincontent-research .box-home-maincontent-inner .text-title-meta,
	.maincontent-sustainability .box-home-maincontent-inner .text-title,
	.maincontent-sustainability .box-home-maincontent-inner .text-title-meta {
		color: #000;
	}
	.maincontent-education .box-home-maincontent-inner .text-line-bottom::after,
	.maincontent-research .box-home-maincontent-inner .text-line-bottom::after,
	.maincontent-sustainability .box-home-maincontent-inner .text-line-bottom::after {
		background-color: #000;
	}

	.maincontent-education .box-home-maincontent-inner .post-entry,
	.maincontent-research .box-home-maincontent-inner .post-entry,
	.maincontent-sustainability .box-home-maincontent-inner .post-entry {
		color: rgba(0,0,0,0.875);
	}
	.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(1),
	.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(1),
	.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(1) {
		background-color: rgba(0,0,0,0.025);
	}
	.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(2),
	.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(2),
	.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(2) {
		background-color: rgba(0,0,0,0.05);
	}
	.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(3),
	.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(3),
	.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(3) {
		background-color: rgba(0,0,0,0.075);
	}
	.maincontent-education.section-home-maincontent .menu-hotlink li:nth-child(4),
	.maincontent-research.section-home-maincontent .menu-hotlink li:nth-child(4),
	.maincontent-sustainability.section-home-maincontent .menu-hotlink li:nth-child(4) {
		background-color: rgba(0,0,0,0.1);
	}
}


/* 
	Section: Highlight Ranking by Subject
------------------------------------------------*/
.section-highlight-ranking-bysubject {
	z-index: 0;
	position: relative;
}
.section-highlight-ranking-bysubject .text-title {
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif;
    font-size: 2em;
	line-height: 1.25;
    color: #de5c8e;
}
.section-highlight-ranking-bysubject .text-number {
	font-family: 'chulalongkornregular', sans-serif;
    font-size: 7em;
    line-height: 1;
    color: #b43b6b;
}
.section-highlight-ranking-bysubject .text-desc {
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
	color: #000;
}
.section-highlight-ranking-bysubject.text-light .text-title,
.section-highlight-ranking-bysubject.text-light .text-number {
	color: #e9aab9;
}
.section-highlight-ranking-bysubject.text-light .text-desc {
	color: #fff
}
@media (min-width: 576px) {
	.section-highlight-ranking-bysubject .col-title {
		text-align: right;
	}
	.section-highlight-ranking-bysubject .col-number {
		text-align: center;
	}
	.section-highlight-ranking-bysubject .text-number {
		line-height: 0.75;
	}
}
@media (min-width: 768px) {
	.section-highlight-ranking-bysubject .text-title {
		 font-size: 2.25em;
	}
	.section-highlight-ranking-bysubject .text-number {
		font-size: 10em;
	}
}
@media (min-width: 992px) {
	.section-highlight-ranking-bysubject .col-title,
	.section-highlight-ranking-bysubject .col-number,
	.section-highlight-ranking-bysubject .col-desc {
		-ms-flex-item-align: center!important;
		align-self: center!important;
	}
}
@media (min-width: 1200px) {
	.section-highlight-ranking-bysubject {
		
	}
}
@media (min-width: 1440px) {
	.section-highlight-ranking-bysubject .text-desc {
		font-size: 1.75em;
	}
}
@media (max-width: 576px) {
	.section-highlight-ranking-bysubject .col-title {
		-ms-flex-item-align: center!important;
		align-self: center!important;
	}
}

/* 
	Blockquote: With Quote ("...") Sign
----------------------------------------------*/
.blockquote-quote {
	padding-top: 30px;
	padding-bottom: 30px;
}
@media (min-width: 1200px) {
	.blockquote-quote {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
.blockquote-quote cite + p {
	margin-top: 15px;
}
.blockquote-quote > p:first-of-type::before, 
.blockquote-quote > p:first-of-type::after { 
	content: '“';
	font-family: Georgia, serif;
	font-size: 1.5em;
	line-height: 0;
	vertical-align: -0.1em;
	margin-right: .2em;
}
.blockquote-quote > p:first-of-type::after { 
	content: '”';
}
.blockquote-quote > p:first-of-type::after { 
	margin-right: 0;
	margin-left: .25em;
}
.blockquote-quote cite {
	color: #000;
}
.blockquote-quote cite .text-alt {
	color: #404040;
}
.text-light .blockquote-quote cite,
.blockquote-quote.text-light cite {
	color: #fff;
}
.text-light .blockquote-quote cite .text-alt,
.blockquote-quote.text-light cite .text-alt {
	color: #bfbfbf;
}
/* 
	Section: Inspired Quote
------------------------------------------------*/
.section-quote { 
	position: relative;
	padding: 0; 
}
.section-quote::before,
.section-quote::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.075);
}
.section-quote::after{
	top: auto;
	bottom: 0;
}
.section-quote blockquote {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.section-quote blockquote cite {
	font-size: 0.75em;
	line-height: 1.5;
}
.section-quote .post-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.section-quote .post-thumb img {
    z-index: 1;
    position: relative;
	display: inline-block;
    width: 90px;
    height: 90px;
	margin-top: -45px;
	margin-bottom: 15px;
    border: 5px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
    -webkit-box-shadow: 0 15px 30px -20px black !important;
       -moz-box-shadow: 0 15px 30px -20px black !important;
    		box-shadow: 0 15px 30px -20px black !important;
}
.section-quote .blockquote-quote p:first-child {
	text-indent: 90px;
}
@media (min-width: 576px) {
	.section-quote .blockquote-quote p:first-child {
		text-indent: 110px;
	}
	.section-quote .post-thumb img {
		width: 110px;
		height: 110px;
		margin-top: -55px;
	}
	.section-quote blockquote {
		font-size: 1.75em;
	}
}
@media (min-width: 1200px) {
	.section-quote .blockquote-quote p:first-child {
		text-indent: 0;
	}
	.section-quote .post-thumb img {
		width: 130px;
		height: 130px;
		margin-top: -65px;
		margin-bottom: 0;
	}
}

/* 
	Section: Anchor Links
------------------------------------------------*/
.section-anchor {
	position: relative;
	width: 100%;
	background-color: #fff;
}
.section-anchor.pinned {
	z-index: 1500;
	position: fixed;
	top: 80px;
	left: 0;
	margin-top: 0;
}
.section-anchor.pinned::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
}
.section-anchor-spacer {
	height: 60px;
	display: none;
}
.section-anchor.pinned + .section-anchor-spacer {
	display: block;
}
@media (min-width: 992px) {
	.section-anchor.pinned {
		top: 0;
		left: 80px;
		width: calc(100% - 80px);
		margin-top: 0;
	}
	.section-anchor-spacer {
		height: 80px;
	}
}

/* 
	Page: CU100
------------------------------------------------*/
.cu100-img { 
	position: relative;
	margin: 0 auto 50px auto;
}
.cu100-img img { 
	width: 100%; 
	max-width: 100%; 
	-webkit-box-shadow: -30px 30px 70px -10px rgba(0, 0, 0, 0.1); 
	   -moz-box-shadow: -30px 30px 70px -10px rgba(0, 0, 0, 0.1); 
			box-shadow: -30px 30px 70px -10px rgba(0, 0, 0, 0.1);  
}
.cu100-img-item { 
	box-shadow: rgba(0, 0, 0, 0.2) 56px 72px 68px -37px; 
	transform: translate3d(0px, 0, 0px); 
}
.cu100-img-item.img-item-1 {
	z-index: 1; 
	position: relative;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	text-align: center;
	
}
.cu100-img-item.img-item-2 { 
	z-index: 2; 
	position: absolute;
	top: 90px; 
	left: -15%; 
	width: 50%;
	max-width: 200px;
}
.cu100-img-item.img-item-3 { 
	z-index: 3; 
	position: absolute; 
	top: 30px; 
	left: 72%; 
	width: 30%;
	max-width: 160px; 
}

@media (min-width: 576px) {
	.cu100-img-item.img-item-1 { 
		max-width: 320px;
	}
  	.cu100-img-item.img-item-2 { 
		top: 80px; 
		left: 0; 
		max-width: 220px;
	} 
	.cu100-img-item.img-item-3 { 
		top: 50px; 
		max-width: 200px; 
	}
}
@media (min-width: 768px) {
	.cu100-img-item.img-item-1 { 
		max-width: 360px; 
	} 
  	.cu100-img-item.img-item-2 { 
		top: 100px; 
		left: -5%; 
		width: 60%;
		max-width: 240px;
	} 
	.cu100-img-item:nth-child(3) { 
		top: 30px; 
		left: 70%; 
		width: 60%;
		max-width: 240px;
	}
}

/* 
	Section: Contact
------------------------------------------------*/
.section-contact {
	position: relative;
}
.section-contact strong {
	color: #000;
}
.section-contact p a {
	color: #b43b6b;
}
.no-touchevents .section-contact p a:hover {
	color: #de5c8e;
	text-decoration: underline;
}

/* 
	Section: Share
------------------------------------------------*/
.section-share {
	position: relative;
	text-align: center;
}

/* 
	Section: Appendix
------------------------------------------------*/
.section-appendix {
	position: relative;
	background-color: #f8f9fa;
}
.section-appendix::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.075);
}

/* -----------------------------------------------------------------------------------

	14 Custom Others

----------------------------------------------------------------------------------- */



/*	
	Box: Links (Page: Next & Previous & View All, Footer: Subscribe & Giving )
----------------------------------------------*/
.box-boldlink .box-cell {
	position: relative;
	width: 50%;
}
.box-boldlink .box-cell.cell-viewall {
	width: 100%;
}
.box-boldlink .box-cell a {
	display: block;
	height: 100%;
	padding: 30px 15px;
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif; 
	font-size: 1.125em;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.no-touchevents .box-boldlink .box-cell a:hover {
	background-color: #de5c8e;
	color: #fff;
}
.box-boldlink .box-cell a i {
	display: block;
	margin-bottom: 15px;
	font-size: 1.125em;
}
.box-boldlink .box-cell:nth-child(2)::before {
    content: '';
    position: absolute;
	top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
}
.box-boldlink .box-cell.cell-viewall::before {
    content: '';
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.1);
}
@media (min-width: 576px) {
	.box-boldlink .box-cell a {
		padding: 30px;
	}
}
@media (min-width: 768px) {
	.box-boldlink .box-cell a {
		padding: 30px;
	}
	/*
	.box-boldlink .box-cell a i {
		display: inline;
		margin-right: 20px;
		margin-bottom: 0;
	}
	*/
}
@media (min-width: 1200px) {
	.box-boldlink .box-cell a {
		padding: 40px;
		font-size: 1.25em;
	}
}
@media (min-width: 1440px) {
	.box-boldlink .box-cell a {
		padding: 50px;
		font-size: 1.375em;
	}
}

/*
	Card: Main Content (หน้าแรก)
------------------------------------------------*/
.card-maincontent {
	position: relative;
}
.card-maincontent .card-header,
.card-maincontent .card-body,
.card-maincontent .card-footer {
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
}
.card-maincontent .card-header {
	z-index: 2;
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
}
.card-maincontent .card-header .text-title {
	display: inline;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #fff;
}
.card-maincontent .card-header .post-link {
	position: absolute;
	top: 0;
	right: 0;
}
.card-maincontent .card-header .post-link a {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.25);
	color: #fff;
	text-align: center;
	transition: all 0.3s;
}
.no-touchevents .card-maincontent .card-header .post-link a:hover {
	background-color: rgba(255,255,255,1);
	color: #de5c8e;
}
.card-maincontent .card-header a {
	display: inline-block;
	position: relative;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
.card-maincontent .card-body {
	z-index: 1;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.card-maincontent .card-body .post-entry {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
	text-align: center;
}
.card-maincontent .card-body .post-entry .text-desc {
	position: relative;
	font-size: 1.75em;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 0;
}
.card-maincontent .card-body .post-entry .text-desc a {
	color: #fff;
	text-decoration: none;
}
.card-maincontent .card-body .post-menu {
	z-index: 3;
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 20px;
	left: 0;
	padding: 0;
}
.card-maincontent .card-body .post-overlay {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overlay-card.png) 50% 50% no-repeat;
	background-size: cover;
}
.card-maincontent .card-footer {
	z-index: 4;
	position: relative;
	padding: 20px 0;
}

@media (min-width: 576px) {
	.card-maincontent .card-header {
		top: 30px;
	}
	.card-maincontent .card-body .post-entry {
		top: 0;
		left: 0;
		padding: 70px 0 0 0;
		-webkit-transform: translateY(0) translateX(0); 
		   -moz-transform: translateY(0) translateX(0); 
			-ms-transform: translateY(0) translateX(0); 
			 -o-transform: translateY(0) translateX(0); 
				transform: translateY(0) translateX(0);
		text-align: left;
	}
	.card-maincontent .card-body .post-entry .text-desc {
		padding-bottom: 15px;
	}
	.card-maincontent .card-body .post-entry .text-desc::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50px;
		height: 2px;
		background-color: #fff;
	}
	.card-maincontent .card-footer {
		position: absolute;
		bottom: 10%;
		left: 0;
		width: 100%;
		padding: 0;
	}
	.card-maincontent .card-footer .menu-vertical a {
		color: #fff;
	}
	.card-maincontent .card-footer .menu-vertical a::before,
	.card-maincontent .card-footer .menu-vertical a::after {
		background-color: rgba(255,255,255,0);
	}
	.card-maincontent .card-footer .menu-vertical a:hover::after {
		background-color: rgba(255,255,255,1);
	}
}
@media (min-width: 768px) {
	.card-maincontent .card-body .post-entry .text-desc {
		font-size: 2em;
	}
}
@media (min-width: 992px) {
	.card-maincontent .card-footer {
		bottom: 7%;
	}
}
@media (min-width: 1200px) {
	.card-maincontent .card-header .text-title {
		font-size: 1.125em;
	}
	.card-maincontent .card-body .post-entry .text-desc {
		font-size: 2.25em;
	}
}
@media (min-width: 1440px) {
	.card-maincontent .menu-vertical {
		font-size: 1.125em;
	}
	.card-maincontent .card-header {
		top: 40px;
	}
	.card-maincontent .card-body .post-entry {
		padding-top: 80px;
	}
}
@media (min-width: 1680px) {
	.card-maincontent .card-header {
		top: 60px;
	}
	.card-maincontent .card-body .post-entry {
		padding-top: 100px;
	}
}

/* 
	Loop Header
----------------------------------------------*/
.header-looppost {
	display: flex;    
    flex-direction: row;
    justify-content: space-between;
	margin-bottom: 30px;
}
.header-looppost .text-title {
	position: relative;
	color: #de5c8e;
	padding-bottom: 15px;
}
.header-looppost .text-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #000;
}
.text-light .header-looppost .text-title::after {
	background-color: #fff;
}
.header-looppost .header-link {
	
}
@media (min-width: 768px) {
	.header-looppost {
		margin-bottom: 50px;
	}
	.header-looppost .text-title::after {
		width: 50px;
	}
}

/* 
	CU Inside: รู้ลึกกับจุฬาฯ
------------------------------------------------*/
.logo-cuinside {
	max-width: 200px;
}
.logo-cuinside-big {
	max-width: 200px;
}
@media (min-width: 768px) {
	.logo-cuinside-big {
		max-width: 300px;
	}
}

/*
	Isotope: Features / แนะนำ (หน้าแรก)
----------------------------------------------*/
.isotope-grid.isotope-features {
	left: 0;
	width: calc(100% + 1px);
}
.isotope-grid.isotope-features .isotope-item {
	float: left;
	position: relative;
	width: calc(50% - 1px);
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 0;
}
.isotope-grid.isotope-features .isotope-item img {
	width: 100%;
	-webkit-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
       -moz-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
    		box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.isotope-grid.isotope-features .isotope-item .thumb-hover {
	padding: 0;
} 
@media (min-width: 992px) {
	.isotope-grid.isotope-features {
		width: calc(100% + 1px);
	}
	.isotope-grid.isotope-features .isotope-item {
		float: left;
		position: relative;
		width: calc(25% - 1px);
		margin-top: 1px;
		margin-right: 1px;
	}
}
@media (min-width: 1440px) {
	.isotope-grid.isotope-features .isotope-item .thumb-hover {
		padding: 20px;
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-features .isotope-item .thumb-hover {
		padding: 30px;
	}
}
#pills-tab-1 .isotope-item {
	background-color: #e5e5e5;
}
#pills-tab-2 .isotope-item {
	background-color: #e5e5e5;
}
#pills-tab-3 .isotope-item {
	background-color: #e5e5e5;
}

/*
	Isotope: Landing Content (don't use at the moment)
----------------------------------------------*/
.isotope-grid.isotope-landing {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-landing .isotope-item {
	float: none;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 1px;
}
.isotope-grid.isotope-landing .isotope-item.double-width {
	width: 100%;
	margin-right: 0;
}
/*
@media (min-width: 992px) {
	.isotope-grid.isotope-landing {
		width: calc(100% + 1px);
	}
	.isotope-grid.isotope-landing .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 1px);
		margin-right: 1px;
		margin-bottom: 1px;
	}
	.isotope-grid.isotope-landing .isotope-item.double-width {
		width: calc(100% - 1px);
		margin-right: 0;
	}
}
*/

/*
	Isotope: Academics, Museums
----------------------------------------------*/
.isotope-grid.isotope-academic {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-academic .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-academic {
		width: calc(100% + 1px);
	}
	.isotope-grid.isotope-academic .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 1px);
		margin-right: 1px;
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-academic .isotope-item {
		width: calc(33.3333333% - 1px);
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-academic .isotope-item {
		width: calc(25% - 1px);
	}
}
.isotope-grid.isotope-academic .post-media {
	
}
.isotope-grid.isotope-academic .post-entry {
	padding: 20px 15px 40px 15px;
	text-align: center;
}
.isotope-grid.isotope-academic .post-entry .text-title-1 {
	font-size: 1.375em;
	line-height: 1.375em;
	margin-bottom: 0;
}
.isotope-grid.isotope-academic .post-entry .text-title-1 + .text-title-2,
.isotope-grid.isotope-academic .post-entry .text-title-1 + h4,
.isotope-grid.isotope-academic .post-entry .text-title-2 + h4 {
	margin-top: 5px;
}
.isotope-grid.isotope-academic .post-entry .text-title-1 + h4 {
	font-size: 87.5%;
	color: rgba(0,0,0,0.75);
}
.isotope-grid.isotope-academic .post-entry .text-title-2 {
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif;
	font-size: 0.75em;
	color: rgba(0,0,0,0.5);
	margin-bottom: 0;
	text-transform: uppercase;
}
.site-en .isotope-grid.isotope-academic .post-entry .text-title-2 {
	font-family: 'chulacharasnewregular', sans-serif;
}

/*
	Isotope: Media, Video, Download
----------------------------------------------*/
.isotope-grid.isotope-media {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-media .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-media {
		width: calc(100% + 1px);
	}
	.isotope-grid.isotope-media .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 1px);
		margin-right: 1px;
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-media .isotope-item {
		width: calc(33.3333333% - 1px);
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-media .isotope-item {
		width: calc(25% - 1px);
	}
}
.isotope-grid.isotope-media .post-media {
	position: relative;
}
.isotope-grid.isotope-media .overlay-quickplay {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 10px;
}
.isotope-grid.isotope-media .overlay-quickplay a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 1);
	font-size: 0.75em;
	color:#000;
	text-align: center;
}
.isotope-grid.isotope-media .overlay-quickplay a:hover {
	background-color: rgba(255, 255, 255, 1);
	color:#FF0000;
}
.isotope-grid.isotope-media .overlay-time {
	z-index: 1;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.isotope-grid.isotope-media .overlay-time span {
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	font-size: 0.75em;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.875);
	color: #fff;
}
.isotope-grid.isotope-media .post-entry {
	position: relative;
	padding: 20px 15px 50px 15px;
}
.isotope-grid.isotope-media .post-entry.has-icon {
	padding-right: 100px;
}
.isotope-grid.isotope-media .post-entry .post-icon {
	z-index: 10;
	position: absolute;
	top: -25px;
	right: 25px;
}
.isotope-grid.isotope-media .post-entry .post-icon a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	background-color: #fff;
	font-size: 1.125em;
	color: #000;
	text-align: center;
	-webkit-box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5) !important;
       -moz-box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5) !important;
    		box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5) !important;
}
.isotope-grid.isotope-media .post-entry .post-icon a:hover {
	color: #de5c8e;
}
.isotope-grid.isotope-media .post-entry .text-title {
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;
}
.isotope-grid.isotope-media .post-entry .text-title strong {
	font-family: 'chulalongkornbold', sans-serif; 
}
.isotope-grid.isotope-media .post-entry p {
	font-size: 0.875em;
	color: rgba(0,0,0,0.5);
	margin-top: 5px;
	margin-bottom: 0;
}
.isotope-grid.isotope-media .post-type {
	font-size: 0.75em;
	color: rgba(0,0,0,0.5);
	margin-top: 5px;
}
.isotope-grid.isotope-media .post-type a {
	color: rgba(0,0,0,0.5);
}
.no-touchevents .isotope-grid.isotope-media .post-type a:hover {
	color: #de5c8e;
}
.isotope-grid.isotope-media .post-type i {
	margin-right: 10px;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-media .post-entry {
		padding: 20px 15px 40px 15px;
	}
	.isotope-grid.isotope-media .post-entry .text-title {
		font-size: 1.125em;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-media .post-entry {
		padding: 20px 15px 50px 15px;
	}
	.isotope-grid.isotope-media .post-entry .text-title {
		font-size: 1em;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-media .post-entry .text-title {
		font-size: 1.125em;
	}
}

/*
	Isotope: Menu
----------------------------------------------*/
.isotope-grid.isotope-menu {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-menu .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.isotope-grid.isotope-menu {
		width: calc(100% + 1px);
	}
	.isotope-grid.isotope-menu .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 1px);
		margin-right: 1px;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-menu .isotope-item {
		width: calc(33.3333333% - 1px);
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-menu .isotope-item {
		width: calc(25% - 1px);
	}
}
.isotope-grid.isotope-menu .post-media {
	position: relative;
}
.isotope-grid.isotope-menu .post-entry {
	position: relative;
	padding: 15px 15px 40px 15px;
	text-align: center;
}
.isotope-grid.isotope-menu .post-entry .text-title {
	font-family: 'chulalongkornregular', sans-serif; 
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;
}
.isotope-grid.isotope-menu .post-entry .text-title strong {
	font-family: 'chulalongkornbold', sans-serif; 
}
.isotope-grid.isotope-menu .post-entry p {
	font-size: 0.875em;
	color: rgba(0,0,0,0.5);
	margin-top: 5px;
	margin-bottom: 0;
}
.isotope-grid.isotope-menu .post-type {
	font-size: 0.75em;
	margin-top: 5px;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-menu .post-entry {
		padding: 15px 15px 40px 15px;
	}
	.isotope-grid.isotope-media .post-entry .text-title {
		font-size: 1.125em;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-menu .post-entry {
		padding: 15px 15px 50px 15px;
	}
	.isotope-grid.isotope-menu .post-entry .text-title {
		font-size: 1em;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-menu .post-entry .text-title {
		font-size: 1.125em;
	}
}

/*
	Isotope: E-Newsletter
----------------------------------------------*/
.isotope-grid.isotope-enews {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-enews .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
}
.isotope-grid.isotope-enews .post-entry {
	padding-right: 15px;
}
.isotope-grid.isotope-enews .text-title {
	font-size: 1.125em;
}
.isotope-grid.isotope-enews .text-line-top::after {
	background-color: #ccc;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-enews .text-title {
		font-size: 1.25em;
	}
	.isotope-grid.isotope-enews .isotope-item {
		padding-left: 56px;
		padding-right: 56px;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-enews {
		width: calc(100% + 30px);
	}
	.isotope-grid.isotope-enews .isotope-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
		padding-left: 0;
		padding-right: 0;
	}
	.isotope-grid.isotope-enews .text-title {
		font-size: 1.125em;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-enews {
		width: calc(100% + 50px);
	}
	.isotope-grid.isotope-enews .isotope-item {
		width: calc(33.3333333% - 50px);
		margin-right: 50px;
		margin-bottom: 50px;
	}
	.isotope-grid.isotope-enews .text-title {
		font-size: 1.25em;
	}
}

/*
	Isotope: Team (Dont use at the moment)
----------------------------------------------*/
.isotope-grid.isotope-team {
	left: 0;
	width: 100%;
}
.isotope-grid.isotope-team .isotope-item {
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
}
.isotope-grid.isotope-team .text-title-primary {
	font-size: 1.125em;
	line-height: 1.5;
	margin-bottom: 0;
}
.isotope-grid.isotope-team .text-title-secondary {
	font-size: 1em;
	line-height: 1.5;
	color: rgba(0,0,0,0.5);
	margin-top: 5px;
	margin-bottom: 0;
}
.isotope-grid.isotope-team .post-entry {
	padding: 20px 0 30px 0;
}
.isotope-grid.isotope-team .post-contact {
	position: relative;
	font-size: 0.875em;
	line-height: 1.75;
	margin-top: 10px;
	padding-top: 15px;
}
.isotope-grid.isotope-team .post-contact::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 1px;
	background-color: #000;
}
.isotope-grid.isotope-team .post-contact p {
	margin-bottom: 0;
}
.isotope-grid.isotope-team .post-contact p + p {
	margin-top: 2px;
}
.isotope-grid.isotope-team .post-contact strong {
	color: #000;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-team {
		width: calc(100% + 15px);
		margin-bottom: -15px;
	}
	.isotope-grid.isotope-team .isotope-item {
		float: left;
		width: calc(50% - 15px);
		margin-right: 15px;
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-team {
		width: calc(100% + 15px);
		margin-bottom: -15px;
	}
	.isotope-grid.isotope-team .isotope-item {
		width: calc(33.3333333% - 15px);
		margin-right: 15px;
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-team .isotope-item {
		width: calc(33.3333333% - 15px);
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-team {
		width: calc(100% + 20px);
		margin-bottom: -20px;
	}
	.isotope-grid.isotope-team .isotope-item {
		width: calc(33.3333333% - 20px);
		margin-right: 20px;
		margin-bottom: 20px;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-team {
		width: calc(100% + 30px);
		margin-bottom: -30px;
	}
	.isotope-grid.isotope-team .isotope-item {
		width: calc(33.3333333% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-team {
		width: calc(100% + 50px);
		margin-bottom: -50px;
	}
	.isotope-grid.isotope-team .isotope-item {
		width: calc(25% - 50px);
		margin-right: 50px;
		margin-bottom: 50px;
	}
}

/*
	Facts & Figures
----------------------------------------------*/
.isotope-grid.isotope-factsfigures {
	left: 0;
	width: 100%;
	margin-bottom: -15px;
}
.isotope-grid.isotope-factsfigures .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 15px 30px 15px;
}
.isotope-grid.isotope-factsfigures .text-number,
.isotope-grid.isotope-factsfigures .text-title,
.isotope-grid.isotope-factsfigures .text-desc {
	display: block;
	text-align: center;
}
.isotope-grid.isotope-factsfigures .text-number {
	font-family: 'chulacharasnewbold', sans-serif;
	font-size: 4em;
	line-height: 1.25;
	color: #b43b6b;
}
.isotope-grid.isotope-factsfigures .text-title {
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 1.125em;
	line-height: 1.375;
	color: #000;
}
.site-en .isotope-grid.isotope-factsfigures .text-title {
	font-family: 'chulacharasnewbold', sans-serif;
}
.isotope-grid.isotope-factsfigures .text-title a:hover {
	color: #de5c8e;
}
.isotope-grid.isotope-factsfigures .text-title + .text-desc {
	margin-top: 10px;
}
.isotope-grid.isotope-factsfigures .text-desc {
	font-size: 0.875em;
	line-height: 1.75;
}
.text-light .isotope-grid.isotope-factsfigures .text-number {
	color: #e9aab9;
}
.text-light .isotope-grid.isotope-factsfigures .text-title {
	color: #fff;
}
.text-light .isotope-grid.isotope-factsfigures .text-desc {
	color: rgba(255,255,255,0.75);
}
@media (min-width: 576px) {
	.isotope-grid.isotope-factsfigures .isotope-item {
		width: 50%;
	}
	.isotope-grid.isotope-factsfigures .isotope-item.double-width {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-factsfigures .isotope-item.double-width {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-factsfigures .isotope-item {
		width: 25%;
	}
	.isotope-grid.isotope-factsfigures .isotope-item.double-width {
		width: 50%;
	}
	.isotope-grid.isotope-factsfigures .text-number {
		font-size: 4em;
	}
	.isotope-grid.isotope-factsfigures .text-title {
		font-size: 1.25em;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-factsfigures .text-number {
		font-size: 4.5em;
	}
}
@media (min-width: 1440px) {
	.isotope-grid.isotope-factsfigures .isotope-item.double-width {
		width: 25%;
	}
	.isotope-grid.isotope-factsfigures .text-number {
		font-size: 5em;
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-factsfigures .text-number {
		font-size: 5.5em;
	}
}
/*
	Isotope: News and Archive
----------------------------------------------*/
.isotope-grid.isotope-post {
	left: 0;
	width: calc(100% + 8px);
	margin-bottom: -8px;
}
.isotope-grid.isotope-post .isotope-item {
	float: left;
	position: relative;
	width: calc(50% - 8px);
	margin-right: 8px;
	margin-bottom: 8px;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-post {
		width: calc(100% + 15px);
		margin-bottom: -15px;
	}
	.isotope-grid.isotope-post .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 15px);
		margin-right: 15px;
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-post .isotope-item {
		width: calc(33.3333333% - 15px);
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-post .isotope-item {
		width: calc(33.3333333% - 15px);
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-post {
		width: calc(100% + 20px);
		margin-bottom: -20px;
	}
	.isotope-grid.isotope-post .isotope-item {
		width: calc(33.3333333% - 20px);
		margin-right: 20px;
		margin-bottom: 20px;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-post .isotope-item {
		width: calc(25% - 20px);
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-post .isotope-item {
		width: calc(20% - 20px);
	}
}
.isotope-grid.isotope-post .post-media {
	z-index: 20;
	position: relative;
	margin: 0;
}
.isotope-grid.isotope-post .post-media img {
	width: 100%;
}
.isotope-grid.isotope-post .post-entry {
	z-index: 10;
	position: relative;
	margin: 0;
	padding: 15px 15px 20px 15px;
	background-color: #fff;
	box-shadow: 0 -15px 50px -15px rgba(0,0,0,.25);
}
.isotope-grid.isotope-post .post-entry.nomedia {
	box-shadow: none;
}
.isotope-grid.isotope-post .post-entry .text-title {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0;
}
.isotope-grid.isotope-post .post-entry .text-title a {
	color: #000;
}
.isotope-grid.isotope-post .post-entry .text-title a:hover {
	color: #de5c8e;
}
.isotope-grid.isotope-post .post-entry.nomedia .text-title {
	font-size: 125%;
	line-height: 1.5;
}
.isotope-grid.isotope-post .post-entry .text-title + p,
.isotope-grid.isotope-post .post-entry .text-title + .wpcf-field-wysiwyg {
	margin-top: 10px;
}
.isotope-grid.isotope-post .post-entry .text-subtitle {
	font-size: 1em;
}
.isotope-grid.isotope-post .post-entry p {
	margin-bottom: 0.25em;
}
.isotope-grid.isotope-post .corner {
	position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
	background-color: #fff;
	overflow: hidden;
}
.isotope-grid.isotope-post .corner svg {
	display: block;
}
.isotope-grid.isotope-post .post-entry.no-bg {
	background-color: transparent;
}
.isotope-grid.isotope-post .post-entry.no-shadow {
	box-shadow: none;
}
.isotope-grid.isotope-post .post-entry.no-gutter-l {
	padding-left: 0;
}
.isotope-grid.isotope-post .post-entry.no-gutter-r {
	padding-right: 0;
}
.isotope-grid.isotope-post .post-entry p {
	font-size: 0.875em;
	line-height: 1.75em;
}
.isotope-grid.isotope-post .post-entry p:last-of-type {
	margin-bottom: 0;
}
.isotope-grid.isotope-post .post-entry.nomedia,
.isotope-grid.isotope-post .post-quote {
	padding: 20px;
	border: 10px solid #aaa;
	background-color: #fff;
}
.isotope-grid.isotope-post .post-type {
	position: relative;
	margin-bottom: 15px;
	font-size: 0.875em;
	line-height: 1.75;
	color: rgba(0,0,0,0.5);
}
.isotope-grid.isotope-post .post-type i {
	margin-right: 10px;
}
.isotope-grid.isotope-post .post-type a {
	margin: 0 5px 5px 5px;
	color: rgba(0,0,0,0.5);
	text-decoration: underline;
}
.isotope-grid.isotope-post .post-type a:first-of-type {
	margin-left: 0;
}
.isotope-grid.isotope-post .text-light .caption-name {
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
@media (min-width: 576px) {
	.isotope-grid.isotope-post .post-entry {
		padding: 20px 25px 30px 25px;	
	}
	.isotope-grid.isotope-post .post-entry .text-title {
		font-size: 1.125em;
	}
	.isotope-grid.isotope-post .post-entry.nomedia .text-title {
		font-size: 125%;
	}
}
@media (min-width: 992px) {
	.isotope-grid.isotope-post .post-type a:hover {
		color: #de5c8e;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-post .post-entry {
		padding-top: 25px;
		padding-bottom: 35px;
	}
	.isotope-grid.isotope-post .post-entry.nomedia {
		padding: 30px;
	}
	.isotope-grid.isotope-post .post-entry.nomedia .text-title {
		font-size: 137.5%;
	}
}
@media (min-width: 1440px) {
	.isotope-grid.isotope-post .post-entry.nomedia .text-title {
		font-size: 150%;
	}
}

/*
	Isotope: Magazine
----------------------------------------------*/
.isotope-grid.isotope-magazine {
	left: 0;
	width: 100%;
	margin-bottom: 0;
}
.isotope-grid.isotope-magazine .isotope-item {
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 35px;
}
@media (min-width: 576px) {
	.isotope-grid.isotope-magazine {
		width: calc(100% + 15px);
	}
	.isotope-grid.isotope-magazine .isotope-item {
		float: left;
		position: relative;
		width: calc(50% - 15px);
		margin-right: 15px;
		padding: 0;
	}
}
@media (min-width: 768px) {
	.isotope-grid.isotope-magazine .isotope-item {
		width: calc(33.3333333% - 15px);
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-magazine {
		width: calc(100% + 30px);
		margin-bottom: -30px;
	}
	.isotope-grid.isotope-magazine .isotope-item {
		width: calc(33.3333333% - 30px);
		margin-right: 30px;
	}
}
@media (min-width: 1440px) {
	.isotope-grid.isotope-magazine .isotope-item {
		width: calc(25% - 30px);
	}
}
@media (min-width: 1680px) {
	.isotope-grid.isotope-magazine .isotope-item {
		width: calc(20% - 30px);
	}
}
.isotope-grid.isotope-magazine .post-media {
	z-index: 200;
	position: relative;
	margin: 0;
	-webkit-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
       -moz-box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
    		box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.isotope-grid.isotope-magazine .post-media img {
	width: 100%;
}
.isotope-grid.isotope-magazine .post-media iframe {
	width: 100%;
	height: auto;
	border: none;
}
.isotope-grid.isotope-magazine .post-entry {
	z-index: 10;
	position: relative;
	margin: 0;
	padding: 25px 0 40px 0;
	background-color: transparent;
}
.isotope-grid.isotope-magazine .post-entry .text-title {
	font-size: 1.125em;
	line-height: 1.5;
	margin-bottom: 0;
}
.isotope-grid.isotope-magazine .post-entry p {
	font-size: 0.875em;
	line-height: 1.75em;
	margin-top: 5px;
	margin-bottom: 0;
}
.isotope-grid.isotope-magazine .post-type {
	font-size: 0.75em;
	color: rgba(0,0,0,0.5);
	margin-top: 10px;
}
.isotope-grid.isotope-magazine .post-type a {
	color: rgba(0,0,0,0.5);
}
.no-touchevents .isotope-grid.isotope-magazine .post-type a:hover {
	color: #de5c8e;
}
.isotope-grid.isotope-magazine .post-type i {
	margin-right: 10px;
}
@media (min-width: 768px) {
	.isotope-grid.isotope-magazine .post-entry {
		padding-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.isotope-grid.isotope-magazine .post-entry .text-title {
		font-size: 1.25em;
	}
}

/*
	Timeline: Vision and Strategy
----------------------------------------------*/
.timeline-factor-strategy {
	border-left: 4px solid #ccc;
}
.timeline-factor-strategy .textgroup-title {
	position: relative;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-left: 85px;
	min-height: 64px;
}
.timeline-factor-strategy .text-title-primary {
	color: #de5c8e;
	margin-bottom: 5px;
}
.timeline-factor-strategy .text-title-secondary {
	color: #000;
	margin-bottom: 0;
}
.timeline-factor-strategy .textgroup-title .icon-factor-strategy {
	position: absolute;
	top: 0;
	left: 0;
}
.icon-factor-strategy {
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
}
.icon-factor-strategy.icon-human {
	background: url(../images/icon-factor-human.svg) top center no-repeat;
}
.icon-factor-strategy.icon-knowledge {
	background: url(../images/icon-factor-knowledge.svg) top center no-repeat;
}
.icon-factor-strategy.icon-social {
	background: url(../images/icon-factor-social.svg) top center no-repeat;
}
.icon-factor-strategy.icon-global {
	background: url(../images/icon-factor-global.svg) top center no-repeat;
}

/*	
	CU Departments
------------------------------------------------*/
.loop-department { 
	position: relative;
	margin: 0; 
	padding: 0; 
}
.loop-department > li {
	display: block;
	list-style: none;
	width: 100%; 
	margin: 0 !important;
	padding: 1.25rem 0; 
	border-bottom: 1px dotted #808080;
	text-align: left; 
}
.loop-department > li:last-child {
	border-bottom: none;
}
.loop-department > li .post-entry { 
	float: none; 
	width: 100%; 
}
.loop-department > li .post-entry h3 { 
	position: relative;
	margin-bottom: 0.25rem; 
}
.loop-department > li .post-entry h3 {
	font-family: 'chulacharasnewbold', sans-serif; 
	font-size: 1em;
	line-height: 1.75em;
}
.loop-department.loop-department-top > li .post-entry h3 {
	font-size: 1.5em;
	line-height: 1.5;
	margin-top: -0.5rem;
	margin-bottom: 0.5rem; 
}
@media (min-width: 768px) {
	.loop-department.loop-department-top {
		padding-left: 0 !important;
	}
	.loop-department.loop-department-top > li .post-entry h3 {
		font-size: 1.75em;
		margin-bottom: 0.25rem; 
	}
	.no-touchevents .loop-department:not(.loop-department-top) > li {
		padding-left: 30px;
		padding-right: 30px;
	}
	.no-touchevents .loop-department:not(.loop-department-top) > li:hover {
		background-color: #f8f9fa;
	}
}
.loop-department.loop-department-top > li .post-entry h3,
.loop-department.loop-department-top > li .post-entry h3 a {
	font-family: 'chulalongkornbold', sans-serif; 
}
.site-en .loop-department.loop-department-top > li .post-entry h3,
.site-en .loop-department.loop-department-top > li .post-entry h3 a {
	font-family: 'chulacharasnewbold', sans-serif; 
}
.loop-department > li .post-entry h4 { 
	font-family: 'chulacharasnewregular', sans-serif; 
	font-size: 0.875em; 
	line-height: 1.625em;
	color: rgba(0,0,0,0.5); 
	margin-bottom: 1rem; 
}
.loop-department > li .post-meta { 
	float: none; 
	width: 100%; 
}
.loop-department > li .post-contact { 
	margin: 0; 
	padding: 0; 
	font-size: 0.9em; 
	line-height: 1.2em; 
	color: #000; 
}
.loop-department > li .post-contact li {
	list-style: none;
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.loop-department > li .post-contact li:last-child { 
	margin-bottom: 0; 
}
.loop-department > li .post-contact li .post-contact-title { 
	display: table-cell; 
	vertical-align: top; 
	width: 80px; 
	font-family: 'chulacharasnewregular', sans-serif;  
}
.loop-department > li .post-contact li .post-contact-detail { 
	display: table-cell; 
	vertical-align: top; 
}
@media (min-width: 768px) {
	.loop-department > li { 
		display: flex; 
		text-align: left; 
	}
	.loop-department > li .post-entry { 
		float: left; 
		width: 50%;
		padding-right: 50px;
	}
	.loop-department > li .post-entry h4 { 
		margin-bottom: 0;
	}
	.loop-department > li .post-meta { 
		float: left; 
		width: 50%; 
	}
	.loop-department > li .post-contact { 
		line-height: 1.6em; 
	}
}
@media (min-width: 992px) {
	.loop-department > li .post-entry { 
		width: 60%;
	}
	.loop-department > li .post-meta {
		width: 40%; 
	}
}
.loop-department-top { 
	border-top: none; 
}
.loop-department-top > li {
	padding-top: 0;
}
.loop-department-top h2 { 
	margin-bottom: 5px; 
}
.loop-department-top h3:before { 
	display: none; 
}
@media (min-width: 768px) {
	.loop-department-top > li .post-entry h3 { 
		margin-bottom: 0; 
		padding-left: 0; 
	}
	.loop-department-top > li .post-entry h4 { 
		margin-bottom: 0; 
		padding-left: 0; 
	}
}
.loop-department > li .post-entry.post-entry-child h3,
.loop-department > li .post-entry.post-entry-child h4,
.loop-department > li .post-meta.post-entry-child { 
	padding-left: 30px; 
}
.loop-department > li .post-entry.post-entry-child h3:before { 
	content: ""; 
	position: absolute; 
	left: 0; 
	top: 50%;
	width: 15px;
	height: 1px;
	background-color: #000;
	-webkit-transition: all .3s; 
	   -moz-transition: all .3s; 
			transition: all .3s; 
}
@media (min-width: 768px) {
	.loop-department > li .post-entry.post-entry-child h3, 
	.loop-department > li .post-entry.post-entry-child h4 { 
		padding-left: 45px; 
	}
	.loop-department > li .post-entry.post-entry-child h3:before {
		width: 30px;
	}
	.loop-department > li .post-meta.post-entry-child {
		padding-left: 0; 
	}
}

/*	
	CU Executive
------------------------------------------------*/
.loop-executive {
	position: relative;
	margin: 0; 
	padding: 0;
}
.loop-executive .loop-item {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
}
.loop-executive .col-name {
	height: auto;
	min-height: 110px;
	padding: 20px 0 15px 110px;
}
.loop-executive .col-contact {
	padding: 15px 0 5px 45px;
	font-size: 0.875em;
	line-height: 1.75em;
}
.loop-executive .col-contact p {
	margin: 0;
}
.loop-executive .col-contact p + p {
	margin-top: 5px;
}
.loop-executive .col-contact i {
	width: 30px;
	color: #000;
}
.loop-executive .col-meta {
	padding: 0 0 0 45px;
	font-family: 'camptonbold', 'chulalongkornregular', sans-serif; 
	font-size: 0.875em;
	line-height: 1.75em;
}
.loop-executive .col-meta a {
	display: inline-block;
}
.loop-executive .col-meta i {
	width: 30px;
}
.loop-executive .post-thumb {
	position: absolute;
	top: 0;
	left: 15px;
	width: 90px;
}
.loop-executive .post-thumb img {
	/* 
	border-radius: 100%; 
	border: 5px solid #fff;
	*/
	transition: all 0.3s;
	-webkit-box-shadow: 0 15px 30px -20px black !important;
	   -moz-box-shadow: 0 15px 30px -20px black !important;
			box-shadow: 0 15px 30px -20px black !important;
}
.loop-executive .text-title-primary {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.loop-executive .text-title-secondary {
	font-size: 0.875em;
	color: rgba(0,0,0,0.75);
	line-height: 1.5em;
	margin-bottom: 0;
}
.loop-executive .p-desc {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 0.875em;
	line-height: 1.75em;
}
@media (min-width: 576px) {
	.loop-executive .loop-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.loop-executive .col-name {
		min-height: 130px;
		padding: 25px 0 20px 130px;
	}
	.loop-executive .post-thumb {
		width: 110px;
	}
	.loop-executive .col-contact {
		padding: 15px 0 0 0;
	}
	.loop-executive .col-meta {
		padding: 0;
	}
	.loop-executive .col-meta i {
		width: auto;
		margin-right: 10px;
	}
}
@media (min-width: 992px) {
	.loop-executive .col-name {
		min-height: 150px;
		padding: 30px 0 0 150px;
	}
	.loop-executive .col-contact {
		padding: 30px 0 0 0;
	}
	.loop-executive .col-contact p + p {
		margin-top: 10px;
	}
	.loop-executive .col-meta {
		padding: 10px 0 0 0;
	}
	.loop-executive .col-meta i {
		width: 30px;
		margin-right: 0;
	}
	.loop-executive .post-thumb {
		width: 130px;
	}
	.loop-executive .text-title-primary {
		font-size: 1.125em;
	}
}
@media (min-width: 1200px) {
	.loop-executive .text-title-primary {
		font-size: 1.25em;
	}
	.loop-executive .text-title-secondary {
		font-size: 1em;
	}
	.loop-executive .col-meta {
		padding: 30px 0 0 0;
	}
	.loop-executive .col-meta i {
		width: auto;
		margin-right: 10px;
	}
}

/* 
	Swiper: Hero
----------------------------------------------*/
.swiper-hero .swiper-button-next, 
.swiper-hero .swiper-button-prev {
	z-index: 10;
    position: absolute;
    top: 0;
	right: 0;
	left: auto;
    width: 50px;
    height: 70px;
    margin-top: 0;
    cursor: pointer;
	background-color: transparent;
	-webkit-background-size: 20px 20px;
       -moz-background-size: 20px 20px;
    		background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
	fill: #fff;
}
.swiper-hero .swiper-button-prev {
	right: 50px;
  	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-hero .swiper-button-next {
  	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
@media (min-width: 992px) {
	.swiper-hero .swiper-button-next, 
	.swiper-hero .swiper-button-prev {
		right: 20px;
	}
	.swiper-hero .swiper-button-prev {
		right: 70px;
	}
}
@media (min-width: 1440px) {
	.swiper-hero .swiper-button-next, 
	.swiper-hero .swiper-button-prev {
		height: 120px;
	}
}

/* 
	Swiper: Magazine
----------------------------------------------*/
.swiper-related-magazine {
	width: 100%;
	height: auto;
}
.swiper-related-magazine .swiper-button-next, 
.swiper-related-magazine .swiper-button-prev {
	z-index: 10;
    position: absolute;
    top: 120px;
    width: 40px;
    height: 40px;
    margin-top: 0;
	background-color: #fff;
	background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
	fill: #000;
}
.swiper-related-magazine .swiper-button-prev {
	left: 0;
  	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-related-magazine .swiper-button-next {
	right: 0;
  	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-related-magazine .swiper-button-next::after, 
.swiper-related-magazine .swiper-button-prev::after {
	display: none;
}
.swiper-related-magazine .post-media {
    box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5);
}
.swiper-related-magazine .post-entry {
	padding: 15px 0;
}
.swiper-related-magazine .text-title {
	font-size: 0.875em;
}

/*	
	Table: Degree
------------------------------------------------*/
.table-degree { 
	width: 100%; 
	margin: 0 auto;
	font-size: 16px;
}
.table-degree thead { 
	font-family: 'chulalongkornbold', sans-serif; 
}
.table-degree thead tr th { 
	text-align: center; 
	vertical-align: middle; 
	background-color: #f8f9fa;
}
.table-degree.table-bordered td, 
.table-degree.table-bordered th { 
	/* border: 1px solid #e0cac6; */
}
.table-degree.table-hover tbody tr:hover { 
	background-color: #f7f2f1; 
}
.table-degree .thead-inverse th { 
	/* background-color: #f0e5e3; */
	color: #000; 
}
.table-degree td, 
.table-degree th {
    /* padding: .25rem .75rem; */
}

/*	
	Table: Fee
------------------------------------------------*/
.table-fee {
	margin-bottom: 50px;
	background-color: #fff;
	text-align: center;
}
.table-fee.text-left {
	text-align: left;
}
.table-fee thead th {
    vertical-align: middle;
}
.table-fee td, 
.table-fee th {
    padding: .5rem 1rem;
}

.table-custom {
	
}
.table-custom td, 
.table-custom th {
	padding: .5rem .75rem;
}
.table-custom .thead-dark th {
    color: #fff;
    background-color: #b43b6b;
    border-color: #872c50;
}
@media (min-width: 768px) {
	.table-custom td, 
	.table-custom th {
		padding: .75rem 1.5rem;
	}
}

/*	
	Table: Directory
------------------------------------------------*/
.table-directory {
  	border: 1px solid #ccc;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	border-collapse: collapse;
  	border-spacing: 0;
	font-size: 0.875em;
}
.table-directory thead {
	font-family: 'chulalongkornbold', sans-serif;
}
.table-directory tr {
  	border: 1px solid #ddd;
  	padding: 5px;
}
.table-directory tr:hover td {
	background-color: #f8f9fa;
}
.table-directory th,
.table-directory td {
  	padding: 7px 10px;
	font-size: 1em;
}
.table-directory th {
	background-color: #f8f9fa;
	font-size: 1.125em;
	color: #b43b6b;
}

@media screen and (max-width: 767px) {
	.table-directory { 
		border: 0; 
	}
	.table-directory thead { 
		display: none; 
	}
	.table-directory tr {
		display: block;
	  	margin-bottom: 10px;
	  	border-bottom: 2px solid #ddd;
	}
	.table-directory tr:hover td {
		background-color: transparent;
	}
	.table-directory td {
	  	display: block;
	  	text-align: right;
	  	border-bottom: 1px dotted #ccc;
	}
	.table-directory td:last-child { 
		border-bottom: 0; 
	}
	.table-directory td:before {
	  	content: attr(data-label);
	  	float: left;
	  	text-transform: uppercase;
	  	font-family: 'chulalongkornbold', sans-serif;
		color: #b43b6b;
	}
}


.crowdfunding-container {
	margin-bottom: 1px;
}
.crowdfunding-container .post-title {
	padding: 30px 15px 0 15px;
}
.crowdfunding-container .post-entry {
	width: auto;
	max-width: 1440px;
	padding: 0 15px 30px 15px;
}
.crowdfunding-container .post-limit {
	max-width: 960px;
}
.crowdfunding-container .post-title .text-title {
	font-family: 'chulalongkornbold', sans-serif;
	font-size: 1.5em;
}
.crowdfunding-container .crowdfunding-case {
	margin-bottom: 1.5em;
}
.crowdfunding-container .crowdfunding-case .case-entry {
	padding-top: 15px;
}
.crowdfunding-container .crowdfunding-case figure {
	margin-bottom: 0;
}
.crowdfunding-donation {
	display: flex;
	align-items: center;
	padding: 15px;
	background-color: antiquewhite;
}
.crowdfunding-donation .donation-qrcode {
	position: relative;
	width: 120px;
}
.crowdfunding-donation .donation-qrcode img {
	width: 100%;
}
.crowdfunding-donation .donation-entry {
	width: calc(100% - 120px);
	padding-left: 15px;
}
.crowdfunding-donation .donation-entry h4 {
	color: darkred;
	margin-bottom: 1em;
}
.crowdfunding-container.crowdfunding-chulaporn .col-title .text-title,
.crowdfunding-container.crowdfunding-chulaporn .col-entry .text-title {
	color: rgb(82, 57, 150);
}
.crowdfunding-container.crowdfunding-chulaporn .col-title .text-title {
	text-indent: -9999px;
}
.crowdfunding-container.crowdfunding-cancer .col-title .text-title,
.crowdfunding-container.crowdfunding-cancer .col-entry .text-title {
	color: #183d7b;
}
.crowdfunding-container.crowdfunding-cancer blockquote {
	border-left: 5px solid #df3feb;
	margin-bottom: 1em;
	padding-left: 20px;
	color: #df3feb;
}
.crowdfunding-container.crowdfunding-centenary .col-title .text-title,
.crowdfunding-container.crowdfunding-centenary .col-entry .text-title {
	color: #4b6635;
}
.text-underline {
	text-decoration: underline;
}

@media (min-width: 576px) {
	.crowdfunding-container .post-title {
		padding: 40px 30px 0 30px;
	}
	.crowdfunding-container .post-entry {
		padding: 0 30px 40px 30px;
	}
	.crowdfunding-container .crowdfunding-case .case-entry {
		padding-top: 30px;
	}
	.crowdfunding-donation {
		align-items: center;
	}
	.crowdfunding-donation .donation-qrcode {
		position: relative;
		width: 150px;
	}
}
@media (min-width: 576px) {
	.crowdfunding-donation {
		padding: 30px;
	}
}
@media (min-width: 992px) {
	.crowdfunding-container .post-title,
	.crowdfunding-container .post-entry {
		padding: 50px 40px;
	}
	.crowdfunding-container .post-title .text-title {
		font-family: 'chulalongkornregular', sans-serif;
		font-size: 1.75em;
	}
	.crowdfunding-container .crowdfunding-case .case-entry {
		padding-top: 20px;
	}
	.crowdfunding-container.crowdfunding-chulaporn .col-title {
		background-color: rgb(82, 57, 150);
	} 
	.crowdfunding-container.crowdfunding-chulaporn .col-title .text-title {
		
	}
	.crowdfunding-container.crowdfunding-cancer .col-title {
		background-color: #183d7b;
	} 
	.crowdfunding-container.crowdfunding-cancer .col-title .text-title {
		color: #fff;
	}
	.crowdfunding-container.crowdfunding-centenary .col-title {
		background-color: #4b6635;
	} 
	.crowdfunding-container.crowdfunding-centenary .col-title .text-title {
		color: #fff;
	}
	.crowdfunding-donation .donation-qrcode {
		position: relative;
		width: 200px;
	}
	.crowdfunding-donation .donation-entry h4 {
		font-size: 1.375em;
	}
}
@media (min-width: 1200px) {
	.crowdfunding-container .post-title,
	.crowdfunding-container .post-entry {
		padding: 60px 3.5vw;
	}
	.crowdfunding-container .post-title .text-title {
		font-size: 2em;
	}
	.crowdfunding-container .crowdfunding-case {
		margin-bottom: 3.5vw;
	}
	.crowdfunding-container .crowdfunding-case .case-entry {
		padding-top: 40px;
	}
}
@media (min-width: 1440px) {
	.crowdfunding-container .post-title,
	.crowdfunding-container .post-entry {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.crowdfunding-container .post-title .text-title {
		font-size: 2.25em;
	}
}


.card-giving {
	float: left;
	position: relative;
	width: 100%;
	background-color: #b43b6b;
	color: #fff;
}
.card-giving::before {
	content: "";
	display: block;
	padding-top: 100%;
	float: left;
}
.card-giving .card-entry {
	padding: 30px 30px 80px 30px;
	font-family: 'chulalongkornregular', sans-serif;
	font-size: 1.875em;
	line-height: 1.5;
}
.card-giving .card-cta {
	z-index: 1;
	position: absolute;
	bottom: 30px;
	right: 30px;
	font-family: 'chulalongkornregular', sans-serif;
	font-size: 1.125em;
	text-align: right;
}
.card-giving .card-cta i {
	margin-left: 10px;
}
.card-giving .card-cta a {
	color: rgba(255,255,255,0.75);
}
.card-giving .card-cta a:hover {
	color: #fff;
}
@media (min-width: 1440px) {
	.card-giving .card-entry {
		padding: 50px 50px 100px 50px;
		font-size: 2em;
	}
}


/*----------

	Section: Inspiration - Quote

*************************************************************/
.section-inspiration { 
	position: relative;
	padding: 0; 
}
.section-inspiration::before,
.section-inspiration::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.075);
}
.section-inspiration::after{
	top: auto;
	bottom: 0;
}
.section-inspiration blockquote {
	margin-bottom: 0;
}
.section-inspiration .inspiration-media {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.section-inspiration .inspiration-media img {
    z-index: 1;
    position: relative;
	display: inline-block;
    width: 90px;
    height: 90px;
	margin-top: -45px;
	margin-bottom: 15px;
    border: 5px solid #fff;
	border-radius: 50%;
	transition: all 0.3s;
    -webkit-box-shadow: 0 15px 30px -20px black !important;
       -moz-box-shadow: 0 15px 30px -20px black !important;
    		box-shadow: 0 15px 30px -20px black !important;
}
.blockquote-inspiration {
	margin: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: Helvetica Neue, Helvetica, 'chulalongkornregular', sans-serif;
	font-size: 1.75em;
}
.blockquote-inspiration p {
	margin-bottom: 0;
}
.blockquote-inspiration p:first-child {
	text-indent: 90px;
}
.blockquote-inspiration > p:first-of-type::before, 
.blockquote-inspiration > p:first-of-type::after { 
	content: '“';
	font-family: Georgia, serif;
	font-size: 1.5em;
	line-height: 0;
	vertical-align: -0.1em;
	margin-right: .2em;
}
.blockquote-inspiration > p:first-of-type::after { 
	content: '”';
}
.blockquote-inspiration > p:first-of-type::after { 
	margin-right: 0;
	margin-left: .25em;
}
.blockquote-inspiration cite {
	font-size: 0.625em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	color: #000;
}
.blockquote-inspiration cite small {
	display: block;
	margin-top: 0.5em;
}
.blockquote-inspiration cite small,
.blockquote-inspiration cite .text-alt {
	color: #404040;
}
.text-light .blockquote-inspiration,
.text-light .blockquote-inspiration cite,
.blockquote-inspiration.text-light,
.blockquote-inspiration.text-light cite {
	color: #fff;
}
.text-light .blockquote-inspiration cite small,
.text-light .blockquote-inspiration cite .text-alt,
.blockquote-inspiration.text-light cite small,
.blockquote-inspiration.text-light cite .text-alt {
	color: #bfbfbf;
}
@media (min-width: 576px) {
	.section-inspiration .inspiration-media img {
		width: 110px;
		height: 110px;
		margin-top: -55px;
	}
	.blockquote-inspiration {
		font-size: 1.875em;
	}
	.blockquote-inspiration p:first-child {
		text-indent: 110px;
	}
	.blockquote-inspiration cite small {
		display: inline;
		margin-left: 10px;
	}
}
@media (min-width: 768px) {
	.blockquote-inspiration {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.section-inspiration .inspiration-media img {
		width: 130px;
		height: 130px;
		margin-top: -65px;
		margin-bottom: 0;
	}
	.blockquote-inspiration {
		padding-top: 60px;
		padding-bottom: 60px;
		font-size: 2em;
	}
	.blockquote-inspiration p:first-child {
		text-indent: 130px;
	}
}
@media (min-width: 1440px) {
	.section-inspiration .inspiration-media {
		margin-left: 2vw;
	}
}

/*----------

	Grid Post

*************************************************************/
.grid-post {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
	width: 100%;
}
.grid-post.grid-gap-0 {
	grid-column-gap: 0 !important;
	grid-row-gap: 0 !important;
}
.grid-post.grid-gap-post {
	grid-row-gap: 20px;
}
.grid-post.grid-gap-line {
	grid-row-gap: 1px;
}
.grid-post.grid-gap-sm {
	grid-row-gap: 8px;
}
.grid-post.grid-gap-md {
	grid-row-gap: 16px;
}
.grid-post.grid-template-features {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
}
.grid-post.grid-template-factsfigures {
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 20px;
}
.grid-post.grid-template-affiliations {
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 1px;
}
.no-cssgrid .grid-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
}
.no-cssgrid .grid-post.grid-gap-post {
	margin-bottom: -20px;
}
.no-cssgrid .grid-post.grid-gap-line {
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-gap-sm {
	margin-bottom: -8px;
}
.no-cssgrid .grid-post.grid-gap-md {
	margin-bottom: -16px;
}
.no-cssgrid .grid-post .grid-item {
	position: relative;
	box-sizing: border-box;
}
.no-cssgrid .grid-post.grid-gap-post .grid-item {
	margin-bottom: 20px;
}
.no-cssgrid .grid-post.grid-gap-sm .grid-line {
	margin-bottom: 1px;
}
.no-cssgrid .grid-post.grid-gap-sm .grid-item {
	margin-bottom: 8px;
}
.no-cssgrid .grid-post.grid-gap-md .grid-item {
	margin-bottom: 16px;
}
.no-cssgrid .grid-post.grid-template-features {
	width: calc(100% + 1px);
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-features .grid-item {
	width: calc(50% - 1px);
	margin-right: 1px;
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-factsfigures {
	width: 100%;
	margin-bottom: -20px;
}
.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
	width: 100%;
	margin-bottom: 20px;
}
.no-cssgrid .grid-post.grid-template-affiliations {
	width: 100%;
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
	width: 100%;
	margin-bottom: 1px;
}
@media (min-width: 576px) {
	.grid-post.grid-template-col-2,
	.grid-post.grid-template-col-3,
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5,
	.grid-post.grid-template-col-post {
		grid-template-columns: 1fr 1fr;
	}
	.grid-post.grid-gap-post {
		grid-column-gap: 20px;
	}
	.grid-post.grid-template-col-2.grid-gap-line,
	.grid-post.grid-template-col-3.grid-gap-line,
	.grid-post.grid-template-col-4.grid-gap-line,
	.grid-post.grid-template-col-5.grid-gap-line,
	.grid-post.grid-template-col-post.grid-gap-line {
		grid-column-gap: 1px;
	}
	.grid-post.grid-template-col-2.grid-gap-sm,
	.grid-post.grid-template-col-3.grid-gap-sm,
	.grid-post.grid-template-col-4.grid-gap-sm,
	.grid-post.grid-template-col-5.grid-gap-sm,
	.grid-post.grid-template-col-post.grid-gap-sm {
		grid-column-gap: 8px;
	}
	.grid-post.grid-template-col-2.grid-gap-md,
	.grid-post.grid-template-col-3.grid-gap-md,
	.grid-post.grid-template-col-4.grid-gap-md,
	.grid-post.grid-template-col-5.grid-gap-md,
	.grid-post.grid-template-col-post.grid-gap-md {
		grid-column-gap: 16px;
	}
	.grid-post.grid-template-factsfigures {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
	}
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 1px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post {
		width: calc(100% + 20px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line {
		width: calc(100% + 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm {
		width: calc(100% + 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md {
		width: calc(100% + 16px);
	}
	.no-cssgrid .grid-post.grid-template-col-2 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post .grid-item {
		width: 50%;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line .grid-item {
		width: calc(50% - 1px);
		margin-right: 1px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm .grid-item {
		width: calc(50% - 8px);
		margin-right: 8px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md .grid-item {
		width: calc(50% - 16px);
		margin-right: 16px;
	}
	.no-cssgrid .grid-post.grid-template-factsfigures {
		width: calc(100% + 20px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.no-cssgrid .grid-post.grid-template-affiliations {
		width: calc(100% + 1px);
		margin-bottom: -1px;
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(50% - 1px);
		margin-right: 1px;
	}
}
@media (min-width: 768px) {
	.grid-post.grid-gap-post {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.grid-post.grid-template-factsfigures {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post {
		width: calc(100% + 30px);
		margin-bottom: -30px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
	}
	.no-cssgrid .grid-post.grid-template-factsfigures {
		width: calc(100% + 30px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) {
	.grid-post.grid-template-col-3,
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5,
	.grid-post.grid-template-col-post {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-post.grid-template-features {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.grid-post.grid-template-factsfigures {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(33.3333333% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line .grid-item {
		width: calc(33.3333333% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm .grid-item {
		width: calc(33.3333333% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md .grid-item {
		width: calc(33.3333333% - 16px);
	}
	.no-cssgrid .grid-post.grid-template-features .grid-item {
		width: calc(25% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(25% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(33.3333333% - 1px);
	}
}
@media (min-width: 1440px) {
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item {
		width: calc(25% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item {
		width: calc(25% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item {
		width: calc(25% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item {
		width: calc(25% - 16px);
	}
}
@media (min-width: 1680px) {
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(25% - 1px);
	}
}
@media (min-width: 1920px) {
	.grid-post.grid-template-col-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item {
		width: calc(20% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item {
		width: calc(20% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item {
		width: calc(20% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item {
		width: calc(20% - 16px);
	}
}
@media (max-width: 575px) {
	.post-item-ashome.grid-post.grid-gap-line {
		grid-row-gap: 20px;
	}
	.no-cssgrid .post-item-ashome.grid-post.grid-gap-line .grid-item {
		margin-bottom: 20px;
	}
}

.grid-post .item-fullwidth {
    grid-column: 1 / -1;
}
.no-cssgrid .grid-post .item-fullwidth {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/*
	Facts & Figures
----------------------------------------------*/
.grid-template-factsfigures .text-number,
.grid-template-factsfigures .text-title,
.grid-template-factsfigures .text-desc {
	display: block;
	text-align: center;
}
.grid-template-factsfigures .text-number {
	font-family: 'chulacharasnewbold', sans-serif;
	font-size: 4em;
	line-height: 1.25;
	color: #b43b6b;
}
.grid-template-factsfigures .text-title {
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 1.125em;
	line-height: 1.375;
	color: #000;
}
.grid-template-factsfigures .text-title a:hover {
	color: #de5c8e;
}
.grid-template-factsfigures .text-title + .text-desc {
	margin-top: 10px;
}
.grid-template-factsfigures .text-desc {
	font-size: 0.875em;
	line-height: 1.75;
}
.text-light .grid-template-factsfigures .text-number {
	color: #e9aab9;
}
.text-light .grid-template-factsfigures .text-title {
	color: #fff;
}
.text-light .grid-template-factsfigures .text-desc {
	color: rgba(255,255,255,0.75);
}
@media (min-width: 992px) {
	.grid-template-factsfigures .text-number {
		font-size: 3.75em;
	}
	.grid-template-factsfigures .text-title {
		font-size: 1.25em;
	}
}
@media (min-width: 1200px) {
	.grid-template-factsfigures {
		margin-bottom: 30px;
	}
	.grid-template-factsfigures .text-number {
		font-size: 4.5em;
	}
}
@media (min-width: 1440px) {
	.grid-template-factsfigures .text-number {
		font-size: 5em;
	}
}
@media (min-width: 1680px) {
	.grid-template-factsfigures .text-number {
		font-size: 5.5em;
	}
}

/*
	Affiliations
----------------------------------------------*/
.grid-post.grid-template-affiliations .post-media img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.grid-post.grid-template-affiliations .post-entry {
	padding: 20px 20px 40px 20px;
	text-align: center;
}
.grid-post.grid-template-affiliations .post-entry .text-title-1 {
	font-size: 1.375em;
	font-weight: bold;
	line-height: 1.375em;
	margin-bottom: 0;
}
.grid-post.grid-template-affiliations .post-entry .text-title-1 + .text-title-2 {
	margin-top: 5px;
}
.grid-post.grid-template-affiliations .post-entry .text-title-2 {
	font-family: sans-serif;
	font-size: 0.75em;
	color: rgba(0,0,0,0.5);
	margin-bottom: 0;
	text-transform: uppercase;
}
.grid-post.grid-template-affiliations .post-entry .post-desc {
	margin-top: 8px;
} 
.grid-post.grid-template-affiliations .post-entry .post-desc h4 {
    font-size: 87.5%;
    color: rgba(0,0,0,0.75);
}

/*----------

	Post Wrapper

*************************************************************/
.post-wrapper {
	position: relative;
	width: 100%;
}
.post-item {
	position: relative;
	width: 100%;
	height: 100%;
}
.post-item .post-media {
	margin-bottom: 0.875em;
}
.post-item .post-media img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.post-item .overlay-quickplay {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 10px;
}
.post-item .overlay-quickplay a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
	background-color: #fff;
	font-size: 0.75em;
	color:#000;
	text-align: center;
}
.post-item .overlay-quickplay a:hover {
	background-color: #fff;
	color:#FF0000;
}
.post-item .overlay-time {
	z-index: 1;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.post-item .overlay-time span {
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	font-size: 0.75em;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.875);
	color: #fff;
}
.post-item .post-entry {
	position: relative;
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	hyphens: auto;
}
.post-item .post-type {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 0.875em;
	color: #b43b6b;
}
.post-item .post-type i {
	margin-right: 12px;
}
.post-item .post-type a {
	color: rgba(0,0,0,0.5);
}
.post-item .post-type a:hover {
	color: #b43b6b;
}
.post-item .post-date {
	font-size: 0.75em;
}
.post-item .post-date i {
	margin-right: 12px;
}
.post-item .post-entry.has-icon {
	padding-right: 100px;
}
.post-item .post-entry .post-icon {
	z-index: 10;
	position: absolute;
	top: -25px;
	right: 25px;
}
.post-item .post-entry .post-icon a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	background-color: #d22d36;
	font-size: 1.125em;
	color: #fff;
	text-align: center;
	box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5) !important;
}
.post-item .post-entry .post-icon a:hover {
	background-color: #902e2e;
	color: #fff;
}
.post-item .post-entry .text-title {
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 0;
}
.post-item .post-entry .text-title a:hover {
	text-decoration: none;
}
.post-item .post-entry.no-media .text-title {
	font-size: 1.375em;
}
.post-item .post-desc {
	margin-top: 0.5em;
	font-size: 0.875em;
    line-height: 1.625em;
}
.post-item .post-desc p {
	margin-bottom: 0.375em;
}
.post-item .post-desc p:last-of-type {
	margin-bottom: 0;
}
.post-item .post-excerpt p {
	margin-top: 0.75em;
	margin-bottom: 0.375em;
}
.post-item .post-excerpt p:last-of-type {
	margin-bottom: 0;
}
.post-item .post-link a {
	clear: both;
	display: block;
	padding: 10px 20px;
	background-color: #e1e3e5;
	color: #000;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
}
.post-item .post-link a:hover {
	background-color: #de5c8e;
	color: #fff;
}
.post-wrapper.post-item-shadow .post-item {
	box-shadow: 0 10px 15px -15px rgba(0,0,0,0.25);
}
.post-wrapper.post-item-shadow .post-item::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	width: 100%;
	height: auto;
	margin-top: -50%;
	padding-top: 100%;
	border-radius: 100%;
	box-shadow: 0 -15px 50px -15px rgba(0,0,0,.25);
}
.post-wrapper.post-media-shadow .post-item .post-media {
	margin-bottom: 1.125em;
}
.post-wrapper.post-media-shadow .post-item .post-media img {
	box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.post-wrapper.post-entry-padding .post-item .post-media {
	margin-bottom: 0;
}
.post-wrapper.post-entry-padding .post-item .post-entry {
	padding: 20px 20px 25px 20px;
	background-color: #fff;
}
.post-wrapper.post-entry-padding .post-item .post-entry.has-icon {
	padding-right: 100px;
}
.post-wrapper.post-entry-transparent .post-item .post-entry {
	background-color: transparent;
}
.post-wrapper.post-entry-shadow .post-item .post-entry {
	box-shadow: 0 -15px 50px -15px rgba(0,0,0,.25);
}
.post-wrapper.post-entry-border .post-item .post-entry {
	border: 1px dashed #000;
	border-top: none;
}
@media (min-width: 1200px) {
	.post-item .post-entry .text-title {
		font-size: 1.25em;
	}
	.post-wrapper.post-entry-padding .post-item .post-entry {
		padding: 20px 25px 30px 25px;
	}
}
@media (max-width: 575px) {
	.post-wrapper.post-item-ashome .post-item {
		padding-bottom: 20px;
		border-bottom: 1px dashed #e1e3e5;
		box-shadow: none;
	}
	.post-wrapper.post-item-ashome.post-item-shadow .post-item::before {
		display: none;
	}
	.post-wrapper.post-item-ashome .post-item .post-media {
		float: left;
		width: 120px;
		margin-right: 1em;
	}
	.post-wrapper.post-item-ashome .post-item .post-entry {
		padding: 0;
		background-color: transparent;
		overflow: hidden;
		box-shadow: none !important;
	}
	.post-wrapper.post-item-ashome .post-link {
		position: relative;
		margin-top: 1em;
		text-align: right;
	}
	.post-wrapper.post-item-ashome .post-link a {
		display: inline-block;
		padding: 8px 16px;
		border-radius: 2px;
		font-size: 0.75em;
	}
}
@media (max-width: 399px) {
	.post-wrapper.post-item-ashome .post-item .post-media {
		width: 100px;
	}
}