/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic); */

@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
a { text-decoration: none; color: #163585; }
a:hover, a:focus { text-decoration: underline; }
a:focus { outline: 0; }
a img { border: none; }
b, strong { font-weight: bold; }
em, i { font-style: italic; }
p { padding: 10px 0; line-height: 150%; }
h1, h2, h3, h4, h5, h6 { padding: 10px 0; font-weight: bold; color: #062654; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
dl { padding: 10px 0; }
dt { font-weight: bold; font-size: 120%; font-family: lucida grande, calibri, arial, helvetica, sans-serif; }
dd { padding: 0 0 10px 40px; }
img { width: 100%; }
.ckeditor ul, .ckeditor ol, #content ul, #content ol { padding: 0 0 0 30px; }
.cke_show_borders table { border: 1px dotted #000; border-spacing: 10px; border-collapse: separate; }
.cke_show_borders td { border: 1px dotted #777; border-spacing: 10px; padding: 10px; border-collapse: separate; }
.t2 { display: none; } /* For form validation - do not remove */
#content td { padding: 3px 20px 3px 0; vertical-align: top; }
#content a.pdflink { padding: 2px 0 4px 24px; background: url(../images/pdf.png) no-repeat; }
body.notfound { background: #000; color: #FFF; padding: 100px; }
body.notfound h1 { text-shadow: 0 0 20px #FFF; font: 46px consolas, arial; }
body.notfound p { font: 24px consolas, arial; color: #888; }

.row.full-width { width: 100%; max-width: 95%; }

/* Site-specific CSS */

body { background: #FFF; color: #38372c; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 16px; }
#headerwide { background-color: #FFFFFF; }

.header { padding: 0 0; }
.header .logo { max-width: 360px; width: 100%; margin: 0 auto 20px auto; }
.header .button { margin: 0; padding: 0.6rem 1rem; }
.header .button:hover, .header .button:focus { text-decoration: none; }
.header .address p { text-align: center; line-height: 110%; padding-bottom: 7px; padding-top: 0; font-size: 14px; padding: 0; margin-bottom: 10px; }
.header .address p { padding: 0; }
.header .address p span { display: block; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	.header .logo { margin: 0; }
	.header .address p { text-align: right; font-size: 18px; }
	.header .address p span { display: inline; }
} 

#navwide { background: #dadada; margin: 0 0.975rem; }
#navwide .columns { padding-left: 0; padding-right: 0; }

.no-js .top-bar { display: none; }

.contain-to-grid { background: #081538; }
.contain-to-grid .top-bar { margin: 0; max-width: 100%; box-shadow: 0 2px 5px #999; z-index:100; }
.contain-to-grid.fixed .top-bar { box-shadow: 0 2px 5px #999; }
.top-bar { background: #ffffff; }
.top-bar .name { background: #081538; }
.top-bar .name span a { font-size: 0.8em; }
.top-bar.expanded .title-area { background: #001D4D; }


.top-bar .toggle-topbar.menu-icon a { color: #fff; }
.top-bar .toggle-topbar.menu-icon a:hover, .top-bar .toggle-topbar.menu-icon a:focus { text-decoration: none; }
.top-bar .toggle-topbar.menu-icon a span:after { box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }
.top-bar.expanded .toggle-topbar.menu-icon a { color: #ffffff; }
.top-bar.expanded .toggle-topbar.menu-icon a span:after { box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff; }

.top-bar-section ul { border: 1px solid #666666; border-bottom-width: 0px; }
.top-bar-section ul li { background: #FFFFFF; }
.top-bar-section ul li > a { padding: 0px 0px 0px 0.938rem; }
.top-bar-section .dropdown li a { padding: 0px 0.9375rem; }
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { padding: 0; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #062654; background: #CCCCCC; }
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: #DDDDDD; }

.top-bar-section li:not(.has-form) a:not(.button) { 
	background: #ffffff; 
	color: #081538; 
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #666666;
}  /* menu item colour */
.top-bar-section li:not(.has-form) a:not(.button):hover { background: #ffffff; color: #00aeef; text-decoration: none; }  /* menu item:hover colour */

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #ffffff; color: #081538; } /* dropdown menu item colour */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #ffffff; color: #00aeef; } /* dropdown menu item:hover colour */
.top-bar-section ul li:hover:not(.has-form) > a { background: #ffffff; color: #00aeef; } /* dropdown's parent menu item:hover colour when dropdown is open */
.top-bar-section .has-dropdown > a:after { border-color: #081538 transparent transparent; }
.top-bar-section ul li:hover:not(.has-form) > a:after { border-color: #00aeef transparent transparent; }
.top-bar-section .has-dropdown > a:hover:after { border-color: #00aeef transparent transparent; }

.top-bar-section li.active:not(.has-form) a:not(.button) { background: #ffffff; color: #081538; } /* active menu item colour */
.top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #ffffff; color: #00aeef; } /* active menu item:hover colour */

.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) { background: #ffffff; } /* active sub-menu item colour */

.top-bar-section ul li > a {
	transition-duration: 0.3s, 0.3s, 0.3s, 0.6s, 0.6s, 0.3s; 
	transition-property: opacity, color, text-shadow, background-color, background-position, padding;
	transition-timing-function: ease-out;
	font-family: 'Open Sans', sans-serif;
	/* text-transform: uppercase; */
	font-size: 0.8rem;
	font-weight: 700;
}

.top-bar-section li:not(.has-form).caid38608 a.caid38608:not(.button) { display: none; }
.mobile-login-link { text-align: center; }
.mobile-login-link a { display: inline-block; background: #00aeef; border-radius: 5px; color: #ffffff; border: 2px solid #00aeef; padding: 0.6rem 0; width: 100%; max-width: 80%; }
.mobile-login-link a:hover, .mobile-login-link a:focus { background: #ffffff; color: #00aeef; text-decoration: none; }

.flex-v-centred {
    display: flex;
    align-items: center;
}

.flex-v-centred-right {
    display: flex;
    align-items: center;
    justify-content:space-between;
    height:120px;
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	.header .logo { max-width: 360px; margin: 0; }
	.top-bar-section ul { border-width: 0px; }
	#navwide { margin: 0; }
	#navwide .columns { padding-left: 0.975rem; padding-right: 0.975rem; }
	.top-bar { background: #ffffff; }
	.top-bar-section li:not(.has-form) a:not(.button) { border-width: 0; }
	.top-bar-section .dropdown { box-shadow: 1px 1px 3px #999; }
	.top-bar-section .dropdown li { border-bottom: 1px solid #FFFFFF; }
	.top-bar-section .dropdown li:first-child { border-top: 1px solid #FFFFFF; }
	.top-bar-section li:not(.has-form).caid38608 { margin-left: 2rem; }
	.top-bar-section li:not(.has-form).caid38608 a.caid38608:not(.button) { display: block; background: #00aeef; border-radius: 5px; color: #ffffff; border: 2px solid #00aeef; padding-left: 1.6rem; padding-right: 1.6rem; }
	.top-bar-section li:not(.has-form).caid38608 a.caid38608:not(.button):hover { background: #FFFFFF; color: #00aeef; }
	.top-bar-section li:not(.has-form).caid46122 { margin-left: 1rem; margin-right:0rem; }
	.top-bar-section li:not(.has-form).caid46122 a.caid46122:not(.button) { display: block; background: #00aeef; border-radius: 5px; color: #ffffff; border: 2px solid #00aeef; padding-left: 1.6rem; padding-right: 1.6rem; }
	.top-bar-section li:not(.has-form).caid46122 a.caid46122:not(.button):hover { background: #FFFFFF; color: #00aeef; }
	
	.contain-to-grid.sticky.fixed .top-bar-section li:not(.has-form).caid38608 { margin: 0 0rem; margin-left:2rem; }
	/* .contain-to-grid.sticky.fixed .top-bar-section li:not(.has-form).caid38608 a.caid38608:not(.button) { margin-top: 0.3rem; line-height: 2rem; } */
    
    .fixed .top-bar-section li:not(.has-form).caid46122 { margin-left: 1rem; margin-right:0rem; }
}



.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}

[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-dots
{
    position: absolute;
    bottom: 25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 15px;
    height: 15px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 15px;
    line-height: 15px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '•';
    text-align: center;

    opacity: 0.5;
    color: white;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: white;
}

.slider-image {
    font-family:'Open Sans', sans-serif;
}

.slider-image img {
    object-fit: cover;
    max-height:700px;
}

.slider-image h1 {

	/* position: absolute;
  	top: 50%; */
  	/* left: 50%; */
  	/* transform: translate(0%, -50%); */
	color: white;
	font-size:46px;
	font-weight:400;
	/* text-shadow: 4px 4px 10px rgb(49 49 49); */
    width: 100%;
    text-align: left;
    padding:2rem;
    line-height:1.3;
    font-family: 'Open Sans', sans-serif;

}

.slider-image .overlay {
    position:absolute;
    width:22%;
    min-width:380px;
    background:#0815386e;
    left:10%;
    top:0;
    height:100%;
}

.slider-image .overlay div {
    position: absolute;
  	top: 50%;
  	/* left: 50%; */
  	transform: translate(0%, -50%);
    width: 100%;
}

.slider-image .h-button {
    display: block;
    background: #00aeef;
    color: #ffffff;
    border: 4px solid #00aeef;
    border-radius: 5px;
    padding:1rem;
    font-size:20px;
	font-weight:400;
    width:45%;
    margin-left:2rem;
    text-align:center;
    transition-duration: 0.3s, 0.3s, 0.3s, 0.6s, 0.6s, 0.3s;
    transition-property: opacity, color, text-shadow, background-color, background-position, padding;
    transition-timing-function: ease-out;
    /* text-transform:uppercase; */
    font-weight:400;
    letter-spacing: 1px;

}

.slider-image .h-button:hover{
    background: #FFFFFF;
    color: #00aeef;
    text-decoration: none;
}

.news-bg {
    background:url(../images/bg.jpg);
}


.default-header {
    max-height:400px;    
    background:url(../images/header-bg.webp);
    /* background:url(../images/header-bg-test.png); */
    background-size:cover;
    z-index:1;
    position:relative;
    padding:70px;
    text-align:center;
    margin-bottom:2rem;
}

.default-header h1 {color:white;font-size:50px;}



/* Arrows */
.slick-prev,
.slick-next
{
    z-index:1;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

#slideshowwide { 
	background-image: linear-gradient(bottom, #0B7DD1 0%, #091638 100%);
	background-image: -o-linear-gradient(bottom, #0B7DD1 0%, #091638 100%);
	background-image: -moz-linear-gradient(bottom, #0B7DD1 0%, #091638 100%);
	background-image: -webkit-linear-gradient(bottom, #0B7DD1 0%, #091638 100%);
	background-image: -ms-linear-gradient(bottom, #0B7DD1 0%, #091638 100%);
	background-color: #fafafa;
	margin-top: 0.9375rem;
}

#slideshowwide .columns { padding-left: 0; padding-right: 0; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	#slideshowwide { margin-top: 0; }
	#slideshowwide .columns { padding: 0.9375rem; }
} 

#wrapper { width: 1000px; margin: 0 auto; }

#buttons { height: 140px; }
#buttons ul { list-style: none; padding: 10px 0; }
#buttons li { float: left; height: 140px; overflow: hidden; }
#buttons li a { display: block; width: 190px; height: 140px; padding-top: 102px; color: #FFF; text-align: center; font: 18px arial; }
#buttons li a#button1 { background: url(../images/buttons.png); margin: 0 10px 0 0; }
#buttons li a#button2 { background: url(../images/buttons.png) -200px 0; margin: 0 10px 0 0; }
#buttons li a#button3 { background: url(../images/buttons.png) -400px 0; margin: 0 10px 0 0; }
#buttons li a#button4 { background: url(../images/buttons.png) -600px 0; margin: 0 10px 0 0; }
#buttons li a#button5 { background: url(../images/buttons.png) -800px 0; width: 200px; }
#buttons li a#button1:hover, #buttons li a#button1.active { background: url(../images/buttons.png) 0 -200px; }
#buttons li a#button2:hover, #buttons li a#button2.active { background: url(../images/buttons.png) -200px -200px; }
#buttons li a#button3:hover, #buttons li a#button3.active { background: url(../images/buttons.png) -400px -200px; }
#buttons li a#button4:hover, #buttons li a#button4.active { background: url(../images/buttons.png) -600px -200px; }
#buttons li a#button5:hover, #buttons li a#button5.active { background: url(../images/buttons.png) -800px -200px; }

#main { padding: 0 0 30px 0; }
#mainleft { width: 640px; float: left; }
#mainleft_wide { width: 1000px; }
#mainright { width: 328px; margin-left: 672px; }
#mainrightpad { padding: 20px 0 20px 20px; }
#mainpad { padding: 10px 0; }
#content { padding: 15px 0; }

#defaultmainrightpad{
    padding: 20px 0;
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 80%, rgba(0,0,0,0.9) 90%, rgba(255,255,255,0) 97%);
    mask-image: linear-gradient(180deg, rgba(0,0,0,1) 80%, rgba(0,0,0,0.9) 90%, rgba(255,255,255,0) 97%);
}

#defaultmainrightpad2 {
    position:absolute;
    /* top:270px; */
    bottom:0;
    right:0;
    height:100%;
    width:25%;
    z-index:0;
}

@media only screen and (max-width:1330px) {
    #defaultmainrightpad2 {width:17%;}
}

.right-side-image {
    background-image: url(../images/side-image.svg);
    background-size: 700px;
    background-repeat: no-repeat;
    min-height:800px;
    height: 100%;
    background-position: 0% 85%;
    -webkit-mask-image: 
        linear-gradient(90deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0) 100%);
    mask-image: 
        linear-gradient(320deg, rgba(0,0,0,1) 40%, rgba(0,0,0,0.8) 70%, rgba(255,255,255,0.1) 100%);
}

.home-buttons { margin: 0.975rem 0; }
.homebutton { margin-bottom: 0.975rem; display: block; }
.home-buttons h1 {text-align:center; margin-bottom:1rem;font-size:46px;}

.home-buttons li {
    padding-bottom:0;
}

.homebutton h4 { 
	text-align: center;
	font-size: 12px;
	/* text-transform: uppercase; */
	color: #FFFFFF;
	background: #091638; 
	padding: 10px;
}

.homebutton img {
    background: #091638;
}

.homebutton:hover, .homebutton:focus { text-decoration: none; }
.homebutton:hover h4, .homebutton:hover img, .homebutton:focus h4 { background: #0B7CD0; }

.hide-when-not-fixed {
    display:none;
}

.fixed .hide-when-not-fixed {
    display:block;
}

/* STAFF PROFILES */

.staff-profile {
    display:flex;
    /* gap:1rem; */
    margin: 0rem 2rem;
    flex-direction: column;
}

.staff-profile img {
    /* max-width:min(40%, 200px); */
    /* border: 2px solid #222222c2; */
    /* border-radius: 30%; */
    padding-right:3rem;
}

.staff-description {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:1.5rem;
    background:#f7f7f7;
    margin-left:3rem;
    position:relative;
    top:-3rem;
    box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.205);
    gap:5px;
}

.staff-description i {
    color:#132653;
}

.staff-description i::before {
    margin:0;
}

.staff-description a {
    font-size:14px;
    margin-bottom:0.2rem;
    /* white-space: nowrap; */
    word-wrap:break-word;
}

.staff-description a:hover {
    text-decoration: none;
}

.staff-description a:hover i {
    color:#00aeef;
}

.staff-description a:first-of-type{
    margin-top:0.5rem;
}

.staff-profile h3, .staff-profile p {
    padding:0;
    font-size:15px;
}
.staff-profile h3 {
    font-size:18px;
}

.staff-profile p {
    /* margin-bottom:0.5rem; */
}

/*staff search bar*/

.search-container {
    margin: 0rem 2rem;
    padding-right:3rem;
}

input#staff-searchbar {
    /* max-width: 330px; */
    margin-bottom: 1.5rem;
    text-align: center;
    border-radius:1rem;
    /* margin-right:1rem; */
}

@media only screen and (min-width: 64.063em) {
    .staff-profile {
        margin: 0rem 0rem;
    }
    .search-container {
        margin: 0rem 0rem;
    }
}

/* NEW TESTIMONIALS */

.testimonial {
    min-height:240px;
    padding:2rem;
    margin: 0rem 0.5rem 2.5rem 0.5rem;
    background:#001D4D;
    background:url(../images/testimonial-bg.webp);
    background-size:cover;
    color:white;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius:1rem;
}

.testimonial div {
    margin-top:1.5rem;
}

.testimonial p {
    padding:0;
    font-size: 18px;
    font-weight: 600;
}

.testimonial h4 {
    color:white;
    padding:0;
    font-size:16px;
    font-weight:600;
    margin-bottom:0.1rem;
}

.testimonial h5 {
    color:white;
    padding:0;
    font-size:14px;
    font-weight:500;
}

.testimonial-page li {
    margin-bottom:0.5rem;
}

.testimonial-page h4 {
    font-size:16px;
    padding:0;
    margin-top:1rem;
    color:#38372c;
}

.testimonial-page h5 {
    font-size:16px;
    padding:0;
    margin-bottom:2rem;
    color:#38372c;
}

.testimonial-link .testimonial {
    background:green;
    background:linear-gradient(34deg, #374a6f, #59aced);
    background-size: 300% 100%;
    background-position: 50% 50%;
    transition: transform 0.3s, background-position 0.3s;
}
.testimonial-link .testimonial p {
    font-size:20px;
}
.testimonial-link:hover {
    text-decoration: none;
}

.testimonial-link:hover .testimonial {
    /* transform:scale(1.02); */
    transform:translateY(-5px);
    background-position:0% 50%;
}

@media only screen and (min-width: 64.063em) {
    .testimonial {
        min-height: 400px;
    }
}

#toolbar { height: 100px; background: url(../images/toolbox.png); position: relative; }
#toolbar a { font-weight: bold; color: #FFF; }
#tools { position: absolute; top: 30px; left: 40px; }
#sftp { position: absolute; top: 22px; left: 240px; }
#tools a { display: block; padding: 0 0 0 50px; background: url(../images/toolbuttons.png); height: 50px; line-height: 50px; }
#sftp a { display: block; padding: 0 0 0 50px; background: url(../images/toolbuttons.png) 0 -200px; height: 60px; line-height: 60px; }
#tools a:hover { background-position: 0 -100px; }
#sftp a:hover { background-position: 0 -300px; }
#searches { position: absolute; top: 20px; right: 10px; width: 460px; }

#footerwide { background: #091638; margin: 20px 0; margin-top:0; }
#footerwide p { color: #FFFFFF; padding: 20px 0; text-align: center; }
#footerwide a { color: #FFFFFF; text-decoration: underline; }
#footerwide a:hover { text-decoration: none; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	#footerwide p { text-align: left; }
	#footerwide p.plannerweb { text-align: right; }
	.homebutton h4 { font-size: 14px; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	.homebutton h4 { font-size: 20px; }
} 

.profile { float: left; width: 140px; height: 270px; }
.profile h3 { font: bold 13px arial; padding: 10px 0 0 0; text-align: center; }
.profile h4 { font: bold 11px arial; padding: 5px 0 0 0; text-align: center; }
.profile img { width: 130px; }
.aid28315 h2 { clear: left; }

/* flowplayer validator css */
.error { margin: 0 0 0 3px; height: 15px; background-color: #FF0; color: #000; font-size:11px; padding: 4px 10px; display:none; box-shadow: 0 0 4px #F90; -moz-box-shadow: 0 0 4px #F90; -webkit-box-shadow: 0 0 4px #F90; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.error p { margin:0; font: 11px tahoma; padding: 0; }

#captchacode { display: inline; font: bold 18px Consolas; padding: 0 10px; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.la { text-align: left; }
.ra { text-align: right; }
.pad10 { padding: 10px; }
.hide { display: none; }

/* eWombat and ASX search */
#ewombat_holder { height: 40px; width: 220px; overflow: hidden; position: relative; float: left; margin: 10px 10px 0 0; }
#asxlookup_holder { height: 40px; width: 220px; overflow: hidden; position: relative; float: left; margin: 25px 0 0 0; }
#asxlookup_input, #ewombat_input { -moz-appearance: none; -webkit-appearance: none; outline: 0; background: #FFF url(../images/search.png) no-repeat; font: bold 15px arial; line-height: 40px; height: 40px; text-indent: 10px; color: #222; border: 0; margin: 0 50px 0 0; float: left; }
#asxlookup_input.focused, #ewombat_input.focused { background-position: 0 -100px; }
#asxlookup_title, #ewombat_title { display: none; }
#asxlookup_button, #ewombat_button { background: url(../images/search.png) 0 -40px; text-indent: -999em; -moz-appearance: none; -webkit-appearance: none; border: 0; width: 50px; height: 40px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; }
#asxlookup_button:hover, #ewombat_button:hover { background-position: -100px -40px; }

/*Login form*/
#loginform { padding: 0 0 20px 0; }
#loginform h3 { padding: 0 0 10px 0; }
.forminput { -moz-appearance: none; -webkit-appearance: none; background: #FFF url(../images/searchinput.png) no-repeat; font: bold 15px arial; line-height: 30px; height: 30px; overflow: hidden; text-indent: 10px; color: #666; border: 0; margin: 0 0 10px 0; padding: 0; width: 100%; border-radius: 4px; outline: 0; }
.forminput.focused { color: #000; background-position: 0 -200px; }
#loginform .formbutton { -moz-appearance: none; -webkit-appearance: none; border: 0; width: 100%; font: bold 15px arial; text-align: center; background: url(../images/loginbutton.png); color: #FFF; display: block; padding: 4px 0 20px 0; margin: 0; }
#loginform .formbutton:hover { background-position: 0 -100px; color: #FFF; padding: 5px 0 19px 0; color: #462; }

/*ASX graph*/
#marketwatch { display: none; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	#marketwatch { display: block; position: relative; right: -40px; }
} 

/* newsformatter */
/* #listing { border-radius: 10px; background: #ccc; margin-top: 15px; }
#listing h2 { padding: 10px 20px; }
.newsindexheading { padding: 10px 20px; font-size: 20px; }
#listing h4 { padding-left: 30px; font-size: 18px; }
#listing ul { list-style: square; padding: 0 20px 20px 30px; color: #999; }
#listing li { padding: 0 0 4px 0 !important; }
#listing li a { display: block; color: #000; margin-bottom: 1rem; }
#listing li a:hover { text-decoration: underline; }
#listing li a.active { color: #63619A; }
#listing li a.active span { background: transparent none !important; color: #98012E !important; } */
#article h1 { font-size:28px; border-bottom: 2px solid #cccccc; padding-bottom:25px; margin-bottom:20px;}
.articledescription { font-weight: bold; padding: 0 0 10px 0; }
#news { border-top: 2px #dcdcdc dotted; }
#news h2 { color: #062654; padding: 20px 10px 20px 0px; }
.news_summary_holder { position: relative; }
.news_summary_holder .news-summary-item { margin: 0px 0 0.975rem 0; border-radius: 5px; border: 1px solid #dddddd; display: block; background: #eeeeee; }
.news_summary_holder .news-summary-item .news-summary-title { display: block; padding: 10px 20px; background: #cccccc;  color: #091638; font-size: 18px; border-radius: 5px 5px 0 0;  }
.news_summary_holder .news-summary-item .desc { padding: 5px 20px; color: #38372c; font-size: 14px; border-radius: 0 0 5px 5px; }
.news_summary_holder .news-summary-item:hover .news-summary-title { color: #163585; background: #dddddd; }
.news_summary_holder .news-summary-item:hover { text-decoration: none; }

.news-sidebar h4 { padding: 0.7rem 1rem; background: #062654; color: #FFFFFF; font-weight: 700; margin: 0; border-bottom: 5px solid #ffffff; font-size:20px; }
.news-sidebar ul { margin: 0 0 2rem 0; padding: 0; list-style-type: none; }
.news-sidebar li { border-bottom: 1px solid #ffffff; }
.news-sidebar a { 
  color: #222222;
  background: #dddddd;
  display: block;
  padding: 0.45rem 1rem;
  transition-duration: 0.2s, 0.4s;
  transition-property: padding, background, font-weight;
  transition-timing-function: ease-in-out;
}
.news-sidebar a:hover, .news-sidebar a:focus, .news-sidebar a.active { background: #b3b3b3; /* padding: 0.45rem 1.5rem; font-weight: 700; */ text-decoration:none;}

.news-item-container {position:relative;overflow:auto;margin-bottom:20px;}
.news-item-container .news-title {padding:0 0 2px 0; color:#05295a; font-weight:700;}
.news-item-container .news-description,.news-item-container .news-description:hover {color:#38372c; padding:0 0 2px 0; font-size:14px;}
.news-item-container .news-read-more {}
.news-item-container img {margin-bottom:10px;}
.news-item-container::after {
    content: '';
    display: block;
    height: 1px;
    width: 93%;
    background: #AAAAAA;
    position:absolute;
    bottom:0;
    left:14px;
}

@media only screen and (max-width: 40.063em) {
    .news-item-container::after {display:none;}
}

.news-share-links-top { margin-bottom: 2rem; }
.news-share-links-top p { display: inline-block; margin-bottom: 0; }
.news-share-links-top ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; }
.news-share-links-top li { display: inline-block; margin-left: 5px; }
.news-share-links-top a { 
  display: block; 
  color: #FFFFFF; 
  width: 2rem; 
  height: 2rem; 
  line-height: 2rem; 
  border-radius: 50%; 
  transition: all 0.3s ease-in-out;
}
.news-share-links-top i { margin-left: 5px; font-size: 1rem; }

.news-share-links { text-align: center; margin-bottom: 2rem; }
.news-share-links p { font-weight: 700; font-size: 1.4rem; margin: 3rem 0 2rem 0; }
.news-share-links p:before { content: ''; display: block; width: 100%; height: 3px; background: #CCCCCC; margin-bottom: 2rem; }
.news-share-links ul { list-style-type: none; padding: 0; margin: 0; }
.news-share-links li { display: inline-block; margin: 0 0.4rem 10px 0.4rem; }
.news-share-links a { 
  display: block; 
  font-size: 1.8rem; 
  color: #FFFFFF; 
  width: 3.6rem; 
  height: 3.6rem; 
  line-height: 3.6rem; 
  border-radius: 50%; 
  transition: all 0.3s ease-in-out;
}

.news-share-links-top .share-fb, .news-share-links .share-fb { background: #4E69A2; } /* facebook */
.news-share-links-top .share-tw, .news-share-links .share-tw { background: #00ACED; } /* twitter */
.news-share-links-top .share-li, .news-share-links .share-li { background: #0976b4; } /* linkedin */
.news-share-links-top .share-em, .news-share-links .share-em { background: #69696e; } /* email */
.news-share-links-top .share-fb:hover, .news-share-links .share-fb:hover { background: #1B356F; } /* 20% darker */
.news-share-links-top .share-tw:hover, .news-share-links .share-tw:hover { background: #0079B8; } /* 20% darker */
.news-share-links-top .share-li:hover, .news-share-links .share-li:hover { background: #004280; } /* 20% darker */
.news-share-links-top .share-em:hover, .news-share-links .share-em:hover { background: #36363A; } /* 20% darker */

[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-top:7px;
}


/* contact form */
.formtable { border-collapse: collapse; margin-bottom: 20px; }
.formtable td { padding: 0 20px 6px 0; font-size: 12px; }
.formtable h2, .formtable h3 { margin: 0; padding: 0; }
.formtable input.t, .formtable textarea.t { font-size: 16px; width: 250px; }

/* messages */
#message_box { background: #080; padding: 10px 20px; color: #FFF; font: 18px arial, helvetica, sans-serif; border: 2px solid #050; border-radius: 4px; margin: 10px 0; }
#error_message_box { background: #800; padding: 10px 20px; color: #FFF; font: 18px arial, helvetica, sans-serif; border: 2px solid #400; border-radius: 4px; margin: 10px 0; }

/* Ticker */
#ticker_core { height: 20px; padding: 13px 20px 0 20px; }

/* Nivo slider */
#slider { position: absolute; top: 0px; left: 0px; }
.nivo-slice, .nivo-box { position: absolute; }
.nivoSlider { position:relative; width: 1000px; height: 300px; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:block; }
.nivo-controlNav a { display: block; float: left; background: transparent; margin: 0 10px 0 0; }
.nivo-controlNav a:hover { background: #FFF; }
.nivo-controlNav a.active { background: #000; }
.nivo-controlNav { position: absolute; top: 260px; right: 0; z-index: 1000; }
.nivo-controlNav a img { position: relative; margin: 2px; }
.nivo-directionNav { position: absolute; top: 400px; }
a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 70%; border: 0; padding: 0; margin: 0; z-index: 1; }
.nivo-caption { position: absolute; top: 10px; right: 10px; z-index: 2; display: block; color: #FFF; font: bold 15px arial, helvetica, sans-serif; border-radius: 5px; width: 480px; text-shadow: 2px 2px 5px #000; }
.nivo-caption p { padding: 7px 20px; }

/* Social */
#social { width: 200px; height: 55px; overflow: hidden; position: absolute; top: 30px; right: 20px; }
#social ul { list-style: none; padding: 0; margin: 0; }
#social li { float: left; }
#social li a { display: block; width: 52px; height: 52px; background: url(../images/social.png); padding: 100px 10px 0 0; }
#social li a#facebook:hover { background-position: 0 -100px; }
#social li a#linkedin { background-position: -100px 0px; }
#social li a#linkedin:hover { background-position: -100px -100px; }
#social li a#twitter { background-position: -200px 0px; }
#social li a#twitter:hover { background-position: -200px -100px; }
#social li a#youtube { background-position: -300px 0px; }
#social li a#youtube:hover { background-position: -300px -100px; }

/* jsticker_scroll and jsticker_scroll_vertical */
.scrollingtext { position:absolute; }
#jsticker_scroll { position:relative; height: 40px; width: 940px; display:block; overflow:hidden; margin: 0 auto; }
#jsticker_scroll div { display: inline-block; margin: 0; }
#jsticker_scroll a { color: #FFF; display: block; padding: 12px 20px; -moz-transition: color 0.5s ease-out; -webkit-transition: color 0.5s ease-out; transition: color 0.5s ease-out; font: bold 14px arial, helvetica, sans-serif; }
#jsticker_scroll a:hover { color: #7F0; text-shadow: 0 0 4px #390; }
#jsticker_scroll .scrollingtext { white-space: nowrap; }


/* Define mobile styles */
@media only screen { } 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { } 

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { } 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { } 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { } 

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { } 


@media only screen and (max-width: 60.063em) {
    .slider-image h1 {font-size:30px;}
    .home-buttons h1 {font-size:40px;}
}

@media only screen and (max-width: 40.063em) {
    .slider-image h1 {font-size:20px;}
    .default-header h1 {font-size:30px;}
    .home-buttons h1 {font-size:28px;}
    .slider-image .overlay {display:none;}
    .flex-v-centred {
        display: block;
        align-items: center;
    }
    
    .flex-v-centred-right {
        display: block;
        height:2.8125rem;
    }
    .default-header {margin-top:3px;}
    .contain-to-grid .top-bar {box-shadow:none;}
}