@charset "UTF-8";
/* STYLE SHEET - PC */

/* font-family: 'Oswald', sans-serif; */

/* -------------------- GENERAL -------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #1D1D1D;
}

h1 {
	font-size: 45px;
	font-weight: 700;
	color: #034ea2;
	letter-spacing: -.02em;
	margin: 0 0 40px 0;
	/* border-bottom: 5px solid #034ea2; */
}

h2 {
	font-size: 27px;
	font-weight: 700;
	color: #034ea2;
	letter-spacing: -.02em;
	margin: 30px 0 10px 0;
}

h3 {
	font-size: 22px;
	font-weight: 700;
	color: #474747;
	margin: 25px 0 8px 0;
}

h4 {
	font-size: 19px;
	font-weight: 400;
	color: #034ea2;
}

h5 {
	font-size: 17px;
	font-weight: 700;
	color: #1D1D1D;
	margin-bottom: 5px;
}

p.position {
	color: #909090;
	font-weight: bold;
}

ul.susList li {
	margin-bottom: 20px;
}

/* -------------------- LINKS -------------------- */

a {
	color: #034ea2;
	text-decoration: none;
}

a:visited {
	color: #034ea2;
	text-decoration: none;
}

a:hover {
	color: #034ea2;
	text-decoration: underline;
}

a.blueLink {
	box-sizing: border-box;
	padding: 10px 20px;
	background-color: #034ea2;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .7s;
    transition: all .7s;
	border: 2px solid #034ea2;
	display: inline-block;
}

a.blueLink:hover{
	background-color: #fff;
	color: #034ea2;
}

a.redLink {
	box-sizing: border-box;
	padding: 10px 20px;
	background-color: #d82b26;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .7s;
    transition: all .7s;
	border: 2px solid #d82b26;
	display: inline-block;
}

a.redLink:hover {
	background-color: #fff;
	color: #d82b26;
}

a.jobLink {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	background-color: #fff;
	color: #d82b26;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .7s;
    transition: all .7s;
	border: 2px solid #d82b26;
	display: inline-block;
	text-align: center;
}

a.jobLink:hover {
	background-color: #d82b26;
	color: #fff;
}

input.formSubmit {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	padding: 10px 20px;
	background-color: #d82b26;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .7s;
    transition: all .7s;
	border: 2px solid #d82b26;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
}

input.formSubmit:hover {
	background-color: #fff;
	color: #d82b26;
}

/* -------------------- HEADER -------------------- */

