/* RESPONSIVE STYLES FOR [BSDC] - [03 2015] - CYBER MEDIA SOLUTIONS */
/* FONTS ONLY
================================================================================ */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
html, body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, form, button, #cse, #cse *, #search input, .search .gsc-search-box input.gsc-input, .button, select {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; }

/* GENERAL
================================================================================ */
html {
  font-size: 16px;
  /* match foundation.css */
  color: #000; }

body {
  background-color: #f7f3f3;
  font-size: 0.875rem; }

h1, h2, h3, h4, h5, p, li, th, td, form, button, .h1, .h2, .h3, .h4, .h5, .p {
  font-size: 0.875rem;
  line-height: 1.28;
  /* relative to computed font-size  */
  padding: 0;
  color: #666666; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  margin: 0.9375rem 0; }

h1 strong, h2 strong {
  font-weight: 900; }

h1, .h1 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.33;
  /* relative to computed font-size  */ }

h2, .h2 {
  font-size: 1.0rem;
  font-weight: 600; }

.h2_rule {
  text-align: center;
  font-weight: 300;
  background: url(../images/h2_rule.png) center center repeat-x; }

.h2_rule:before, .h2_rule:after {
  content: "-";
  text-indent: -9999px;
  height: 100%;
  width: 50px;
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 100% 100%; }

.h2_rule:before {
  background-image: url(../images/h2_fade_l.png);
  float: left; }

.h2_rule:after {
  background-image: url(../images/h2_fade_r.png);
  background-position: top right;
  float: right; }

.h2_rule span {
  background-color: #f7f3f3;
  padding: 0 0.9375rem; }

.white_bg .h2_rule span {
  background-color: #ffffff; }

.white_bg .h2_rule:before {
  background-image: url(../images/h2_fade_l_white.png); }

.white_bg .h2_rule:after {
  background-image: url(../images/h2_fade_r_white.png); }

h3, .h3 {
  font-size: 1.0rem;
  font-weight: 300; }

h4, .h4 {
  font-size: 1.0rem;
  font-weight: 300; }

h5, .h5 {
  font-size: 0.875rem;
  font-weight: 600; }

p, .p {
  margin: 0.625rem 0;
  line-height: 1.85; }

ul {
  margin: 0.625rem 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem; }

ul li {
  margin: 0;
  padding: 0.3125rem 0 0.3125rem 1.5625rem;
  font-size: 0.875rem;
  line-height: 1.6;
  background: url(../images/bullet.png) 7px 10px no-repeat; }

ul.nostyle {
  margin: 0;
  padding: 0; }

ul.nostyle li {
  margin: 0;
  padding: 0;
  background: none; }

ul.inline li {
  display: inline;
  background: none;
  margin: 0.3125rem 0;
  padding: 0 0.3125rem 0 0.4375rem;
  border-left: solid 1px #e4e4e4; }

ul.inline li:first-child {
  border: none; }

ul.inline_block li {
  padding: 0.3125rem 0.625rem;
  margin: 0 0.3125rem 0.4375rem 0;
  border-radius: 0.9375rem;
  background: #ffffff;
  display: inline-block; }

ol {
  margin: 0.625rem 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem; }

ol li {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  background: none;
  list-style-type: decimal;
  padding: 0.3125rem 0 0.3125rem 0;
  margin-left: 1.5625rem; }

a {
  color: #00aeef;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease-out, background-position 0.3s ease-out; }
  a:hover, a:focus, a.hover {
    color: #0067b1;
    outline: none; }
  .main-section .item-page a:not([class]), .main-section ul.accordion .content a:not([class]), .main-section p a:not([class]) {
    background-image: linear-gradient(90deg, #0067b1 50%, #00aeef 50%);
    background-size: 200% 1px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 0.0625rem; }
    .main-section .item-page a:not([class]):hover, .main-section .item-page a:not([class]):focus, .main-section .item-page a:not([class]).hover, .main-section ul.accordion .content a:not([class]):hover, .main-section ul.accordion .content a:not([class]):focus, .main-section ul.accordion .content a:not([class]).hover, .main-section p a:not([class]):hover, .main-section p a:not([class]):focus, .main-section p a:not([class]).hover {
      background-position: 0% 100%; }

hr {
  width: auto;
  margin: 0.9375rem 0;
  border: none;
  border-bottom: solid 1px #e4e2e2;
  clear: both; }

hr.hr_arrow {
  border: none;
  height: 10px;
  background: url(../images/hr_arrow.png) top center no-repeat; }

img {
  margin-left: auto;
  margin-right: auto; }

img.fill {
  width: 100%; }

blockquote {
  margin: 0;
  padding: 0;
  border: none; }

/* Useful misc classes */
.centre {
  text-align: center; }

.center_small {
  text-align: center; }

.relative {
  position: relative; }

.visible {
  visibility: visible; }

.hidden {
  visibility: hidden;
  display: none !important; }

.clear {
  clear: both; }

.clear_right {
  clear: right; }

.clear_left {
  clear: left; }

.hide_overflow {
  overflow: hidden; }

.right_small {
  float: right; }

.left_small {
  float: left; }

.caps {
  text-transform: uppercase; }

.thin {
  font-weight: 300; }

/* Margins */
.no_marg_top {
  margin-top: 0 !important; }

.no_marg_bot {
  margin-bottom: 0 !important; }

.no_marg_left {
  margin-left: 0 !important; }

.no_marg_right {
  margin-right: 0 !important; }

.no_marg {
  margin: 0 !important; }

.no_marg_small {
  margin: 0 !important; }

/* Paddings */
.no_pad_top {
  padding-top: 0 !important; }

.no_pad_bot {
  padding-bottom: 0 !important; }

.no_pad_left {
  padding-left: 0 !important; }

.no_pad_right {
  padding-right: 0 !important; }

.no_pad {
  padding: 0 !important; }

.no_pad_small {
  padding: 0 !important; }

.marg_bot {
  margin-bottom: 0.625rem; }

.marg_top {
  margin-top: 0.625rem; }

.big_marg_top {
  margin-top: 1.875rem; }

.pad15 {
  padding: 1px 0.9375rem; }

.padding {
  padding: 0.9375rem 0; }

/* FOUNDATION ELEMENTS
================================================================================ */
.row {
  max-width: 75rem; }

.flex-video {
  margin-bottom: 0; }

.reveal-modal, dialog {
  border: none;
  min-height: 0;
  max-width: calc(100% - 2rem);
  margin: 0 1rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

@media only screen and (min-width: 40.063em) {
  .reveal-modal, dialog {
    margin: 0 auto; }

  .reveal-modal.apply_modal {
    max-width: 660px; } }
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  text-indent: -99999px;
  cursor: pointer;
  z-index: 9999;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512' width='30' height='21' preserveAspectRatio='xMidYMid'%3E%3Cpath style='fill:%23666666; transition: fill 200ms ease-out;' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent; }

.reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover, .reveal-modal .close-reveal-modal:focus, dialog .close-reveal-modal:focus {
  /*background: #f47f37;*/ }

.reveal-modal-bg {
  background: rgba(255, 255, 255, 0.75); }

ul.small-block-grid-2 li {
  background: none; }

ul.accordion {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none; }

ul.accordion li.accordion-navigation {
  background: none;
  padding: 0 0 0.5rem 0;
  margin: 0.5rem 0 0 0;
  border-bottom: solid 1px #cbc8c8; }

@media only screen and (min-width: 40.063em) {
  ul.accordion li.accordion-navigation {
    padding: 0 0 0.75rem 0;
    margin: 0.75rem 0 0 0; } }
ul.accordion li.accordion-navigation > a {
  background-color: transparent;
  background: none;
  padding: 0.3125rem 0;
  font-weight: 300;
  transition: all 0.2s ease-in-out; }

@media only screen and (min-width: 40.063em) {
  ul.accordion li.accordion-navigation > a {
    font-size: 1.125rem; } }
ul.accordion li.accordion-navigation > a:after {
  content: '';
  display: block;
  width: 30px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='30' height='26' preserveAspectRatio='xMidYMid'%3E%3Cpath style='fill:%23666666; transition: fill 200ms ease-out;' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
  float: right;
  transition: all 0.2s ease-in-out; }

ul.accordion li.accordion-navigation > a:hover, ul.accordion li.accordion-navigation > a:focus {
  background-color: transparent;
  color: #00aeef; }

ul.accordion li.accordion-navigation > a:hover:after, ul.accordion li.accordion-navigation > a:focus:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='30' height='26' preserveAspectRatio='xMidYMid'%3E%3Cpath style='fill:%2300aeef; transition: fill 200ms ease-out;' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); }

ul.accordion li.accordion-navigation.active > a {
  background: transparent; }

ul.accordion li.accordion-navigation.active > a:after {
  transform: rotate(180deg); }

ul.accordion li.accordion-navigation > .content {
  background: transparent;
  padding: 0; }
  ul.accordion li.accordion-navigation > .content ul, ul.accordion li.accordion-navigation > .content ol {
    margin-left: 0; }

ul.accordion li.accordion-navigation > .content.active {
  background: transparent; }

/* HEADER
================================================================================ */
.tab-bar {
  background: #ffffff;
  /*height: 65px;*/
  height: 90px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  z-index: 999; }

.tab-bar .right-small {
  border: none; }

.tab-bar-section {
  text-align: left; }

a#logo, a#logo-mob {
  display: block;
  max-width: 120px;
  margin: 0.625rem 0 0 0; }

a.menu-trigger {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  margin: 23px 10px 0 10px; }

a.menu-trigger span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-top: -2px;
  background-color: #00a9ea;
  font-size: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a.menu-trigger span:before, a.menu-trigger span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00a9ea;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

a.menu-trigger span:before {
  -webkit-transform: translateY(-250%);
  transform: translateY(-250%); }

a.menu-trigger span:after {
  -webkit-transform: translateY(250%);
  transform: translateY(250%); }

a.menu-trigger:hover span, a.menu-trigger:hover span:before, a.menu-trigger:hover span:after, a.menu-trigger:focus span, a.menu-trigger:focus span:before, a.menu-trigger:focus span:after {
  background-color: #0067b1; }

.move-left a.menu-trigger span {
  background-color: transparent; }

.move-left a.menu-trigger span:before {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg); }

.move-left a.menu-trigger span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg); }

.move-left .exit-off-canvas {
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3); }

.right-off-canvas-menu {
  background: #ffffff url(../images/grey_hatch.png); }

ul.off-canvas-list {
  padding-bottom: 50px; }

ul.off-canvas-list li {
  padding: 0;
  background: none; }

ul.off-canvas-list li a {
  font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;
  font-size: 14px;
  color: #0067b1;
  border-bottom: solid 1px #e0edf6; }

ul.off-canvas-list li a:hover, ul.off-canvas-list li a:focus {
  background-color: rgba(224, 237, 246, 0.3);
  color: #0067b1; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  float: right;
  background: url(../images/mob_arrow_nav.png) 0 0 no-repeat; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:hover:after, .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:focus:after {
  background-position: 0 -20px; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  display: none; }

.right-submenu {
  background: #ffffff url(../images/grey_hatch.png); }

ul.off-canvas-list li label {
  color: #0067b1;
  font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;
  font-size: 14px;
  background: rgba(224, 237, 246, 0.3);
  border-top: 1px solid #e0edf6;
  /*border-bottom: 1px solid #f4f4f4;*/
  text-transform: none;
  font-weight: normal;
  padding: 0; }

ul.off-canvas-list li label a {
  font-weight: 600; }

.right-submenu .back > a {
  color: #ffffff;
  font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  background: #0067b1;
  border-top: solid 1px #0067b1;
  padding: 0.3rem 0.625rem;
  line-height: 20px; }

.right-submenu .back > a:after {
  display: none; }

.right-submenu .back > a:before {
  content: '';
  width: 15px;
  height: 20px;
  display: inline-block;
  float: left;
  background: url(../images/mob_arrow_back.png) 0 2px no-repeat; }

.right-submenu .back > a:hover, .right-submenu .back > a:focus {
  background-color: #0067b1;
  border-color: #0067b1;
  color: #ffffff; }

/* NAVIGATION
================================================================================ */
.snav li a {
  color: #0067b1; }

.snav li a:hover, .snav li a:focus, .snav li.active a {
  color: #00aeef; }

/* SIDENAV ===================================================================== */
.sidenav {
  display: block;
  background: #ffffff;
  margin-top: 0.9375rem; }

.sidenav h3 {
  padding: 0.9375rem;
  margin: 0; }

.sidenav h4 {
  padding: 0.9375rem;
  margin: 0;
  font-weight: 400; }

.sidenav hr {
  margin: 0 auto; }

.sidenav a {
  color: #2666ad; }

.sidenav a:hover, .sidenav a:focus {
  color: #00aeef; }

.sidenav ul {
  text-align: center; }

.sidenav ul li {
  background: none;
  padding: 0; }

.sidenav ul li a {
  display: block;
  padding: 0.625rem;
  /*border-bottom: solid 1px #e5f0f7;*/ }

.sidenav ul li a:hover, .sidenav ul li a:focus {
  /*background: #e5f0f7;*/ }

.sidenav ul li ul.sub-level {
  margin: 0; }

.sidenav ul.show-sub.isParent li,
.sidenav ul.show-sub.isParent.level2 li.active > a,
.sidenav ul.show-sub.level3 li,
.sidenav ul.show-sub.level3 li.active > a,
.sidenav ul.show-sub.isParent.level3 li,
.sidenav ul.show-sub.isParent.level3 li.active ul li,
.sidenav ul.show-sub.isParent.level3 li.active > a,
.sidenav ul.show-sub.isParent.level3 li.active ul li.active > a,
.sidenav ul.show-sub.level4 li,
.sidenav ul.show-sub.level4 li.active > a,
.sidenav ul.show-sub.level4 li.active ul li.active > a {
  display: none; }

.sidenav ul.show-sub.isParent.level2 li.active,
.sidenav ul.show-sub.isParent.level2 li.active ul li,
.sidenav ul.show-sub.level2 li.active > a,
.sidenav ul.show-sub.level3 li.active,
.sidenav ul.show-sub.level3 li.active ul li,
.sidenav ul.show-sub.level3 li.active ul li.active > a,
.sidenav ul.show-sub.isParent.level3 li.active,
.sidenav ul.show-sub.isParent.level3 li.active ul li.active,
.sidenav ul.show-sub.isParent.level3 li.active ul li.active ul li,
.sidenav ul.show-sub.level4 li.active,
.sidenav ul.show-sub.level4 li.active ul li ul li,
.sidenav ul.show-sub.level4 li.active ul li.active ul li.active > a {
  display: block; }

.sidenav ul.show-sub li.active > a {
  color: #00aeef;
  background: rgba(0, 0, 0, 0.02); }

/* BREADCRUMB
================================================================================ */
ul.breadcrumb {
  margin: 0.9375rem 0;
  padding: 0; }

ul.breadcrumb:after {
  content: "";
  display: block;
  clear: both; }

ul.breadcrumb li {
  display: block;
  float: left;
  padding: 0;
  background: none;
  font-size: 0.8125rem; }

ul.breadcrumb li a {
  color: #2666ad; }

ul.breadcrumb li a:hover, ul.breadcrumb li a:focus {
  color: #00aeef; }

ul.breadcrumb li .divider {
  display: block;
  float: right;
  width: 25px;
  height: 14px;
  background: url(../images/bc_sep.png) no-repeat 10px 4px; }

ul.breadcrumb li .divider.icon-location {
  display: none; }

ul.breadcrumb li .divider img {
  display: none; }

/* MAIN CONTENT
================================================================================ */
.grey_hatch {
  background: url(../images/grey_hatch.png) #ffffff;
  padding: 1.250rem 0; }

.row.course_search {
  margin: 0 0.625rem;
  background: #f7f3f3;
  border-radius: 30px;
  height: 40px;
  width: calc(100% - 1.250rem); }

.course_search fieldset {
  margin: 0;
  padding: 0.325rem 0;
  border: none; }

.course_search input[type="text"] {
  width: 85%;
  /* fallback for old safari */
  width: calc(100% - 50px);
  float: left;
  margin: 0;
  border: none;
  background: transparent;
  color: #0067b1;
  font-size: 100%; }

.course_search ::-webkit-input-placeholder {
  color: #0067b1; }

.course_search :-moz-placeholder {
  color: #0067b1; }

/* Firefox 18- */
.course_search ::-moz-placeholder {
  color: #0067b1; }

/* Firefox 19+ */
.course_search :-ms-input-placeholder {
  color: #0067b1; }

.course_search input[type="text"]:focus {
  background: transparent; }

.course_search input[type="submit"], .course_search #clear_btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: right;
  border: none;
  background: url(../images/mob_search_icon.png) center center no-repeat #00aeef;
  font-size: 0;
  -webkit-transition: background-color 200ms ease-out, color 300ms ease-out;
  -moz-transition: background-color 200ms ease-out, color 300ms ease-out;
  transition: background-color 200ms ease-out, color 300ms ease-out; }

.course_search #clear_btn {
  background: url(../images/mob_clear_icon.png) center center no-repeat #00aeef; }

.course_search input[type="submit"]:hover, .course_search #clear_btn:hover, .course_search input[type="submit"]:focus, .course_search #clear_btn:focus {
  background-color: #0067b1; }

.course_search .button:after {
  display: none; }

.course_search_sml p {
  line-height: 30px; }

.course_search_sml p span.or {
  color: #0067b1;
  text-transform: uppercase;
  font-weight: 600;
  padding-right: 0.9375rem; }

.course_search_sml p .button {
  background: #00aeef; }

.course_search_sml p .button:hover, .course_search_sml p .button:focus {
  background-color: #0067b1; }

.white_bg, .white_bg_small {
  background: #ffffff; }

img.full_img {
  max-width: none;
  width: 100%; }

.course_filter label {
  color: #0067b1;
  text-transform: uppercase;
  font-weight: 600;
  padding-right: 0.9375rem; }

.course_filter fieldset {
  padding: 0;
  border: none; }

.course_filter .select_con {
  overflow: hidden;
  background-color: #f7f3f3;
  border-radius: 15px;
  margin-bottom: 0.6250rem;
  position: relative;
  padding-right: 30px; }

.course_filter .select_con a.close {
  position: absolute;
  display: block;
  text-indent: -9999px;
  height: 24px;
  width: 24px;
  background: url(../images/mob_clear_icon.png) center center no-repeat #00aeef;
  border-radius: 50%;
  top: 3px;
  right: 3px; }

.course_filter .select_con a.close:hover, .course_filter .select_con a.close:focus {
  background-color: #0067b1; }

.course_filter .select_con select {
  margin: 0;
  border: none;
  width: calc(100% + 50px);
  height: 30px;
  background: transparent none;
  color: #0067b1;
  font-weight: 600;
  font-size: 0.875rem; }

.fixed_on_scroll.stick {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 140px; }

.fixed_padding.stick {
  padding-top: 155px; }

/* TESTIMONIALS ==== */
.testimonial {
  padding-bottom: 0.3125rem;
  margin-bottom: 0.625rem; }

.testimonial img {
  margin-bottom: 0.3125rem; }

.testimonial p {
  padding: 0 0.625rem;
  /*font-style: italic;*/
  font-weight: 300;
  text-align: center; }

.testimonial p.byline {
  font-style: normal;
  font-weight: 600; }

/* COURSE APPLY OPTIONS
================================================================== */
ul.apply_options li {
  padding: 0 0 0.5rem 0; }

ul.apply_options li a {
  display: block;
  background: #f7f3f3;
  padding: 0.5rem 2px 0.5rem 10px;
  color: #666666;
  border-radius: 4px;
  transition: all 0.2s ease-in-out; }

ul.apply_options li a:after {
  content: '';
  display: block;
  width: 24px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='24' height='19' preserveAspectRatio='xMidYMid'%3E%3Cpath style='fill:%23666666; transition: fill 200ms ease-out;' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
  float: right;
  transform: rotate(-90deg);
  transition: all 0.2s ease-in-out; }

ul.apply_options li a:hover, ul.apply_options li a:hover {
  background: #00aeef;
  color: #ffffff; }

ul.apply_options li a:hover::after, ul.apply_options li a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='24' height='19' preserveAspectRatio='xMidYMid'%3E%3Cpath style='fill:%23ffffff; transition: fill 200ms ease-out;' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"); }

a.apply_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 10px;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }

a.apply_bar .h3 {
  margin: 0; }

a.apply_bar .arrow_btn {
  margin: 0; }

@media only screen and (min-width: 40.063em) {
  a.apply_bar {
    display: none; } }
/* COURSE ADVERT BLOCKS
================================================================================ */
a.inline_box {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding: 1.25rem; }
  a.inline_box i.icon_event {
    margin-right: 1rem;
    max-width: 60px;
    height: 60px;
    order: 1;
    background: #ffffff;
    border-radius: 50%;
    padding: 10px; }
    @media only screen and (min-width: 64em) {
      a.inline_box i.icon_event {
        margin: 0 1rem 0 0;
        flex: 0 0 auto; } }
    a.inline_box i.icon_event img {
      position: relative;
      display: block;
      top: 50%;
      transform: translateY(-50%); }
  a.inline_box .h3 {
    flex: 1 0 auto;
    order: 2; }
    @media only screen and (min-width: 64em) {
      a.inline_box .h3 {
        flex: 0 1 0;
        min-width: calc(100% - 122px); } }
  a.inline_box .p {
    order: 4;
    margin-top: 1rem;
    width: 100%; }
  a.inline_box .arrow_btn {
    order: 3; }
    @media only screen and (min-width: 40.063em) {
      a.inline_box .arrow_btn {
        order: 5; } }
    @media only screen and (min-width: 64em) {
      a.inline_box .arrow_btn {
        order: 3;
        flex: 0 0 auto;
        margin: 0 0 0 auto; } }

/* FORMS
================================================================================ */
form {
  margin: 0; }

form.frm_grey {
  background: url(../images/grey_hatch.png) #ffffff; }

fieldset {
  padding: 0.625rem 0;
  border: none;
  border-bottom: solid 1px #e4e2e2; }

fieldset:last-child {
  border: none; }

form fieldset:nth-child(2n) {
  background: transparent; }

form.frm_grey fieldset {
  border: none;
  padding: 0.625rem; }

/* Labels */
label, p.lbl {
  color: #666666;
  cursor: default;
  font-size: 0.875rem;
  margin: 0 0 0.3125rem 0;
  padding: 0; }

label .req, p.lbl .req, .bfQuickMode .bfRequired {
  display: inline-block;
  margin-left: 0.3125rem;
  font-size: 0.625rem;
  color: #ffffff;
  text-transform: uppercase;
  padding: 2px 3px;
  line-height: 1.14;
  background: #00aeef;
  border-radius: 3px; }

/* Text fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"],
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  border: solid 1px #e4e2e2;
  box-shadow: none;
  color: #666666;
  font-size: 0.875rem;
  margin: 0;
  height: 30px;
  padding: 5px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
  background: #ffffff;
  border-color: #cccccc;
  box-shadow: none; }

input[type="checkbox"], input[type="radio"] {
  margin: 0.4687rem 0; }

form.frm_grey input[type="text"], form.frm_grey textarea {
  background: #f7f3f3;
  border: none;
  border-radius: 0.9365rem; }

.bfElementGroupNoWrap input[type="checkbox"] {
  clear: both;
  float: left !important; }

.bfElementGroupNoWrap label {
  float: left !important; }

/* Select fields */
.select_con {
  overflow: hidden;
  background: url(../images/select_arrow.png) right 3px no-repeat #ffffff; }

form.frm_grey .select_con {
  background-color: #f7f3f3;
  border-radius: 0.9365rem; }

.select_con select {
  border: none;
  width: calc(100% + 40px);
  background: transparent none; }

.select_con:hover, .select_con:focus {
  background-position: right -27px; }

.select_con select:hover, .select_con select:focus {
  background: transparent; }

select {
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #e4e2e2;
  font-size: 0.875rem;
  color: #666666;
  height: 30px;
  padding: 5px; }

select:focus {
  outline: none; }

select:hover, select:focus {
  background-color: #ffffff;
  border-color: #cccccc;
  cursor: pointer; }

/* Checkboxes and radio buttons */
ul.cus_chks, ul.cus_rdos {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.cus_chks li, ul.cus_rdos li {
  background: none;
  margin: 0 0.625rem 0.3125rem 0;
  padding: 0;
  float: left; }

ul.cus_chks li input, ul.cus_rdos li input {
  display: none; }

ul.cus_chks li label, ul.cus_rdos li label {
  display: block;
  padding: 0.3125rem 0.625rem;
  background: #f7f3f3;
  border-radius: 0.9365rem; }

ul.cus_chks li label:hover, ul.cus_rdos li label:hover, ul.cus_chks li label:focus, ul.cus_rdos li label:focus {
  cursor: pointer;
  color: #ffffff;
  background: #0067b1; }

ul.cus_chks li label.chosen, ul.cus_rdos li label.chosen {
  background: #00aeef;
  color: #ffffff; }

ul.cus_chks li label.disabled, ul.cus_rdos li label.disabled {
  background: url(../images/white_hatch.png) #e4e4e4;
  color: #a9a9a9; }

/* Error messages */
p.error {
  padding: 0.3125rem 0.625rem;
  color: #ffffff;
  font-weight: 600;
  background: #c60f13;
  display: block;
  font-size: 0.875rem;
  border-radius: 0.9375rem; }

/* success messages */
p.success {
  padding: 0.3125rem 0.625rem;
  color: #ffffff;
  font-weight: 600;
  background: #369044;
  display: block;
  font-size: 0.875rem;
  border-radius: 0.9375rem; }

/* Buttons */
button.button {
  font-size: 0.875rem;
  max-height: 30px;
  border-radius: 15px; }

input[type="submit"].button {
  border-radius: 15px;
  width: 100%; }

/* SEARCH FORM ================================================================ */
form.frm_search {
  background: #f7f3f3;
  border-radius: 15px;
  margin: 0.625rem; }

form.frm_search fieldset {
  padding: 3px;
  margin: 0.325rem 0; }

form.frm_search input[type="text"] {
  width: calc(100% - 30px);
  float: left;
  margin: 0;
  border: none;
  background: transparent;
  height: 24px;
  padding: 0 0 0 0.3125rem;
  color: #0067b1; }
  form.frm_search input[type="text"]:focus {
    background: rgba(0, 0, 0, 0.1);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }

form.frm_search ::-webkit-input-placeholder {
  color: #00aeef; }

form.frm_search :-moz-placeholder {
  color: #00aeef; }

/* Firefox 18- */
form.frm_search ::-moz-placeholder {
  color: #00aeef; }

/* Firefox 19+ */
form.frm_search :-ms-input-placeholder {
  color: #00aeef; }

form.frm_search input[type="submit"], form.frm_search button {
  width: 24px;
  height: 24px;
  float: right;
  border-radius: 12px;
  border: none;
  text-indent: -999px;
  background: url(../images/mob_search_icon.png) center center no-repeat #00aeef;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
  margin: 0; }

form.frm_search input[type="submit"]:hover, form.frm_search button:hover, form.frm_search input[type="submit"]:focus, form.frm_search button:focus {
  background-color: #0067b1; }

form#finder-search {
  background: #ffffff;
  border-radius: 0.9375rem;
  margin: 0.9375rem 0;
  padding: 3px; }

form#finder-search fieldset {
  padding: 0;
  margin: 0;
  border: none; }

form#finder-search label {
  display: none; }

form#finder-search input {
  width: calc(100% - 30px);
  float: left;
  margin: 0;
  border: none;
  background: transparent;
  height: 24px;
  padding: 0 0 0 0.3125rem;
  color: #0067b1; }

form#finder-search button {
  width: 24px;
  height: 24px;
  float: right;
  border-radius: 12px;
  border: none;
  text-indent: -9990px;
  background: url(../images/mob_search_icon.png) center center no-repeat #00aeef;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
  margin: 0; }

form#finder-search button:hover, form#finder-search button:focus {
  background-color: #0067b1; }

/* SEARCH LISTING ============= */
ul.search-results {
  list-style: none; }

ul.search-results li {
  padding: 1.25rem 0;
  margin: 0;
  border-bottom: solid 1px #e4e2e2;
  background: none; }

ul.search-results li h4 {
  margin: 0;
  font-weight: 400; }

ul.search-results li h4 a {
  color: #0067b1; }

ul.search-results li h4 a:hover, ul.search-results li h4 a:focus {
  color: #00aeef; }

ul.search-results li .result-url {
  font-size: 0.70rem;
  font-style: italic; }

/* BUTTONS
================================================================================ */
p.btn_con {
  margin: 1.875rem 0 0.9375rem 0; }

.button, .button:focus, .bfQuickMode button {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.625rem 1.875rem;
  min-height: 30px;
  line-height: 0.7;
  font-size: 0.875rem;
  color: #ffffff;
  text-align: center;
  background: #00aeef;
  border-radius: 0.9375rem;
  overflow: hidden; }

.button:after, .bfQuickMode button:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/arrow_btn_tran.png) center center no-repeat;
  background-color: transparent;
  bottom: -20px;
  -webkit-transition: bottom 200ms ease-out;
  -moz-transition: bottom 200ms ease-out;
  transition: bottom 200ms ease-out; }

.button:hover:after, .bfQuickMode button:hover:after, .button:focus:after, .bfQuickMode button:focus:after {
  bottom: 5px; }

.button:hover, .button.hover, .button.active, .bfQuickMode button:hover, .button:focus, .bfQuickMode button:focus {
  background-color: #0067b1;
  color: #ffffff; }

p.big_button {
  line-height: 40px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0.625rem; }

p.big_button .button {
  height: 40px;
  padding: 0.9375rem 1.875rem;
  border-radius: 20px;
  min-width: 250px; }

p.big_button .button:hover:after {
  bottom: 10px; }

button.disabled, button[disabled], .button.disabled, .button[disabled],
button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover,
button.disabled:focus, button[disabled]:focus, .button.disabled:focus, .button[disabled]:focus {
  background: #e4e4e4;
  border-color: #cccccc;
  color: #aaaaaa; }

button.disabled .icon, button[disabled] .icon, .button.disabled .icon, .button[disabled] .icon {
  display: none; }

ul.button-group li {
  background: 0;
  padding: 0; }

.arrow_btn {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #00aeef;
  position: relative;
  text-indent: -9999px; }
  .arrow_btn:after {
    content: "\f054";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    display: block;
    position: absolute;
    top: 3px;
    left: 10px;
    width: 14px;
    height: 24px;
    text-indent: 0;
    text-align: center;
    color: #ffffff; }

.arrow_btn:hover:after, a.advert:hover .arrow_btn:after, a.box:hover .arrow_btn:after, .arrow_btn:focus:after, a.advert:focus .arrow_btn:after, a.box:focus .arrow_btn:after {
  animation: arrow-move 1s ease-in-out; }

@keyframes arrow-move {
  0% {
    left: 10px;
    transform: none;
    font-size: 16px; }
  30% {
    left: 35px;
    transform: none;
    font-size: 16px; }
  30.5% {
    left: 35px;
    transform: rotate(180deg);
    font-size: 13px; }
  65% {
    left: -10px;
    transform: rotate(180deg);
    font-size: 13px; }
  65.5% {
    left: -10px;
    transform: none;
    font-size: 16px; }
  100% {
    left: 10px;
    transform: none;
    font-size: 16px; } }
.advert.ad_white .arrow_btn, .box.ad_white .arrow_btn, .box.box_white .arrow_btn {
  background: #00aeef; }
  .advert.ad_white .arrow_btn:after, .box.ad_white .arrow_btn:after, .box.box_white .arrow_btn:after {
    color: #ffffff; }

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton, .bfQuickMode .bfPrevButton {
  margin: 0.9375rem; }

.bfRolloverBg {
  background: transparent !important; }

.bot_button {
  position: absolute;
  bottom: 1.250rem;
  width: 100%;
  margin-bottom: 0;
  left: 0; }

/* IMAGES
================================================================================ */
.stan_img {
  padding: 0.625rem;
  background: #ffffff url(../images/grey_hatch.png);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 0.9375rem; }

.stan_img.right {
  margin-left: 0.9375rem; }

.stan_img.left {
  margin-right: 0.9375rem; }

#imgCont {
  overflow: hidden; }

#imgCont p {
  margin: 0; }

#imgCont img {
  width: auto;
  max-width: none; }

/* SOCIAL
================================================================================ */
#footer ul.social {
  text-align: center;
  margin-top: 1.85rem; }

.sys_nav ul.social li, #footer ul.social li {
  margin: 0 0.3125rem;
  padding: 0;
  background: none;
  border: none;
  float: left; }

#footer ul.social li {
  float: none;
  display: inline-block; }

.sys_nav ul.social li a, #footer ul.social li a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #00aeef;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out; }

.sys_nav ul.social li a.icon_fb, #footer ul.social li a.icon_fb {
  background-image: url(../images/icon_fb.png); }

.sys_nav ul.social li a.icon_tw, #footer ul.social li a.icon_tw {
  background-image: url(../images/icon_tw.png); }

.sys_nav ul.social li a.icon_li, #footer ul.social li a.icon_li {
  background-image: url(../images/icon_li.png); }

.sys_nav ul.social li a.icon_yt, #footer ul.social li a.icon_yt {
  background-image: url(../images/icon_yt.png); }

.sys_nav ul.social li a:hover, #footer ul.social li a:hover, .sys_nav ul.social li a:focus, #footer ul.social li a:focus {
  background-color: #0067b1; }

/* Google+ */
.social a.addthis_button_google_plusone {
  position: relative;
  width: 28px;
  height: 24px; }

.social a.addthis_button_google_plusone > div {
  position: absolute;
  top: 4px;
  right: 2px;
  opacity: 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0); }

.social a.addthis_button_google_plusone > img {
  position: absolute;
  top: 0;
  right: 2px; }

/* SOCIAL COUNTS ===== */
a.at-svc-facebook, a.at-svc-lidar, a.at-svc-twitter, a.at-svc-yammer {
  background-color: transparent !important; }

.at_flat_counter {
  background: #ffffff !important;
  color: #666666 !important; }

.at_flat_counter:after {
  border-color: transparent #ffffff transparent transparent !important; }

/* MISC
================================================================================ */
.banner_img {
  overflow: hidden; }
  .banner_img p {
    margin: 0;
    text-align: center; }

/* ADVERTS ======== */
.advert, .box {
  display: block;
  text-align: center;
  padding-bottom: 50px; }

.advert.no_border, .box.no_border {
  border: none; }

.advert.band, .box.band {
  padding-bottom: 0; }

.box_video {
  display: block;
  position: relative;
  overflow: hidden; }

.box_video .play {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: all 0.4s ease-in-out; }

.box_video .play svg {
  position: absolute;
  height: 80px;
  width: 80px;
  top: calc(50% - 40px);
  left: calc(50% - 40px); }

.box_video .play svg path {
  fill: #ffffff;
  opacity: 1;
  transition: all 0.4s ease-in-out; }

a.box:hover .play, a.box:focus .play {
  background: rgba(0, 0, 0, 0); }

a.box:hover .play svg path, a.box:focus .play svg path {
  background: rgba(0, 0, 0, 0);
  opacity: 0; }

.advert .ad_text, .box .ad_text, .advert .course_text, .box .course_text {
  padding: 1.25rem;
  display: block; }

.advert h1, .advert h2, .advert h3, .advert p, .advert h4, .advert .h1, .advert .h2, .advert .h3, .advert .p, .advert .h4,
.box h1, .box h2, .box h3, .box p, .box h4, .box .h1, .box .h2, .box .h3, .box .p, .box .h4 {
  display: block;
  color: #ffffff; }

.advert .h3, .box .h3 {
  font-size: 1.0rem;
  font-weight: 300;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem; }

.advert .h4, .advert h4, .box .h4, .box h4 {
  font-weight: 300;
  text-transform: uppercase; }

.advert a, .box a {
  color: #ffffff; }
  .advert a:focus, .advert a:hover, .box a:focus, .box a:hover {
    color: #C8C6C6; }
    .advert a:focus h1, .advert a:focus h2, .advert a:focus h3, .advert a:focus p, .advert a:focus h4, .advert a:focus .h1, .advert a:focus .h2, .advert a:focus .h3, .advert a:focus .p, .advert a:focus .h4, .advert a:hover h1, .advert a:hover h2, .advert a:hover h3, .advert a:hover p, .advert a:hover h4, .advert a:hover .h1, .advert a:hover .h2, .advert a:hover .h3, .advert a:hover .p, .advert a:hover .h4, .box a:focus h1, .box a:focus h2, .box a:focus h3, .box a:focus p, .box a:focus h4, .box a:focus .h1, .box a:focus .h2, .box a:focus .h3, .box a:focus .p, .box a:focus .h4, .box a:hover h1, .box a:hover h2, .box a:hover h3, .box a:hover p, .box a:hover h4, .box a:hover .h1, .box a:hover .h2, .box a:hover .h3, .box a:hover .p, .box a:hover .h4 {
      color: #C8C6C6; }

.advert .hr, .box .hr {
  display: block;
  width: auto;
  margin: 0.9375rem 0;
  border: none;
  border-bottom: solid 1px #e4e2e2;
  clear: both;
  height: 1px; }

.advert hr, .advert .hr, .box hr, .box .hr {
  border-color: #ffffff;
  max-width: 60px;
  margin: 0.9375rem auto; }

.advert .icon_subject, .box .icon_subject {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto; }

.advert .icon_subject.inline, .box .icon_subject.inline {
  display: inline-block;
  margin-right: 0.9375rem; }

.advert .icon_event, .box .icon_event {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  padding-top: 0.9375rem;
  display: flex;
  align-items: center; }

.advert.fact .icon_subject, .box.fact .icon_subject {
  width: 50px;
  height: 50px; }

.box_event .icon_event, .box_event .icon_subject {
  padding: 0.9375rem 0;
  height: auto; }

.box_event .ad_text, .box_event .course_text {
  padding-top: 0; }

.advert ul.links li, .box ul.links li {
  padding: 0;
  background: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15); }

.advert ul.links li:last-child, .box ul.links li:last-child {
  border: none; }

.advert ul.links li a, .box ul.links li a {
  padding: 0.625rem 0;
  display: block;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.advert ul.links li a:hover, .box ul.links li a:hover, .advert ul.links li a:focus, .box ul.links li a:focus {
  background-color: rgba(255, 255, 255, 0.15); }

.advert .arrow_btn, .box .arrow_btn {
  margin: 0 auto;
  left: 0;
  background: #ffffff; }
  .advert .arrow_btn:after, .box .arrow_btn:after {
    color: #00aeef; }

.ad_white, .box_white {
  background: #ffffff; }
  .ad_white .arrow_btn, .box_white .arrow_btn {
    background: #00aeef; }
    .ad_white .arrow_btn:after, .box_white .arrow_btn:after {
      color: #ffffff; }

.fact_grey {
  background: #f7f3f3; }

.ad_hatch, .box_hatch {
  background: url(../images/white_hatch.png); }

.ad_white .h4, .ad_white h4, .ad_white .p, .ad_white p, .box_white .h4, .box_white h4, .box_white .p, .box_white p, .box_white h3, .box_white .h3 {
  color: #6c6c6c; }

.ad_white.ad_news .h3, .box_white.ad_news .h3 {
  color: #0067b1; }

.ad_white hr, .ad_white .hr, .box_white hr, .box_white .hr {
  border-color: #6c6c6c; }

.ad_news2 h1, .ad_news2 h4, .box_news2 h1, .box_news2 h4 {
  color: #6c6c6c; }

.ad_news2 hr, .box_news2 hr {
  border-color: #6c6c6c; }

.advert .button, .box .button {
  background-color: #ffffff;
  margin: 0 auto; }
  .advert .button:hover, .advert .button:focus, .box .button:hover, .box .button:focus {
    color: #666; }

.advert .button:after, .box .button:after {
  background: url(../images/arrow_btn_white.png) center center no-repeat;
  background-color: #00aeef; }

.advert ul.inline li, .box ul.inline li {
  border: none; }

.advert ul.btn_or li, .box ul.btn_or li {
  position: relative;
  width: 50%;
  display: block;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.advert ul.btn_or li a, .box ul.btn_or li a {
  display: block;
  line-height: 1;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem; }

.advert ul.button-group, .box ul.button-group {
  overflow: hidden; }

.advert ul.button-group li, .box ul.button-group li {
  margin-top: 0.9375rem;
  padding: 0;
  background: none;
  position: relative; }

.advert .button-group li:first-child:after, .advert ul.btn_or li:first-child:after,
.box .button-group li:first-child:after, .box ul.btn_or li:first-child:after {
  content: "or";
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  z-index: 99;
  border-radius: 50%;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 20px;
  /*background: #00aeef;*/ }

.advert .button-group.even-2 li .button, .box .button-group.even-2 li .button {
  border-color: #00aeef;
  line-height: 1; }

.ad_purple, .ad_purple_text .button, .ad_purple .button:after, .ad_purple a.bookmark,
.ad_purple_text.fact .icon_subject, a.bookmark.bm_purple,
.box_purple, .box_purple_text .button, .box_purple .button:after, .box_purple a.bookmark,
.box_purple_text.fact .icon_subject, .ad_purple_text .arrow_btn, .box.box_purple_text .arrow_btn {
  background-color: #5c2b85; }

.ad_mauve, .ad_mauve_text .button, .ad_mauve .button:after, .ad_mauve a.bookmark,
.ad_mauve_text.fact .icon_subject, a.bookmark.bm_mauve,
.box_mauve, .box_mauve_text .button, .box_mauve .button:after, .box_mauve a.bookmark,
.box_mauve_text.fact .icon_subject, .ad_mauve_text .arrow_btn, .box.box_mauve_text .arrow_btn {
  background-color: #7b2656; }

.ad_pink, .ad_pink_text .button, .ad_pink .button:after, .ad_pink a.bookmark,
.ad_pink_text.fact .icon_subject, a.bookmark.bm_pink,
.box_pink, .box_pink_text .button, .box_pink .button:after, .box_pink a.bookmark,
.box_pink_text.fact .icon_subject, .ad_pink_text .arrow_btn, .box.box_pink_text .arrow_btn {
  background-color: #ea1b75; }

.ad_red, .ad_red_text .button, .ad_red .button:after, .ad_red a.bookmark,
.ad_red_text.fact .icon_subject, a.bookmark.bm_red,
.box_red, .box_red_text .button, .box_red .button:after, .box_red a.bookmark,
.box_red_text.fact .icon_subject, .ad_red_text .arrow_btn, .box.box_red_text .arrow_btn {
  background-color: #ea1d2d; }

.ad_orange, .ad_orange_text .button, .ad_orange .button:after, .ad_orange a.bookmark,
.ad_orange_text.fact .icon_subject, a.bookmark.bm_orange,
.box_orange, .box_orange_text .button, .box_orange .button:after, .box_orange a.bookmark,
.box_orange_text.fact .icon_subject, .ad_orange_text .arrow_btn, .box.box_orange_text .arrow_btn {
  background-color: #f26322; }

.ad_lime, .ad_lime_text .button, .ad_lime .button:after, .ad_lime a.bookmark,
.ad_lime_text.fact .icon_subject, a.bookmark.bm_lime,
.box_lime, .box_lime_text .button, .box_lime .button:after, .box_lime a.bookmark,
.box_lime_text.fact .icon_subject, .ad_lime_text .arrow_btn, .box.box_lime_text .arrow_btn {
  background-color: #c1d52f; }

.ad_green, .ad_green_text .button, .ad_green .button:after, .ad_green a.bookmark,
.ad_green_text.fact .icon_subject, a.bookmark.bm_green,
.box_green, .box_green_text .button, .box_green .button:after, .box_green a.bookmark,
.box_green_text.fact .icon_subject, .ad_green_text .arrow_btn, .box.box_green_text .arrow_btn {
  background-color: #79bc43; }

.ad_dgreen, .ad_dgreen_text .button, .ad_dgreen .button:after, .ad_dgreen a.bookmark,
.ad_dgreen_text.fact .icon_subject, a.bookmark.bm_dgreen,
.box_dgreen, .box_dgreen_text .button, .box_dgreen .button:after, .box_dgreen a.bookmark,
.box_dgreen_text.fact .icon_subject, .ad_dgreen_text .arrow_btn, .box.box_dgreen_text .arrow_btn {
  background-color: #369044; }

.ad_lteal, .ad_lteal_text .button, .ad_lteal .button:after, .ad_lteal a.bookmark,
.ad_lteal_text.fact .icon_subject, a.bookmark.bm_lteal,
.box_lteal, .box_lteal_text .arrow_btn, .box_lteal_text .button, .box_lteal .button:after, .box_lteal a.bookmark,
.box_lteal_text.fact .icon_subject, .ad_lteal_text .arrow_btn, .box.box_lteal_text .arrow_btn {
  background-color: #4cadaa; }

.ad_teal, .ad_teal_text .button, .ad_teal .button:after, .ad_teal a.bookmark,
.ad_teal_text.fact .icon_subject, a.bookmark.bm_teal,
.box_teal, .box_teal_text .button, .box_teal .button:after, .box_teal a.bookmark,
.box_teal_text.fact .icon_subject, .ad_teal_text .arrow_btn, .box.box_teal_text .arrow_btn {
  background-color: #007481; }

.ad_blue, .ad_blue_text .button, .ad_blue .button:after, .ad_blue a.bookmark,
.ad_blue_text.fact .icon_subject, a.bookmark.bm_blue,
.box_blue, .box_blue_text .button, .box_blue .button:after, .box_blue a.bookmark,
.box_blue_text.fact .icon_subject, .ad_blue_text .arrow_btn, .box.box_blue_text .arrow_btn {
  background-color: #00aeef; }

.ad_dblue, .ad_dblue_text .button, .ad_dblue .button:after, .ad_dblue a.bookmark,
.ad_dblue_text.fact .icon_subject, a.bookmark.bm_dblue,
.box_dblue, .box_dblue_text .button, .box_dblue .button:after, .box_dblue a.bookmark,
.box_dblue_text.fact .icon_subject, .box.box_dblue_text .arrow_btn, .ad_dblue_text .arrow_btn {
  background-color: #0067b1; }

.ad_purple_text h3, .ad_purple_text .h3, .ad_purple .button,
.box_purple_text h3, .box_purple_text .h3, .box_purple .button, .box_purple .arrow_btn:after {
  color: #5c2b85; }

.ad_mauve_text h3, .ad_mauve_text .h3, .ad_mauve .button,
.box_mauve_text h3, .box_mauve_text .h3, .box_mauve .button, .box_mauve .arrow_btn:after {
  color: #7b2656; }

.ad_pink_text h3, .ad_pink_text .h3, .ad_pink .button,
.box_pink_text h3, .box_pink_text .h3, .box_pink .button, .box_pink .arrow_btn:after {
  color: #ea1b75; }

.ad_red_text h3, .ad_red_text .h3, .ad_red .button,
.box_red_text h3, .box_red_text .h3, .box_red .button, .box_red .arrow_btn:after {
  color: #ea1d2d; }

.ad_orange_text h3, .ad_orange_text .h3, .ad_orange .button,
.box_orange_text h3, .box_orange_text .h3, .box_orange .button, .box_orange .arrow_btn:after {
  color: #f26322; }

.ad_lime_text h3, .ad_lime_text .h3, .ad_lime .button,
.box_lime_text h3, .box_lime_text .h3, .box_lime .button, .box_lime .arrow_btn:after {
  color: #c1d52f; }

.ad_green_text h3, .ad_green_text .h3, .ad_green .button,
.box_green_text h3, .box_green_text .h3, .box_green .button, .box_green .arrow_btn:after {
  color: #79bc43; }

.ad_dgreen_text h3, .ad_dgreen_text .h3, .ad_dgreen .button,
.box_dgreen_text h3, .box_dgreen_text .h3, .box_dgreen .button, .box_dgreen .arrow_btn:after {
  color: #369044; }

.ad_lteal_text h3, .ad_lteal_text .h3, .ad_lteal .button,
.box_lteal_text h3, .box_lteal_text .h3, .box_lteal .button, .box_lteal .arrow_btn:after {
  color: #4cadaa; }

.ad_teal_text h3, .ad_teal_text .h3, .ad_teal .button,
.box_teal_text h3, .box_teal_text .h3, .box_teal .button, .box_teal .arrow_btn:after {
  color: #007481; }

.ad_blue_text h3, .ad_blue_text .h3, .ad_blue .button,
.box_blue_text h3, .box_blue_text .h3, .box_blue .button, .box_blue .arrow_btn:after {
  color: #00aeef; }

.ad_dblue_text h3, .ad_dblue_text .h3, .ad_dblue .button,
.box_dblue_text h3, .box_dblue_text .h3, .box_dblue .button, .box_dblue .arrow_btn:after {
  color: #0067b1; }

.ad_purple .at_flat_counter, .box_purple .at_flat_counter {
  color: #5c2b85 !important; }

.ad_mauve .at_flat_counter, .box_mauve .at_flat_counter {
  color: #7b2656 !important; }

.ad_pink .at_flat_counter, .box_pink .at_flat_counter {
  color: #ea1b75 !important; }

.ad_red .at_flat_counter, .box_red .at_flat_counter {
  color: #ea1d2d !important; }

.ad_orange .at_flat_counter, .box_orange .at_flat_counter {
  color: #f26322 !important; }

.ad_lime .at_flat_counter, .box_lime .at_flat_counter {
  color: #c1d52f !important; }

.ad_green .at_flat_counter, .box_green .at_flat_counter {
  color: #79bc43 !important; }

.ad_dgreen .at_flat_counter, .box_dgreen .at_flat_counter {
  color: #369044 !important; }

.ad_lteal .at_flat_counter, .box_lteal .at_flat_counter {
  color: #4cadaa !important; }

.ad_teal .at_flat_counter, .box_teal .at_flat_counter {
  color: #007481 !important; }

.ad_blue .at_flat_counter, .box_blue .at_flat_counter {
  color: #00aeef !important; }

.ad_dblue .at_flat_counter, .box_dblue .at_flat_counter {
  color: #0067b1 !important; }

.ad_purple .button-group li:first-child:after, .box_purple .button-group li:first-child:after, .box_purple + .box_overlap .icon img {
  background: #5c2b85; }

.ad_mauve .button-group li:first-child:after, .box_mauve .button-group li:first-child:after, .box_mauve + .box_overlap .icon img {
  background: #7b2656; }

.ad_pink .button-group li:first-child:after, .box_pink .button-group li:first-child:after, .box_pink + .box_overlap .icon img {
  background: #ea1b75; }

.ad_red .button-group li:first-child:after, .box_red .button-group li:first-child:after, .box_red + .box_overlap .icon img {
  background: #ea1d2d; }

.ad_orange .button-group li:first-child:after, .box_orange .button-group li:first-child:after, .box_orange + .box_overlap .icon img {
  background: #f26322; }

.ad_lime .button-group li:first-child:after, .box_lime .button-group li:first-child:after, .box_lime + .box_overlap .icon img {
  background: #c1d52f; }

.ad_green .button-group li:first-child:after, .box_green .button-group li:first-child:after, .box_green + .box_overlap .icon img {
  background: #79bc43; }

.ad_dgreen .button-group li:first-child:after, .box_dgreen .button-group li:first-child:after, .box_dgreen + .box_overlap .icon img {
  background: #369044; }

.ad_lteal .button-group li:first-child:after, .box_lteal .button-group li:first-child:after, .box_lteal + .box_overlap .icon img {
  background: #4cadaa; }

.ad_teal .button-group li:first-child:after, .box_teal .button-group li:first-child:after, .box_teal + .box_overlap .icon img {
  background: #007481; }

.ad_blue .button-group li:first-child:after, .box_blue .button-group li:first-child:after, .box_blue + .box_overlap .icon img {
  background: #00aeef; }

.ad_dblue .button-group li:first-child:after, .box_dblue .button-group li:first-child:after, .box_dblue + .box_overlap .icon img {
  background: #0067b1; }

.ad_purple .button-group.even-2 li .button, .box_purple .button-group.even-2 li .button {
  border-color: #5c2b85; }

.ad_mauve .button-group.even-2 li .button, .box_mauve .button-group.even-2 li .button {
  border-color: #7b2656; }

.ad_pink .button-group.even-2 li .button, .box_pink .button-group.even-2 li .button {
  border-color: #ea1b75; }

.ad_red .button-group.even-2 li .button, .box_red .button-group.even-2 li .button {
  border-color: #ea1d2d; }

.ad_orange .button-group.even-2 li .button, .box_orange .button-group.even-2 li .button {
  border-color: #f26322; }

.ad_lime .button-group.even-2 li .button, .box_lime .button-group.even-2 li .button {
  border-color: #c1d52f; }

.ad_green .button-group.even-2 li .button, .box_green .button-group.even-2 li .button {
  border-color: #79bc43; }

.ad_dgreen .button-group.even-2 li .button, .box_dgreen .button-group.even-2 li .button {
  border-color: #369044; }

.ad_lteal .button-group.even-2 li .button, .box_lteal .button-group.even-2 li .button {
  border-color: #4cadaa; }

.ad_teal .button-group.even-2 li .button, .box_teal .button-group.even-2 li .button {
  border-color: #007481; }

.ad_blue .button-group.even-2 li .button, .box_blue .button-group.even-2 li .button {
  border-color: #00aeef; }

.ad_dblue .button-group.even-2 li .button, .box_dblue .button-group.even-2 li .button {
  border-color: #0067b1; }

.box_event .img_event {
  display: block;
  max-height: 160px;
  overflow: hidden; }

.box_event .box .arrow_btn {
  margin-top: 0.9375rem; }

.box.print {
  padding: 1.25rem;
  overflow: hidden; }

.box.print .h3 {
  float: left;
  margin: 0; }

.box.print .arrow_btn {
  float: right; }

.band_padding {
  padding: 1.25rem 0 !important; }

/* SIMPLE BLOCKS
==================================== */
.simple_box_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

a.simple_box {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 0.625rem;
  border-radius: 0.625rem;
  margin: 0.625rem;
  transition: all 0.2s ease-in-out;
  width: calc(50% - 1.25rem); }

@media only screen and (min-width: 40.063em) {
  a.simple_box {
    width: calc(33.3333% - 1.25rem); } }
@media only screen and (min-width: 64.063em) {
  a.simple_box {
    width: calc(25% - 1.25rem); } }
@media only screen and (min-width: 1200px) {
  a.simple_box {
    width: calc(16.6666% - 1.25rem); } }
a.simple_box.box_purple {
  background: #5c2b85; }

a.simple_box.box_mauve {
  background: #7b2656; }

a.simple_box.box_pink {
  background: #ea1b75; }

a.simple_box.box_red {
  background: #ea1d2d; }

a.simple_box.box_orange {
  background: #f26322; }

a.simple_box.box_lime {
  background: #c1d52f; }

a.simple_box.box_green {
  background: #79bc43; }

a.simple_box.box_dgreen {
  background: #369044; }

a.simple_box.box_lteal {
  background: #4cadaa; }

a.simple_box.box_teal {
  background: #007481; }

a.simple_box.box_blue {
  background: #00aeef; }

a.simple_box.box_dblue {
  background: #0067b1; }

a.simple_box:hover, a.simple_box:focus {
  background: #6c6c6c; }

a.simple_box .h3 {
  font-size: 1.0rem;
  font-weight: 400;
  margin-top: 0.9375rem;
  display: block;
  color: #ffffff; }

a.simple_box .icon {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-top: 0.3125rem; }

/* Twitter ====== */
.twitter-timeline {
  max-height: 250px !important;
  height: 250px !important;
  overflow-y: auto !important; }

/* ALERTS =================================== */
.alert {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  padding: 0.625rem;
  color: #ffffff;
  background: url(../images/alert.png) 15px center no-repeat #0068b3;
  padding-left: 3.75rem;
  min-height: 2.1875rem; }

.alert p {
  color: #ffffff;
  padding: 0; }

/* SIDEBAR ================================== */
.side_ad, .side_box {
  background: #ffffff; }

.side_ad, .side_box h3 {
  text-align: center;
  padding: 0.9375rem 0.9375rem 0 0.9375rem; }

/* DOCUMENT LISTING ========================= */
.mod_docman h3 {
  margin-top: 0; }

ul.doc_list {
  padding: 0;
  margin-bottom: 0; }

ul.doc_list li {
  background: none;
  padding: 0;
  border-bottom: solid 1px #f7f3f3;
  text-align: center; }

ul.doc_list li:last-child {
  border: none; }

ul.doc_list li a {
  color: #2666ad;
  display: block;
  padding: 0.625rem 0.9375rem; }

ul.doc_list li a .icon {
  margin-bottom: 0.3125rem;
  display: inline-block;
  color: #666666; }

ul.doc_list li a .doc_size {
  color: #666666;
  margin-top: 0.3125rem;
  display: inline-block; }

ul.doc_list li a:hover, ul.doc_list li a:focus {
  color: #00aeef;
  background: rgba(0, 0, 0, 0.02); }

/* BOOKMARK ============= */
a.bookmark {
  display: block;
  position: absolute;
  z-index: 99;
  top: -1px;
  right: 0.9375rem;
  width: 30px;
  height: 36px;
  background: url(../images/bookmark.png) 0 0 no-repeat;
  text-indent: -9999px;
  -webkit-transition: top 100ms ease-out;
  -moz-transition: top 100ms ease-out;
  transition: top 100ms ease-out; }

a.bookmark:hover, a.bookmark:focus {
  top: -5px; }

a.bookmark.active {
  background-position: 0 -40px; }

/* SHOW MORE ============= */
a.show_more {
  padding: 0.9375rem;
  text-transform: uppercase;
  color: #6c6c6c;
  display: block;
  line-height: 30px; }

a.show_more:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/show_arrow.png) 0 0 no-repeat #00aeef;
  border-radius: 50%;
  float: right; }

a.show_more.active:after {
  background-position: 0 -30px; }

a.show_more:hover:after, a.show_more:focus:after {
  background-color: #0067b1; }

.show_more_small {
  display: none; }

.show_more_medium {
  display: none; }

.show_more_large {
  display: none; }

.contact_bar {
  background: #ffffff;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
  z-index: 99;
  position: relative; }

.band + .contact_bar {
  margin-top: 0 !important; }

/* PAGINATION
=============================================================================== */
.pagination {
  clear: both;
  margin-top: 1.875rem; }

.pagination ul {
  float: none;
  text-align: center; }

.pagination ul li {
  display: inline-block;
  padding: 0.3125rem;
  background: none;
  color: #bcbcbc; }

.pagination ul li a {
  display: block;
  background: #00aeef;
  color: #ffffff;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.9375rem;
  line-height: 20px;
  min-width: 30px; }

.pagination ul li a:hover, .pagination ul li a:focus {
  color: #ffffff;
  background-color: #0067b1; }

.pagination ul li.icon_next a, .pagination ul li.icon_prev a {
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat; }

.pagination ul li.icon_next a {
  background-image: url(../images/arrow_btn_tran.png); }

.pagination ul li.icon_prev a {
  background-image: url(../images/arrow_btn_back_tran.png);
  background-position: -3px 0; }

/* FOOTER
================================================================================ */
#footer {
  background: #e3e2e1; }

#footer p {
  font-size: 0.75rem; }

ul.small_links {
  margin-top: 1.85rem;
  text-align: center; }

ul.small_links li {
  padding: 0 0.467rem;
  display: inline-block;
  border-right: solid 1px #6c6c6c;
  background: none; }

ul.small_links li:last-child {
  border: none; }

ul.small_links li a {
  color: #6c6c6c;
  font-size: 0.75rem; }

ul.small_links li a:hover, ul.small_links li a:focus {
  color: #00aeef; }

/* JOOMLA OVERRIDES
=============================================================================== */
/* Hide edit links on frontend site */
div.icons {
  display: none !important; }

.support_author {
  display: none; }

@media only screen {
  .row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }

  .column, .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; } }
/* SMALL (up to 640px)
==================================================================================================================================
=============================================================================================================================== */
/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {
  /* GENERAL
  ================================================================================ */
  h1, .h1 {
    font-size: 1.5rem; }

  h2, .h2 {
    font-size: 1.125rem; }

  .h2_rule:before, .h2_rule:after {
    width: 150px; }

  h3, .h3 {
    font-size: 1.125rem; }

  h4, .h4 {
    font-size: 1.0rem; }

  .no_pad_small {
    padding: 0 0.625rem !important; }

  .center_small {
    text-align: left; }

  .right-medium {
    float: right; }

  .left-medium {
    float: left; }

  .padding {
    padding: 1.875rem 0; }

  .white_bg_small {
    background: transparent; }

  /* FOUNDATION ELEMENTS
  ================================================================================ */
  .column, .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; }

  /* HEADER
  ================================================================================ */
  #header {
    background: #ffffff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 99; }

  a#logo, a#logo-mob {
    display: block;
    max-width: 190px;
    margin: 0;
    position: absolute;
    top: -50px;
    padding: 0 0.625rem;
    background: #ffffff; }

  .sys_nav {
    border-bottom: solid 1px #e5f0f7;
    padding: 0.6125rem 0; }

  .sys_nav ul {
    margin: 0;
    padding: 0; }

  .sys_nav ul li {
    padding: 0 0.3125rem;
    margin: 0.625rem 0;
    border-right: solid 1px #e5f0f7;
    display: inline-block;
    line-height: 20px;
    background: none; }

  .sys_nav ul li:last-child {
    border: none; }

  .sys_nav ul li a {
    color: #2666ad; }

  .sys_nav ul li a:hover, .sys_nav ul li a:focus {
    color: #00aeef; }

  form.frm_search {
    margin: 0; }

  /* NAVIGATION
  ================================================================================ */
  #nav {
    padding-left: 0; }

  #nav ul {
    padding: 0;
    margin: 1.125rem 0;
    float: right; }

  #nav ul li {
    padding: 0;
    width: auto;
    float: left;
    position: relative;
    background: none;
    font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; }

  #nav ul > li {
    display: inline-block;
    float: none;
    border-left: solid 1px #e5f0f7;
    padding: 0.3125rem 0.3125rem; }

  #nav ul > li:first-child {
    border: none; }

  #nav ul > li.hide-for-large-up {
    display: inline-block !important; }

  #nav ul li a {
    font-size: 100%;
    text-align: center;
    display: block;
    color: #2666ad; }

  #nav ul li:hover a, #nav ul li a:focus {
    color: #00aeef !important; }

  #nav ul li.active a {
    color: #16375B; }

  /*
  ================================================================================ */
  .main_content {
    margin-top: 1.25rem;
    margin-bottom: 1.35rem; }

  .row.course_search {
    margin: 0 auto;
    height: 60px; }

  .course_search fieldset {
    padding: 0.625rem 0; }

  .course_search input[type="text"] {
    margin: 0.325rem 0; }

  .course_search input[type="submit"], .course_search #clear_btn {
    width: 40px;
    height: 40px; }

  .course_search p {
    line-height: 40px; }

  .course_search p span.or {
    color: #0067b1;
    text-transform: uppercase;
    font-weight: 600;
    float: left; }

  .course_search p .button {
    height: 40px;
    border-radius: 40px;
    float: right;
    line-height: 20px;
    min-width: calc(100% - 40px);
    background: #00aeef; }

  .course_search p .button:hover, .course_search p .button:focus {
    background-color: #0067b1; }

  .course_filter fieldset {
    padding: 0.4687rem 0; }

  .course_filter .select_con {
    float: left;
    width: calc(50% - 0.625rem);
    margin-left: 0.325rem;
    margin-left: 0.325rem; }

  .fixed_on_scroll.stick {
    height: 183px; }

  .fixed_padding.stick {
    padding-top: 193px; }

  .fixed_padding2.stick {
    padding-top: 100px; }

  /* FORMS
  ================================================================================ */
  /* SEARCH FORM ================================================================ */
  form#finder-search {
    margin: 1.865rem 0; }

  /* BUTTONS
  ================================================================================ */
  .relative {
    position: relative; }

  .bot_button, p.btn_con.bot_button {
    position: absolute;
    bottom: 1.250rem;
    width: 100%;
    margin-bottom: 0;
    left: 0; }

  p.big_button {
    margin: 1.25rem 0; }

  /* SOCIAL
  ================================================================================ */
  /* MISC
  ================================================================================ */
  /* ADVERTS ======== */
  .advert, .box {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }

  .advert.band, .box.band {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

  .advert.fact, .box.fact {
    padding-bottom: 0; }

  .box_event .icon_event, .box_event .icon_subject {
    padding: 3.73rem 0 1.865rem 0; }

  .box_event .ad_text, .box_event .course_text {
    padding-top: 1.250rem; }

  .news_img {
    overflow: hidden;
    position: relative; }

  .news_img img {
    /*position: absolute;*/
    max-width: none;
    height: 100%;
    left: 0;
    margin-left: -25%; }

  .news_img img.icon {
    margin: 50px auto; }

  .pad_bot_50 {
    padding-bottom: 50px; }

  .ad_img, .box_img {
    max-width: none;
    max-height: 200px;
    left: 0;
    /*margin-left: -25%;*/ }

  .advert ul.btn_or li, .box ul.btn_or li {
    width: 100%; }

  .advert ul.btn_or li:first-child:after, .box ul.btn_or li:first-child:after {
    display: none; }

  .advert .button-group, .box .button-group {
    width: calc(100% - 2.5rem);
    margin: 1.25rem 1.25rem 0 1.25rem; }

  .advert .button-group a.button, .box .button-group a.button {
    padding: 0.625rem; }

  /* DOCUMENT LISTING ========================= */
  .mod_docman h3 {
    margin-top: 0.9375rem; }

  ul.doc_list {
    margin-bottom: 0.625rem; }

  /* BOOKMARK ============= */
  a.bookmark {
    top: 9px; }

  a.bookmark:hover, a.bookmark:focus {
    top: 4px; }

  .band a.bookmark {
    top: -1px; }

  .band a.bookmark:hover, .band a.bookmark:focus {
    top: -5px; }

  /* SHOW MORE ============= */
  .show_more_small {
    display: block; }

  /* FOOTER
  ================================================================================ */
  .contact_bar {
    margin-top: 0.9375rem;
    padding: 0.9375rem 0 1.85rem 0; }

  .contact_bar h3 {
    font-size: 0.9375rem; }

  .contact_bar p {
    font-size: 0.75rem; }

  .contact_bar hr {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto; }

  ul.logos {
    text-align: center; }

  ul.logos li {
    display: inline-block;
    padding: 0.625rem;
    background: none; }

  ul.logos li a {
    display: block; }

  .equal-cols .columns:nth-child(3n+1) {
    clear: both; } }
@media only screen and (min-width: 745px) {
  .sys_nav form.frm_search {
    max-width: 180px; } }
/* Large (1020px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 64.063em) {
  .right-large {
    float: right; }

  /* GENERAL
  ================================================================================ */
  .h2_rule:before, .h2_rule:after {
    width: 250px; }

  /* FOUNDATION
  ================================================================================ */
  .column, .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem; }

  /* HEADER
  ================================================================================ */
  a#logo, a#logo-mob {
    max-width: 229px;
    top: -55px;
    padding: 0.3125rem 0.625rem; }

  /*form.frm_search fieldset {margin: 1.875rem 0;}*/
  .sys_nav ul li {
    padding: 0 0.9375rem; }

  .sys_nav form.frm_search {
    max-width: none; }

  /* NAVIGATION
  ================================================================================ */
  #nav {
    padding: 0; }

  #nav ul {
    margin: 1.875rem 0; }

  #nav ul > li {
    padding: 0.3215rem 0.625rem; }

  #nav ul > li.hide-for-large-up {
    display: none !important; }

  #nav ul li a {
    font-size: 114%; }

  /* BREADCRUMB
  ================================================================================ */
  /* MAIN CONTENT
  ================================================================================ */
  .course_search p span.or {
    padding-left: 20px; }

  .course_search p .button {
    min-width: calc(100% - 90px); }

  .course_filter .select_con {
    margin-bottom: 0;
    margin-left: 0.9375rem;
    margin-right: 0;
    width: auto; }

  .advert .h3, .advert h3, .box .h3, .box h3 {
    font-size: 1.25rem; }

  .ad_white.ad_news .h3 {
    font-size: 1.125rem; }

  .advert .h4, .advert h4, .box .h4, .box h4 {
    font-size: 1rem; }

  /* FORMS
  ================================================================================ */
  /* BUTTONS
  ================================================================================ */
  /* SOCIAL
  ================================================================================ */
  /* MISC
  ================================================================================ */
  .advert ul.btn_or li, .box ul.btn_or li {
    width: 50%; }

  .advert ul.btn_or li:first-child:after, .box ul.btn_or li:first-child:after {
    display: inline-block; }

  /* FOOTER
  ================================================================================ */
  .contact_bar {
    margin-top: 0.9375rem;
    /*padding: 1.85rem 0 2.125rem 0;*/ }

  ul.logos {
    padding-top: 2.5rem; }

  ul.logos li {
    padding: 1.25rem; }

  /* SHOW MORE ============= */
  .show_more_small {
    display: block; }

  .show_more_medium {
    display: block; } }
@media only screen and (min-width: 90.063em) {
  #nav ul > li {
    padding: 0.3215rem 0.875rem; }

  #nav ul > li:last-child {
    padding-right: 0; }

  #nav ul > li:first-child {
    padding-left: 0; } }
/* COOKIE BAR
======================================= */
#cookie-bar {
  background: #0067b1;
  text-align: left;
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); }

#cookie-bar .row {
  padding: 0 0.9375rem; }

#cookie-bar .row .title {
  float: left;
  font-size: 1.25rem;
  padding-top: 0.9375rem;
  font-weight: 700;
  color: #ffffff;
  margin-top: 0; }

#cookie-bar .row .text {
  clear: both; }

#cookie-bar .row p {
  color: #ffffff; }

#cookie-bar .row a.button {
  float: right;
  margin: 0.9375rem 0 !important; }

@media only screen and (min-width: 40.063em) {
  #cookie-bar .row {
    padding: 0 1.5625rem; }

  #cookie-bar .row .text {
    float: left;
    clear: left; } }
@media only screen and (min-width: 64.063em) {
  #cookie-bar .row {
    padding: 0 0.3125rem; } }
/* SEARCH SUGGESTIONS
======================================= */
.course_search .search_results {
  display: none;
  background: #f7f3f3;
  z-index: 2;
  padding: 0.625rem 0.9375rem;
  margin: 0;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 2.5rem; }

.course_search .search_results p {
  line-height: 1.75; }

.course_search .search_results ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.course_search .search_results ul li {
  margin: 0;
  padding: 0.625rem 0;
  background: none;
  border-top: solid 1px #fff; }

.course_search .search_results ul li a {
  display: block;
  border: none;
  line-height: 1.75; }

.course_search.search_active {
  position: relative; }

.course_search.search_active form {
  position: relative;
  z-index: 5; }

.course_search.search_active .search_results {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .course_search .search_results {
    padding-top: 3.75rem; } }
/* DOCMAN CATEGORY LISTINGS
======================================= */
.docman_cats {
  display: flex;
  flex-shrink: 1;
  flex-wrap: wrap; }
  .docman_cats .cat_link {
    display: flex;
    align-items: center;
    background: #00aeef;
    padding: 0.625rem 3.125rem 0.625rem 0.9375rem;
    margin-bottom: 1.25rem;
    color: #fff;
    position: relative;
    height: calc(100% - 1.25rem);
    transition: background-color 200ms ease-out;
    font-size: 0; }
    .docman_cats .cat_link::after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: url(../images/arrow_btn_white.png) center center no-repeat;
      right: 0.9375rem;
      top: calc(50% - 15px);
      position: absolute;
      transition: right 200ms ease-in; }
    .docman_cats .cat_link:hover, .docman_cats .cat_link:focus {
      background: #0067b1; }
      .docman_cats .cat_link:hover::after, .docman_cats .cat_link:focus::after {
        right: 0.625rem; }
  .docman_cats .icon {
    font-size: 1.875rem;
    display: inline-block;
    margin-right: 0.9375rem; }
  .docman_cats h4 {
    display: inline-block;
    color: #fff;
    margin: 0.625rem 0; }

.docman_doc {
  background: #fff;
  padding: 0.9375rem 1.25rem;
  margin-bottom: 1.25rem; }
  .docman_doc .thumb {
    display: block;
    border: 1px solid #e5f0f7; }
  .docman_doc .button::after {
    right: 10px; }
  .docman_doc .button .details {
    font-size: 0.75rem;
    display: inline;
    margin-top: 0.75rem; }

/* REVISED COURSE PAGES
======================================= */
.box_overlap {
  background: #fff;
  border-radius: 0.625rem;
  width: calc(100% - 20px);
  padding: 0;
  max-width: 75.625rem;
  margin: -4.6875rem auto 0 auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  position: relative; }
  @media only screen and (min-width: 40.063em) {
    .box_overlap {
      padding: 0 0.3125rem;
      margin: -12.5rem auto 0 auto; } }
  .box_overlap::after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.625rem;
    right: -0.625rem;
    bottom: -0.625rem;
    background: linear-gradient(to bottom, rgba(247, 243, 243, 0) 200px, #f7f3f3 300px);
    z-index: 1; }
    @media only screen and (min-width: 40.063em) {
      .box_overlap::after {
        background: linear-gradient(to bottom, rgba(247, 243, 243, 0) 200px, #f7f3f3 500px); } }
  .box_overlap > * {
    position: relative;
    z-index: 2; }
  .box_overlap h1, .box_overlap .h1 {
    margin-top: 0;
    position: relative;
    z-index: 3; }
  .box_overlap .icon {
    width: 7.5rem;
    height: 7.5rem;
    padding: 0.9375rem;
    margin: -3.125rem auto 0 auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    position: relative; }
    .box_overlap .icon::after {
      content: "";
      position: absolute;
      top: 3.125rem;
      left: -0.625rem;
      right: -0.625rem;
      bottom: -0.625rem;
      background: #fff;
      z-index: 1; }
    .box_overlap .icon img {
      position: relative;
      z-index: 2;
      border-radius: 50%;
      padding: 0.625rem;
      display: block; }
  .box_overlap .tags {
    list-style: none;
    margin: 0.9375rem 0;
    padding: 0; }
    .box_overlap .tags li {
      margin: 0.3125rem;
      padding: 0;
      background: none;
      display: inline-block; }
      .box_overlap .tags li a {
        background: #f7f3f3;
        display: block;
        color: #666666;
        border-radius: 0.3125rem;
        padding: 0.5rem 0.625rem;
        transition: background 0.2s ease-in-out;
        border: none;
        font-weight: 400; }
        .box_overlap .tags li a img {
          margin-right: 0.625rem;
          vertical-align: top; }
        .box_overlap .tags li a:hover, .box_overlap .tags li a:focus {
          background: #e3e2e1; }
  .box_overlap .main_content {
    margin-top: 1.25rem; }
  .box_overlap [class*='block-grid'] .box {
    margin: 0;
    padding: 0;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.05); }
    .box_overlap [class*='block-grid'] .box .course_text {
      padding: 1.25rem 0.625rem; }
      .box_overlap [class*='block-grid'] .box .course_text h3, .box_overlap [class*='block-grid'] .box .course_text .h3 {
        color: #6c6c6c; }
  @media only screen and (min-width: 64em) {
    .box_overlap [class*='block-grid'].large-block-grid-flex {
      /* one item */
      /* two items */
      /* three items */
      /* four items */
      /* five items */ }
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(1) {
        /* -or- li:only-child { */
        width: 100%; }
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(2),
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(2) ~ li {
        width: 50%;
        clear: none; }
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(3),
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(3) ~ li {
        width: 33.3333%;
        clear: none; }
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(4),
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(4) ~ li {
        width: 25%;
        clear: none; }
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(5),
      .box_overlap [class*='block-grid'].large-block-grid-flex > li:first-child:nth-last-child(5) ~ li {
        width: 20%;
        clear: none; } }
  .box_overlap .royalSlider .testimonial {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    margin-top: 1.25rem; }
    .box_overlap .royalSlider .testimonial .box {
      margin: 0;
      overflow: hidden; }
  .box_overlap .royalSlider .rsBullets {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 15px;
    overflow: hidden; }
    .box_overlap .royalSlider .rsBullets .rsBullet {
      width: 10px;
      height: 10px;
      display: inline-block;
      margin: 0 5px; }
      .box_overlap .royalSlider .rsBullets .rsBullet span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffffff; }
      .box_overlap .royalSlider .rsBullets .rsBullet.rsNavSelected span {
        background-color: #9a9a9a; }

.box.band:not(.auto_height) {
  min-height: 8.75rem; }
  @media only screen and (min-width: 40.063em) {
    .box.band:not(.auto_height) {
      min-height: 16.875rem; } }

.sidebar {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden; }
  .sidebar .box {
    margin: 0; }
    .sidebar .box.box_white:not(:last-child) {
      border-bottom: 1px solid #e3e2e1; }
    .sidebar .box.box_blue:not(:last-child) {
      border-bottom: 1px solid #fff; }

.rounded {
  border-radius: 0.5rem; }

.fee {
  border: 1px solid #00aeef;
  border-radius: 0.5rem;
  overflow: hidden; }
  .fee p {
    background: #00aeef;
    color: #fff;
    margin: 0;
    padding: 0.625rem 0;
    font-size: 1rem; }

.payments {
  margin: 0.625rem 0; }
  .payments li {
    background: none;
    padding: 0.4375rem 0 0.4375rem 2.5rem;
    margin-bottom: 0.625rem;
    clear: both;
    position: relative; }
    .payments li::after {
      font-family: Font Awesome\ 5 Free;
      font-weight: 900;
      font-size: 16px;
      line-height: 30px;
      display: block;
      position: absolute;
      text-align: center;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #00aeef;
      color: #ffffff; }
    .payments li.tick::after {
      content: "\f00c"; }
    .payments li.cross::after {
      background: #cbc8c8;
      content: "\f00d"; }

.preview {
  background: #00aeef;
  background-image: linear-gradient(135deg, #00aeef 25%, #09aced 25%, #09aced 50%, #00aeef 50%, #00aeef 75%, #09aced 75%, #09aced 100%);
  background-size: 14.14px 14.14px;
  overflow: hidden;
  text-transform: uppercase;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; }
  .preview p {
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem; }

.kis-widget {
  margin: 0 0 0.9375rem 0; }

.btn_bot {
  position: relative;
  padding-bottom: 40px; }
  .btn_bot p.btn_con {
    margin-top: 15px;
    margin-bottom: 8px;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0; }

/* ACCESSIBILITY FIXES
======================================= */
.sr_only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }
  .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none; }

#toggle_play {
  font-size: 1.875rem;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 999;
  background: none;
  color: #00aeef;
  transition: color 0.3s ease-out;
  outline: none !important; }
  #toggle_play:hover, #toggle_play:focus {
    color: #0067b1; }
  .testimonials #toggle_play {
    color: #fff; }
    .testimonials #toggle_play:hover, .testimonials #toggle_play:focus {
      color: #0067b1; }

/* PRINT STYLES
======================================= */
@media print {
  nav.tab-bar, aside, #header .sys_nav, #header #nav, .row.main_content .medium-4, .main-section .row .medium-3.medium-push-3, .contact_bar, #footer, .sidenav, .show_more.hide-for-medium-up, #cookie-bar, .fixed_on_scroll, .course_search, .course_search_sml, .print, a.apply_bar {
    display: none; }

  #header {
    border-bottom: solid 5px #f7f3f3; }

  a#logo {
    margin: 1.25rem auto 0 auto !important; }

  .h2_rule:before, .h2_rule:after {
    display: none; }

  ul.inline_block li, .button {
    border: 1px solid #666; }

  .medium-block-grid-5 {
    display: flex; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }

  .medium-block-grid-5 > li .box {
    height: 100% !important; }

  .advert, .box {
    padding-bottom: 0; }

  .advert .ad_text, .box .course_text {
    padding: 1.25rem 0; }

  .bfQuickMode button:after, .button:after, .box .button:after {
    position: static;
    width: auto;
    height: auto;
    background: none;
    bottom: 0; }

  .royalSlider, .royalSlider * {
    width: 100% !important;
    height: auto !important; }

  .rsContainer {
    transform: none !important; }

  .rsSlide {
    position: static;
    left: 0; }

  .row.fixed_padding.fixed_padding2 .small-12.medium-4.columns.no_pad_small, #filter_results .small-12.medium-4.columns.no_pad_small {
    width: 50% !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important; }

  .row.fixed_padding.fixed_padding2 .small-12.medium-4.columns.no_pad_small:nth-of-type(even), #filter_results .small-12.medium-4.columns.no_pad_small:nth-of-type(even) {
    clear: both; }

  .row.fixed_padding.fixed_padding2 .small-12.medium-4.columns.no_pad_small .box .course_text, #filter_results .small-12.medium-4.columns.no_pad_small .box .course_text {
    padding-bottom: 3.125rem; }

  [data-equalizer-watch] {
    height: auto !important; }

  ul {
    margin: 0 0 0 1.125rem; }

  ul li {
    list-style: disc;
    padding-left: 0; }

  a[href]:after {
    content: none !important; }

  .accordion .accordion-navigation > .content, .accordion dd > .content {
    /* open accordions on print */
    display: block; }

  .box .icon_subject.inline, .box:not(.fact) .icon_subject {
    border-radius: 50%;
    padding: 0.625rem; }

  /* Colours */
  .box .icon_subject {
    -webkit-print-color-adjust: exact; }

  .band.box_purple {
    border-color: #5c2b85; }

  .band.box_mauve {
    border-color: #7b2656; }

  .band.box_pink {
    border-color: #ea1b75; }

  .band.box_red {
    border-color: #ea1d2d; }

  .band.box_orange {
    border-color: #f26322; }

  .band.box_lime {
    border-color: #c1d52f; }

  .band.box_green {
    border-color: #79bc43; }

  .band.box_dgreen {
    border-color: #369044; }

  .band.box_lteal {
    border-color: #4cadaa; }

  .band.box_teal {
    border-color: #007481; }

  .band.box_blue {
    border-color: #00aeef; }

  .band.box_dblue {
    border-color: #0067b1; }

  .box_purple .icon_subject {
    background-color: #5c2b85 !important; }

  .box_mauve .icon_subject {
    background-color: #7b2656 !important; }

  .box_pink .icon_subject {
    background-color: #ea1b75 !important; }

  .box_red .icon_subject {
    background-color: #ea1d2d !important; }

  .box_orange .icon_subject {
    background-color: #f26322 !important; }

  .box_lime .icon_subject {
    background-color: #c1d52f !important; }

  .box_green .icon_subject {
    background-color: #79bc43 !important; }

  .box_dgreen .icon_subject {
    background-color: #369044 !important; }

  .box_lteal .icon_subject {
    background-color: #4cadaa !important; }

  .box_teal .icon_subject {
    background-color: #007481 !important; }

  .box_blue .icon_subject {
    background-color: #00aeef !important; }

  .box_dblue .icon_subject {
    background-color: #0067b1 !important; }

  .box_purple_text .icon_subject {
    background-color: #5c2b85 !important; }

  .box_mauve_text .icon_subject {
    background-color: #7b2656 !important; }

  .box_pink_text .icon_subject {
    background-color: #ea1b75 !important; }

  .box_red_text .icon_subject {
    background-color: #ea1d2d !important; }

  .box_orange_text .icon_subject {
    background-color: #f26322 !important; }

  .box_lime_text .icon_subject {
    background-color: #c1d52f !important; }

  .box_green_text .icon_subject {
    background-color: #79bc43 !important; }

  .box_dgreen_text .icon_subject {
    background-color: #369044 !important; }

  .box_lteal_text .icon_subject {
    background-color: #4cadaa !important; }

  .box_teal_text .icon_subject {
    background-color: #007481 !important; }

  .box_blue_text .icon_subject {
    background-color: #00aeef !important; }

  .box_dblue_text .icon_subject {
    background-color: #0067b1 !important; }

  .fee {
    padding: 0 0.625rem; } }