/* Reset */
* {margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
ol {margin:0; padding:10px 10px 10px 40px; }
ul {list-style-type:square; margin:0; padding:10px 10px 10px 40px; }
ol li {margin-bottom:6px; }
ul li {margin-bottom:6px; padding: 0; }
img {line-height:0; padding:0; margin:0; outline:none; border:none; text-decoration:none; }
a {outline:none; border:none; text-decoration:none; color:#373994; transition:all 0.3s; }
a:hover {text-decoration:underline; }
//p, blockquote, iframe {padding-bottom:20px!important; }
p {padding-bottom:15px; }

aside {font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* BODY */
html, body {
	overflow-x:hidden;
}
body {
	position:relative;
	margin: 0;
	padding: 0;
	color: #5d5d5d;
	font-family:'Poppins', sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height:1.3;
	-webkit-text-size-adjust:none;
	-webkit-overflow-scrolling:touch;
	//-webkit-font-smoothing:antialiased;
}
.no-overflow {
	overflow:hidden;
}

.ie9 img[src$='.svg'] {
	width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src$='.svg'] {
		width: 100%; 
	}
}

/* SCROLL BAR */
@media screen and (min-width: 603px) {
	::-webkit-scrollbar {
		width:8px;
	} 
	::-webkit-scrollbar-track {
		border-left:1px solid #eeeeee;
		-webkit-border-radius:0;
		border-radius:0;
		background:#eeeeee;
	}
	::-webkit-scrollbar-thumb {
		-webkit-border-radius:0;
		border-radius:0;
		background:#bbbbbb;
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background:#eeeeee;
	}
}

/* LOADER */
.loader-container {
	display:none;
	position:absolute;
	z-index:3;
	height:500px;
	width:100%;
	background-color:#ffffff;
}
.loader-table {
	display:table;
	height:100%;
	width:100%;
}
.loader-dots {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.loader-dots .dot {
	display:inline-block;
	position:relative;
	margin:5px 10px;
	width:12px;
	height:12px;
	border-radius:50%;
	background-color:#8fb5e0;
	opacity:0;
	animation:showHideDot 2.5s ease-in-out infinite;
}
.loader-dots .one {animation-delay:0.2s; }
.loader-dots .two {animation-delay:0.4s; }
.loader-dots .three {animation-delay:0.6s; }
@keyframes showHideDot {
	0% {opacity: 0; }
	50% {opacity: 1; }
	60% {opacity: 1; }
	100% {opacity: 0; }
}

/* BUTTONS */
.button-default {
	display:inline-block;
	margin:0;
	padding:10px 28px;
	border:1px solid transparent;
	background-color:#002d74;
	color:#ffffff;
	border-radius:0;
	font-family:inherit;
	font-size:16px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
@media (hover: hover) {
.button-default:hover {
	transform:translateY(-2px);
	background-color:#173e77;
	text-decoration:none!important;
}
}
.button-shadow {
	box-shadow:0px 10px 12px -11px rgba(0, 0, 0, 0.75);
}
.button-max {
	width:100%;
}
.button-p {
	border:none;
	background-color:#002d74;
	color:#ffffff;
}
.button-p:hover {
	background-color:#7c488c;
}
.button-n {
	border-color:#002d74;
	background-color:transparent;
	color:#002d74;
}
.button-n:hover {
	background-color:#002d74;
	color:#ffffff;
}
.button-w {
	background-color:transparent;
	border-color:#ffffff;
	color:#ffffff;
}
.button-w:hover {
	background-color:#ffffff;
	color:#373994;
}
.button-fw {
	border-color:#ffffff;
	background-color:#ffffff;
	color:#373994;
}
.button-fw:hover {
	border-color:#f5f5f5;
	background-color:#f5f5f5;
	color:#373994;
}
.button-o {
	border-color:#002d74;
	background-color:#002d74;
	color:#34001b;
}
.button-o:hover {
	border-color:#ffd13b;
	background-color:#ffd13b;
	color:#34001b;
}
.button-r {
	border-color:#f01a12;
	background-color:#f01a12;
	color:#ffffff;
}
.button-r:hover {
	border-color:#ff4c53;
	background-color:#ff4c53;
	color:#ffffff;
}
.button-e {
	border-color:#a7a9ac;
	background-color:#a7a9ac;
	color:#ffffff;
}
.button-e:hover {
	border-color:#a9aeb5;
	background-color:#a9aeb5;
	color:#ffffff;
}
.button-search {
	border:none;
	background-color:#ffffff;
	color:#6aa3d6;
	font-size:22px!important;
}
.button-search:hover {
	background-color:#f5f5f5;
	color:#6aa3d6;
}
.button-g {
	border:none;
	background-color:#efefef;
}
.button-g:hover {
	background-color:#f5f5f5;
	color:#373994;
}
.menu-search-button, .button-nmargin {
	margin:0;
}
.button-xs {
	padding:5px 17px;
	font-size:11px;
}
.button-s {
	padding:7px 20px;
	font-size:12px;
}
.button-m {
	padding:9px 22px;
	font-size:15px;
}
.button-xl {
	padding:10px 40px;
	font-size:17px;
}
.button-right {
	float:right;
	margin-left:15px;
}
.topbar-button {
	width:125px;
}
.bflash {
	-moz-animation: bflash 1s;
	-webkit-animation: bflash 1s;
	-ms-animation: bflash 1s;
}
@-webkit-keyframes bflash {
	0% {background-color:#41443f; color:#ffffff; }        
	100% {background-color:none; }
}
@-moz-keyframes bflash {
	0% {background-color:#41443f; color:#ffffff; }        
	100% {background-color:none; }
}
@-ms-keyframes bflash {
	0% {background-color:#41443f; color:#ffffff; }        
	100% {background-color:none; }
}

/* IMAGES */
.mainimg {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}
.status-icon {
	padding:30px 0;
	color:#9f9f9f;
	font-size:15px;
	font-weight:300;
	text-align:center;
	cursor:default;
}
.status-icon img {
	width:100%;
	max-width:130px;
	margin-bottom:15px;
	padding:0;
	border:none;
}
.no-content {
	padding:80px 0;
	font-size:25px;
	font-weight:300;
	text-align:center;
	cursor:default;
}
.no-content img {
	width:100%;
	max-width:200px;
	margin-bottom:15px;
	padding:0;
	border:none;
}
.no-content i {
	font-size:150px;
	color:#cccccc;
}
.overlay::before {
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%
	height:100%;
	background-color:rgba(0, 0, 0, 0.3);
}

/* HEADINGS */
h1, h2.home-intro-title {
	position:relative;
	clear:both;
	font-size:36px;
	font-weight:300;
	line-height:1;
	text-transform:uppercase;
}
h2.home-intro-sub {
	font-size:25px;
	font-weight:400;
	line-height:1;
	text-transform:uppercase;
}
h2 {
	clear: both;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.1;
}
h3 {
	margin-bottom:8px;
	font-size:18px;
	font-weight:500;
	line-height:1.3;
}
h2.strong {
	font-weight:500;
}
.page-header {
	margin-bottom:40px;
	font-size:22px;
	font-weight:500;
	text-transform:uppercase;
}

/* STRUCTURE */
.wrapper, .wrapper-s, .wrapper-xs, .wrapper-xxs {
	position: relative;
	clear: both;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}
.wrapper-s {
	max-width:1180px;
}
.wrapper-xs {
	max-width:1050px;
}
.wrapper-xxs {
	max-width:850px;
}
.wrapper-pad {
	padding-top:55px;
	padding-bottom:75px;
}
.wrapper-pad-xl {
	padding-top:110px;
	padding-bottom:110px;
}
.wrapper-pad-l {
	padding-top:70px;
	padding-bottom:70px;
}
.wrapper-pad-m {
	padding-top:45px;
	padding-bottom:45px;
}
.wrapper-pad-s {
	padding-top:30px;
	padding-bottom:30px;
}
.wrapper-pad-xs {
	padding-top:15px;
	padding-bottom:15px;
}
.wrapper-pad-p {
	padding:30px;
}
.column100 {
	width:100%;
}
.column75 {
	width:75%;
}
.column70 {
	width:70%;
}
.column68 {
	width:68%;
}
.column58 {
	width:58%;
}
.column50 {
	width:50%;
}
.column49 {
	width:49%;
}
.column48 {
	width:48%;
}
.column47 {
	width:47%;
}
.column38 {
	width:38%;
}
.column30 {
	width:30%;
}
.column33 {
	width:33%;
}
.column28 {
	width:28%;
}
.main-pad {
	padding-top:115px;
}
#content {
	min-height:500px;
}
.content-load {
	height:500px;
	overflow:hidden;
}

/* TABLES */
.table {
	display:table;
	width:100%;
	border-collapse:collapse;
}
.table-auto {
	height:auto;
}
.table-full {
	height:100%;
}
.table-row {
	display:table-row;
}
.table-cell {
	display:table-cell;
}
.table-cell-t {
	vertical-align:top;
}
.table-cell-m {
	vertical-align:middle;
}
.table-cell-b {
	vertical-align:bottom;
}
.table-nheight {
	height:auto;
}

/* TABLES - DATA */
.data-preview {
	width:100%;
	border-collapse:collapse;
}
.data-preview th, .data-preview td {
	padding:12px 10px;
	border-bottom:1px solid #002d74;
	font-size:18px;
	font-weight:300;
	text-align:left;
}
.data-preview th {
	font-weight:700;
}
.data-preview-col {
	border-right:30px solid #ffffff;
}
.data-preview tbody tr {
	transition:all 0.2s;
}
.data-preview-highlight {
	border-top:2px solid #41443f;
	border-bottom:2px solid #41443f;
}
.data-preview td:first-child {
	font-weight:600;
}

/* TOP BAR */
#topbar {
	position:fixed;
	z-index:10;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100px;
	background-color:#ffffff;
	transition:all 0.3s;
}
.topbar-spacer { 
	height:100px;
}
.topbar-spacer-l { 
	height:195px;
}
.topbar-b {
	color:#000000;
}
.topbar-w {
	background-color:transparent!important;
}
.topbar-w .nav-list a {
	color:#ffffff;
}
.topbar-b .top-shadow {
	text-shadow:0 0 9px rgba(255, 255, 255, 0.7);
}
.topbar-w .top-shadow {
	text-shadow:0 0 6px rgba(0, 0, 0, 1);
}
.topbar-scroll, .topbar-shrink {
	height: 70px!important;
	padding-top: 17px!important;
	background-color: #ffffff;
}
.topbar-shadow {
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
.topbar-shadow-hide {
	box-shadow:none!important;
}
.sbar {
	position:absolute;
	z-index:1;
	bottom:-35px;
	left:0;
	width:100%;
	height:35px;
	line-height:35px;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
}
.sbar h1 {
	font-family: 'Poppins', sans-serif;
	line-height:35px;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
}
#logo {
	position: absolute;
	top: 13px;
	left: 20px;
	margin: auto;
	display: block;
	width: 285px;
	height: 73px;
	background-image: url('../img/wbs-bm-02.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	transition: 0.3s all;
}
.topbar-scroll #logo, .topbar-shrink #logo {
	width: 223px;
    height: 57px;
    top: -12px;
	background-size:100% 100%;
}
.top-search, .top-search-w {
	position:relative;
	z-index:1002;
	width:24px;
	height:28px;
	margin:58px 17px 0 10px;
	background-image:url(../img/icon-search.svg);
	cursor:pointer;
	transition:0.3s ease-in-out;
}
.topbar-scroll .top-search, .topbar-scroll .top-search-w {
	margin:35px 17px 0 10px;
}
.top-search-w {
	background-image:url(../img/icon-search-w.svg);
	margin-top:35px;
}
.top-search-m, .top-search-f {
	background-image:url(../img/icon-search-w.svg);
}
.table-topbar-login {
	width:220px;
}
.table-topbar-social {
	padding-top:7px;
	text-align:center;
	transition:0.2s ease-in-out;
}
.table-topbar-social .social-tel {
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
}
.table-topbar-social .social-icon {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	font-size:28px;
	color:#ffffff;
}
.topbar-scroll .table-topbar-social {
	padding-top:3px;
}

/* MAIN MASK */
#menumask {
	display:none;
	position:fixed;
	z-index:1001;
	top:0;
	bottom:0;
	right:-280px;
	width:280px;
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
	box-shadow:-5px 0 5px 1px rgba(0, 0, 0, 0.1);
}
.menu-cover {
	display:none;
	position:absolute;
	position:fixed;
	z-index:1000;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255, 255, 255, 0.8);
}
.menu-bar, .menu-bar-home {
	position:fixed;
	top:31px;
	transition:all 0.5s;
}
.menu-bar-home {
	top:79px;
}
.menu-bar-scroll {
	top:52px;
}
.menu-frame {
	display:table;
	width:100%;
	height:100%;
	margin:auto;
	padding:45px 25px 40px;
}
.menu-wishlist {
	display:none;
	padding:0 10px;
	text-align:left;
}
.wishlist-close {
	float:right;
	width:28px;
	height:28px;
	background-image:url(../img/wishlist-close.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:30px;
	cursor:pointer;
}
.menu-search {
	display:none;
	vertical-align:middle;
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.menu-search-input {
	width:100%;
	margin-bottom:10px;
	padding:15px;
	color:#ffffff;
	background-color:transparent;
	border:none;
	font-family:inherit;
	font-size:70px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance:none;
	text-align:center;
	transition:all 0.4s;
}
.menu-search-input-s {
	margin-bottom:0;
	padding:10px;
	font-size:32px;
}
.menu-search-box {
	height:56px;
}
.menu-search-button {
	margin:0;
}
.menu-search-close {
	margin-top:8px;
}
.menu-search-button-s {
	padding:7px 22px;
	font-size:15px;
}
.search-results {
	padding-top:50px;
	color:#ffffff;
	font-size:18px;
}
.search-results-button {
	display:inline-block;
	width:auto;
	margin:7px;
}
.menu-pad {
	padding-top:20px;
}
.menu-expand {
	text-align:left;
}
.menu-next {
	display:block;
	margin:25px 0 0;
	font-size:16px;
	line-height:1;
	color:#373994;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
}
.menu-drop {
	display:none;
}
.menu-drop-item {
	display:block;
	padding:15px 12px 0;
	font-size:17px;
	font-weight:400;
	line-height:1;
	text-decoration:none;
}
.menu-next a, .menu-drop-item a {
	text-decoration:none;
}
.menu-drop h3 {
	padding:15px 0 3px 0;
	margin:0 0 5px 13px;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	color:#999999;
	border-bottom:1px solid #999999;
}
.unrotated {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	transition:.2s ease-in-out;
}
.rotated {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	transition:.2s ease-in-out;
}

.menu-search-input::-webkit-input-placeholder {color:#828282; }
.menu-search-input:-moz-placeholder {color:#828282; }
.menu-search-input::-moz-placeholder {color:#828282; }
.menu-search-input:-ms-input-placeholder {color:#828282; }
.menu-search-placeholder {color:#828282; }

.menu-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}
.menu-list li {
	display:block;
	padding:0;
	margin:0 0 20px 0;
}
.menu-list li a {
	//color:#6f6f6f;
	font-size:19px;
	line-height:1;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none!important;
}
.mask-active {
	border-bottom:1px solid #ffffff;
}
.menu-sub-list {
	margin:10px 0 30px;
	padding:0;
	font-size:20px;
}
.menu-sub-active {
	color:#000000!important;
}
.menu-list li:last-child .menu-sub-list {
	margin-bottom:0;
}
a.menu-item:hover, .menu-sub-active {
	color:#000000!important;
}

.faq-expand {
	text-align:left;
}
.faq-next {
	position:relative;
	display:block;
	margin:15px 0 0;
	padding:18px 65px 18px 25px;
	font-size:17px;
	line-height:1;
	font-weight:500;
	background-color:#8fb5e0;
	color:#ffffff;
	text-decoration:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	cursor:pointer;
	transition:all 0.3s;
}
@media (hover: hover) {
	.faq-next:hover {
		background-color:#a4c2e4;
	}
}
.faq-next::before {
	content: '\f078';
	font-family: 'Font Awesome 5 Pro';
	font-size: 25px;
	position: absolute;
	z-index: 1;
	top: 13px;
	right: 20px;
	width: 20px;
	height: 20px;
	margin: auto;
	/* background:transparent url('../img/faqs-close.svg') no-repeat center; */
	opacity: 1;
	transition: all 0.3s;
	text-align: center;
}
.faq-next-active {
	background-color: #002d74;
	color: #ffffff;
}
@media (hover: hover) {
	.faq-next-active:hover {
		background-color:#173e77;
	}
}
.faq-next-active::before {
	content: '\f00d';
	opacity: 1;
}
.faq-drop {
	display:none;
	margin-top:10px;
	padding:18px 25px;
	font-size:17px;
	line-height:1.3;
	font-weight:400;
	background-color:#f1f1f2;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.faq-drop ul {
	padding-top:0;
	padding-bottom:0;
}
.faq-drop li {
	margin-bottom:0;
}

/* MENU */
.nav-list {
	list-style:none;
	height:auto;
	padding:0;
	margin: 34px 0 0;
	//transition:0.3s ease-in-out;
	transition:all 0.3s;
}
.nav-list {
	padding:0;
}
.topbar-scroll .nav-list, .topbar-shrink .nav-list {
	margin-top: 1px;
}
.nav-list > li {
	float:right;
	border:none;
	padding:0;
	margin:0;
}
.nav-list > li > a {
	display:block;
	height:100%;
	margin:0 10px 0;
	padding-top:1px;
	color: #005399;
	font-size:14px;
	line-height:30px;
	font-weight:400;
	border-bottom:2px solid transparent;
	text-decoration:none!important;
	cursor:pointer;
}
.gstart {
	padding:1px 12px 0;
	background-color:#002d74;
	border-radius:0;
	color:#ffffff!important;
	font-weight:500!important;
	transition:all 0.3s;
}
@media (hover: hover) {
.gstart:hover {
	transform:translateY(-1px);
	background-color:#173e77;
	border-bottom:2px solid transparent!important;
}
}
.nav-list > li:last-child > a {
	margin-left:0;
}
.nav-list > li:first-child > a {
	margin-right:0;
}
.nav-list .nchild:hover {
	border-bottom:2px solid #002d74;
}

.nav-list .schild {
	position:relative;
}
.nav-list .schild::after {
	bottom:-28px;
	left:50%;
	border:solid transparent;
	content:'';
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(46, 49, 146, 0);
	border-bottom-color:#373994;
	border-width:10px;
	margin-left:-10px;
	transition:0.2s ease-in-out;
	opacity:0;
	visibility:hidden;
}
.topbar-scroll .nav-list .schild::after {
	bottom:-15px;
}
.nav-list .nav-child {
	position:absolute;
	z-index:1;
	top:57px;
	width:100%;
	padding:30px 30px 5px 30px;
	background-color:#373994;
	color:#ffffff;
	text-align:center;
	box-shadow:0 8px 25px 0px rgba(0, 0, 0, 0.2);
	//transition:0.2s ease-in-out;
	transition:all 0.2s;
	opacity:0;
	visibility:hidden;
	//white-space:nowrap;
	overflow-y:auto;
}
.topbar-scroll .nav-child {
	top:44px;
}
.nav-list .schild-active.schild::after, .nav-list .schild-active + .nav-child {
	visibility:visible;
	opacity:1;
}
.nav-child-col {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	white-space:nowrap;
}
.nav-child-col > li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	min-width:120px;
	max-width:300px;
	margin:0 40px 25px 0;
	padding:0;
	text-align:left;
	white-space:normal;
}
.nav-child-col > li::after {
	content:'';
	position:absolute;
	z-index:1;
	right:-24px;
	top:0;
	height:100%;
	border-right:1px solid #ffffff;
}
.nav-child-col > li:last-child {
	margin-right:0;
}
.nav-child-col > li:last-child::after {
	display:none;
}
.nav-child-col > li h3 {
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
}
.nav-child-col > li > a {
	color:#ffffff;
	font-size:14px;
}
.nav-child-links {
	list-style:none;
	padding:0;
	margin:0;
}
.nav-child-links > li {
	margin-top:7px;
	line-height:1.1;
}
.nav-child-links > li > a {
	color:#ffffff;
	font-size:14px;
}
.nav-center {
	left:50%;
	transform:translateX(-50%);
}
.nav-cat-link {
	margin:0 0 5px 0!important;
	text-align:left;
}
.nav-child-link::after {
	display:none!important;
}
.nav-cat-link:last-child {
	margin-bottom:30px!important;
}
.nav-cat-link > a {
	color:#ffffff;
	font-size:14px;
}
.nav-stack {
	left:15px!important;
	right:15px!important;
	width:auto!important;
	text-align:left!important;
	white-space:unset!important;
}
.nav-stack .nav-child-col > li::after {
	display:none;
}

.cactive {
	border-bottom:2px solid #002d74!important;
}
.topbar-w .cactive {
	border-bottom:2px solid #34001b!important;
}
.topbar-scroll .cactive {
	//border-bottom:2px solid #41443f!important;
}
.cbar-icon {
	margin-top:25px;
	font-size:18px!important;
}
.cbar-icon:hover {
	text-decoration:none;
}
.cbar-icon i:hover {
	color:#ff00a0;
}
.topbar-button {
	float:right;
	margin-top:62px;
	margin-left:20px;
}
.topbar-scroll .topbar-button {
	margin-top:23px;
}

/* HAMBURGER */
#navicon {
	display:none;
	float:right;
	width:36px;
	height:25px;
	position:relative;
	z-index:1002;
	margin:45px 5px 0 25px;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	cursor:pointer;
}
.topbar-scroll #navicon, .topbar-shrink #navicon {
	margin-top:1px;
}
#navicon span {
	display:block;
	position:absolute;
	height:2px;
	width:100%;
	border-radius:2px;
	opacity:1;
	left:0;
	background-color:#373994;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}
#navicon span:nth-child(1) {
	top:0px;
}
#navicon span:nth-child(2), #navicon span:nth-child(3) {
	top:10px;
}
#navicon span:nth-child(4) {
	top:20px;
}
#navicon.open span:nth-child(1) {
	top:10px;
	width:0%;
	left:50%;
}
#navicon.open span:nth-child(2) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#navicon.open span:nth-child(3) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#navicon.open span:nth-child(4) {
	top:10px;
	width:0%;
	left:50%;
}
.topbar-w #navicon span {
	background-color:#ffffff;
}
#navicon.open {
	//margin-top:-25px;
}
#navicon.open span {
	background-color:#59595b;
}