.headerWrapper {
	width: 100%;
	padding: 20px 0;
	background-image: url(/images/background-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.headerContent {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #eaeeef;
}
.header-top {
	width: 100%;
	height: 50px;
	background-color: #54585a;
}

.header-bottom {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.header-logo {
	width: 270px;
	float: right;
	margin: 10px 0 0 0;
}

.header-logo img {
	width: 100%;
	height: auto;
}

/* -------------------- TOP NAVIGATION -------------------- */

ul.topNav {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
}

ul.topNav li a, ul.topNav li a:visited {
	padding: 5px 12px;
	margin: 15px 0 0 0;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 5px solid #eaeeef;
	text-decoration: none;
	color: #54585a;
	-webkit-transition: all .5s;
    transition: all .5s;
}

ul.topNav li a:hover, ul.topNav li a:active {
	border-bottom: 5px solid #245ac3;
}

#menuOpen {
	display: none;
}

/* -------------------- FOOTER -------------------- */

.footerWrapper {
	width: 100%;
	background-color: #262829;
	padding: 80px 0;
	margin-top: 50px;
}

.footerContent {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.footerBlockLeft {
	width: 20%;
	float: left;
}

.footerBlockRight {
	width: 77%;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.footerBlock p {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px 0;
	border-bottom: 3px solid #d82b26;
}

.footerBlock ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

.footerBlock li {
	margin: 0 0 8px 0;
}

.footerBlock ul a {
	color: #fff;
	text-decoration: none;
}

.footerBlock ul a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerLogo {
	width: 90%;
	height: auto;
	margin: 5px 0 0 0;
}

ul.social-list li {
	display: inline-block;
	margin-right: 3px;
}

.socialIcon-li {
	width: 25px;
	height: auto;
}

.footer-logo {
	width: 100%;
	height: auto;
}

.fl-wrapper {
	box-sizing: border-box;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: #fff;
	width: 100%;
	display: block;
}

/* -------------------- MAIN CONTENT -------------------- */

.contentWrapper {
	width: 100%;
	padding: 0;
	min-height:400px;
}

.mainContentArea {
	width: 90%;
	max-width: 920px;
	margin: 0 auto;
	min-height: 300px;
	padding: 50px 0;
}

.pageBanner img {
	width: 100%;
	height: auto;
}

img.fullWidth {
	width: 100%;
	height: auto;
}

img.HSED-logo {
	width: 100%;
	max-width: 400px;
}

img.downloadIcon {
	width: 15px;
	height: auto;
	margin: 0 5px 0 0
}

/* -------------------- JOBS LIST -------------------- */

.careerWrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.careerLeft {
	box-sizing: border-box;
	display: block;
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}

.careerRight {
	box-sizing: border-box;
	padding: 30px;
	background-color: #034ea2;
	color: #fff;
	display: block;
	margin-left: 50px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.careerRight h2 {
	color: #fff;
	margin-top: 0;
	border-bottom: 3px solid #fff;
	padding-bottom: 5px;
}

.careerBlock {
	box-sizing: border-box;
	padding: 20px 0;
	border-bottom: 1px solid #577fb1;
}

.career-r1 {
	width: 100%;
	padding: 5px 5px 5px 20px;
	background-image:url(../images/arrow_sml.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.career-r1 h4 {
	margin: 0;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.career-r2 {
	width: 100%;
	padding: 5px 5px 5px 20px;
	box-sizing: border-box;
}

.career-r1 p, .career-r2 p {
	margin: 0;
	color: #fff;
	font-size: 12px;
}

.careerLocation {
	float: left;
	width: 70%;
}

.careerDate {
	float: right;
	width: 28%;
	text-align: right;
}

.career-r3 {
	width: 100%;
	padding: 5px 5px 5px 20px;
	box-sizing: border-box;
}

/* -------------------- CONTACT PAGE -------------------- */

.contactDetails {
	float: left;
	width: 47%;
}

.contactForm {
	float: right;
	width: 47%;
	box-sizing: border-box;
	padding: 40px;
	background-color: #efefef;
}

.contactForm table label {
	font-size: 14px;
}

.contactForm input.cat_textbox {
	padding: 10px 15px;
	box-sizing: border-box;
	width: 100%;
}

.contactForm textarea.cat_listbox {
	padding: 10px 15px;
	box-sizing: border-box;
	width: 100%;
}

/* -------------------- ACCORDION -------------------- */

.accord {
	margin: 25px 0 35px 0;
}

.accord button {
	font-family: 'Open Sans', sans-serif;
	border: 0;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
	text-align: left;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -.02em;
	color: #034ea2;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: all .5s;
    transition: all .5s;
	margin: 0;
	padding-right: 48px;
}

.accord button:hover {
	background-color: #ffcb05;
}

.accord button::after {
  content: '';
	display: block;
	width: 18px;
	height: 30px;
	background-image: url('/images/arrow.png');
  position: absolute;
  right: 14px;
  top: 28%;
	margin-top: 0;
	/*for rotation*/
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.accord .closeAccord button::after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);	
}

.accordion-text {
	display: none;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 3px solid #9ab8d9;
}

.accordion-text p {
	margin: 0 0 15px 0 !important;
}

.accord .toggleAccord {
	margin: 0;
	position: relative;
	background-color: #9ab8d9;
}

.accord .closeAccord {
	background-color: #9ab8d9;
}

.accord p {
	margin: 5px 0;
}





/* -------------------- RATES AND CHARGES TABLE -------------------- */




table.rc {
	width: 100%;
	text-align: left;
}

table.rc th {
	background-color: #2F2F2F;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	padding: 20px 30px;
	text-align: left;
}

table.rc td {
	padding: 30px;
	background-color: #efefef;
	vertical-align: top;
}

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

ul.rcList li {
	margin: 0 0 15px 0;
}





/* -------------------- MEDIUM SCREEN NAVIGATION -------------------- */

@media screen and (min-width: 701px) and (max-width: 960px) {

.headerWrapper {
	width: 100%;
	padding: 0;
	background-image: none;
	background-color: #C24648 !important;
}

.header-top {
	height: 30px;
}

.header-logo {
	width: 250px;
}

.header-logo img {
	width: 100%;
	height: auto;
}

.header-bottom {
	position: relative;
}

ul.topNav {
	padding: 0;
	margin: 60px 0 0 0;
	list-style: none;
	display: none;
}

ul.topNav li a, ul.topNav li a:visited {
	padding: 15px 20px;
	margin: 5px 0 0 0;
	float: none;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #B1B1B1;
	text-decoration: none;
	color: #54585a;
	-webkit-transition: border-bottom .5s;
    transition: border-bottom .5s;
}

ul.topNav li a:hover, ul.topNav li a:active {
	border-bottom: 1px solid #245ac3;
}

#menuOpen {
	display: inherit;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	padding: 8px 20px;
	background-color: #245ac3;
	border: none;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: 'Oswald', sans-serif;
}

}




/* -------------------- STYLES CHANGE -------------------- */

.footerBlock {
	width: 25%;
	box-sizing: border-box;
	padding: 0 30px 0 0;
}




/* -------------------- NEW STYLES TO ADD -------------------- */

.priceList-wrapper {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 30px;
	background-color: #efefef;
	margin: 50px 0;
}

.priceList-content {
	background-color:#D06365;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.priceList-block {
	background-color:#DADADA;
	border:5px solid #efefef;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px 20px 20px 40px;
	width: 50%;
	background-image: url(../images/icon_download.png);
	background-position: 10px 23px;
	background-repeat: no-repeat;
	background-size: 18px;
	cursor: pointer;
}

.priceList-block a {
	display: block;
}

.priceList-block:hover {
	background-color:#D2D2D2;
}

.priceList-heading {
	background-color:#efefef;
	border:5px solid #efefef;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
	width: 50%;
}

.priceList-heading h2 {
	margin: 0 0 20px 0;
}

.empty {
	background-image: none;
	cursor: auto;
}

.empty:hover {
	background-color: #DADADA !important;
}




/* -------------------- TERMS AND CONDITIONS NESTED LISTS -------------------- */
ol li::before {
	font-size: 22px;
	font-weight: 700;
	color: #474747;
	margin: 25px 0 8px 0;
	display: inline-block;
	}

ol li ol li::before {
	font-size: 19px;
	font-weight: 400;
	color: #034ea2;
	display: inline-block;
	margin-right: 10px;
}

h3.terms, h4.terms {
	display: inline-block;
	margin-left: 15px;
}

ol {
	list-style: none;
	counter-reset: item;
}

li {
	margin-bottom: 10px;
}

ol li::before {
	content: counters(item, ".") " "; 
	counter-increment: item; 
	margin-right: 10px;
}

ol ol {
	list-style: none;
}

ol li ol ol li::before {
	display: none;
	margin-right: 10px;
}

ol ol ol {
	list-style-type: lower-alpha;
}

ol ol ol ol {
	list-style-type: lower-roman;
}

ol ol ol ol ol {
	list-style-type: upper-alpha;
}