@charset "utf-8";

html, body {margin: 0; padding: 0; height:100%; font-size:19.2px;}
body  {text-align: center; font-family:'Bai Jamjuree', sans-serif; font-size:0; font-weight:400; line-height:1.76; color:#062E5E; height:100%; overflow-x:hidden; background:#ffffff;}
a img {border:none;}

/* -------- Text ------------ */
h1, .h1 {position:relative; font-size:60px; line-height:1.2; font-weight:700; color:#233B76; margin:16px 0; letter-spacing:0.025em;}
h2 {position:relative; font-size:60px; line-height:1.2; font-weight:700; color:#233B76; margin:16px 0; letter-spacing:0.025em;}
h3, .h3 {position:relative; font-size:36px; line-height:1.3; font-weight:700; color:#233B76; margin:16px 0; letter-spacing:0.025em;}
h4, .h4 {position:relative; font-size:24px; line-height:1.5; font-weight:700; color:#071D3C; margin:16px 0; letter-spacing:0.025em;}
h5, .h5 {position:relative; font-size:24px; line-height:1.5; font-weight:500; color:#233B76; margin:16px 0; letter-spacing:0.025em;}
h6, .h6 {position:relative; font-size:21px; line-height:1.6; font-weight:700; color:#071D3C; margin:16px 0; letter-spacing:0.025em;}
p {font-size:17px; line-height:1.6; font-weight:400; color:#071D3C; margin:16px 0; letter-spacing:0.025em;}

a  {color:#1E62C2; text-decoration:none;}
a:hover {text-decoration:underline;}
b, strong {font-weight:700;}

hr {border:none; border-bottom:1px solid #CFD8DC; margin:24px 0; clear:both;}
blockquote {display:inline-block; padding:30px; max-width:640px; box-sizing:border-box; background:#ECEFF1; font-size:21px; line-height:1.9; font-weight:600; color:#233B76; margin:16px 0; letter-spacing:0.025em;}
blockquote * {margin:0;}

.center, .align-center, .ce-headline-center {text-align:center;}
.right, .align-right, .ce-headline-right {text-align:right;}

.inline {display:inline-block; margin-right:1em;}
.highlight {background:#6BA7D9; box-shadow:0.3em 0 0 #6BA7D9, -0.3em 0 0 #6BA7D9; -webkit-box-decoration-break:clone; -moz-box-decoration-break:clone; box-decoration-break:clone;}
.small {font-size:17px; font-weight:400;}

p.float-right {position:relative; z-index:1; float:right; margin-top:0;}
h2.width-560 {display:inline-block; max-width:560px;}
h1.large, .h1.large, h2.large {font-size:120px;}
h2.quote {padding:0.5em 0.3em 1.5em 0.3em; background:url(../images/bg-quote.svg) no-repeat left top; background-size:contain;}

/* -------- Icons ------------ */
.btn-nav:before,
.header-phone:after, .header-contact:after, .header-login:after, .header-consult:after,
.close:before,
ul li:before,
.checkbox input[type="checkbox"]:checked + label:before,
.btn-sub,
.scroll-down,
.scroll-top:before,
.glide__arrow,
.btn-phone:after, .btn-contact:after, .btn-login:after, .btn-consult:after, .icon-location:after,
.icon-facebook, .icon-instagram, .icon-twitter, .icon-linkedin, .icon-youtube, .icon-google,
.btn-more:before,
.enrol-section .col-2 a:after,
.icon-more,
.expand header:after,
.btn-reset,
.poe-training:before, .poe-nursing:before {background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

/* -------- Lists ------------ */
ul {list-style:none; padding:0 0 0 40px; margin:16px 0;}
ul li {position:relative; list-style:none; padding:0 0 0 50px; margin:16px 0; font-size:17px; line-height:1.6; font-weight:400; color:#062E5E; text-align:left;}
ul li:before {content:""; display:block; width:16px; height:16px; border-radius:8px; background:#063579; position:absolute; left:0; top:5px; margin:0;}
.text-white ul li:before {background:#ffffff;}

/* -------- Tables ------------ */
.table-wrap-inner {font-size:17px; overflow-x:auto;}
table {width:100%; margin:16px 0; border-spacing:0; font-size:17px; line-height:1.76; font-weight:400; color:#062E5E;}
th {padding:17px; font-weight:600;}
td {padding:17px;}
tr:nth-child(even) {background:#ECEFF1;}

/* -------- General Forms ------------ */ 
form {margin:0; font-size:0; max-width:700px;}
form .row {}
fieldset {display:block; border:none; padding:0; margin:0;}
legend {display:block; font-size:24px; font-weight:800; color:#063579; margin:16px 0; text-transform:uppercase;}
label {display:block; font-size:17px; font-weight:600; color:#062E5E; line-height:26px; margin:26px 0 10px 20px; letter-spacing:0.025em;}
input, textarea, select, option {width:100%; font-family:'Bai Jamjuree', sans-serif; font-size:17px; font-weight:400; line-height:24px; color:#062E5E; padding:18px 20px; box-sizing:border-box; border:none; background:#ECEFF1;}
select {padding:0 50px 0 20px; height:60px; line-height:60px;  -moz-appearance:none; -webkit-appearance:none; background-position:right center; background-repeat:no-repeat; background-image:url(../images/select.png); background-image:url(../images/select.svg), linear-gradient(transparent, transparent), none; cursor:pointer;}
select::-ms-expand {display:none;}
textarea {resize:vertical;}
input[type="checkbox"], input[type="radio"] {width:auto;}
.text-white input, .text-white textarea, .text-white select, .text-white option {color:#192145;}
.text-white input[type="submit"] {color:#ffffff;}
.text-white input[type="submit"]:hover {color:#ffffff;}

/* Powermail Forms */
.powermail_form > h3 {display:none;}
.powermail_form > fieldset {padding:0; border:none;}
.mandatory {color:#c00000; margin-left:3px;}
.powermail_fieldwrap {position:relative; margin:16px 0; text-align:left;}
.powermail_fieldwrap.inline {display:inline-block; vertical-align:top; margin-right:10px;}
.parsley-error {border-color:#c00000;}
.parsley-errors-list {font-size:14px;}

.radio, .checkbox {display:inline-block; vertical-align:top;}
.radio label, .checkbox label {display:inline-block;}

.checkbox, .radio {position:relative; display:inline-block; vertical-align:top; margin:8px 30px 8px 0;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {position:absolute; top:0; left:0; opacity:0; width:40px; height:40px; margin:10px;}
.checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {display:block; position:relative; padding:17px 0 17px 70px; margin:0;}
.checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {content:""; display:block; top:0; left:0; position:absolute; width:40px; height:40px; margin:10px; box-sizing:border-box; background:#ECEFF1; cursor:pointer;}
.radio input[type="radio"] + label:before {background:#D9DADB; border-radius:20px; border:10px solid #ECEFF1;}
.checkbox input[type="checkbox"]:checked + label:before {background-position:-530px -630px;}
.radio input[type="radio"]:checked + label:before {background:#063579;}
.powermail_fieldwrap_type_radio .radio {display:inline-block; vertical-align:top;}

input[type='number'] {-moz-appearance:textfield; appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.number {position:relative; max-width:220px;}
.number input {padding-left:70px; padding-right:70px;}
.number button {position:absolute; top:0; display:block; width:60px; height:60px; font-weight:700; font-size:42px; color:#028BD2; transition:background 0.3s;}
.number button:hover {background:rgba(0,0,0,0.05);}
.number-remove {left:0; line-height:50px; border-right:1px solid #ffffff;}
.number-add {right:0; line-height:60px; border-left:1px solid #ffffff;}

.form_left {display:inline-block; vertical-align:bottom; width:50%; padding-right:10px; box-sizing:border-box;}
.form_right {display:inline-block; vertical-align:bottom; width:50%; padding-left:10px; box-sizing:border-box;}

/* -------- Header ------------ */
#header, #header-sticky {position:absolute; left:0; right:0; top:0; min-width:320px; height:100px; z-index:90; text-align:right; font-size:0; background:#ffffff; white-space:nowrap;}
#header .content-inner, #header-sticky .content-inner {position:relative; padding:0 0 0 100px; box-sizing:border-box;}

#header .content-inner:before {content:""; pointer-events:none; display:block; width:780px; height:230px; position:absolute; z-index:-1; left:0; top:0; background:url(../images/bg-logo.svg) no-repeat left top; background-size:contain;}

.btn-nav {display:block; width:100px; height:100px; background:#ffffff; position:absolute; left:0; top:0; cursor:pointer; transition:background 0.3s;}
.btn-nav:before {content:""; display:block; font-size:60px; width:1em; height:1em; margin:20px auto; background-size:10em auto; background-position:-0.33em -0.33em;}
.btn-nav span {display:block; position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:17px; line-height:34px; font-weight:700; color:#063579; text-transform:lowercase;}
.btn-nav:hover {text-decoration:none; background-color:#ECEFF1;}

.header-logo {display:block; width:252px; position:absolute; left:100px; top:0; padding:16px; box-sizing:border-box; border-radius:0 0 20px 20px; background:#ffffff;}
.header-logo img {display:block; margin:0 auto;}
.header-logo:hover {text-decoration:none;}
.header-logo img.logo2 {display:none;}

.header-phone, .header-contact, .header-login {position:relative; z-index:1; display:inline-block; vertical-align:top; background:#ffffff; padding:37px 74px 37px 30px; transition:background-color 0.3s; text-align:left; font-size:17px; font-weight:700; line-height:26px; color:#063579; text-transform:lowercase; letter-spacing:0.025em;}
.header-phone {font-size:30px; line-height:1; padding:35px 74px 35px 30px;}
.header-phone:after, .header-contact:after, .header-login:after {content:""; display:block; font-size:60px; width:1em; height:1em; position:absolute; right:0; top:50%; margin:-0.5em 10px 0 0; background-size:10em auto; background-position:-8.66em -0.33em;}
.header-phone:after {background-position:-5.33em -0.33em;}
.header-contact:after {background-position:-7em -0.33em;}
.header-login:after {background-position:-8.66em -0.33em;}
.header-phone:hover, .header-contact:hover, .header-login:hover {text-decoration:none; background:#ECEFF1;}

.header-consult {position:absolute; top:100%; right:50px; display:inline-block; vertical-align:top; background:#063579; padding:20px; border-right:100px solid #ECEFF1; margin:0; transition:all 0.3s; text-align:right; font-size:32px; font-weight:700; line-height:1.2; text-transform:uppercase; color:#ffffff; letter-spacing:0.025em;}
.header-consult .small {display:block; font-size:0.5em; font-weight:500; text-transform:none;}
.header-consult:after {content:""; display:block; font-size:60px; width:1em; height:1em; position:absolute; right:-80px; top:50%; margin:-0.5em 0 0 0; background-size:10em auto; background-position:-3.66em -0.33em;}
.header-consult:hover {text-decoration:none; background:#062E5E; border-right-color:#D9DADB;}

#header-sticky {display:block; position:fixed; left:0; right:0; top:auto; bottom:100%; z-index:100; transition:transform 0.3s;}
#header-sticky .btn-nav span {display:none;}
#header-sticky.scroll {transform:translateY(100%); box-shadow:0 4px 16px rgba(0,0,0,0.3);}
#header-sticky .header-logo {height:100%; padding:0 10px;}
#header-sticky .header-logo img {width:auto; height:100%;}
#header-sticky .header-logo img.logo1 {display:none;}
#header-sticky .header-logo img.logo2 {display:block;}
#header-sticky .header-logo span {display:none;}
#header-sticky .header-consult {display:none;}

/* -------- Modals ------------ */
.overlay {overscroll-behavior:contain; position:fixed; min-width:320px; width:1920px; margin-left:-960px; left:50%; right:0; top:0; height:100%; max-height:0; background:rgba(222,228,231,0); overflow:hidden; -webkit-overflow-scrolling:touch; overflow-y:auto; z-index:110; border-top:0px solid #ffffff; transition:background 0.5s, max-height 0s 0.5s, border-top-width 0s 0.5s;}
.overlay.open {max-height:100%; background:rgba(222,228,231,0.9); transition:background 0.5s, max-height 0s, border-width 0s;}
.drawer-box {position:relative; overflow:hidden; margin:0 auto; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%); transition:transform 0.5s; box-shadow:0 4px 9px rgba(0,0,0,0.5); background:#ffffff; text-align:left;}
.overlay.open .drawer-box {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.close {position:absolute; z-index:60; right:0; top:0; display:block; cursor:pointer; font-size:60px; width:1em; height:1em; margin:60px;}
.close:before {content:""; display:block; width:1em; height:1em; margin:0 auto; border-radius:0.5em; background-color:#ffffff; background-size:10em auto; background-position:-8.66em -3.66em; transition:background-color 0.3s;}
.close:hover {text-decoration:none;}
.close:hover:before {background-color:#C7D0D4;}

.drawer-box .columns {margin:0;}
.drawer-contact .drawer-box, .drawer-consult .drawer-box {background:#ECEFF1;}
.drawer-contact .col-2, .drawer-consult .col-2 {padding-right:180px}
.drawer-contact .col-2 .content-padding, .drawer-consult .col-2 .content-padding {background:#ffffff; padding-top:20px; padding-bottom:20px;}

/* -------- Top Nav ------------ */
/* Nav First Level */
.nav {position:absolute; margin-left:252px;}
.nav ul {display:block; margin:0; list-style:none; font-size:0; padding:0; text-align:left;}
.nav ul li {position:relative; display:inline-block; vertical-align:top; padding:0; margin:0; z-index:1;}
.nav ul li:before {display:none;}
.nav ul li a {position:relative; z-index:1; display:block; padding:37px 36px; color:#063579; background:#ffffff; text-decoration:none; text-transform:lowercase; font-size:17px; font-weight:700; line-height:26px; transition:background-color 0.3s;}
.nav ul li:hover > a {text-decoration:none; background:#ECEFF1;}
/* Nav Second Level */
.nav ul li ul {display:block; overflow:hidden; position:absolute; left:0; background:#ffffff; width:360px; max-height:0; white-space:normal; box-shadow:8px 8px 16px rgba(0,0,0,0.1); transform:translateY(-20px); opacity:0; transition:min-height 0s 0.3s, max-height 0s 0.3s, transform 0.3s, opacity 0.3s;}
.nav ul li:hover > ul {overflow:visible; max-height:800px; transform:translateY(0); opacity:1; transition:max-height 0s 0s, transform 0.3s, opacity 0.3s;}
.nav ul li ul li {position:static; display:block;}
.nav ul li ul li.sub > a:after {content:""; display:block; width:0; height:0; position:absolute; z-index:1; right:-24px; top:0; border-width:35px 12px; border-style:solid; border-color:transparent transparent transparent #ffffff; filter:drop-shadow(8px 4px 4px rgba(0,0,0,0.1));}
.nav ul li ul li.sub:hover > a:after {border-color:transparent transparent transparent #063579;}
.nav ul li ul li a {transition:none; text-transform:none; padding:22px 26px;}
.nav ul li ul li:hover > a {background-color:#063579; color:#ffffff;}
/* Nav Third Level */
.nav ul li ul li ul {left:100%; top:0; min-height:0; transform:translateX(-20px); overflow:hidden; background:#f5f5f5; z-index:-1;}
.nav ul li ul li:hover > ul {min-height:100%; transform:translateX(0); overflow:hidden;}
.nav ul li ul li ul li a {background:#f5f5f5;}

/* -------- Side Nav ------------ */
.drawer-nav .close {width:100px; height:100px; right:auto; left:0; margin:0;}
.drawer-nav .close:hover {background-color:rgba(0,0,0,0.1);}
.drawer-nav .close:before {background-color:transparent; background-position:-3.66em -12em; margin:20px auto;}
.drawer-nav .close:after {content:"Close"; display:block; position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:17px; line-height:34px; font-weight:700; color:#ffffff; text-transform:lowercase;}
.drawer-nav .drawer-box {background:#063579;}
.drawer-nav .h1 {text-transform:lowercase;}
.nav-bottom {display:flex; position:absolute; left:44%; right:0; bottom:0; background:#ffffff;}
.nav-bottom a {flex:1 1 33.33%; width:33.33%; box-sizing:border-box; margin:0; padding:37px 20px; text-align:center; white-space:nowrap;}
.nav-bottom a:after {position:relative; display:inline-block; vertical-align:middle; margin:-0.5em 0 -0.5em 10px;}
/* Nav First Level */
.nav-side {position:relative; z-index:1; padding:0 0 5% 0; margin:0 0 100px 0;}
.nav-side ul {display:block; list-style:none; padding:0; margin:0 56% 0 auto; width:490px; text-align:left;}
.nav-side ul li:before {display:none;}
.nav-side ul li {display:inline-block; width:100%; position:static; list-style:none; padding:0 150px 0 0; box-sizing:border-box; margin:0;}
.nav-side ul li a {position:relative; display:block; padding:25px 80px 25px 30px; color:#ECEFF1; text-decoration:none; font-size:21px; font-weight:500; line-height:30px;}
.nav-side ul li:hover > a {text-decoration:none; background-color:rgba(255,255,255,0.1);}
.nav-side ul li.open > a {color:#001D63; background-color:#ECEFF1;}
.nav-side ul li:first-child .nav-image {opacity:1;}
.nav-side ul li:hover .nav-image {transition:opacity 0.8s; opacity:1;}
/* Nav Second Level */
.nav-sub {position:absolute; left:44%; right:0; top:0; height:0; overflow:hidden; overflow-y:auto; opacity:0; padding:0 0 0 7%; margin:0 7% 0 0; transition:opacity 0.3s, height 0s 0.3s;}
.nav-side ul li ul {margin:0; width:auto; -webkit-column-count:2; -moz-column-count:2; column-count:2;}
.nav-side ul li:hover > .nav-sub, .nav-side ul li.open > .nav-sub {opacity:1; height:100%; transition:opacity 0.3s, height 0s;}
.nav-side ul li ul li {padding:0;}
.nav-side ul li ul li a {padding:26px 30px; color:#001D63;}
.nav-side ul li ul li a:hover {background-color:rgba(0,29,99,0.1);}
/* Nav Images */
.nav-images {position:absolute; left:44%; right:0; top:0; bottom:0; background:#DEE4E7;}
.nav-image {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transition:opacity 0.8s 0.2s; background-size:cover; background-position:center;}
.nav-image.hover {opacity:1; transition:opacity 0.8s;}
.nav-image:first-child {opacity:1;}
.nav-image:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.85);}
/* Sub Buttons */
.btn-sub {display:block; position:relative; float:right; margin:0 -80px 0 0; font-size:60px; width:1em; height:1em; border:10px solid transparent; box-sizing:content-box; background-size:10em auto; background-position:-5.33em -12em; cursor:pointer; z-index:1;}
.btn-sub:hover {background-color:rgba(255,255,255,0.1);}
.sub.open > .btn-sub {background-position:-3.66em -12em;}
.sub.open > .btn-sub:hover {background-color:rgba(0,29,99,0.1);}

/* -------- Body ------------ */
#body{display:table; table-layout:fixed; width:1920px; padding:100px 0 0 0; box-sizing:border-box; margin:0 auto; height:100%; min-height:100%; min-width:320px; position:relative; text-align:left;}
.body-cell {display:table-cell; position:relative; z-index:1;}

/* -------- Content ------------ */
#content {display:table-row;}
#content .body-cell {box-sizing:border-box; padding:0;}
#content.no-banner .body-cell {padding-top:100px;}

.content-inner {position:relative; max-width:1920px; margin:0 auto;}
.columns-wrap {position:relative; margin:0 auto;}
.columns{position:relative; display:table; table-layout:fixed; width:100%; max-width:1920px; box-sizing:border-box; overflow:hidden; margin:0 auto;}
.col {position:relative; display:table-cell; vertical-align:top;}
.content-padding {position:relative; margin:80px 0; padding:0 110px; box-sizing:border-box;}
.content-padding.content-wide {padding:0 50px;}
.col:first-child .content-padding {padding-right:60px;}
.col:last-child .content-padding {padding-left:60px;}
.content-600 {max-width:600px; margin:0 auto;}
.content-1200 {max-width:1200px; margin:0 auto;}
.columns-40-60 .col:first-child {width:40%;}
.columns-60-40 .col:first-child {width:60%;}

.ce-textpic {overflow:visible;}
.content-padding:after {content:""; display:block; clear:both;}
.ce-border img {border:10px solid transparent;}

.clear {clear:both;}
.hidden {display:none;}
iframe, video {max-width:100%;}
img {max-width:100%; height:auto; vertical-align:bottom;}
h1 img {vertical-align:baseline;}
svg {max-width:100%; height:auto;}

.grey-section {position:relative; overflow:hidden; background:#ECEFF1; padding-top:100px; margin-top:-100px; z-index:-1;}

.ce-side-header .ce-bodytext {margin-left:100px;}
.ce-side-header .ce-records {margin:40px 0 0 100px;}
.ce-records .news {display:inline-block; vertical-align:top;}
.side-header {position:relative; z-index:50; float:left; padding:0 11px; margin:0; text-align:left; font-size:1.25rem; line-height:40px; font-weight:800; color:#063579; text-transform:lowercase; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.side-header:before {content:""; display:inline-block; vertical-align:middle; width:1px; height:4rem; margin:1.5rem 10px; background:currentColor;}
.text-white .side-header {color:#ffffff;}

.bg-blue {background:#063579;}
.text-white * {color:#ffffff;}
.text-white a {color:#ffffff;}

.video-box {position:relative; height:0; padding-bottom:56.25%;}
.video-box iframe, .video-box video {position:absolute; left:0; right:0; width:100%; height:100%;}
.video-box div, .video-box figure {display:block; position:static !important; float:none !important; left:auto !important; right:auto !important;}

.image {position:relative; overflow:hidden; display:inline-block; margin:0;}
.image-caption {display:block; font-size:24px; line-height:1.4; font-weight:500; color:#062E5E;}
.image-title {display:block; font-size:24px; line-height:1.4; font-weight:800; color:#063579; text-transform:uppercase;}
.image-slider .image-caption {position:absolute; left:0; right:0; bottom:0; text-align:left; padding:40px 50px; font-size:24px; line-height:1.4; font-weight:500; color:#ffffff; background:linear-gradient(transparent, rgba(0,0,0,0.5));}
.image-slider .image-title {display:block; font-weight:700;}

.grey-500 {background:#ECEFF1;}
.grey-500 .ce-textpic {background:#ffffff; max-width:500px; padding:0 3rem 3rem 3rem; box-sizing:border-box;}

.enrol-section {padding:0 50px; margin:0;}
.enrol-section * {color:#ffffff;}
.enrol-section .columns {background:#063579;}
.enrol-section .col {vertical-align:middle;}
.enrol-section .col:last-child {background:#1E62C2;}
.enrol-section .content-padding {padding:0 3rem; margin:0;}
.enrol-section .col:last-child .content-padding {padding:0; margin:0;}
.enrol-section .col:last-child .ce-bodytext {display:flex; flex-wrap:wrap; overflow:hidden;}
.enrol-section .col:last-child p {flex:1 1 50%; padding:3rem; margin:0 0 0 -1px; box-sizing:border-box; text-align:center; border-left:1px solid #ffffff;}
.enrol-section .btn-more {font-size:36px; font-weight:700; color:#ffffff; padding:27px 110px 27px 20px;}
.enrol-section .btn-more:before {font-size:80px; width:1em; background-position:-7em -5.33em;}
.enrol-section .btn-more:after {font-size:80px;}
.enrol-section .btn-more:hover:after {background-color:rgba(255,255,255,0.1);}

/* Scrollbar */
.scrollbar {-webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#063579 rgba(0,0,0,0.05);}
.scrollbar::-webkit-scrollbar {width:6px;}
.scrollbar::-webkit-scrollbar-track {width:6px; background:rgba(0,0,0,0.05);}
.scrollbar::-webkit-scrollbar-thumb {background:#063579;}

.text-white .scrollbar {scrollbar-color:#9BBEC2 rgba(0,0,0,0.05);}
.text-white .scrollbar::-webkit-scrollbar-thumb {background:#9BBEC2;}

/* -------- Fluid Element Textpic ------------ */
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:40px;}
.ce-intext.ce-right .ce-gallery {margin-left:120px;}
.ce-intext.ce-left .ce-gallery {margin-right:120px;}
.ce-below .ce-gallery {margin-top:40px;}

.ce-intext.ce-left .ce-gallery, .ce-intext.ce-right .ce-gallery {max-width:50%;}
.ce-left .ce-gallery, .ce-right .ce-gallery {float:none;}
.ce-intext.ce-left .ce-gallery {float:left;}
.ce-intext.ce-right .ce-gallery {float:right;}
.ce-left:after, .ce-right:after {content:""; display:block; clear:both;}

.ce-intext.ce-overlap {display:inline-block; vertical-align:top; width:100%; margin-bottom:100px;}
.ce-intext.ce-left.ce-overlap .ce-gallery, .ce-intext.ce-right.ce-overlap .ce-gallery {display:inline-block; vertical-align:middle; float:none; width:72%; margin:0 -22% 0 0; max-width:none; overflow:visible;}
.ce-intext.ce-overlap .ce-bodytext {display:inline-block; vertical-align:middle; position:relative; width:50%; padding:7rem 5.2rem; box-sizing:border-box; margin:0 0 0 auto; background:#ffffff;}
.textbox-blue .ce-intext.ce-overlap .ce-bodytext {background:#1E2752;}

.ce-intext.ce-overlap .glide__arrows {margin-right:32%; margin-bottom:-100px;}
.ce-intext.ce-overlap .image-caption {padding-right:34%;}

.ce-gallery .autoplay {display:block; position:relative; overflow:hidden;}
.ce-gallery .autoplay:after {content:""; display:block; transition:width 0.5s, left 0.5s 0.5s; width:100%; height:100%; background:#1E2752; position:absolute; left:100%; top:0;}
.ce-gallery .autoplay.vidhide:after {transition:none; width:0; left:0;}
.ce-gallery .autoplay .video-embed {opacity:1; transition:all 0s 0.5s;}
.ce-gallery .autoplay.vidhide .video-embed {opacity:0; transition:none;}

/* -------- Buttons ------------ */
button {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; font-family:inherit; font-size:100%; line-height:inherit; text-transform:none; padding:0; margin:0; background:none; cursor:pointer;}

.btn, .btn2, .btn3, input[type="submit"] {cursor:pointer; position:relative; display:inline-block; vertical-align:middle; width:auto; box-sizing:border-box; background-color:#1E62C1; color:#ffffff; font-family:'Bai Jamjuree', sans-serif; font-size:17px; font-weight:700; line-height:1.30em; letter-spacing:0.025em; text-align:center; text-decoration:none; text-transform:lowercase; padding:1em; margin:5px; border:1px solid transparent; transition:all 0.3s;}
.btn:hover, .btn2:hover, .btn3:hover, input[type="submit"]:hover {color:#ffffff; background:#1B59A5; text-decoration:none;}

.btn2 {background:#E34B34;}
.btn2:hover {background:#C93F31;}

.btn3 {background:none; color:#063579; border-color:currentColor;}
.btn3:hover {background:rgba(0,50,57,0.1); color:#192145; text-decoration:none;}
.text-white .btn3:hover {background:rgba(255,255,255,0.1);}

.btn-phone, .btn-contact, .btn-login, .btn-consult, .icon-location {display:inline-block; padding:17px 20px 17px 70px; margin:0; position:relative; font-size:17px; font-weight:600; line-height:26px; color:#063579; transition:background-color 0.3s;}
.btn-phone:after, .btn-contact:after, .btn-login:after, .btn-consult:after, .icon-location:after {content:""; position:absolute; left:0; top:0; display:block; font-size:60px; width:1em; height:1em; border-radius:0.5em; background-size:10em auto; background-position:-5.33em -2em;}
.footer-top .btn-phone, .footer-top .btn-contact, .footer-top .btn-login {padding:17px 70px 17px 20px;}
.footer-top .btn-phone:after, .footer-top .btn-contact:after, .footer-top .btn-login:after {left:auto; right:0;}
.btn-phone:after {background-position:-5.33em -0.33em;}
.btn-contact:after {background-position:-7em -0.33em;}
.btn-login:after {background-position:-8.66em -0.33em;}
.btn-consult:after {background-position:-3.66em -0.33em;}
.icon-location:after {background-position:-2em -0.33em;}
.text-white .btn-phone:after {background-position:-5.33em -2em;}
.text-white .btn-contact:after {background-position:-7em -2em;}
.text-white .btn-login:after {background-position:-8.66em -2em;}
.text-white .btn-consult:after {background-position:-3.66em -2em;}
.text-white .icon-location:after {background-position:-2em -2em;}
.btn-phone:hover, .btn-contact:hover, .btn-login:hover, .btn-consult:hover {text-decoration:none; background-color:rgba(0,0,0,0.1);}
.btn-phone {font-size:30px; font-weight:700;}
.icon-location {font-size:24px; font-weight:700; text-align:left;}
.text-white .icon-location {color:#ffffff;}
.icon-location .small {display:block; font-size:17px; font-weight:400; margin:16px 0; color:#031B3D;}
.text-white .icon-location .small {color:#ffffff;}

.icon-facebook, .icon-instagram, .icon-twitter, .icon-youtube, .icon-linkedin, .icon-google {display:inline-block; vertical-align:middle; font-size:60px; width:1em; height:1em; margin:0 40px 0 0; position:relative; overflow:hidden; white-space:nowrap; text-indent:2em; color:transparent; background-size:10em auto; background-position:-0.33em -7em; transition:background-color 0.3s; user-select:none;}
.icon-facebook {background-position:-0.33em -7em;}
.icon-instagram {background-position:-2em -7em;}
.icon-twitter {background-position:-3.66em -7em;}
.icon-youtube {background-position:-5.33em -7em;}
.icon-linkedin {background-position:-7em -7em;}
.icon-google {background-position:-8.66em -7em;}
.text-white .icon-facebook {background-position:-0.33em -8.66em;}
.text-white .icon-instagram {background-position:-2em -8.66em;}
.text-white .icon-twitter {background-position:-3.66em -8.66em;}
.text-white .icon-youtube {background-position:-5.33em -8.66em;}
.text-white .icon-linkedin {background-position:-7em -8.66em;}
.text-white .icon-google {background-position:-8.66em -8.66em;}
.icon-facebook:hover, .icon-instagram:hover, .icon-twitter:hover, .icon-youtube:hover, .icon-linkedin:hover, .icon-google:hover {text-decoration:none; background-color:rgba(0,0,0,0.1);}

.btn-more {position:relative; display:inline-block; padding:17px 100px 17px 0; font-size:17px; line-height:26px; font-weight:700; color:#063579;}
.btn-more:before {content:""; display:block; position:absolute; right:0; top:50%; margin:-0.5em 0; font-size:60px; width:1.66em; height:1em; background-size:10em auto; background-position:-1.66em -3.66em; transition:background-color 0.3s;}
.btn-more:after {content:""; display:block; position:absolute; right:0; top:50%; margin:-0.5em 0;  font-size:60px; width:1em; height:1em; border:1px solid currentColor;}
.btn-more:hover {text-decoration:none;}
.btn-more:hover:after {background-color:rgba(0,100,113,0.1);}
.text-white .btn-more:after {background-position:-8.66em -2em;}
.text-white .btn-more:hover:after {background-color:rgba(255,255,255,0.1);}

.icon-more {position:relative; overflow:hidden; color:transparent; text-indent:2em; display:inline-block; vertical-align:middle; float:right; font-size:60px; width:1em; height:1em; border:1px solid #063579; margin:5px; background-size:10em auto; background-position:-7em -3.66em;}
.text-white .icon-more {border-color:#ffffff; background-position:-7em -5.33em;}

.glide__arrows {text-align:center; margin:40px 0; z-index:1; font-size:60px; line-height:1;}
.glide__arrow {position:relative; z-index:1; display:inline-block; vertical-align:top; width:1.66em; height:1em; padding:0; background-position:0 -3.66em; background-size:10em auto; cursor:pointer; margin:0;}
.glide__arrow:before {content:""; display:block; width:1em; height:1em; position:absolute; left:-0.05em; top:0; outline:1px solid #063579; opacity:0; transition:opacity 0.3s; z-index:-1;}
.glide__arrow.glide__next:before {left:auto; right:-0.05em;}
.glide__arrow.glide__next {background-position:-1.66em -3.66em;}
.glide__arrow:hover:before {opacity:1;}

.glide__bullets {position:absolute; z-index:10; left:0; right:0; bottom:0; text-align:center; padding-bottom:2.4%;}
.glide__bullet {display:inline-block; width:20px; height:20px; border-radius:10px; background:#ffffff; margin:16px 10px; opacity:0.5; box-shadow:1px 1px 6px rgba(0,0,0,0.3);}
.glide__bullet--active {opacity:1;}

.baguetteBox-button {background:rgba(255,255,255,0.6);}
.baguetteBox-button:focus, .baguetteBox-button:hover {background:rgba(255,255,255,1);}
.baguetteBox-button g, .baguetteBox-button polyline {stroke-width:1.6; stroke:#212121;}
.baguetteBox-button#close-button {width:60px; height:60px; border-radius:50%;}
.baguetteBox-button#close-button svg {margin:15px;}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {width:60px; border-radius:50%;}
.baguetteBox-button#previous-button svg, .baguetteBox-button#next-button svg {margin:7px 13px; transform-origin:0 0; transform:scale(0.77);}
.lightbox a {cursor:zoom-in;}

.btn-reset {display:inline-block; vertical-align:top; margin:5px 30px 5px 0; width:60px; height:60px; border-radius:30px; background-color:#ECEFF1; background-position:-420px -620px; transition:background-color 0.3s;}
.btn-reset:hover {background-color:#D9DADB;}

.poe-training.poe-training {position:relative; display:inline-block; vertical-align:top; width:360px; width:18.75rem; padding:2rem 1rem; margin:2rem 1.5rem 2.6rem 0; box-sizing:border-box; background:#ffffff; color:#063579; font-size:60px; font-size:3.125rem; line-height:1.22; font-weight:700; text-align:center; box-shadow:4px 4px 16px rgba(0,0,0,0.3); transition:box-shadow 0.3s;}
.poe-training .small {display:block; font-size:24px; font-size:1.25rem; font-weight:700; color:#063579;}
.poe-training:after {content:""; display:block; padding-bottom:28%; margin:8% 0; background:url(../images/poe-training.svg) no-repeat center; background-size:contain;}
.poe-training:hover {text-decoration:none; box-shadow:4px 4px 16px rgba(0,0,0,0.3), inset 0 0 0 1rem rgba(0,0,0,0.15);}

.poe-nursing {position:relative; display:inline-block; vertical-align:top; width:360px; width:18.75rem; padding:2rem 1rem; margin:2rem 0 2.6rem 0; box-sizing:border-box; background:#063579; color:#ffffff; font-size:48px; font-size:2.5rem; line-height:1.08em; font-weight:700; text-align:center; box-shadow:4px 4px 16px rgba(0,0,0,0.3); transition:box-shadow 0.3s;}
.poe-nursing:after {content:""; display:block; padding-bottom:28%; margin:8% 0; background:url(../images/poe-nursing.svg) no-repeat center; background-size:contain;}
.poe-training:before, .poe-nursing:before {content:""; position:absolute; left:50%; top:100%; margin:0.8rem 0 0 -0.83em; display:block; font-size:3.125rem; width:1.66em; height:1em; background-position:-1.66em -5.33em; background-size:10em auto;}
.poe-nursing:hover {text-decoration:none; box-shadow:4px 4px 16px rgba(0,0,0,0.3), inset 0 0 0 1rem rgba(0,0,0,0.1);}

/* -------- Banner ------------ */
.banner-wrap {position:relative; padding:0; margin:0 50px;}

.banner {position:relative; z-index:1; height:auto; background-position:center; background-size:cover; background-repeat:no-repeat;}
.banner video {position:absolute; z-index:-1; left:0; top:0; width:auto; height:auto; min-width:100%; min-height:100%;}
.banner:before {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,47,70,0.5);}
.banner-text {z-index:1; text-align:left; display:block; padding:130px 2% 5% 16%; margin:0; min-height:100%; width:36%;}

@supports (mix-blend-mode:multiply) {
	.banner:before {mix-blend-mode:multiply; background:rgba(96,125,139,0.8);}
}

.banner-columns {display:table; width:100%;}
.banner-left {display:table-cell; vertical-align:top; position:relative; background:#063579; text-align:right;}
.banner-right{display:table-cell; vertical-align:middle; width:55%; background:#1E62C1; padding-top:70px;}
.banner-image {position:relative; padding-bottom:78%; background-size:cover; background-position:center;}
.banner-padding {padding:2.6rem 3.6rem 2.6rem 7.8rem;}

.banner-social {position:absolute; z-index:50; left:30px; top:120px; bottom:20px; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.banner-social p {margin:0; text-align:left;}
.banner-social a {display:inline-block; padding:1rem 10px; font-size:17px; font-size:0.88rem; font-weight:700; color:#ffffff; text-transform:uppercase; letter-spacing:0.05em; transition:background-color 0.3s;}
.banner-social a:hover {text-decoration:none; background-color:rgba(0,0,0,0.1);}

.scroll-down {position:absolute; left:0; bottom:0; display:block; font-size:60px; width:1em; height:1.66em; z-index:50; margin:40px 20px; background-size:10em auto; background-position:-5.33em -5em; transition:background-color 0.3s;}
.scroll-down:hover {background-color:rgba(0,0,0,0.1);}
.scroll-down.hidden {display:none;}

/* -------- Image Slider ------------ */
.image-slider-wrap {position:relative;}
.image-slider-wrap .glide__slides {align-items:bottom;}
.image-slider-wrap .glide__slide img {display:block; margin:0 auto;}

.image-slide {display:none; position:relative; text-align:center;}
.image-slide:first-child, .glide .image-slide {display:block;}

/* -------- Expand ------------ */
.expand.content-padding {margin:50px 0;}
.expand header {position:relative; padding:34px 100px 34px 50px; border-top:1px solid #ECEFF1; cursor:pointer;}
.expand header:after {content:""; display:block; position:absolute; z-index:1; right:0; top:50%; font-size:60px; width:1em; height:1em; border-radius:0.5em; margin:-0.5em 40px; background-color:#063579; background-size:10em auto; background-position:-5.33em -10.33em; transition:background-color 0.3s;}
.expand.expand-open header:after {background-position:-3.66em -10.33em;}
.expand header * {font-size:24px; line-height:1.33; font-weight:700; color:#031B3D; padding:0; margin:0;}
.expand > .ce-textpic {height:0; padding:0 50px; border-bottom:1px solid #ECEFF1; overflow:hidden; position:relative; transition:height 0.5s, padding 0.5s;}
.expand.expand-open > .ce-textpic {padding:20px 50px;}
.expand header:hover:after {background-color:#062E5E;}

.expand .ce-bodytext {max-width:800px;}

/* -------- Callout ------------ */
.callout {display:block; position:relative; overflow:hidden; padding:3rem; border:1px solid #063579; margin:40px auto; max-width:800px; box-sizing:border-box; text-align:left;}

/* -------- Grid ------------ */
.col-layout-grid {display:block; margin:40px 50px; display:block; width:auto; position:relative; overflow:hidden;}
.col-layout-grid > .col {display:block; display:flex; flex-wrap:wrap; position:relative; border-top:1px solid #063579;}
.col-layout-grid > .col > div {display:inline-block; vertical-align:bottom; width:33.3333%; flex:0 0 33.3333%; position:relative;  box-sizing:border-box; padding:2.3%; border-bottom:1px solid #063579; margin:0;}
.col-layout-grid > .col > div:after {content:""; display:block; position:absolute; right:-1px; top:0; bottom:0; margin:0; border-right:1px solid #063579;}
.col-layout-grid .col .content-inner .content-padding {padding:0; max-width:300px; margin:0 auto;}

/* -------- CTA ------------ */
.cta {padding:5% 0; border:1px solid #063579; border-width:1px 0;}
.cta .ce-textpic {position:relative; max-width:700px; text-align:center; margin:0 auto;}
.cta.cta-small .ce-textpic {max-width:420px;}
.cta.cta-large .ce-textpic {max-width:1200px;}

/* -------- News ------------ */
.tx-indexedsearch-info-noresult {font-size:17px;}

.news-slider-wrap.content-padding {position:relative; margin-right:0; margin-top:-40px; padding-right:0;}
.news-slider {position:relative;}
.news-list-view {font-size:0; margin:0; display:flex; flex-wrap:wrap;}
.glide .news-list-view {flex-wrap:nowrap;}
.news-list-view .article {position:relative; display:inline-block; vertical-align:top; flex:0 0 50%; width:50%; height:auto; padding:20px; margin:0; box-sizing:border-box;}
.news .article:last-child {padding:20px; margin:0;}
.glide .news-list-view .article {flex:auto;}
.news-card {position:relative; overflow:hidden; max-width:790px; border:30px solid #ffffff; box-sizing:border-box; margin:0 auto; min-height:100%; background:#ffffff; box-shadow:4px 4px 16px rgba(0,0,0,0.3);}
.news-image {display:block; width:40%; position:absolute; left:0; top:0; bottom:0; background-size:cover; background-position:center;}
.news-text {overflow:hidden; padding:4% 4% 140px 4%; margin-left:40%; text-align:left;}
.news-more {position:absolute; left:0; right:0; bottom:0; margin:0 0 -5px 44%;}
.news-more a {min-width:48%; margin:5px 1%;}
.news-title a {color:#063579;}
.news-title a:hover {text-decoration:none;}
.news-category-view select {display:inline-block; vertical-align:top; width:auto; margin:5px 30px 5px 0; border-radius:30px;}
.news-menu-view select {display:inline-block; vertical-align:top; width:auto; margin:5px 30px 5px 0; border-radius:30px;}
/* News Detail */
.news-single .article .news-img-wrap {float:none; width:auto; margin:0; background:none;}
.news-single .article .news-img-wrap-slides {align-items:center;}
.news-single .article .news-img-wrap .mediaelement-image {display:block; position:relative; width:auto; height:auto;}
.news .article .news-img-wrap a {float:none; padding:0; border:none; background:none;}
.news-single .article .news-img-wrap img {position:relative; float:none; display:block; margin:0 auto; width:auto; height:100%; max-width:none;}
/* News Pagination */
.news .page-navigation {display:block; flex:0 0 100%; margin:20px 0; border-bottom:1px solid rgba(52,58,66,0.25)}
.news .page-navigation ul {display:block; list-style:none; padding:0; margin:16px 0;}
.news .page-navigation ul li {display:inline-block; float:none; list-style:none; padding:0; margin:0 0 0 4px; font-size:17px; color:#343A42; line-height:24px; background:#DDDFE1; border-radius:4px;}
.news .page-navigation ul li:before {display:none;}
.news .page-navigation ul li.current {padding:13px 10px; background-color:#343A42; color:#ffffff; font-weight:700;}
.news .page-navigation ul li a {display:block; padding:13px 10px; transition:background 0.3s;}
.news .page-navigation ul li a:hover {background:rgba(0,0,0,0.1);}

/* -------- Search ------------ */
.drawer-search form {margin:0 auto;}
.tx-indexedsearch-form {margin-right:160px;}
.tx-indexedsearch-form input {border-radius:30px;}
.tx-indexedsearch-search-submit {margin-top:-60px; text-align:right;}
.tx-indexedsearch-search-submit input {margin:0; min-width:auto;}

/* Results */
.tx-indexedsearch-icon img {vertical-align:middle;}
.tx-indexedsearch-info {display:inline; font-size:14px; margin:0; color:#aaaaaa;}
.tx-indexedsearch-info p {display:inline; font-size:14px; margin:0; color:#aaaaaa;}
.tx-indexedsearch-info dt {display:inline; font-weight:600;}
.tx-indexedsearch-info dd {display:inline; margin:0 20px 0 0;}

/* Search Pagination */
ul.tx-indexedsearch-browsebox {display:block; list-style:none; padding:16px 0; margin:20px 0; border-bottom:1px solid rgba(52,58,66,0.25); text-align:right;}
ul.tx-indexedsearch-browsebox li {display:inline-block; float:none; list-style:none; padding:0; margin:0 0 0 4px; background:#DDDFE1; border-radius:4px; overflow:hidden;}
ul.tx-indexedsearch-browsebox li:before {display:none;}
ul.tx-indexedsearch-browsebox li a {display:block; padding:13px 10px;  font-size:17px; color:#343A42; line-height:24px;   transition:background 0.3s;}
ul.tx-indexedsearch-browsebox li a:hover {text-decoration:none; background:rgba(0,0,0,0.1);}
ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage {background-color:#343A42;}
ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {color:#ffffff; font-weight:700;}

/* -------- Testimonials ------------ */
.testimonial-slider {position:relative; max-width:780px; margin:0 auto; }
.testimonial-slider .glide__track {background:url(../images/bg-testimonials.svg) no-repeat center; background-size:100% 100%;}
.testimonial-slider .testimonial-slides .content-padding {padding:0; margin:0;}
.testimonial {position:relative; overflow:hidden; max-width:600px; box-sizing:border-box; padding:50px; margin:0 auto; background:#ffffff; box-shadow:4px 4px 16px rgba(0,0,0,0.3);}
.testimonial-slider .testimonial {margin:12% 9% 9% 9%; min-height:100%;}

/* -------- Footer ------------ */  
#footer {display:table-row; width:100%; height:1px;}
  #footer .body-cell {box-sizing:border-box;}

	#footer .body-cell > .content-padding {padding:0 50px; margin:0;}

  .scroll-top {position:absolute; z-index:1; right:0; top:0; padding:0 0 16px 0; margin:40px; cursor:pointer; transition:background 0.3s; font-size:17px; line-height:60px; font-weight:700;}
  .scroll-top:before {content:""; display:block; font-size:60px; width:1em; height:1.66em; background-size:10em auto; background-position:-3.66em -5em; cursor:pointer;}
	.scroll-top span {-ms-writing-mode:tb-lr; writing-mode:vertical-lr;}
	.scroll-top:hover {background:rgba(0,0,0,0.1);}
	
  .footer-top {position:relative; background:#063579;}
	.footer-top .content-padding {padding:0 50px; margin:50px 0;}
	
	.footer-top .columns {padding-right:8%; margin:0 auto;}
	.footer-top .col-1 header {margin:16px 0;}
	.footer-top .col-1 header h4 {float:left; clear:left; width:90px; text-align:right; margin:12px 40px 12px 0;}
	.footer-top .col-1:first-child .content-padding {padding-right:0;}
	.footer-top .col-2 {width:440px; text-align:right;}

  .footer-links {display:block; position:relative; -webkit-column-count:3; -moz-column-count:3; column-count:3;}
  .footer-links ul {display:block; position:relative; list-style:none; padding:0; margin:0;}
  .footer-links ul li {list-style:none; margin:0; padding:0 0 20px 0; break-inside:avoid;}
  .footer-links ul li:before {display:none;}
  .footer-links ul li a {display:block; padding:17px 24px; font-size:17px; line-height:26px; font-weight:600; color:#ffffff; transition:color 0.3s;}
  .footer-links ul li.level-0 {padding:0;}
  .footer-links ul li a:hover {text-decoration:none; background-color:rgba(0,0,0,0.1);}
		
  .footer-bottom {position:relative; padding:1.5% 0; background:#ffffff; text-align:center;}
  
  .footer-bottom .columns {padding:0;}
  .footer-bottom .col {vertical-align:middle;}
  .footer-bottom .col-1 {text-align:left;}
  .footer-bottom .col-2 {text-align:right;}
      
	.copyright {font-size:17px; font-weight:700; color:#063579;}
	.footer-logo {display:inline-block; vertical-align:middle; margin-right:40px;}
			
  .website {}
  .website span {display:inline-block; vertical-align:middle; padding:0 20px; color:#063579;}
  .website a {display:inline-block; vertical-align:middle; background:#063579; border-radius:30px; transition:background 0.3s;}
  .website a:hover {background:#062E5E;}

/* -------- Media Queries ------------ */
@media screen and (max-width:1920px) {  
  /* -------- Text ------------ */
  html {font-size:1vw;}
	h1, .h1, h2 {font-size:3.125rem;}
	h1.large, h2.large {font-size:6.25rem;}
	/* -------- Modals ------------ */
	.overlay {width:auto; margin-left:0; left:0;}
	/* -------- Body ------------ */
	#body{width:100%;}
}

@media screen and (max-width:1800px) {
  /* -------- Header ------------ */
  .header-consult {right:40px;}
  /* -------- Modals ------------ */
	.close {margin:20px;}
	.drawer-contact .col-2, .drawer-consult .col-2 {padding-right:100px;}
  /* -------- Content ------------ */
	.content-padding {margin:60px 0; padding:0 80px;}
	.content-padding.content-wide {padding:0 40px;}
	.col:first-child .content-padding {padding-right:40px;}
	.col:last-child .content-padding {padding-left:40px;}
  .enrol-section {padding:0 40px;}
	/* -------- Fluid Element Textpic ------------ */
	.ce-intext.ce-right .ce-gallery {margin-left:80px;}
	.ce-intext.ce-left .ce-gallery {margin-right:80px;}
	/* -------- Grid ------------ */
	.col-layout-grid {margin:40px 100px;}
	/* -------- Banner ------------ */
	.banner-wrap {margin:0 40px;}
  /* -------- Footer ------------ */
	#footer .body-cell > .content-padding {padding:0 40px;}
}

@media screen and (max-width:1600px) {
  /* -------- Header ------------ */
	#header, #header-sticky {height:80px;}
	#header .content-inner, #header-sticky .content-inner {padding-left:80px;}
	#header .content-inner:before {width:640px; height:188px;}
	.btn-nav {width:80px; height:80px;}
	.btn-nav:before {margin:0 auto 20px auto;}
	.btn-nav span {font-size:15px;}
	#header-sticky .btn-nav:before {margin:10px auto;}
	.header-logo {left:80px; width:200px;}
	.header-phone {font-size:24px; padding:28px 60px 28px 16px;}
	.header-contact, .header-login {padding:27px 60px 27px 16px;}
	.header-phone:after, .header-contact:after, .header-login:after {margin-right:0;}
	.header-consult {font-size:24px; border-right-width:80px; right:40px;}
	.header-consult:after {right:-70px;}
  /* -------- Modals ------------ */
	.close {margin:10px;}
	.drawer-contact .col-2, .drawer-consult .col-2 {padding-right:80px;}
  /* -------- Nav ------------ */
	.nav {margin-left:200px;}
	.nav ul li a {padding:27px 20px;}
	.nav ul li ul li a {padding:17px 20px;}
	.nav ul li ul li.sub > a:after {border-width:30px 12px;}
	.drawer-nav .close {width:80px; height:80px;}
	.drawer-nav .close:before {margin:0 auto 20px auto;}
	.drawer-nav .close:after {font-size:14px;}
	.nav-side ul li a {padding:16px 30px; font-size:18px; line-height:28px;}
	.nav-side ul li ul li a {padding:16px 30px;}
	.nav-sub {padding:0; margin-right:40px;}
	.btn-sub {border:none; margin:0 -60px 0 0;}
  /* -------- Content ------------ */
	#body {padding-top:80px;}
	.content-padding {padding:0 60px;}
	.col:first-child .content-padding {padding-right:30px;}
	.col:last-child .content-padding {padding-left:30px;}
  .enrol-section .btn-more {font-size:24px; padding:17px 80px 17px 20px;}
  .enrol-section .btn-more:before {font-size:60px;}
  .enrol-section .btn-more:after {font-size:60px;}
	/* -------- Fluid Element Textpic ------------ */
	.ce-intext.ce-right .ce-gallery {margin-left:60px;}
	.ce-intext.ce-left .ce-gallery {margin-right:60px;}
	/* -------- Banner ------------ */
	.banner-text {padding-top:110px;}
	/* -------- Grid ------------ */
	.col-layout-grid {margin:40px 80px;}
  /* -------- Footer ------------ */
	.scroll-top {margin:20px;}
	.footer-top .content-padding {padding:0 40px; margin:40px 0;}
	.footer-top .columns {padding-right:60px;}
	.footer-top .col-1 header h4 {margin-right:20px;}
	.footer-top .col-2 {width:380px;}
	.footer-links ul li a {padding:17px 20px; font-size:14px; line-height:24px;}
	/* -------- Buttons ------------ */
	.btn-phone {font-size:24px;}
	/* -------- News ------------ */
	.news-card {max-width:480px;}
	.news-image {width:auto; position:relative; left:auto; top:auto; bottom:auto; padding-bottom:80%;}
	.news-text {padding:20px 0 70px 0; margin-left:0;}
	.news-more {margin:0;}
}

@media screen and (max-width:1300px) {
  /* -------- Text ------------ */
	h1, .h1, h2 {font-size:40px;}
	blockquote {display:table; padding:16px 30px; margin:16px 0;}
	.side-header {font-size:16px;}
  /* -------- Header ------------ */
	#header, #header-sticky {height:60px;}
	#header .content-inner, #header-sticky .content-inner {padding-left:60px;}
	#header .content-inner:before {width:480px; height:141px;}
	.btn-nav {width:60px; height:60px;}
	.btn-nav:before {margin:0 auto;}
	.btn-nav span {display:none;}
	#header-sticky .btn-nav:before {margin:0 auto;}
	.header-logo {left:60px; width:160px; padding:5px;}
	.header-phone {font-size:24px; padding:18px 66px 18px 24px;}
	.header-contact, .header-login {padding:17px 66px 17px 24px;}
	.header-consult {right:0; font-size:21px; padding:10px 21px; border-right-width:60px;}
	.header-consult:after {right:-60px;}
  /* -------- Modals ------------ */
	.close {margin:0;}
	.close:before {border-radius:0;}
	.drawer-contact .col-2, .drawer-consult .col-2 {padding-right:0; background:#ffffff;}
  /* -------- Nav ------------ */
	.nav {display:none;}
	.drawer-nav .close {width:60px; height:60px;}
	.drawer-nav .close:before {margin:0 auto;}
	.drawer-nav .close:after {display:none;}
  /* -------- Content ------------ */
	#body {padding-top:60px;}
	.content-padding {margin:40px 0; padding:0 40px;}
	.col-1 .content-padding, .col:first-child .content-padding {padding-right:20px}
	.col-2 .content-padding, .col:last-child .content-padding {padding-left:20px;}
	.enrol-section {padding:0;}
  /* -------- Buttons ------------ */
	.icon-facebook, .icon-instagram, .icon-twitter, .icon-youtube, .icon-linkedin, .icon-google {margin:5px;}
  /* -------- Banner ------------ */
	.banner-wrap {margin:0;}
	.banner-text {width:auto; max-width:480px; padding-top:80px;}
	.banner-left {position:relative; overflow:hidden; vertical-align:middle;}
	.banner-image {position:absolute; left:0; right:0; top:0; bottom:0; padding:0;}
	.banner-image:before {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,47,70,0.5);}
	.banner-right {width:60%;}
	.banner-social {display:none;}
	.banner-padding {padding:40px;}
	.scroll-down {margin:0;}
  /* -------- Footer ------------ */
	.footer-top .col-1 .content-padding {padding-right:0;}
	.footer-top .col-1 header h4 {float:none; width:auto; margin:12px 0; text-align:left;}
	.footer-links {-webkit-column-count:2; -moz-column-count:2; column-count:2;}
	.footer-links ul li {padding:0;}
	.footer-links ul li a {padding:12px 20px;}
	/* -------- Grid ------------ */
	.col-layout-grid {margin:40px 60px;}
  .col-layout-grid > .col > div {flex:0 0 50%; width:50%;}
}
 
@media screen and (max-width:1080px) {
  /* -------- Text ------------ */
	.float-right {float:none;}
  /* -------- Header ------------ */
	#header .content-inner:before {display:none;}
	.header-logo, #header-sticky .header-logo {height:100%; padding:0;}
  .header-logo img {width:auto; height:100%;}
	.header-logo img.logo1 {display:none;}
	.header-logo img.logo2 {display:block;}
  /* -------- Nav ------------ */
	.nav-side ul {width:50%; margin:0;}
	.nav-sub {left:50%;}
	.nav-side ul li ul {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
	.nav-side ul li {padding-right:60px;}
	.nav-images {left:50%;}
	.nav-bottom {left:0;}
  /* -------- Content ------------ */
  .columns {display:block;}
  .col{display:block; width:auto;}
	.content-padding {padding:0 16px; margin:40px 0;}
	.content-padding.content-wide {padding:0 16px;}
	.col-1 .content-padding, .col:first-child .content-padding {margin:40px 0; padding:0 16px;}
	.col-2 .content-padding, .col:last-child .content-padding {margin:40px 0; padding:0 16px;}
	.columns-40-60 .col:first-child {width:auto;}
	.columns-60-40 .col:first-child {width:auto;}
	.image-slider .image-caption {padding:4%; font-size:14px;}
	.image-slider .image-title {padding:4%; font-size:14px;}
	.ce-side-header .ce-bodytext {margin:0;}
	.side-header {position:relative; font-size:24px; float:none; left:auto; padding:0; margin:16px 0; left:auto; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; -webkit-transform:none; -moz-transform:none; transform:none;}
	.side-header:before {display:none;}
  .enrol-section .btn-more {font-size:18px; padding:17px 60px 17px 10px;}
  .enrol-section .btn-more:before {font-size:50px;}
  .enrol-section .btn-more:after {font-size:50px;}
  /* -------- Footer ------------ */
	#footer .body-cell > .content-padding {padding:0;}
	.scroll-top {margin:0; font-size:14px; line-height:50px;}
	.scroll-top:before {font-size:50px;}
	.footer-links {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
	.footer-links ul li {padding:0 0 20px;}
	.footer-top .columns {padding-right:0;}
	.footer-top .col-1 {padding-right:50px;}
	.footer-top .col-2 {width:auto; max-width:800px; text-align:left; border-top:1px solid rgba(255,255,255,0.1);}
	.footer-top .col-2 p, .footer-top .col-2 h4 {display:inline-block; vertical-align:top; margin-right:40px;}
	.footer-bottom {padding:20px;}
	.footer-logo {display:table; margin:0 auto;}
	.website span {display:block;}
	.footer-bottom .col-1 {text-align:center;}
	.footer-bottom .col-2 {text-align:center; padding:0;}
  /* -------- Fluid Textpic ------------ */
	.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom:16px;}
	.ce-intext.ce-left .ce-gallery {float:none;}
	.ce-intext.ce-right .ce-gallery {float:none;}
	.ce-intext.ce-overlap {display:block; max-width:800px; margin:0 auto; width:auto;}
	.ce-intext.ce-left.ce-overlap .ce-gallery, .ce-intext.ce-right.ce-overlap .ce-gallery {width:100%; margin-right:0;}
	.ce-intext.ce-overlap .ce-bodytext {width:auto; padding:0; margin:0;}
	.grey-section .ce-intext.ce-overlap .ce-bodytext {padding:8%;}
	.ce-intext.ce-overlap .glide__arrows {position:relative; bottom:auto; right:auto; margin:16px 0;}
	.ce-intext.ce-overlap .image-caption {padding-right:20px;}
	.ce-side-header .ce-records {margin-left:0;}
	/* -------- Grid ------------ */
	.col-layout-grid {margin:40px 16px;}
  /* -------- Callout ------------ */
	.callout {max-width:500px;}
  /* -------- Buttons ------------ */
	.btn, .btn2, .btn3, .btn4 {font-size:14px;}	
	.btn-phone, .btn-contact, .btn-login, .icon-location {padding:12px 20px 12px 60px;}
	.btn-phone:after, .btn-contact:after, .btn-login:after, .icon-location:after {font-size:50px;}
	.btn-phone {font-size:24px;}
	.icon-location {padding-right:0; margin:16px 0; vertical-align:top;}
	.footer-top .btn-phone, .footer-top .btn-contact, .footer-top .btn-login {padding:12px 20px 12px 60px;}
	.footer-top .btn-phone:after, .footer-top .btn-contact:after, .footer-top .btn-login:after {left:0; right:auto;}
	.icon-facebook, .icon-instagram, .icon-twitter, .icon-youtube, .icon-linkedin, .icon-google {font-size:50px; margin:5px;}
	.btn-more {padding-right:80px;}
	.btn-more:before, .btn-more:after {font-size:50px;}
	.icon-more {font-size:50px;}
	.glide__arrows {font-size:50px;}
	.baguetteBox-button#close-button {width:50px; height:50px;}
	.baguetteBox-button#close-button svg {margin:10px;}
	.baguetteBox-button#previous-button, .baguetteBox-button#next-button {width:50px; height:50px;}
	.baguetteBox-button#previous-button svg, .baguetteBox-button#next-button svg {margin:2px 8px;}
	/* -------- Banner ------------ */
	.banner-text {padding:60px 4% 6% 9%;}
	/* -------- Expand ------------ */
	.expand header {padding:22px 60px 22px 10px;}
	.expand header:after {font-size:50px; margin-right:0;}
	.expand header * {font-size:18px;}
	.expand > .ce-textpic {padding:0 10px;}
	.expand.expand-open > .ce-textpic {padding:20px 10px;}
}

@media screen and (max-width:960px) {
	/* -------- Fluid Element Image Position ------------ */
  .ce-left .ce-gallery, .ce-right .ce-gallery {float:none; max-width:none;}
  .ce-intext.ce-left .ce-gallery {margin-right:0;}
  .ce-intext.ce-right .ce-gallery {margin-left:0;}
	/* -------- Banner ------------ */
	.banner video {display:none;}
	.banner-columns {display:block;}
	.banner-left {display:block; overflow:hidden;}
	.banner-left .banner-padding {position:relative; max-width:600px; margin:60px auto 4% auto; text-align:center;}
	.banner-right {display:block; width:auto; padding:0; text-align:center;}
	.banner-padding {padding:20px; margin:0 auto;}
	/* -------- Buttons ------------ */
	.scroll-down {display:none;}
	/* -------- News ------------ */
	.news-slider-wrap {padding:0;}
}

@media screen and (max-width:800px) {
  /* -------- Header ------------ */
	#header, #header-sticky {height:50px;}
	#header .content-inner, #header-sticky .content-inner {padding-left:50px;}
	.btn-nav {width:50px; height:50px;}
	.btn-nav:before {font-size:50px;}
	.header-logo {left:50px; width:120px;}
	.header-phone, .header-contact, .header-login {font-size:16px; line-height:26px; padding:12px 50px 12px 16px;}
	.header-phone:after, .header-contact:after, .header-login:after {font-size:50px;}
	.header-consult {font-size:17px; padding:10px 21px; border-right-width:50px;}
	.header-consult:after {font-size:50px; right:-50px;}
	/* -------- Content ------------ */
	#body {padding-top:50px;}
  /* -------- Footer ------------ */
	.footer-top .col-1 {display:none;}
	.footer-top .col-2 {max-width:320px; margin:0 auto;}
  .footer-top .col-2 p, .footer-top .col-2 h4 {display:block; margin-right:0;}
	/* -------- Testimonials ------------ */
	.testimonial-slider .testimonial-slides .content-padding {padding:0; margin:0;}
	.testimonial-slider .glide__track {background:none;}
	.testimonial-slider .testimonial {padding:0; margin:0 auto; box-shadow:none;}
	.testimonial {padding:16px;}
}

@media screen and (max-width:700px) {
	/* -------- Text ------------ */
	h1.large, h2.large {font-size:50px;}
	/* -------- Nav ------------ */
	.nav-images {display:none;}
	.nav-side {margin:0;}
	.nav-side ul {position:relative; width:auto; margin:0;}
	.nav-sub {display:none; position:relative; left:auto; top:auto; height:auto; opacity:1;}
	.nav-side ul li {padding:0;}
	.nav-side ul li.open > .nav-sub {display:block; margin:0 0 0 20px;}
	.nav-side ul li ul li a {color:#ffffff; font-size:16px; font-weight:400;}
	.btn-sub {margin:0;}
	.sub.open > .btn-sub {background-position: -0.33em -12em;}
	.nav-bottom {display:block; position:relative;}
	.nav-bottom a {display:block; width:auto; padding:17px 10px 17px 60px; text-align:left;}
	.nav-bottom a:after {position:absolute; left:0; margin:0;}
	/* -------- Buttons ------------ */
	.poe-training.poe-training {width:130px; padding:14px 7px; margin:14px 10px 18px 0; font-size:22px;}
	.poe-training .small {font-size:9px;}
	.poe-nursing {width:130px; padding:14px 7px; margin:14px 0 18px 0; font-size:18px;}
	.poe-training:before, .poe-nursing:before {margin:6px 0 0 -0.83em; font-size:22px;}
	/* -------- News ------------ */
	.news-list-view {display:block;}
	.news-slider-wrap .news-list-view {display:flex;}
	.news-list-view .article {display:block; flex:none; width:auto; padding:20px 0;}
	.news .article:last-child {padding:20px 0;}
	.news-card {border-radius:0;}
	.glide .news-list-view .article {flex:auto;}
}

@media screen and (max-width:600px) {
  /* -------- Text ------------ */
	h1, .h1, h2 {font-size:36px;}
	h3, .h3 {font-size:28px;}
	blockquote {font-size:16px; padding:0 20px;}
  /* -------- Header ------------ */
	.header-contact, .header-login {width:50px; height:50px; padding:0;}
	.header-contact span, .header-login span {display:none;}
	/* -------- Modals ------------ */
	.close {width:46px; height:46px;}
	.close:before {font-size:46px;}
	.drawer-nav .close {width:46px; height:46px;}
	.drawer-nav .close:before {font-size:46px;}
  /* -------- Banner ------------ */
	.banner-left .banner-text {margin-right:0;}
	.banner-box {padding:60px 0 80px 0;}
	.banner-box .banner-text {margin:0; background:rgba(255,255,255,0.8);}
	/* -------- Search ------------ */
	.tx-indexedsearch-form {margin-right:0;}
	.tx-indexedsearch-form input {border-radius:30px;}
	.tx-indexedsearch-search-submit {margin-top:0; text-align:center;}
	.tx-indexedsearch-search-submit input {margin:16px 0;}
  /* -------- Forms ------------ */
  .form_left {display:block; width:auto; padding-right:0;}
  .form_right {display:block; width:auto; padding-left:0;}
  /* -------- Grid ------------ */
  .col-layout-grid > .col {display:block; margin:0;}
  .col-layout-grid > .col > div {display:block; width:auto; margin:0;}
  .col-layout-grid > .col > div:after {display:none;}
}

@media screen and (max-width:460px) {
  /* -------- Header ------------ */
	.header-phone {width:50px; height:50px; padding:0;}
	.header-phone span {display:none;}
}

@media screen and (max-width:380px) {
	/* -------- Header ------------ */
	.header-quote {width:46px; font-size:9px; font-family:'Bai Jamjuree', sans-serif; font-weight:400; padding:14px 0;}
	#header-sticky .header-quote {padding:14px 0;}
}