/* PAGES / GENERAL */
.bcrumb {
	position:absolute;
	z-index:3;
	top:135px;
	left:0;
	right:0;
	margin:auto;
	color:#7d7d7d;
	font-size:10px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:default;
}
.bcrumb a {
	color:#7d7d7d;
	text-decoration:none;
}
.bcrumb a:hover {
	color:#41443f;
}
.left-bar {
	position:relative;
	float:left;
	width:24%;
}
.left-container {
	position:relative;
}
#left-menu {
	z-index:1;
}
.left-menu-fixed {
	position:fixed;
}
.left-menu-abs {
	position:absolute;
	bottom:0;
}
.left-register {
	padding:0;
	font-size:15px;
	font-weight:300;
}
.right-bar {
	position:relative;
	float:right;
	width:71%;
	min-height:700px;
}
.widget-fitem {
	padding:4px 7px;
	margin:0 0 15px 5px;
	background-color:#f01a12;
	border-radius:2px;
	color:#ffffff;
	font-size:10px;
	font-weight:600;
	white-space:nowrap;
	text-transform:uppercase;
}
.left-title {
	padding:15px 20px;
	text-transform:uppercase;
}
.left-filter {
	list-style:none;
	padding:0;
	margin:0;
}
.left-filter > li {
	position:relative;
	display:block;
	margin:0;
	padding:7px 50px 7px 35px;
	border-top:1px solid #dadada;
	text-transform:uppercase;
	cursor:pointer;
	transition:0.3s all;
}
@media (hover: hover) {
.left-filter > li:hover {
	background-color:#f7f7f7;
}
}
.left-active {
	background-color:#c7daef!important;
}
.left-colour {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:20px;
	height:100%;
	height:calc(100% + 1px);
}
.left-count {
	position:absolute;
	z-index:1;
	top:7px;
	right:20px;
	text-align:right;
}
.terms-content {
	line-height:1.1;
}
.terms-content h1 {
	margin:20px 0 0;
	font-size:20px;
}
.terms-content ul, .terms-content ol {
	padding-top:0;
	padding-bottom:0;
}
.terms-content li {
	margin-bottom:0;
}
.mainbar-sub {
	position:fixed;
	z-index:999;
	bottom:0;
	right:0;
	width:100%;
	padding:13px 18px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

/* SIGN IN */
.signin-box {
	max-width:400px;
	margin:auto;
	padding:35px;
	background-color:#ffffff;
	-webkit-box-shadow:0 0 30px 0 rgba(50, 50, 50, 0.35);
	-moz-box-shadow:0 0 30px 0 rgba(50, 50, 50, 0.35);
	box-shadow:0 0 30px 0 rgba(50, 50, 50, 0.35);
}
.signin-col-input {
	width:35%;
	padding:50px;
	text-align:center;
}
.signin-col-img {
	box-shadow:0 0 25px 3px rgba(0, 0, 0, 0.3);
}
.signin-logo {
	display:inline-block;
	width:260px;
	height:90px;
	background-image:url(../img/wits-bm.png);
}
.signin-input {
	height:auto;
	padding:12px 15px;
	font-size:17px;
	font-weight:400;
}
.signin-notifier {
	display:none;
	position:relative;
	margin:0 0 15px 0;
	background-color:#393a3d;
	color:#ffffff;
}
.signin-notifier-msg {
	padding:12px 40px 12px 15px;
	font-size:18px;
	text-align:left;
}
.signin-notifier-close {
	position:absolute;
	z-index:1;
	top:11px;
	right:12px;
	width:25px;
	height:25px;
	background:transparent url('../img/e-close-w.png') no-repeat center center;
	background-size:cover;
	cursor:pointer;
}
.signin-col-input .check-input, .signin-col-input .button-default {
	margin:5px 0;
}
.signin-col-input .check-input {
	background-color:#e5e5e4;
}

/* HOME PAGE */
.div-list {
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	list-style:none;
	height:auto;
	padding:0;
	margin:auto;
	max-width:950px;
}
@supports (-ms-accelerator:true) {.div-list {justify-content:space-around; } }
@supports (-ms-ime-align:auto) {.div-list {justify-content:space-around; } }
.div-list > li {
	display:inline-block;
	vertical-align:top;
	width:220px;
	padding:0;
	margin:0 10px 40px;
	text-align:center;
}
.div-list > li a, .div-list > li > span {
	display:block;
	padding:0;
	margin:auto;
	transition:all 0.3s;
	cursor:pointer;
}
@media (hover: hover) {
.div-list > li a:hover, .div-list > li > span:hover {
	transform:translateY(-2px);
	text-decoration:none;
}
.div-list > li a:hover .button-w {
	background-color:#ffffff;
	color:#373994;
}
.div-list > li > span:hover .button-n {
	background-color:#002d74;
	color:#ffffff;
}
}
.div-list-icon {
	height:130px;
}
.div-list-title {
	margin:15px 0 20px;
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
}
.featured-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.featured-list > li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:31.5%;
	padding:0;
	margin:0 -4px 30px 2.75%;
	text-align:center;
}
.featured-list > li:nth-child(3n+1) {
	margin-left:0;
}
.featured-list > li a {
	display:block;
	transition:all 0.3s;
}
@media (hover: hover) {
	.featured-list > li a:hover {
		transform:translateY(-2px);
		text-decoration:none;
		box-shadow:0 8px 25px 0px rgba(0, 0, 0, 0.2);
	}
}
.featured-img {
	height:370px
}
.featured-title, .featured-member {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	padding:15px 20px;
	background-color:#8fb5e0;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	line-height:1.1;
}
.featured-member {
	top:auto;
	bottom:0;
}
.blog-list, .news-list, .upcoming-list, .course-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.course-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.blog-list > li, .news-list > li, .upcoming-list > li, .course-list > li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:48.5%;
	padding:0;
	margin:0 -4px 30px 3%;
	background-color:#ffffff;
	text-align:left;
}
.course-list > li {
	margin:0 -4px 30px 0;
}
.blog-list > li:nth-child(2n+1) {
	margin-left:0;
}
.news-list > li:nth-child(2n) {
	margin-left:0;
}
.upcoming-list > li:nth-child(2n+1) {
	margin-left:0;
}
.upcoming-list-3 > li, .upcoming-list-3 > li:nth-child(2n+1) {
	width:31.33%;
	margin:0 -4px 30px 3%;
}
.upcoming-list-3 > li:nth-child(3n+1) {
	margin-left:0;
}
.blog-list > li a, .news-list > li a, .news-list > li span, .upcoming-list > li a, .upcoming-list > li span, .course-list > li a, .course-list > li span {
	display:block;
	color:#231f20;
	transition:all 0.3s;
	cursor:pointer;
}
@media (hover: hover) {
	.blog-list > li a:hover, .news-list > li a:hover, .news-list > li span:hover, .upcoming-list > li a:hover, .upcoming-list > li span:hover, .course-list > li a:hover, .course-list > li span:hover {
		transform:translateY(-2px);
		text-decoration:none;
		box-shadow:0 8px 25px 0px rgba(0, 0, 0, 0.2);
	}
}
.blog-table-content, .blog-table-img, .blog-table-img-50 {
	height:180px;
}
.blog-table-img {
	width:200px;
}
.blog-table-img-50 {
	width:50%;
}
.course-table-img {
	width:200px;
	/*height:150px;*/
}
.blog-table-date, .course-table-date {
	padding:15px 20px;
	background-color:#8fb5e0;
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	line-height:1.1;
	text-transform:uppercase;
}
.course-table-date {
	padding:10px 20px;
}
.blog-table-title {
	padding:15px 20px;
	font-size:18px;
	line-height:1.1;
}
.course-table-title {
	padding:15px 20px;
	font-size:17px;
	line-height:1.1;
}
.news-list > li:first-child {
	width:100%;
	margin-left:0;
}
.news-list > li:first-child .blog-table-img {
	width:70%;
	height:450px;
}
.news-list > li:first-child .blog-table-img-50 {
	height:350px;
}

