@charset "UTF-8";
/* CSS Document */


html, body { position:relative; height:100%; margin: 0; font-family: 'Karbon-Web'; font-size: 18px; line-height: 28px; font-weight:normal; color: #FFF; text-align:left; scroll-padding-top: 100px;}

/* ----------- TEXT -------------- */

h1 { font-family: 'Karbon-Web'; font-weight: 500; font-size: 80px; line-height:70px; margin:0 0 30px 0; letter-spacing: -1px; color:#e75815;}
h2 { font-family: 'Karbon-Web'; font-weight: 500; font-size: 24px; line-height:24px;  padding:0; margin:0 0 10px 0; color:#e75815; }
h3 { font-family: 'Karbon-Web'; font-weight: 500; font-size: 38px; line-height:38px;  padding:0; margin:0 0 30px 0; color:#857550;}

p { margin:0 0 15px 0; }

b, strong { font-weight: 700; }
 
.text-left { text-align:left }
.text-right { text-align:right }
.text-center { text-align:center }


/* ----------- TEXT COLOURS -------------- */

.white {color:#FFF;}
.grey {color:#364751;}
.midgrey {color:#46545e;}
.ltgrey {color:#dbdbde;}
.orange {color:#e75815;}

/* ----------- BACKGROUND COLOURS -------------- */

.bg-grey {background-color:#364751;}
.bg-midgrey {background-color:#46545e;}
.bg-ltgrey {background-color:#dbdbde;}
.bg-orange {background-color:#e75815;}

/* ----------- CLEARFIX ----------- */

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */.cf {
    zoom:1;
}

/* ----------- BORDER BOX -------------- */

.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ----------- END BOX -------------- */

.end {margin:0 !important;}


/* ----------- IMAGES -------------- */

.wrapper-full img { display: block !important; width:100%; height: auto; padding:0px; margin:0px; }

img { display: block !important; width:100%; height: auto; padding:0px; margin:0px;}


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

a:link { color: #fff; text-decoration: none; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
a:visited { color: #fff; text-decoration: none;}
a:hover { color:#e75815;}

/* ----------- BUTTONS -------------- */

.button {display:inline-block; width:100%; height:auto; padding:8px 20px 8px 20px; color:#fff; background-color: #e75815; font-size:24px; font-weight:500; text-align: center; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}
.button:hover {background-color:#fff; color:#e75815; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* ----------- FLOAT -------------- */

.left { float:left; }
.right { float:right; }

/* ----------- STANDARD WRAPPERS -------------- */

.wrapper-full { width:100%; height:auto; position:relative; }
.wrapper-three-quarter { width:75%; height:auto; position:relative; }
.wrapper-two-thirds { width:66.666666%; height:auto; position:relative; }
.wrapper-half { width:50%; height:auto; position:relative; }
.wrapper-third { width:33.333333%; height:auto; position:relative; }
.wrapper-quarter { width:25%; height:auto; position:relative; }
.wrapper-inner { width:95%; margin-left:5%; height:auto;}


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

.header {width:100%; height:auto; padding: 100px 0 100px 0; background-color:#364751; background:url("./images/header-bg.gif"); background-repeat:no-repeat; background-position: center; background-size: cover;}
.header-inner {width:85%; height:auto; margin:0 auto; display:flex; flex-direction: row;}
.logo {width:50%; height:auto;}
.logo img {width:250px; height:auto;}
.intro {width:50%; height:auto; font-size:28px; line-height:28px;}

/* ----------- CLICK THROUGHS -------------- */

.ct {width:100%; height:auto; padding: 100px 0 100px 0;}
.ct-inner {width:85%; height:auto; margin:0 auto;}
.ct-block {width:100%; height:auto; display:flex; margin-bottom:30px;}
.ct-thumb {width:70%; height:auto;}
.ct-content {width:30%; height:auto;}
.ct-content-inner {width:85%; height:auto; margin:0 auto; padding:5% 0 5% 0;  }
.ct-logo {width:100%; height:auto;}
.ct-logo img {width:45%; height:auto; margin-bottom:30px;}
.ct-detail {width:100%; height:auto; margin-bottom:30px;}
.ct-detail-inner {padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul {margin:0; padding:0;}
li {list-style: none; font-size:24px; line-height:34px;}


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

.footer {width:100%; height:auto; padding: 60px 0 60px 0;}
.footer-inner {width:85%; height:auto; margin:0 auto; display:flex;}
.footer-left {width:33.333333%; height:auto;}
.footer-left-inner {width:100%; padding-right:20px;}
.footer-center {width:33.333333%; height:auto;}
.footer-center-inner {width:100%; padding-right:20px;}
.footer-right {width:33.333333%; height:auto;}
.footer-right-inner {width:100%; text-align: right;}

.accreditations {width:100%; height:auto; padding: 60px 0 60px 0;}
.accreditations-inner {width:85%; height:auto; margin:0 auto;}
.accreditations-inner img {max-width:600px; text-align:center;}

.footer-accreditations {width:100%; height:auto; background-color:#FFFFFF;}
.footer-accreditations-inner {width:95%; height:auto; margin:0 auto; display:flex; flex-direction: row;}
.footer-accreditations-block {width:50%; height:auto;}