/*
Theme Name: PM ACC Group
Theme URI: ---
Author: Kataroek Thumrongchote
Author URI: http://www.kataroek.com/
Description: Custom wordpress theme for PM ACC Group Website
Version: 1.6
*/

html, body	{ margin: 0; padding: 0; }
body		{ color: #222; font-weight: 300; font-size: 0.86rem; font-family: "Gotham", "Kanit", "Sukhumvit", sans-serif; line-height: 1.5; -webkit-text-size-adjust: none; }
a			{ color: #00529c; text-decoration: none; }
a[href^="tel:"]		{ color: #fff; }
hr			{ margin: 0; border: none; border-bottom: 1px solid #808080; }
.hidden		{ display: none; }
a[href^="mailto"]		{ text-transform: lowercase; }
a[href^="mailto"]:hover	{ text-decoration: underline; }

input,
textarea	{ border-radius: 0; appearance: none; }

/* Clearfix */
.clearfix:before,
.clearfix:after,
.rows:before,
.rows:after		{ display: table; content: ""; }
.clearfix:after,
.rows:after 	{ clear: both; }
.clearfix,
.rows 			{ *zoom: 1; }

/* Columns */
.container	{ margin: 0 auto; padding: 0 20px; max-width: 1200px; }
.rows		{ margin: 0 -10px; }
.rows > div[class*="col-"]	{ position: relative; float: left; box-sizing: border-box; padding: 0 10px; min-height: 1px; }
.col-lg-1		{ width: 12.5%; }
.col-lg-2		{ width: 25%; }
.col-lg-3		{ width: 37.5%; }
.col-lg-4		{ width: 50%; }
.col-lg-5		{ width: 62.5%; }
.col-lg-6		{ width: 75%; }
.col-lg-7		{ width: 87.5%; }
.col-lg-8		{ width: 100%; }

.col-lg-push-0		{ left: 0; }
.col-lg-push-1		{ left: 12.5%; }
.col-lg-push-2		{ left: 25%; }
.col-lg-push-3		{ left: 37.5%; }
.col-lg-push-4		{ left: 50%; }
.col-lg-push-5		{ left: 62.5%; }
.col-lg-push-6		{ left: 75%; }
.col-lg-push-7		{ left: 87.5%; }
.col-lg-push-8		{ left: 100%; }

.col-lg-pull-0		{ right: 0; }
.col-lg-pull-1		{ right: 12.5%; }
.col-lg-pull-2		{ right: 25%; }
.col-lg-pull-3		{ right: 37.5%; }
.col-lg-pull-4		{ right: 50%; }
.col-lg-pull-5		{ right: 62.5%; }
.col-lg-pull-6		{ right: 75%; }
.col-lg-pull-7		{ right: 87.5%; }
.col-lg-pull-8		{ right: 100%; }

.col-fl-right		{ float: right !important; }

.section			{ padding-top: 20px; }
.inner-content		{ box-sizing: border-box; margin-bottom: 20px; padding: 25px; }
.content-box-blue		{ background-color: #00529c; color: #fff; }
.content-box-lightgrey	{ background-color: #cecece; color: #666; }
.content-box-lightgrey h3	{ color: #4d4d4d; }
.content-box-medgrey	{ background-color: #b2b2b2; }
.content-box-darkgrey	{ background-color: #808080; color: #fff; }
.content-box-orange		{ background-color: #ff943b; color: #fff; }

.block-img	{ display: block; margin-bottom: 20px; width: 100%; height: auto; }

/* Header */
#header		{ padding: 20px 0 0; }
#logo		{ margin: 0; height: 130px; box-sizing: border-box; border-bottom: 1px solid #808080; }
#logo a		{ display: block; overflow: hidden; width: 144px; height: 110px; background: transparent url(img/logo-header.png) no-repeat left top; background-size: contain; text-indent: -9999px; }
#menu-btn	{ display: none; }
#nav 		{ box-sizing: border-box; height: 70px; line-height: 70px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; clear: both; }
#nav a		{ color: #808080; }
#nav a:hover,
.current-menu-item a,
.current_page_item a,
.current-page-ancestor a	{ color: #00529c !important; }
#menu-main-menu				{ display: flex; margin: 0; padding: 0; list-style: none; text-transform: uppercase; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
#menu-main-menu > li		{ display: inline; }
.sub-menu	{ display: none; }

#tagline	{ height: 60px; color: #00529c; text-transform: uppercase; }
.lang-social-menu-wrapper	{ padding: 16px 0; }
.lang-social-menu	{ float: right; }
.social-links,
.language-chooser	{ float: left; padding: 0; list-style: none; font-size: 0; line-height: 24px; }
.social-links li,
.language-chooser li	{ display: inline-block; font-size: 0.86rem; line-height: 24px; }
.social-links		{ margin-right: 10px; padding-right: 10px; height: 24px; border-right: 1px solid #00529c; }
.social-links li	{ margin: 0 4px; height: 24px; }
.social-links a		{ display: block; width: 24px; height: 24px; border-radius: 24px; background-color: #00529c; color: #fff; text-align: center; font-size: 0.9rem; }

.language-chooser li:before	{ margin: 0 4px; content: "/"; font-weight: 300 !important; }
.language-chooser li:first-child:before	{ content: none; }
.language-chooser li.active	{ font-weight: 600; }

/* Homepage */
#homepage-banner 		{ pointer-events: none; }
#homepage-banner img	{ display: block; width: 100%; height: auto; }

#heroslide			{ height: 480px; background-color: #222; }
.heroslide-item		{ position: relative; overflow: hidden; width: 100%; height: 100%; }
.heroslide-content	{ position: absolute; top: 50%; box-sizing: border-box; padding: 0 80px; width: 50%; color: #808080; transform: translateY(-50%); }
.heroslide-content h2	{ margin: 0; color: #4d4d4d; text-transform: uppercase; font-weight: 300; font-size: 1rem; }

#heroslide-1		{ background: #000 url(img/banner-pm1.jpg) no-repeat left top; background-size: cover; }
html[lang="th"] #heroslide-1	{ background-image: url(img/banner-pm2.jpg); }
#heroslide-1 .heroslide-content	{ right: 0; display: none; }

.inner-content h3	{ margin: 0; text-transform: uppercase; font-weight: 300; font-size: 1.1rem; }
html[lang="th"] .inner-content h3	{ font-size: 1.2rem; }
.section-title		{ margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #fff; }

#home-our-service	{ min-height: 484px; }
html[lang="th"] #home-our-service	{ min-height: 460px; }

#our-service-subpages	{ padding: 20px; }
#our-service-subpages .col-lg-4:nth-child(2n+1)	{ clear: both; }
#our-service-subpages a	{ color: #fff; }
.our-service-item		{ margin-bottom: 20px; font-size: 0; }
#home-our-service .service-icon			{ display: inline-block; margin-right: 15px; width: 48px; height: auto; vertical-align: middle; }
#home-our-service .our-service-item a	{ display: block; }
#home-our-service .our-service-item h3	{ display: inline-block; margin: 0; width: calc(100% - 80px); vertical-align: middle; text-transform: uppercase; font-weight: 300; font-size: 0.86rem; }

#home-news-update		{ position: relative; min-height: 160px; }
#home-news-update h3	{ margin-bottom: 0; }
.latest-news-item p		{ display: -webkit-box; overflow: hidden; margin: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#latest-news-control	{ position: absolute; bottom: 0; left: 0; }
#latest-news-control a	{ display: inline-block; overflow: hidden; width: 24px; height: 24px; border: 1px solid #4d4d4d; border-radius: 24px; text-indent: -9999px; }
#latest-news-prev	{ background: transparent url(img/btn-prev.png) no-repeat center center; background-size: 8px 12px; }
#latest-news-next	{ background: transparent url(img/btn-next.png) no-repeat center center; background-size: 8px 12px; }

#home-qa			{ position: relative; min-height: 160px; }
.qa-block-header	{ padding-left: 60px; min-height: 42px; background: transparent url(img/icon-qa.png) no-repeat left top; background-size: 42px; font-weight: 300; font-size: 0.86rem; }
.qa-block-header p	{ margin: 0; }
#home-qa ul			{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; width: 100%; list-style: inside disc; font-size: 0.86rem; word-break: break-all; }
#home-qa li			{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#home-qa a			{ color: #fff; }

#home-why-pm-acc-group { min-height: 240px; }
#home-why-pm-acc-group p:last-child	{ margin-bottom: 0; }

html[lang="th"] #home-why-pm-acc-group	{ min-height: 215px; }

/* About Us */
.page-banner	{ background-color: #222; }
#about-intro	{ padding: 60px 0; text-align: center; }
#about-intro h3	{ margin: 10px 0; text-transform: uppercase; font-weight: 300; font-size: 1.2rem; }
#about-intro p	{ margin: 10px 0; }
#message-md-img	{ height: 390px; background-color: #00529c; background-position: center top; background-size: cover; }
#message-md		{ position: relative; height: 340px; }
#message-md h4	{ margin: 0; padding-right: 80px; text-transform: uppercase; font-weight: 300; font-size: 1.2rem; }
#message-md p:first-child	{ display: none; }
#message-md p:last-child	{ position: absolute; bottom: 0; left: 0; margin: 0; }

#about-whoarewe		{ height: 310px; }
/*
.about-whypmacc-content		{ margin: 0 -10px;  }
.about-whypmacc-content p	{ float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.about-whypmacc-content p:last-child	{ clear: both; color: #00529c; }
*/
#about-ourvalues	{ height: 120px; }
#about-whoarewe-coverimg		{ margin: 0 0 20px; height: 320px; background-color: #eee; background-position: center center; background-size: cover; background-repeat: no-repeat; }

#about-quality 			{ height: 270px; }
#about-quality ul		{ overflow: hidden; margin: 50px -10px; padding: 0 20px; list-style: none; }
#about-quality li		{ float: left; box-sizing: border-box; padding: 0 10px; width: 33.333333%; text-align: center; }
#about-quality li img	{ display: block; margin-bottom: 10px; width: 100%; height: auto; }
#about-quality p		{ margin: 0; }

#about-awards-img		{ margin: 0 0 20px; height: 350px; background-color: #00529c; background-position: center right; background-size: cover; }
#about-awards			{ height: 300px; }
#about-awards ul		{ padding: 0; list-style: none; }
#about-awards li:before	{ display: inline-block; margin-right: 10px; width: 4px; height: 4px; border-radius: 4px; background-color: #808080; content: ""; }

/* Our Service */
#our-service 	{ min-height: 810px; }
#our-service .service-icon		{ float: left; margin-right: 15px; width: 48px; height: auto; }
#our-service .our-service-item	{ position: relative; display: block; margin: 0 0 40px; }
#our-service .our-service-item:last-child	{ margin-bottom: 20px; }
.our-service-item-content		{ overflow: hidden; font-size: 0.86rem; }
.our-service-item-content h3	{ line-height: 48px; text-transform: uppercase; font-weight: 300; font-size: 0.86rem; }
.our-service-item-content p		{ display: -webkit-box; overflow: hidden; margin: 0; color: #ccc; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#our-service-img		{ margin: 0 0 20px; height: 380px; background-color: #00529c; background-position: center center; background-size: cover; }
#our-service-qa 		{ position: relative; height: 120px; color: #fff; }
#our-service-qa p		{ position: absolute; bottom: 0; left: 0; margin: 0; font-size: 0.66rem; }
#our-service-faqs		{ position: relative; height: 120px; }
#our-service-faqs ul	{ position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; width: 100%; list-style: inside disc; font-size: 0.86rem; word-break: break-all; }
#our-service-faqs li	{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#our-service-faqs a		{ color: #fff; }

#our-service-additional			{ min-height: 220px; text-transform: uppercase; }
#our-service-additional p		{ margin: 0; }
#our-service-additional strong	{ display: block; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #fff; font-weight: 300; font-size: 1.1rem; }

html[lang="th"] #our-service-additional	{ font-size: 0.9rem; }
html[lang="th"] #our-service-additional strong	{ font-size: 1.2rem; }

#service-content-wrapper	{ position: fixed; top: 100%; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); opacity: 0; transition: opacity 300ms linear; }
#service-content-loadarea	{ position: absolute; top: 50%; left: 50%; width: 600px; background-color: #f4f4f4; color: #808080; opacity: 0; transition: all 600ms ease; transform: translateX(-50%) translateY(-25%); }
.service-content-header 	{ margin-bottom: 20px; padding: 0 0 10px; border-bottom: 1px solid #808080; }
.service-content-header .service-icon-alt	{ float: right; width: 48px; height: auto; }
.service-content-header h3	{ margin-top: 10px; }

body.showservice #service-content-wrapper	{ top: 0; opacity: 1; }
body.showservice #service-content-loadarea	{ opacity: 1; transform: translateX(-50%) translateY(-50%); }

.service-info-sample		{ position: fixed; top: 50%; left: 50%; z-index: 9999; width: 600px; background-color: #f4f4f4; color: #808080; font-size: 0.86rem; opacity: 0; transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1); transform: translateX(-50%) translateY(-40%); pointer-events: none; }
#our-service .our-service-item.showinfo > .service-info-sample	{ opacity: 1; transform: translateX(-50%) translateY(-50%); pointer-events: auto; }

.service-page-content		{ margin-bottom: 80px; padding: 20px; color: #00529c; }
.service-page-icon			{ display: block; margin-bottom: 40px; width: 48px; height: auto; }
.service-page-content h2	{ width: 75%; text-transform: uppercase; font-weight: 300; }
.service-page-content h3	{ text-transform: uppercase; }
.service-page-content ul	{ padding: 0; list-style: inside; }
.service-page-content th,
.service-page-content td	{ padding: 5px 0 !important; width: 50% !important; border: none !important; background-color: #fff !important; }

.col-fl-right + .col-lg-2	{ clear: left; }
@media all and ( max-width: 1200px ) {
	.col-fl-right ~ .col-md-3	{ clear: left; }	
}

/* Print Form */
.form-section-header		{ margin: 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #00529c; color: #00529c; font-size: 1.3rem; }
.form-section-wrapper 		{ margin-bottom: 80px; }
.form-section-wrapper h3	{ margin: 0; padding-bottom: 10px; border-bottom: 1px dotted #00529c; color: #00529c; font-weight: 300; }
.form-section-wrapper ul	{ margin: 10px 0 20px; padding-left: 15px; list-style: inside; }
.form-section-wrapper a		{ color: #666; }
.form-section-wrapper a:hover	{ color: #00529c; }

/* Media Center */
.news-event-header 		{ padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #00529c; }
.news-event-header h2	{ margin: 0; color: #00529c; font-size: 32px; font-weight: normal; text-transform: uppercase; }
.news-filter	{ float: left; list-style: none; padding: 0; margin: 0; font-size: 0; text-transform: uppercase; }
.news-filter li	{ display: inline-block; font-size: 0.86rem; }
.news-filter li:before	{ content: "|"; margin: 0 5px; }
.news-filter li:first-child	{ margin-right: 10px; }
.news-filter li:first-child:before,
.news-filter li:nth-child(2):before	{ content: none; }

.news-filter .current-cat	{ font-weight: bold; }

.news-event-header .wp-pagenavi			{ float: right; font-size: 0; text-transform: uppercase; }
.news-event-header .wp-pagenavi span,
.news-event-header .wp-pagenavi a		{ font-size: 0.86rem; }
.news-event-header .wp-pagenavi .pages	{ display: none; }
.news-event-header .wp-pagenavi span:before,
.news-event-header .wp-pagenavi a:before	{ content: "|"; margin: 0 5px; }
.news-event-header .wp-pagenavi .previouspostslink:before	{ content: none; }

.news-section	{ margin-bottom: 40px; }
.news-section .section-title	{ border-bottom: 1px solid #00529c; color: #00529c; text-transform: uppercase; font-weight: 300; font-size: 0.9rem; line-height: 1; }
.news-list > div[class*="col-"]:nth-child(2n+1)	{ clear: both; }
.news-item 		{ margin-bottom: 20px; }
.news-item img	{ display: block; margin-bottom: 20px; width: 100%; height: auto; background-color: #222; }
.news-title		{ margin: 0; text-transform: uppercase; font-size: 0.86rem; }
.news-item p	{ margin: 0; }
.news-excerpt	{ min-height: 60px; }

.entry-control	{ margin: 10px 0 20px; padding: 0 0 10px; border-bottom: 1px solid #808080; }
.breadcrumbs	{ float: left; text-transform: uppercase; font-size: 0.9rem; line-height: 1; }
.news-close-btn	{ float: right; overflow: hidden; margin-top: -12px; width: 24px; height: 24px; background: transparent url(img/news-close-btn.png) no-repeat center center; background-size: 16px; text-indent: -9999px; }

.entry-meta			{ margin-bottom: 20px; text-align: right; }
.entry-header h2	{ color: #00529c; text-transform: uppercase; font-weight: 300; font-size: 1rem; }
.entry-content		{ color: #808080; }

/* Training & Seminar */
#training-img			{ margin: 0 0 20px; height: 380px; background-color: #00529c; background-position: center center; background-size: cover; }
#training-content		{ height: 520px; }
#courses-table-section	{ margin: 40px 0; }
#courses-table-header	{ margin: 0; color: #00529c; text-transform: uppercase; font-weight: 300; }

#courses-control	{ margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #808080; }
.courses-filter		{ float: left; }
.table-filter		{ margin: 0; padding: 0; list-style: none; font-size: 0; }
.table-filter li	{ display: inline-block; padding: 0 10px; border-left: 1px solid #00529c; font-size: 0.86rem; }
.table-filter li:first-child	{ padding-left: 0; border: none; }
.table-filter a		{ color: #00529c; opacity: 0.5; }
.table-filter a:hover,
.table-filter a.selected		{ opacity: 1; }

.month-filter			{ float: right; font-size: 0.86rem; }
.month-filter label		{ margin-right: 10px; }
.month-filter select	{ margin: 0; font-size: 1rem; cursor: pointer; }

.courses-table-wrapper	{ overflow: auto; }
.courses-table		{ width: 100%; border-collapse: collapse; color: #4d4d4d; }
.courses-table th,
.courses-table td	{ padding: 10px 5px; border: 1px solid #808080; text-align: center; line-height: normal; }

.courses-table th	{ background-color: #a6a6a6; text-transform: uppercase; font-weight: 300; }
.courses-table th.accent-color	{ background-color: #00529c; color: #fff; }

.courses-table td > span	{ display: block; }
.courses-table td.cpa-a,
.courses-table td.cpd-a		{ border-right: 1px dashed #808080 !important; }
.courses-table td.cpa-b,
.courses-table td.cpd-b		{ border-left: 1px dashed #808080 !important; }

.courses-table tbody tr.striped td	{ background-color: #d9d9d9; }
.course-time		{ white-space: nowrap; }

.booking-btn		{ display: block; overflow: hidden; margin: 0 auto; width: 36px; height: 36px; background: transparent url(img/booking-btn.png) no-repeat center center; background-size: 36px; text-align: left; text-indent: -9999px; }
/* .courses-table tr.available .booking-btn	{ display: block; } */
.booking-detail		{ padding: 20px; width: 320px; max-width: 100%; color: #fff; background-color: #ff943b; }
.booking-detail-content	{ padding-left: 60px; }
.booking-detail ul	{ list-style: none; padding: 0; }
.booking-detail a	{ color: #fff; }
.document-download-btn	{ font-weight: bold; text-decoration: underline; }

/* Q&A */
#question-list		{ padding: 0; list-style: none; }
#question-list a	{ color: #fff; }
#question-list a:before	{ display: inline-block; margin-right: 5px; content: "+"; }

#answer-list	{ margin-bottom: 80px; counter-reset: answer; }
.answer-item	{ margin-bottom: 20px; padding: 20px 0 0; border-top: 1px dotted #00529c; }
.answer-item:first-child	{ padding-top: 0; border: none; }
.answer-item h3	{ margin: 0; color: #00529c; font-size: 0.9rem; }
.answer-item h3:before	{ content: counter(answer) ". "; counter-increment: answer; }
.answer-item ul	{ padding: 0; list-style: inside; }

/* Career */
#jobs-list		{ padding: 15px 0; }
#jobs-list > h2	{ margin: 10px 0; text-transform: uppercase; font-weight: 300; }
.job-item		{ padding: 20px 0; border-top: 1px dashed #4d4d4d; }
.job-item:first-of-type	{ padding-top: 0; border: none; }
.job-item-content		{ margin-bottom: 40px; }
.job-title		{ margin: 0; text-transform: uppercase; }
.job-info-list	{ margin: 0; padding: 0; list-style: none; }
.job-item-footer	{ line-height: 30px; }
.job-posted-date	{ float: left; }
.job-action			{ float: right; }
.job-action a	{ display: inline-block; padding: 0 15px; height: 30px; text-transform: uppercase; }
.job-info-btn	{ background-color: #b2b2b2; color: #333; }
.job-apply-btn	{ background-color: #00529c; color: #fff; }

#career-sidebar-action		{ margin-bottom: 80px; }
#career-sidebar-action ul	{ padding-left: 20px; list-style: none; }
#career-sidebar-action a	{ color: #4d4d4d; }
#career-sidebar-action a:before	{ margin-right: 5px; content: ">"; }

/* Contact Us */
#contact-us-img			{ margin-bottom: 20px; background-color: #00529c; background-position: center bottom; background-size: cover; }
#contact-us-img img		{ display: block; width: 100%; height: auto; }
#contact-us-content		{ text-transform: uppercase; }
#contact-us-content h4	{ margin: 0 0 20px; font-weight: 300; font-size: 1.2rem; }
#contact-us-content a	{ color: #fff; }
.contact-sections		{ margin-bottom: 20px; }
.contact-sections ol	{ list-style: decimal inside; padding: 0; }
.contact-notice p		{ margin: 0; }

#deapartment-contact 		{ margin-bottom: 80px; padding: 0 20px; }
#deapartment-contact > h2	{ margin: 0 0 20px; text-transform: uppercase; font-weight: 300; font-size: 1.2rem; }
#deapartment-contact .col-lg-4:nth-child(2n+1)	{ clear: both; }
.contact-item 		{ margin-bottom: 20px; }
.contact-item h3	{ margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px dotted #333; color: #333; text-transform: uppercase; font-weight: 600; font-size: 0.9rem; }
.contact-item ul	{ padding: 0; list-style: none; }

#contact-form-wrapper		{ margin-bottom: 80px; }
#contact-form-wrapper > h2	{ margin: 0 0 20px; text-transform: uppercase; font-weight: 300; font-size: 1.2rem; }
.wpcf7-form label	{ text-transform: uppercase; line-height: 30px; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea	{ float: right; box-sizing: border-box; margin: 0; padding: 5px; border: 1px solid #ccc; font-size: 1rem; font-family: "Gotham", "Sukhumvit", sans-serif; }

.wpcf7-form-control-wrap {
	overflow: auto;
}

.wpcf7-form div[class*="col-"]	{ margin-bottom: 10px; }
.wpcf7-form #user_title		{ width: calc(100% - 60px); }
.wpcf7-form #user_name		{ width: calc(100% - 60px); }
.wpcf7-form #user_surname	{ width: calc(100% - 80px); }
.wpcf7-form #user_mobile	{ width: calc(100% - 120px); }
.wpcf7-form #user_email		{ width: calc(100% - 60px); }
.wpcf7-form textarea	{ width: calc(100% - 80px); }

.wpcf7-recaptcha {
	float: right;
}

.wpcf7-form input[type="submit"]	{ float: right; box-sizing: border-box; margin: 0; padding: 0; width: 180px; height: 30px; border: none; background-color: #00529c; color: #fff; text-transform: uppercase; font-size: 0.86rem; font-family: "Gotham", "Sukhumvit", sans-serif; cursor: pointer; }

.wpcf7-not-valid		{ border-color: #c00 !important; }
.wpcf7-not-valid-tip	{ clear: both; padding: 5px 0; text-align: right; }
div.wpcf7-response-output	{ margin: 20px 0 !important; }

/* Footer */
#footer			{ color: #fff; }
#footer-logo	{ float: left; margin-right: 25px; }
#footer-logo a	{ display: block; overflow: hidden; width: 86px; height: 66px; background: transparent url(img/logo-footer.png) no-repeat left top; background-size: contain; text-indent: -9999px; }
#footer-contact-info	{ float: left; text-transform: uppercase; font-size: 0.66rem; }
#footer-contact-info h4	{ margin: 15px 0 0; }
#footer-contact-info p	{ margin-top: 0; }
#footer-contact-info a	{ color: #fff; }

.gov-links		{ margin: 0 0 40px; padding: 0; list-style: none; text-align: right; font-size: 0; }
.gov-links li	{ display: inline; margin-left: 10px; }

#footer .social-links	{ border-right-color: #fff; }
#footer .social-links a	{ background-color: #fff; color: #00529c; }
#footer .language-chooser a	{ color: #fff; }

@media all and (max-width: 1200px) {
	.col-md-1	{ width: 12.5%; }
	.col-md-2	{ width: 25%; }
	.col-md-3	{ width: 37.5%; }
	.col-md-4	{ width: 50%; }
	.col-md-5	{ width: 62.5%; }
	.col-md-6	{ width: 75%; }
	.col-md-7	{ width: 87.5%; }
	.col-md-8	{ width: 100%; }

	.col-md-push-0  	{ left: 0; }
	.col-md-push-1		{ left: 12.5%; }
	.col-md-push-2		{ left: 25%; }
	.col-md-push-3		{ left: 37.5%; }
	.col-md-push-4		{ left: 50%; }
	.col-md-push-5		{ left: 62.5%; }
	.col-md-push-6		{ left: 75%; }
	.col-md-push-7		{ left: 87.5%; }
	.col-md-push-8		{ left: 100%; }

	.col-md-pull-0		{ right: 0%; }
	.col-md-pull-1		{ right: 12.5%; }
	.col-md-pull-2		{ right: 25%; }
	.col-md-pull-3		{ right: 37.5%; }
	.col-md-pull-4		{ right: 50%; }
	.col-md-pull-5		{ right: 62.5%; }
	.col-md-pull-6		{ right: 75%; }
	.col-md-pull-7		{ right: 87.5%; }
	.col-md-pull-8		{ right: 100%; }

/* 	Header */
	#header 	{ font-size: 0.82rem; }

/* 	Homepage */
	#heroslide	{ height: 380px; }
	#home-our-service,
	html[lang="th"] #home-our-service		{ min-height: 390px; }
	#our-service-subpages	{ padding: 20px 0; }
	#home-why-pm-acc-group,
	html[lang="th"] #home-why-pm-acc-group	{ min-height: 0; }

/* 	Our Service */
	#our-service 	{ min-height: 830px; }
	html[lang="th"] #our-service 	{ min-height: 810px; }

/* 	Training */
	.courses-filter,
	.month-filter	{ float: none; margin: 10px 0; }

/* 	Footer */
	.gov-links		{ margin: 0 0 20px; }
	.gov-links img	{ width: auto; height: 40px; }

}
@media all and (max-width: 880px) {
	.col-sm-1	{ width: 12.5%; }
	.col-sm-2	{ width: 25%; }
	.col-sm-3	{ width: 37.5%; }
	.col-sm-4	{ width: 50%; }
	.col-sm-5	{ width: 62.5%; }
	.col-sm-6	{ width: 75%; }
	.col-sm-7	{ width: 87.5%; }
	.col-sm-8	{ width: 100%; }

	.col-sm-push-0		{ left: 0; }
	.col-sm-push-1		{ left: 12.5%; }
	.col-sm-push-2		{ left: 25%; }
	.col-sm-push-3		{ left: 37.5%; }
	.col-sm-push-4		{ left: 50%; }
	.col-sm-push-5		{ left: 62.5%; }
	.col-sm-push-6		{ left: 75%; }
	.col-sm-push-7		{ left: 87.5%; }
	.col-sm-push-8		{ left: 100%; }

	.col-sm-pull-0		{ right: 0; }
	.col-sm-pull-1		{ right: 12.5%; }
	.col-sm-pull-2		{ right: 25%; }
	.col-sm-pull-3		{ right: 37.5%; }
	.col-sm-pull-4		{ right: 50%; }
	.col-sm-pull-5		{ right: 62.5%; }
	.col-sm-pull-6		{ right: 75%; }
	.col-sm-pull-7		{ right: 87.5%; }
	.col-sm-pull-8		{ right: 100%; }

/* 	Header */
	#logo		{ height: 90px; }
	#logo a		{ width: 92px; height: 64px; }
	.lang-social-menu-wrapper	{ padding: 10px; }
	#nav		{ padding: 15px 0; height: auto; line-height: 1.5; }

/* 	Homepage */
	#heroslide	{ height: 280px; }
	.our-service-item		{ margin-bottom: 10px; }

/* 	About */
	#about-intro	{ padding: 30px 0; }
	#about-intro h3	{ font-size: 1rem; }
	#message-md h4	{ padding: 0; font-size: 0.9rem; }
	#about-whoarewe	{ height: 380px; }
	#about-whypmacc	{ margin-bottom: 20px; }
	#about-ourvalues	{ height: 160px; }

/* 	Our Service */
	.service-page-content	{ padding: 0; }
	.service-page-icon		{ margin: 20px 0; }

/* 	Training */
	#courses-table-section	{ margin: 20px 0; }

/* 	Contact Us */
	.contact-form label		{ display: block; }
	.contact-form input[type="text"],
	.contact-form textarea	{ float: none; width: 100% !important; }

/* 	Footer */
	#footer-logo a	{ width: 42px; height: 32px; }
	#footer-contact-info h4	{ margin-top: 5px; }
	.gov-links		{ margin: 0 0 20px; }
	.gov-links img	{ width: auto; height: 30px; }
}
@media all and (max-width: 640px) {
	html			{ font-size: 18px; }
	body			{ position: relative; transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1); transform: translateX(0); }
	.section		{ padding-top: 10px; }
	.container		{ padding: 0 10px; }
	.inner-content	{ margin-bottom: 10px; padding: 15px; }

	.rows > div[class*="col-"]	{ float: none; width: auto; }
	.col-fl-right	{ float: none !important; }

/* 	Header */
	#header hr,
	#tagline,
	#nav	{ display: none; }
	.lang-social-menu-wrapper	{ padding: 10px 0; }
	
	#header			{ font-size: 1rem; }
	#menu-btn		{ position: absolute; top: 10px; right: 10px; display: block; width: 40px; height: 40px; }
	#menu-btn span	{ position: absolute; top: 50%; right: 0; left: 0; display: block; overflow: hidden; margin: 0 auto; width: 30px; height: 4px; border-radius: 30px; background-color: #00529c; box-shadow: 0 8px 0, 0 -8px 0; transform: translateY(-50%); }
	#logo	{ height: auto; padding-bottom: 20px; }
	#nav	{ position: fixed; top: 0; right: 0; display: block; overflow: auto; margin: 0; padding: 0; width: 80%; height: 100%; border: none; background-color: #00529c; transform: translateX(100%); line-height: 2; }
	body.showmenu 		{ overflow: hidden; height: 100%; transform: translateX(-80%); }
	#menu-main-menu,
	#menu-main-menu > li,
	#nav a	{ display: block; color: #fff; }
	#nav a:hover,
	.current-menu-item a,
	.current-page-item a, 
	.current-page-ancestor a	{ background-color: #00437f; color: #fff !important; font-weight: 600; }
	#nav	{ font-size: 0.86rem; }
	#nav a	{ padding: 10px; border-bottom: 1px solid #00437f; }

/* 	Homepage */
	#heroslide	{ height: 140px; }

/* 	About Us */
	#about-intro 		{ padding: 15px 0; }
	#about-intro br		{ display: none; }
	#message-md-img,
	#about-whoarewe-coverimg,
	#about-awards-img	{ margin: 0 0 10px; height: 180px; }

	#message-md,
	#about-whoarewe,
	#about-whypmacc,
	#about-ourvalues,
	#about-our-clients,
	#about-quality,
	#about-awards		{ height: auto; }
	.about-whypmacc-content		{ margin: 0; }
	.about-whypmacc-content p	{ float: none; width: auto; padding: 0; }

	#message-md h4				{ margin: 0 0 20px; font-size: 1rem; }
	#message-md p:last-child	{ position: static; }

	#about-quality ul	{ padding: 0; margin: 20px 0; }
	#about-quality li	{ float: none; margin: 0 0 20px; padding: 0; width: auto; }

/* 	Our Services */
	#our-service-img		{ margin-bottom: 10px; height: 180px; }
	.service-info-sample	{ width: 80%; }

/* 	Training */
	#training-img		{ margin-bottom: 10px; height: 180px; }
	#training-content	{ height: auto; }
	.table-filter li	{ display: block; margin: 5px 0; padding: 0; border: none; }
	.courses-table		{ min-width: 1200px; }
	
/* 	Media Center */
	.news-filter			{ float: none; margin-bottom: 20px; }
	.news-event-header .wp-pagenavi	{ float: none; text-align: right; }
	.news-filter li			{ display: block; }
	.news-filter li:before	{ content: none; }

/* 	Faqs */
	#answer-list		{ margin-top: 20px; }

/* 	Join Our Team */
	#career-sidebar-action	{ margin-bottom: 40px; }

/* 	Contact Us */
	#contact-us-img				{ margin-bottom: 10px; }
	a[href="#googlemap"] img	{ margin-bottom: 10px; }
	#deapartment-contact		{ padding: 0; }
	
	.wpcf7-form label	{ display: block; }
	.wpcf7-form input[type="text"], 
	.wpcf7-form input[type="email"], 
	.wpcf7-form input[type="tel"], 
	.wpcf7-form textarea	{ width: 100% !important; margin: 0 0 10px; }
	.wpcf7-form input[type="submit"]	{ float: none; width: 100%; height: 40px; }

/* 	Print Form */
	.form-section-wrapper	{ margin-bottom: 20px; }

/* 	Footer */
	#footer-logo	{ float: none; margin: 10px 0; }
	.gov-links		{ margin: 20px 0; text-align: left; }
	.gov-links li	{ margin-right: 10px; margin-left: 0; }
	.gov-links img	{ width: auto; height: 40px; }
	.gov-links + .clearfix	{ display: none; }

}