/* HOME PAGE - NEW */
.page-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: calc(95vh - 100px);
}
.page-hero-box {
	position: relative;
	max-width: 62%;
	padding: 60px 50px 180px 0;
	color: #ffffff;
}
.page-hero-box:before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: -150%;
	height: 100%;
	width: 250%;
	background: rgb(0,214,214);
	background: linear-gradient(90deg, rgba(0,214,214,1) 0%, rgba(0,83,153,1) 100%);
	opacity: 0.5;
}
.page-hero-box h1 {
	margin-bottom: 10px;
	font-size: 22px;
	text-transform: uppercase;
}
.page-hero-box h2 {
	position: relative;
	font-size: 62px;
	line-height: 1.2;
}
.hcat-list {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	list-style: none;
	height: auto;
	padding: 0;
    margin: 0;
    margin-top: -100px;
    background-color: #ffffff;
}
.hcat-list > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0;
	margin: 0;
	color: #005399;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
}
.hcat-list > li > a {
	display: inline-block;
	height: 100%;
	padding: 30px;
	border-bottom: 9px solid #005399;
	text-decoration: none;
	transition: 0.4s all;
}
@media (hover: hover) {
	.hcat-list > li > a:hover {
		transform: translateY(5px);
		text-decoration: none;
		box-shadow: 0 27px 25px 0 rgba(0, 0, 0, 0.1);
	}
}
.hcat-list-img {
	height: 55px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.hcat-list-title {
	margin: 20px 0 10px;
	font-size: 18px;
	font-weight: 700;
}
.hcat-list-sub {
	margin-bottom: 10px;
}
h2.hintro {
	max-width: 470px;
	font-size: 50px;
	color: #005399;
}

/* SHORT COURSES */
.page-nav-wrapper {
	width:100%;
	max-width:1280px;
	margin:auto;
	padding:0 20px;
}
.page-nav-bar {
	width:100%;
}
.page-nav-fixed {
	position: fixed;
	z-index: 2;
	top: 70px;
}
.page-nav {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
	width:100%;
}
.page-nav > li {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 -4px 0 0;
}
.page-nav-2 > li {
	width:50%;
}
.page-nav-3 > li {
	width:33.33%;
}
.page-nav-4 > li {
	width:25%;
}
.page-nav-5 > li {
	width:20%;
}
.page-nav-6 > li {
	width:16.66%;
}
.page-nav > li a {
	display:block;
	padding:0 15px;
	margin:0;
	border-left:1px solid #c7daef;
	color:#231f20;
	font-size:17px;
	font-weight:500;
	line-height:46px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	transition:all 0.3s;
}
.page-nav > li:first-child a {
	border-left:none;
}
.page-nav-active {
	background-color:#c7daef;
	transition:all 0.3s;
}
@media (hover: hover) {
.page-nav  > li a:hover {
	background-color:#c7daef;
}
}
.course-pop {
	padding:13px 20px;
	line-height:1;
}
.course-pop-title {
	margin-bottom:4px;
	font-size:12px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
}
.course-pop-detail {
	font-size:22px
}

/* INNOVATION SUPPORT */
.tech-pop-hero {
	padding:50px;
	background-image:url('../img/tech-hex-01.jpg');
	background-color:#8fb5e0;
}
.tech-pop-hero h1 {
	max-width:500px;
	padding-bottom:10px;
	font-size:40px;
	line-height:1.1;
}
.tech-link {
	margin:10px 20px 0 0;
	font-size:17px;
	font-weight:100;
}
.abadge, .cpdbadge {
	display:inline-block;
	padding:4px 8px;
	margin:0 20px 6px;
	background-color:#ffd700;
	border-radius:4px;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	transform:translateY(-7px);
}
.cpdbadge {
	background-color: #836944;
	color: #ffffff;
}

/* RESEARCH SUPPORT */
.support-menu {
	padding:30px;
}
.support-pop-hero {
	padding:50px;
	background-image:url('../img/slider_support.jpg');
	background-color:#2278d9;
}
.support-pop-hero h1 {
	max-width:600px;
	color:#ffffff!important;
	font-size:40px;
	font-weight:700;
	padding-bottom:20px;
	line-height:1.2;
	text-shadow:0 0 9px rgba(0, 0, 0, 0.5);
}
.research-services {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}
.research-services li {
	display:inline-block;
	vertical-align:top;
	width:21%;
	padding:0;
	margin:0 -4px 40px 4%;
}
.research-services li:nth-child(4n+1) {
	margin-left:0;
}
.research-services li img {
	width:70%;
}
.research-services-title {
	padding-top:10px;
	border-top:4px solid #8fb5e0;
}

/* RESOURCE PAGES */
.journal-list, .article-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.journal-list li, .article-list li {
	display:inline-block;
	vertical-align:top;
	width:48.5%;
	padding:0;
	margin:0 -4px 50px 3%;
}
.journal-list li a, .article-list li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	color:#34001b;
}
.journal-img {
	position:relative;
	height:280px;
	background-color:#002d74;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	text-align:center;
}
.journal-img::before, .article-list li a::before {
	content:'\f067';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	z-index:2;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	margin:auto;
	background-color:rgba(65, 68, 63, 0.6);
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	color:#ffffff;
	font-size:50px;
	font-weight:300;
	line-height:280px;
	opacity:0;
	transition:all .5s;
}
.journal-img img {
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	height:auto;
	width:auto;
	max-height:70%;
	max-width:70%;
}
.journal-list li:nth-child(2n+1) {
	margin-left:0;
}
.article-list li:first-child {
	width:100%;
	margin-left:0;
}
.article-list li:nth-child(even) {
	margin-left:0;
}
.journal-list li a::before, .article-list li a::before {
	opacity:0.6;
}
.journal-list li a:hover .journal-img::before, .article-list li a:hover::before {
	opacity:1;
}
.journal-list li a:hover {
	text-decoration:none;
}
.journal-list li a:hover .journal-more {
	text-decoration:underline;
}
.journal-title {
	padding:20px 0 12px;
	font-size:17px;
	font-weight:600;
	text-transform:uppercase;
}
.journal-copy {
	font-size:16px;
}
.journal-more {
	padding-top:12px;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
}

.article-list li:hover .journal-intro {
	opacity:1;
}
.journal-overlay {
	position:absolute;
	z-index:9;
	bottom:50px;
	left:0;
	right:0;
	margin:auto;
}
.journal-hero {
	position:relative;
	height:360px;
	margin:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.journal-hero::before {
	display:none;
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(65, 68, 63, 0.3);
	opacity:1;
}
.journal-hero-title {
	float:left;
	width:100%;
	max-width:450px;
}
.article-title {
	font-size:32px;
	font-weight:600;
	line-height:1.1;
	text-transform:none;
}
.article-entry {
	font-size:17px;
	font-weight:300;
}
.article-entry h2 {
	font-size:22px;
	font-weight:700;
	margin-bottom:5px;
}
.article-entry h3 {
	font-size:17px;
	font-weight:700;
	margin-bottom:6px;
}
.article-entry p {
	padding-bottom:0;
}
.article-entry ul, .article-entry ol {
	margin:0 0 8px;
	padding:3px 10px 7px 40px;
}
.article-max {
	max-width:1050px;
	margin:auto;
}
.article-back {
	font-size:18px;
	font-weight:300;
}
.note-float-left {
	margin:0 50px 50px 0;
}
.note-float-right {
	margin:0 0 50px 50px;
}
.table-article-title {
	padding-right:30px;
}
.table-article-share {
	width:200px;
	padding-top:10px;
	text-align:right;
}
.table-article-share i {
	margin-right:10px;
	font-size:20px;
	color:#002d74;
	cursor:pointer;
	transition:all 0.3s;
}
.table-article-share i:hover {
	color:#002d74;
}
.guide-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.guide-list > li {
	display:inline-block;
	vertical-align:top;
	width:17%;
	padding:0;
	margin:0 -4px 30px 3.75%;
	text-align:center;
}
.guide-list > li:nth-child(5n+1) {
	margin-left:0;
}
.guide-img {
	position:relative;
	height:200px;
	background-color:#9977a5;
	background-size:40%!important;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	text-align:center;
	transition:all 0.3s;
}
.guide-list > li:hover .guide-img {
	background-color:#9b86a3;
}
.guide-list > li:hover .button-default {
	transform:translateY(-2px);
}
.guide-title {
	margin:15px 0;
	font-size:19px;
	font-weight:600;
	text-align:left;
	text-transform:uppercase;
}
.table-guide {
	color:#ffffff;
}
.table-guide-img {
	width:100px;
}
.table-guide-img img {
	width:80px;
}
.table-guide-title {
	margin-bottom:14px;
	font-size:32px;
	font-weight:600;
}
.table-guide-copy {
	font-size:18px;
	font-weight:400;
}
.calculators-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.calculators-list > li {
	display:block;
}
.calculators-list > li a {
	display:block;
	margin-bottom:40px;
	padding:35px 40px;
	color:#34001b;
	background-color:#ffffff;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	box-shadow:0px 10px 12px -11px rgba(0, 0, 0, 0.75);
	transition:all 0.3s;
}
.calculators-list > li a:hover {
	transform:translateY(-2px);
	text-decoration:none;
}
.table-calculators-title {
	margin-bottom:1px;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
}
.table-calculators-copy {
	font-size:17px;
	font-weight:400;
}
.table-calculators-button {
	width:200px;
	text-align:right;
}
.button-calculators {
	display:inline-block;
	margin:0;
	padding:16px 40px;
	border:none;
	background-color:#002d74;
	color:#ffffff;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	font-family:inherit;
	font-size:17px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
}

/* ABOUT PAGE */
.page-bar-heading {
	font-size: 32px;
}
.page-bar-title {
	display:inline-block;
	position:relative;
	padding-left:65px;
	font-size:32px;
}
.page-bar-title::before {
	content:'';
	position:absolute;
	z-index:1;
	top:-7%;
	bottom:0;
	left:0;
	width:45px;
	height:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
}
.page-bar-courses::before { 
	background-image:url('../img/page-icon-courses.svg');
}
.page-bar-innovation::before { 
	background-image:url('../img/page-icon-innovation.svg');
}
.page-bar-research::before { 
	background-image:url('../img/page-icon-research.svg');
}
.page-bar-about::before { 
	background-image:url('../img/page-icon-about.svg');
}
.page-bar-contact::before { 
	background-image:url('../img/page-icon-contact.svg');
}
.page-bar-news::before { 
	background-image:url('../img/page-icon-news.svg');
}
.about-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:10px 0 0;
}
.about-list > li {
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:0;
	margin:0 -4px 20px 2%;
	text-align:center;
}
.about-list > li:nth-child(3n+1) {
	margin-left:0;
}
.about-list > li > a, .about-list > li > span {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	min-height:76px;
	padding:20px;
	color:#ffffff;
	background-color:#69a3d5;
	overflow:hidden;
	background-size:60%;
	background-position:center 33%;
	background-repeat:no-repeat;
	font-size:14px;
	text-decoration:none;
	transition:all 0.3s;
}
.about-list > li > span {
	cursor:default;
}
.about-list > li > a:hover {
	box-shadow:0 0 25px 0px rgba(0, 0, 0, 0.2);
}
h2.about-sub {
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
}
.adiv-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:10px 0 0;
	text-align:center;
}
.adiv-list > li {
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:0;
	margin:0 -4px 40px 2%;
	text-align:center;
}
.adiv-list > li:first-child {
	margin-left:0;
}
.adiv-list-copy {
	max-width:320px;
	margin:0 auto 20px;
	padding:0 10px;
}

/* RESOURCES PAGE */
.resource-tabs {
	list-style:none;
	height:auto;
	max-width:630px;
	padding:0;
	margin:30px auto 0;
	text-align:center;
}
.resource-tabs > li {
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:0;
	margin:0 -4px 10px 5%;
	transition:all 0.3s;
}
.resource-tabs > li a {
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	//transition:all 0.3s;
}
.resource-tabs > li:hover {
	transform:translateY(-2px);
}
.resource-tabs > li:first-child {
	margin-left:0;
}
.resource-active a {
	color:#002d74;
}
h1.intrate {
	font-size:25px;
	font-weight:500;
	text-align:center;
	text-transform:none;
	line-height:1;
}
h1.intrate span {
	margin-left:5px;
	padding:15px 20px;
	background-color:#002d74;
	color:#ffffff;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	font-size:23px;
	font-weight:700;
}

/* CONTACT PAGE */
.contact-table-details {
	width:300px;
	padding:30px 35px;
	border-radius:0;
}
.contact-table-form {
	padding-left:30px;
}
.contact-table-list {
	padding-right:30px;
}
.details-table-icon {
	width:65px;
}
.details-table-icon img {
	width:36px;
}
.details-table-copy {
	padding-bottom:30px;
	font-size:18px;
	font-weight:500;
}
.contact-img {
	height:200px;
	margin-bottom:16px;
}

/* INSIGHTS PAGE */
.insights-page .cbtabs li:hover {
	background-color:#00828c;
}
.insights-page .cbtabs li.selected {
	background-color:#00828c;
}
.insights-page h1.page-header, .insights-page .page-sub {
	color:#00828c;
}
.pov-list {
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}
.pov-list li {
	margin:12px 0;
}
.pov-list li a {
	display:block;
	//padding:10px 15px;
	padding:10px 15px 10px 50px;
	margin:0;
	font-size:24px;
	font-weight:300;
	line-height:1;
	background-position:10px center;
	background-repeat:no-repeat;
	background-size:25px 22px;
	text-decoration:none;
	cursor:pointer;
	transition:all 0.4s;
}
.pov-list li a:hover {
	background-color:#00828c;
	color:#ffffff;
}
.pov-icon-file {
	background-image:url('../img/icon-file-off.svg');
}
.pov-icon-play {
	background-image:url('../img/icon-play-off.svg');
}
.pov-icon-page {
	background-image:url('../img/icon-page-off.svg');
}
.pov-icon-page:hover {
	background-image:url('../img/icon-page-on.svg');
}
#article p {
	padding:0!important;
}
#article ul ul {
	padding-top:0!important;
}

.news-col-date {
	padding-right:20px;
}
.news-date {
	padding:15px 20px;
	margin-bottom:15px;
	background-color:#00828c;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
	white-space:nowrap;
}
h1.news-header {
	color:#00828c;
	font-size:28px;
	font-weight:300;
	line-height:1.2;
}
h1.article-header {
	font-size:40px;
}
.videos-list {
	list-style:none;
	height:auto;
	padding:0;
	margin:0;
}
.videos-list li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:47%;
	margin:0 -4px 30px 3%;
	padding:0;
	cursor:pointer;
}
.videos-list li:nth-child(2n+1) {
	margin-left:0;
}
.videos-list li:hover .videos-list-img::before {
	opacity:1;
}
.videos-list-img {
	position:relative;
	height:225px;
	margin-bottom:10px;
}
.videos-list li .videos-list-img::before {
	content:'\f04b';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background-color:rgba(0, 60, 110, 0.9);
	left:0;
	top:0;
	opacity:0;
	color:#ffffff;
	font-size:60px;
	font-weight:300;
	line-height:225px;
	text-align:center;
	transition:all .5s;
}
.article-img {
	height:500px;
}

/* MODAL */
.modal-pad {
	overflow-y:auto;
	padding:45px 40px 100px 40px;
}
.modal-pad-s {
	padding:30px 40px;
}
.modal-input {
	float:none;
	clear:both;
}
.modal-input-m {
	margin-right:2%;
}
.modal-input50 {
	float:left;
	width:49%;
}
.mainbar_sub {
	position:absolute;
	z-index:999;
	bottom:0;
	left:0;
	right:0;
	padding:15px 20px;
	background-color:#edeef2;
	border-top:1px solid #cecece;
}

/* MAPS */
.map-table-form {
	width:470px;
	padding:30px;
}
.map-table-list {
	width:385px;
	padding:0;
}
.map-div {
	position:relative;
	height:500px;
	color:#26337b;
}
#googlemap {
	position:absolute;
	z-index:0;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
.map-cover {
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
.map-directions {
	position:absolute;
	z-index:2;
	top:20px;
	right:40px;
}
.coverage-map {
	position:relative;
}
#map {
	width:100%;
	height:100%;
}
.map-container {
	position:relative;
}
.map-box {
	position:absolute;
	z-index:1;
	top:30px;
	left:30px;
	width:100%;
	max-width:280px;
	padding:30px;
	background-color:#ffffff;
	color:#515050;
	text-align:left;
	box-shadow:3px 3px 30px rgba(0, 0, 0, 0.2);
}
h3.map-title {
	margin-bottom:5px;
	color:#373994;
	font-weight:600;
	font-size:13px;
	text-transform:uppercase;
}
#map-search {
	background-color:#ffffff;
	font-family:'Poppins', Arial;
	font-size:17px;
	font-weight:300;
	padding:12px 17px;
	margin:0;
	text-overflow:ellipsis;
	width:100%;
	border:2px solid #27327b;
	border-radius:0;
	-webkit-appearance:none;
}
#map-search:focus {
	border:2px solid #bbbcbc;
}
.map-product {
	margin-top:15px;
}
.map-yes, .map-no {
	float:left;
	width:35px;
	height:35px;
	line-height:35px;
	margin-right:6px;
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#ffffff;
	font-size:18px;
	font-weight:100;
	text-align:center;
	transition:all 0.4s;
}
.map-key {
	font-size:13px;
}
.map-product-key {
	width:24px;
	height:24px;
	line-height:24px;
	margin-right:6px;
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#ffffff;
	font-size:11px;
	font-weight:100;
	text-align:center;
}
.map-yes {
	background-color:#26337b;
}
.map-no {
	background-color:#bbbcbc;
}
.map-zoom-text {
	float:left;
	font-size:17px;
	font-weight:600;
	line-height:40px;
}
.map-coverage {
	margin-top:10px;
	margin-bottom:4px;
}
.map-cover-button {
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
	background-color:#0077c8;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.map-cover-text {
	font-size:15px;
	color:#0077c8;
	line-height:30px;
}
.map-container {
	font-family:'Poppins', Arial;
}
.map-flow {
	max-width:270px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pac-container, .pac-item {
	width:inherit!important;
}
.pac-item, .pac-item-query {
	font-family:'Poppins', Arial;
	font-size:13px;
}
.pac-container:after {
	background-image:none!important;
	height:0;
	padding:0;
	margin:0;
}
.gm-style .gm-style-iw {
	color:#515050;
	font-size:15px;
	line-height:1.3;
	max-width:280px;
	text-align:center;
	padding:15px 20px;
	border-radius:0;
}
.gm-style-mtc div {
	height:30px!important;
	padding:0 15px!important;
	font-size:13px!important;
}
.gm-fullscreen-control {
	top:40px!important;
}
.gm-bundled-control {
	top:90px!important;
}
.map-controls {
	margin-top:20px;
}
.map-col {
	display:inline-block;
	width:50%;
	vertical-align:bottom;
	margin-right:-4px;
}
.button-search {
	color:#0077c8;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
}
.button-search:hover {
	text-decoration:underline;
}
.map-loading {
	display:none;
	padding:25px 0;
	color:#0077c8;
	font-size:16px;
	font-weight:500;
}
.map-loading i {
	font-size:16px;
}
.map-checking {
	float:right;
	margin-top:8px;
}
.map-enquire {
	display:none;
}
#map-cxs {
	display:none;
}


/* FAQS PAGE */
.faqs-list {
	list-style:none;
	padding:0;
	margin:0;
	font-size:17px;
}
.faqs-list li {
	display:block;
	margin-bottom:30px;
}
.faqs-title {
	font-size:19px;
	font-weight:700;
}

/* INPUT ELEMENTS */
.form-group {
	position:relative;
	margin-top:23px;
}
.form-label {
	position:absolute;
	z-index:1;
	left:0;
	top:10px;
	color:#999999;
	font-size:15px;
	background-color:#ffffff;
	transition:transform 150ms ease-out, font-size 150ms ease-out;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.focused .form-label {
	transform:translateY(-125%);
	font-size:.75em;
}
.form-input {
	position:relative;
	padding:12px 0 5px 0;
	width:100%;
	outline:0;
	border:0;
	font-family:inherit;
	font-size:16px;
	font-weight:300;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance:none;
	box-shadow:0 1px 0 0 #41443f;
	transition:box-shadow 150ms ease-out;
}
textarea.form-input {
	height:80px;
	font-weight:300;
	overflow-y:auto;
	resize:none;
}
.form-input:focus {
	box-shadow:0 2px 0 0 #e6231e;
}
.form-input.filled {
	//box-shadow: 0 2px 0 0 lightgreen;
}
.form-group-m {
	margin-right:2%;
}
.form-group-50 {
	float:left;
	width:49%;
}

.check-title {
	font-size:12px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
}
.check-input, .check-input-g, .check-input-b {
	width:100%;
	margin:5px 0;
	padding:15px 20px;
	border:none;
	background-color:#ffffff;
	font-family:inherit;
	font-size:18px;
	font-weight:500;
	border-radius:0;
	-webkit-appearance:none;
	transition:all 0.2s;
}
.check-input-g {
	background-color:#f1f1f2;
}
.check-input-b {
	background-color:#c7daef;
}
.check-input:disabled {
	background-color:#c1a9ca;
}
.check-input-m {
	margin-right:2%;
}
.check-input50 {
	float:left;
	width:49%;
}
.check-input30 {
	float:left;
	width:32%;
}
.check-tarea, .check-tarea-g, .check-tarea-b {
	width:100%;
	height:150px;
	margin:5px 0;
	padding:12px 15px;
	border:none;
	overflow-y:auto;
	resize:none;
	background-color:#ffffff;
	border:none;
	font-family:inherit;
	font-size:18px;
	font-weight:400;
	border-radius:0;
	-webkit-appearance:none;
	transition:all 0.2s;
}
.check-tarea-g {
	background-color:#f1f1f2;
}
.check-tarea-b {
	background-color:#c7daef;
}
.check-box {
	padding:15px 20px 5px;
	margin:5px 0;
	border:1px solid #ffffff;
}
.check-search-box {
	position:relative;
}
.check-search {
	width:100%;
	margin:0 50px 0 0;
	padding:15px 20px 15px 45px;
	border:none;
	background-color:#f1f1f2;
	font-family:inherit;
	font-size:18px;
	font-weight:400;
	border-radius:0;
	-webkit-appearance:none;
}
.check-search-box::after {
	content:'\f002';
	font-family:'Font Awesome 5 Pro';
	position:absolute;
	z-index:2;
	top:0;
	bottom:0;
	left:16px;
	margin:auto;
	padding-top:12px;
	font-size:19px;
}
.check-search-button {
	position:absolute;
	z-index:1;
	width:50px;
	height:100%;
	top:0;
	right:0;
	border:0;
	background:#8fb5e0 url('../img/icon-search.svg') no-repeat center center;
	background-size:22px;
	border-radius:0;
	-webkit-appearance:none;
	transition:all 0.3s;
	cursor:pointer;
}
@media (hover: hover) {
.check-search-button:hover {
	background-color:#71aae2;
}
}
.dropdown {
	clear:both;
	width:100%;
	height:42px;
	margin:5px 0;
	overflow:hidden;
	background:#ffffff url('../img/icon-down-arrow.svg') no-repeat right center;
	background-size:19px;
	border:0;
	border:none;
}
.dropdown select {
	padding:12px 0px 5px 0;
	background:transparent;
	width:110%;
	outline:0;
	border:0;
	color:#41443f;
	font-family:inherit;
	font-size:16px;
	font-weight:400;
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance: none;
	box-shadow:0 1px 0 0 #41443f;
	transition:box-shadow 150ms ease-out;
	cursor:pointer;
}
.check-dropdown {
	clear:both;
	width:100%;
	margin:0;
	overflow:hidden;
	border:none;
	background:#e5e5e4 url(../img/icon-down-arrow.svg) no-repeat right 15px center;
	background-size:20px;
	font-family:inherit;
	font-size:18px;
	font-weight:500;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.check-dropdown select {
	padding:15px 20px;
	background:transparent;
	width:110%;
	outline:0;
	border:0;
	color:#41443f;
	font-family:inherit;
	font-size:18px;
	font-weight:400;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance:none;
	-moz-appearance: none;
	cursor:pointer;
}

/* NOTIFIER */
.notifier {
	position:fixed;
	z-index:99999;
	bottom:20px;
	left:-280px;
	width:280px; 
	padding:18px 20px 18px 12px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	//background-color:#8fb5e0;
	background-color:#002d74;
	color:#ffffff;
	line-height:1;
	transition:all 0.4s;
	cursor:default;
	box-shadow:0px 10px 12px -11px rgba(0, 0, 0, 0.75);
}
.notifier-icon {
	float:left;
	margin-left:10px;
	font-size:40px;
}
.notifier-copy {
	float:right;
	width:180px;
}
.notifier-title {
	margin-bottom:2px;
	font-size:18px;
	font-weight:500;
}
.notifier-msg {
	font-size:16px;
	font-weight:100;
}
.notifier-show {
	left:20px;
}
.notifier_bar {
	height:45px;
	margin:0 0 15px 0;
	background:#01aef0;
	color:#ffffff;
}
.notifier_msg {
	float:left;
	padding:12px 0 0 15px;
}

/* VIDEO */
.videowrap {
	position:relative;
	//padding-bottom:56.25%;
	padding-bottom:53%;
	padding-top:25px;
	height:0;
	margin:35px auto;
}
.videowrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-divider {
	height:30px;
}
.videopop {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor:pointer;
}
.videopop:hover {
	background-color:rgba(0, 0, 0, 0.3);
}
.video-button {
	display:inline-block;
	padding:10px 18px;
	margin-bottom:10px;
	background:#EEE;
	border:none;
	border-radius:7px;
	color:#222;
	font-family:inherit;
	font-size:16px;
	text-shadow:0 1px white;
	cursor:pointer;
}
.video-button:hover {
	background-color: #8CF;
	text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
	color: #222;
}
.video-button:active, .video-button.is-checked {
	background-color: #28F;
}
.video-button.is-checked {
	color: white;
	text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}
.video-button:active {
	box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}
.video-button-group:after {
	content:'';
	display:block;
	clear:both;
}
.video-button-group .video-button {
	display:inline-block;
	width:100%;
	max-width:200px;
	border-radius: 0;
	margin:0 20px;
}
.grid:after {
	content:'';
	display:block;
	clear:both;
}
.video-item {
	display:inline-block;
	width:45%;
	margin:30px 2%;
}
.videoicon {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	//background:transparent url(../img/youtube-off.png) no-repeat center center;
	background-image:url(../img/youtube-off.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:80px 56px;
	cursor:pointer;
}
.videoicon:hover {
	background-image:url(../img/youtube-on.png);
}
.video-footer {
	font-size:20px;
	font-weight:400;
	margin:50px 0 30px;
}

.embed-container {
	position:relative;
	//padding-bottom:56.25%;
	padding-bottom:55%;
	height:0;
	overflow:hidden;
	max-width:100%;
}
.embed-mask {
	position:relative;
}
.embed-mask::before {
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* CIRCLES */
.circle {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	//behavior: url(./javascript/PIE/PIE.php);
}

/* SCROLL TO TOP */
#topscroll {
	display:none;
	position:fixed;
	z-index:8;
	bottom:15px;
	left:20px;
	width:50px;
	height:50px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background-color:#6d6e70;
	box-shadow:0px 10px 12px -11px rgba(0, 0, 0, 0.75);
	color:#ffffff;
	font-size:30px;
	line-height:48px;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
}
@media (hover: hover) {
#topscroll:hover {
	transform:translateY(-2px);
	background-color:#7f8082;
}
}

/* FOOTER */
#footer {
	font-size:16px;
	font-weight:100;
	line-height:1;
}
#footer a {
	display:inline-block;
	padding-bottom:2px;
	color:#ffffff;
	border-bottom:1px solid transparent;
}
@media (hover: hover) {
#footer a:hover {
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}
}
.footer-col {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 65px 30px 0;
}
.footer-title {
	margin-bottom:20px;
}
.footer-title a {
	padding-bottom:3px;
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
}
.footer-list {
	list-style:none;
	padding:0;
	margin:0;
}
.footer-list li {
	display:block;
}
.footer-list li span {
	margin:0;
}
.footer-list li:first-child {
	border-left:none;
}
.footer-list li:first-child span, .footer-list li:first-child a {
	margin-left:0;
}
.footer-list li:last-child span, .footer-list li:last-child a {
	margin-right:0;
}
.footer-list li span:hover {
	border-bottom:1px solid #ffffff;
}
.footer-social {
	padding-top:15px;
}
.footer-social a {
	margin-right:20px;
	font-size:20px;
	color:#ffffff;
	cursor:pointer;
	transition:all 0.3s;
}
.footer-social a:hover {
	color:#002d74;
}
.footer-col-news {
	margin:0;
}
.footer-news {
	max-width:350px;
	padding:25px 30px;
	background-color:#8fb5e0;
}
.footer-news-title {
	margin-bottom:10px;
	font-size:18px;
	font-weight:300;
}

/* GENERAL */
*:focus {
	outline:none;
}
.nblock {
	display:inline-block;
}
.relative {
	position:relative;
}
.clear {
	clear:both;
}
.clicker {
	cursor:pointer;
}
.visible {
	visibility:visible;
}
.fmedium {
	font-weight:500;
}
.fbold {
	font-weight:700;
}
.tupper {
	text-transform:uppercase;
}
.tnormal {
	text-transform:none!important;
}
.link, .cursor {
	cursor:pointer;
}
.link:hover {
	text-decoration:underline;
}
.flink {
	color:#ffffff;
	cursor:pointer;
}
.flink:hover {
	text-decoration:underline;
}
.tlink {
	text-decoration:underline;
}
.block {
	display:block;
}
.hidden {
	display:none;
}
.box {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.left {
	float:left;
}
.right {
	float:right;
}
.tleft {
	text-align:left!important;
}
.tright {
	text-align:right!important;
}
.tcenter {
	text-align:center!important;
}
.noselect {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.cover {
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.cover-top {
	background-position:top center;
}
.cover-bottom {
	background-position:bottom center;
}
.cover-right {
	background-position:center right;
}
.cover-left {
	background-position:center left;
}
.cover-bottom-right {
	background-position:bottom right;
}
.cover-bottom-left {
	background-position:bottom left;
}
.cover-top-right {
	background-position:top right;
}
.cover-top-left {
	background-position:top left;
}
.contain {
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
@supports (-ms-accelerator:true) {.contain {background-size:100% 100%; } }
@supports (-ms-ime-align:auto) {.contain {background-size:100% 100%; } }
.bg-box {
	padding: 30px 35px;
}
.bg-white {
	background-color: #ffffff;
}
.bg-grey {
	background-color: #6d6e70;
}
.bg-lgrey {
	background-color: #f1f1f2;
}
.bg-navy {
	background-color: #002d74;
}
.bg-blue {
	background-color: #8fb5e0;
}
.bg-lblue {
	background-color: #c7daef;
}
.bg-black {
	background-color: #000000;
}
.bg-gold {
	background-color: #ffd700;
}
.bg-cpd {
	background-color: #836944;
	color: #ffffff;
}
.bg-beige {
	background-color: #fdf1e2;
}
.twhite {
	color:#ffffff!important;
}
.tgrey {
	color:#6d6e70!important;
}
.tlgrey {
	color:#909090!important;
}
.torange {
	color:#002d74;
}
.tnavy {
	color:#002d74;
}
.tblue {
	color:#8fb5e0;
}
.section-g {
	height:0;
	border-top:1px solid #41443f;
}
.section-w {
	height:0;
	border-top:1px solid #ffffff;
}
.divider-xxs {
	height:5px;
}
.divider-xs {
	height:10px;
}
.divider-s {
	height:15px;
}
.divider-m {
	height:30px;
}
.divider-ml {
	height:45px;
}
.divider-l {
	height:60px;
}
.divider-xl {
	height:120px;
}
.prev-arrow {
	padding-left:30px;
	background-image:url(../img/slider-arrow-left-on.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:19px;
}
.next-arrow {
	padding-right:30px;
	background-image:url(../img/slider-arrow-right-on.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:19px;
}
.flex {
	display:-webkit-flex;
	display:flex;
}
.flex-row {
	-webkit-flex-direction:row;
	flex-direction:row;
}
.flex-vcenter {
	-webkit-align-items:center;
	align-items:center;
}
.flex-center {
	-webkit-justify-content:center;
	justify-content:center;
}
.flex-justify {
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.block-pad {
	padding:20px 30px;
}
.column-2 {
	column-count: 2;
	column-gap: 80px;
}
.column-2-line {
	column-rule:1px solid #f1f1f2;
}
.nowrap {
	white-space:nowrap;
}
.tshadow-w {
	text-shadow:0 0 9px rgba(255, 255, 255, 0.7);
}
.tshadow-b {
	text-shadow:0 0 9px rgba(0, 0, 0, 0.5);
}
.rmargin {
	margin-right:10px;
}

/* ERRORS */
label.error {
	display:inline-block;
	font-size:15px;
	line-height:1;
	transform:translateY(-5px);
}
.check-input.error, .check-input-g.error, .check-tarea.error, .check-tarea-g.error {
	border:1px solid #002d74;
}
#yerror, #gerror {
	display:none;
	padding:20px 30px 25px;
	margin:0 0 15px;
	background-color:#002d74;
	color:#ffffff;
	text-align:left;
	border-radius:0;
	overflow:auto;
}
#yerror label {
	float:none;
	width:auto;
}
#yerror ul, #yerror ol {
	padding-bottom:0;
}
#yerror li {
	margin-bottom:0;
	line-height:1;
}
#yerror li label.error {
	font-size:16px;
}

/* PLACEHOLDER */
.placeholder {color: #666666; }
.placeholderFocus {color: #666666; }

::-webkit-input-placeholder {color:#666666; } /* WebKit browsers */
:-moz-placeholder {color:#666666; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#666666; } /* Mozilla Firefox 19+ */
input:-moz-placeholder {color:#666666; }
:-ms-input-placeholder {color:#666666; } /* Internet Explorer 10+ */

.check-input::-webkit-input-placeholder, .check-tarea::-webkit-input-placeholder {color:#666666; } /* WebKit browsers */
.check-input:-moz-placeholder, .check-tarea:-moz-placeholder {color:#666666; } /* Mozilla Firefox 4 to 18 */
.check-input::-moz-placeholder, .check-tarea::-moz-placeholder {color:#666666; } /* Mozilla Firefox 19+ */
.check-input:-moz-placeholder, .check-tarea:-moz-placeholder {color:#666666; }
.check-input:-ms-input-placeholder, .check-tarea:-ms-input-placeholder {color:#666666; } /* Internet Explorer 10+ */
.check-input::-moz-placeholder, .check-tarea::-moz-placeholder {color:#666666; }

.check-input:disabled::-webkit-input-placeholder, .check-tarea:disabled::-webkit-input-placeholder {color:#666666; } /* WebKit browsers */

/* MEDIA QUERIES - 1280PX */
@media screen and (max-width: 1280px) {

/* NAVIGATION */
#logo {
	top: 23px;
	left: 43px;
	width: 270px;
	height: 48px;
}

/* MENU */
#topbar {
	height:110px;
}
.topbar-spacer-l { 
	height:145px;
}

/* SHORT COURSES */
.page-nav-wrapper {
	padding:0;
}

}

/* MEDIA QUERIES - 1100PX */
@media screen and (max-width: 1100px) {

	/* NAVIGATION */
	#logo {
		/*left:9%;*/
		/*width:210px;*/
		left: 9%;
	    width: 160px;
	    height: 29px;
	    top: 40px;
	}

	/* HOME PAGE - NEW */
	.hcat-list > li > a {
		padding: 30px 20px;
	}

	/* ABOUT PAGE */
	.team-list li {
		width:48.5%;
		margin:0 -4px 30px 3%;
	}
	.team-list li:nth-child(2n+1) {
		margin-left:0;
	}
	.team-img {
		height:320px;
	}

	/* CONTACT PAGE */
	.map-table, .map-table .table-cell {
		display:block;
		clear:both;
		width:100%;
	}

	/* HELP PAGE */
	.help-list li {
		width:33.33%;
	}

	/* FOOTER */
	.footer-buttons li {
		width:50%;
	}

}


/* MEDIA QUERIES - 960PX */
@media screen and (max-width: 960px) {

	/* NAVIGATION */
	.nav-list > li > a {
		margin:0 5px 0;
	}

	/* SIGN IN */
	.signin-col-input {
		padding:30px;
	}

	/* HOME PAGE - NEW */
	.page-hero-box h2 {
	    font-size: 45px;
	}
	.hcat-list > li {
		width: 33.33%;
	}

	/* HOME PAGE */
	.featured-img {
		height:250px;
	}
	.events-list li{ 
		width:48.5%;
		margin:0 -4px 30px 3%;
	}
	.events-list li:nth-child(2n+1) {
		margin-left:0;
	}

	/* RESOURCE PAGES */
	.guide-list > li {
		width:29%;
		margin:0 -4px 30px 3.25%;
	}
	.guide-list > li:nth-child(5n+1) {
		margin-left:3.25%;
	}
	.guide-list > li:nth-child(3n+1) {
		margin-left:0;
	}

	/* MAPS */
	.map-box {
		position:relative;
		top:0;
		left:0;
		max-width:100%;
		box-shadow:none;
		background-color:#f5f5f5;
	}

}

/* MEDIA QUERIES - 900PX */
@media screen and (max-width: 900px) {

	/* NAVIGATION */
	#logo {
		/*left:20px;
		right:auto;*/
		left: 20px;
	    margin: 0;
		top: 23px;
		width: 330px;
		height: 59px;
	}
	.nav-list {
		display:none;
	}
	#navicon {
		display:block;
	}
	.topbar-scroll .nav-list {
		//display:none;
	}
	.topbar-scroll #navicon {
		//display:block;
	}

	/* HOME PAGE */
	.featured-list li, .featured-list li:nth-child(3n+1) {
		width:48.5%;
		margin:0 -4px 30px 3%;
	}
	.featured-list li:nth-child(2n+1) {
		margin-left:0;
	}
	.featured-img {
		height:240px;
	}
	.blog-list li, .news-list li {
		width:100%;
		margin:0 0 30px 0;
	}
	.news-list > li:first-child .blog-table-img {
		width:200px;
		height:180px;
	}
	.upcoming-list > li, .upcoming-list > li:nth-child(3n+1), .upcoming-list-3 > li, .upcoming-list-3 > li:nth-child(2n+1) {
		width:48.5%;
		margin:0 -4px 20px 3%;
	}
	.upcoming-list > li:nth-child(2n+1) {
		margin-left:0;
	}
	.blog-table-content {
		height:auto;
	}
	.blog-table-img, .blog-table-img-50 {
		height:240px;
	}
	.news-list > li:first-child .blog-table-img-50 {
		height:240px;
	}

	/* ABOUT PAGE */
	.about-list > li, .adiv-list > li {
		width:48.5%;
		margin:0 -4px 20px 3%;
	}
	.about-list li:nth-child(2n+1), .adiv-list li:nth-child(2n+1) {
		margin-left:0;
	}

	/* INNOVATION SUPPORT */
	.research-services li, .research-services li:nth-child(4n+1) {
		width:48%;
		margin:0 -4px 30px 4%;
	}
	.research-services li:nth-child(2n+1) {
		margin-left:0;
	}

}

/* MEDIA QUERIES - 850PX */
@media screen and (max-width: 850px) {

	/* MENU */
	.nav-list {
		display:none;
	}
	#navicon {
		//display:block;
	}
	.table-topbar-login {
		display:none;
	}
	.table-topbar-social {
		text-align:left;
	}
	.page-nav > li a {
		font-size:15px;
	}

	/* HEADINGS */
	h1, .page-bar-title, .page-bar-heading {
		font-size:28px;
	}
	h2 {
		font-size:24px;
	}

	/* HOME PAGE */
	.inspire-list li, .journal-list li, .article-list li {
		width:100%;
		margin:0 0 40px 0;
	}
	.journal-intro {
		display:none;
	}
	.dev-table, .pain-table, .contact-table {
		display:block;
		min-height:0;
	}
	.dev-table-img, .dev-table-copy, .pain-table-img, .pain-table-copy, .contact-table-left, .contact-table-right {
		display:block;
		width:100%;
	}
	.contact-table-left {
		font-size:18px;
	}
	.about-table, .about-table > .table-cell {
		display:block;
		width:100%;
	}
	.about-table-img {
		margin-bottom:30px;
	}
	.about-table-copy {
		padding-left:0;
	}

	/* ABOUT PAGE */
	.page-hero {
		height:270px;
	}
	.about-blurb {
		font-size:24px;
	}
	.points-list li {
		width:100%;
		margin:0 -4px 50px 0;
	}
	.points-list > li:nth-child(2)::before {
		display:block;
	}
	.points-list > li::after {
		display:none;
	}
	.about-hero {
		height:500px;
	}

	/* GENERAL */
	.column-2 {
		column-count:1;
		column-gap:0;
	}
	.left-bar {
		padding-bottom:30px;
	}
	.left-bar, .right-bar {
		float:left;
		clear:left;
		width:100%;
	}
}


/* MEDIA QUERIES - 710PX */
@media screen and (max-width: 710px) {
/* @media screen and (max-width: 480px) and (orientation: portrait) {*/

	/* TOP BAR */
	.topbar-spacer { 
		height:60px;
	}

	/* MENU */
	#menumask {
		text-align:left;
	}
	.menu-bar, .menu-bar-home {
		position:relative;
		top:0;
		margin-top:31px;
	}
	.menu-bar-home {
		top:-10px;
	}
	.menu-frame {
		display:block;
		clear:both;
		//padding:87px 25px 40px;
	}
	a.menu-item {
		font-size:24px;
	}
	.menu-sub-list {
		margin:7px 0 20px;
	}
	.menu-list li li {
		display:block;
		margin:5px 0 5px 0;
		padding-left:0;
		border:0;
		font-size:19px;
	}
	.menu-search {
		padding-top:150px;
	}
	.menu-search-input {
		margin-top:20px;
		margin-bottom:20px;
		font-size:50px;
	}

	/* SIGN IN */
	.signin-col-input {
		width:100%;
	}
	.signin-col-img {
		display:none;
	}

	/* HOME PAGE */
	.div-list > li {
		width: 175px;
	}
	.div-list-icon {
		height: 90px;
	}
	.div-list-title {
		font-size: 16px;
	}
	.column75, .column68, .column28 {
		float: left;
		clear: left;
		margin: 0 0 5px;
		width: 100%;
	}
	.upcoming-list > li, .course-list > li {
		width: 100%!important;
		margin: 0 0 20px 0!important;
	}

	/* HOME PAGE - NEW */
	.page-hero-box {
		max-width: 90%;
	}
	.page-hero-box h1 {
		font-size: 18px;
	}
	.page-hero-box h2 {
	    font-size: 28px;
	}

	/* VIDEO */
	.video-item {
		width:100%;
		margin:30px 0;
	}

	/* RESOURCE PAGES */
	.guide-list > li {
		width:48%;
		margin:0 -4px 30px 4%;
	}
	.guide-list > li:nth-child(5n+1), .guide-list > li:nth-child(3n+1) {
		margin-left:4%;
	}
	.guide-list > li:nth-child(2n+1) {
		margin-left:0;
	}

	/* ONBOARDING PAGE */
	.table-start, .table-start > .table-cell {
		display:block;
		width:100%;
	}
	.table-start-data {
		padding-right:0;
		margin-bottom:20px;
	}

	/* FOOTER */
	.footer-col {
		width:50%;
	}
	.footer-spacer {
		display:none;
	}
	.footer-contact, .footer-subscribe, .footer-social {
		float:left;
		clear:both;
		width:100%;
		text-align:left;
	}
	.footer-subscribe {
		padding-bottom:30px;
	}
	.footer-subscribe .check-input {
		width:100%;
	}
}


/* MEDIA QUERIES - 603PX */
@media screen and (max-width: 603px) {

	/* TOP BAR */
	.top-list > li:last-child {
		//display:none;
	}
	.nav-about {
		display:none!important;
	}
	.top-list > li > a, .top-list > li > span {
		margin:0 8px 0;
	}
	.social-tel {
		display:none!important;
	}
	.footer-credit, .footer-list {
		float:none;
		clear:both;
	}
	.footer-credit {
		padding-top:25px;
	}
	.footer-list li {
		//width:100%;
		border-left:none;
	}
	.footer-list li a, .footer-list li span {
		margin-left:0;
	}
	.page-nav > li {
		width:50%;
	}
	.page-nav > li a {
		border:none;
		border-bottom:1px solid #c7daef;
		border-right:1px solid #c7daef;
		line-height:42px;
	}
	.page-nav > li:first-child a {
		//border-left:1px solid #c7daef;
	}

	/* MODAL */
	.modal-pad {
		padding:20px 20px 35px 20px;
	}

	/* HEADINGS */
	h1, .page-bar-title, .page-bar-heading {
		font-size:20px;
		font-weight:500;
	}
	h2 {
		font-size:17px;
	}
	h3 {
		//font-size:15px;
	}
	.page-bar-title::before {
		top:-5px;
	}
	#logo {
		//z-index:1001;
	}
	a.menu-item {
		font-size:18px;
	}

	/* BUTTONS */
	.button-default {
		min-width:100px;
	}
	.check-input, .check-dropdown select {
		font-size:16px;
	}

	/* NAVIGATION */
	.menu-list li a {
		//font-size:20px;
	}

	/* STRUCTURE */
	#topbar {
		//padding:20px 0;
	}

	/* HOME PAGE */
	.div-list {
		display:inline-block;
	}

	/* HOME PAGE - NEW */
	.hcat-list > li {
		width: 50%;
	}

	/* INNOVATION PAGE */
	.tech-pop-hero {
		padding:30px;
	}
	.tech-pop-hero h1 {
		font-size:30px;
	}

	/* RESOURCE PAGES */
	.table-article, .table-article > .table-cell {
		display:block;
		width:100%;
	}
	.table-article-title {
		padding-right:0;
	}
	.table-article-share {
		width:100%;
		padding-top:25px;
	}
	.table-article-share i {
		font-size:17px;
	}
	.article-title {
		font-size:25px;
	}

	.journal-img::before, .article-list li a::before {
		line-height:200px;
	}
	.journal-img {
		height:200px;
	}
	.article-entry p img {
		float:none!important;
		width:100%!important;
		margin:0 0 25px!important;
	}
	.journal-hero {
		height:280px;
	}
	.table-calculators, .table-calculators > .table-cell {
		display:block;
		width:100%;
	}
	.table-calculators-button {
		padding-top:25px;
		text-align:left;
	}

	/* ABOUT PAGE */
	.about-hero {
		height:400px;
	}
	.about-hero-s {
		height:300px;
	}
	/* ABOUT PAGE */
	.team-list li {
		width:100%;
		margin:0 -4px 30px 0;
	}
	.team-img {
		height:280px;
	}

	/* GENERAL */
	#main, #aside, .column58, .column50, .column49, .column48, .column47, .column38, .column33 {
		float:left;
		clear:left;
		margin:0 0 5px;
		width:100%;
	}
	.bcrumb {
		display:none;
	}

	/* ONBOARDING PAGE */
	.start-bar {
		height:70px;
		padding-top:19px;
	}
	.start-logo {
		width:123px;
		height:32px;
		background-size:123px 32px;
	}
	.start-pad {
		padding-top:90px;
		padding-bottom:40px;
	}
	.start-title {
		font-size:17px;
	}
	.start-box, .start-check, .start-input, .start-dropdown select {
		font-size:17px;
	}
	.start-steps li {
		font-size:18px;
	}
	.start-list-split li {
		width:100%;
		margin:0;
	}

	/* MAPS */
	.map-div {
		height:400px;
	}

	/* MODAL */
	.modal-input-m {
		margin-right:0;
	}
	.modal-input50 {
		float:none;
		width:100%;
	}
}


/* MEDIA QUERIES - 520PX */
@media screen and (max-width: 520px) {

	/* SIGN IN */
	.signin-col-input {
		//padding:0;
	}
	.signin-box {
		height:100%;
		max-width:100%;
		padding:35px;
	}
	.signin-logo {
		width:190px;
		height:73px;
	}

	/* HOME PAGE */
	.featured-list li, .featured-list li:nth-child(3n+1), .featured-list li:nth-child(2n+1) {
		width:100%;
		margin:0 0 30px 0;
	}
	.blog-table, .blog-table .table-cell {
		display:block;
		width:100%;
	}
	.news-list > li:first-child .blog-table-img {
		width:100%;
	}

	.featured-icon {
		max-width:150px;
	}
	.caption-copy {
		font-size:17px;
	}
	.column-sub {
		font-size:27px;
	}
	.column-copy {
		font-size:19px;
	}
	.pov-col-title {
		font-size:18px;
	}
	.contact-col-l, .contact-col-r {
		float:none;
		width:100%;
	}
	.contact-col-l {
		padding:0 0 30px;
	}
	.contact-col-r {
		padding:30px 0 0;
		border-left:none;
		border-top:1px solid #ffffff;
	}
	.contact-email, .contact-tel {
		font-size:24px;
	}
	.check-search {
		font-size:20px;
	}
	.page-menu li a {
		font-size:16px;
	}

	/* ABOUT PAGE */
	.about-hero {
		height:300px;
	}

	/* RESOURCE PAGES */
	.resource-tabs {
		margin-top:0;
	}
	.resource-tabs > li {
		width:100%;
		padding:0;
		margin:0 0 10px 0;
		font-size:16px;
	}
	.table-download, .table-download > .table-cell {
		display:block;
		width:100%;
	}
	.table-guide-img img {
		width:60px;
		margin-bottom:15px;
	}
	.guide-list > li {
		width:100%;
		margin:0 0 30px 0;
	}
	h1.intrate {
		font-size:22px;
	}

	/* INPUT */
	.check-input-m {
		margin-right:0;
	}
	.check-input50, .check-input30 {
		width:100%;
	}

	/* CONTACT PAGE */
	.contact-greeting {
		font-size:35px;
	}

	/* SERVICES PAGE */
	.sectors-blocks-l li {
		width:100%;
		margin-left:0;
	}

	/* INNOVATION SUPPORT */
	.research-services li, .research-services li:nth-child(4n+1), .research-services li:nth-child(2n+1) {
		width:100%;
		margin:0 -4px 30px 0;
	}

}


/* MEDIA QUERIES - 480PX */
@media screen and (max-width: 480px) and (orientation: portrait) {

	/* TOP BAR */
	.table-topbar-social {
		display:none;
	}

	/* MENU */
	.topbar-button {
		width:100px;
		padding:12px 0;
	}

	/* HOME PAGE */
	.featured-list li a {
		height:auto;
		background-size:55%;
	}
	.featured-list-bar {
		font-size:13px;
	}

	/* HOME PAGE - NEW */
	.hcat-list > li {
		width: 100%;
	}

	/* ABOUT PAGE */
	.culture-icon {
		width:44%;
	}

	/* CONTACT PAGE */
	.bursary-steps li {
		width:100%;
		margin-left:0;
	}

	/* SERVICES PAGE */
	.sectors-blocks li, .infographic-blocks li {
		width:100%;
		margin-left:0;
	}
	.sectors-blocks-l li {
		height:200px;
	}

	/* RESOURCE PAGES */
	.journal-hero {
		height:180px;
	}

	/* FOOTER */
	.footer-col {
		width:100%;
	}
}


/* MEDIA QUERIES - 450PX */
@media screen and (max-width: 450px) {
	.g-recaptcha.right {
		float:none!important;
	}
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.85);
		-webkit-transform:scale(0.8c5);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/* MEDIA QUERIES - 320PX */
@media screen and (max-width: 320px) and (orientation: portrait) {

}