body {font-family: 'Larsseit-Light'; overflow: hidden;}

.lang-mobile {display: none}

.gTran {border: 1px solid #fff;
    padding: 5px 15px;
    text-indent: 0px;
    width: 100%;
    font-size: 13px;
    border-radius: 0px; color: #222; -webkit-appearance: none;
    -moz-appearance: none;
    resize: none;
    background: #fff url(/img/right-arrow.svg) 95% 50% no-repeat;
    color: inherit;
    background-size: 13px; height:auto !important; font-family: 'Larsseit-Light';
    position: relative; top: -6px; margin-left: 10px;}


.hamburger {display: none}
.grecaptcha-badge {display: none !important}

.portal {font-size: 35px; color: #fff; position: relative; top: 2px; color: #f7941e;}

.wrapper {max-width: 1430px; margin:0 auto; position: relative;}
.wrapper.wrapper2 {max-width: 1490px;}
.wrapper-header {max-width: 90%; margin:0 auto; position: relative;}
.wrapper-inner {max-width: 1400px; margin:0 auto; position: relative;}
.wrapper-wide {max-width: 95%; margin:0 auto;}
.wrapper-sml {max-width: 85%; margin:0 auto;}
.wrapper-mini {max-width: 1150px; margin:0 auto; position: relative;}
h1 {font-family: ubuntu, sans-serif; font-weight: 300; font-style: normal;}

.p-b-0 {padding-bottom: 0 !important}

#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;
-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999999;}

#return-to-top i {color: #fff;margin: 0; position: relative;left: 17px;top: 15px;font-size: 18px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.button {background: #ed1b2f; color: #fff; font-size: 18px; font-family: 'Larsseit-Light' !important; line-height: 18px; box-shadow: none;
display: inline-block; text-decoration: none; padding: 15px 25px 15px 25px; margin: 20px 0; border-radius: 2px;}

.button.load-more {width: 100%; margin-bottom: 50px; text-align: center;}

/* Header */

.notification-home {width:48%;}
.notification-home article {padding: 50px 40px 50px 20px; color:#fff; font-size: 21px}
.notification-home article p {line-height:30px;}
.notification-home article p a {color: inherit}
.notification-home h2 {font-weight: bold;}
.notification-button1 {background: #ed1b2f; color: #fff; font-size: 18px; font-family: 'Larsseit-Light' !important; line-height: 18px; box-shadow: none;
display: inline-block; text-decoration: none; padding: 15px 25px 15px 25px; margin: 20px 0; border-radius: 2px;}
.notification-button1:hover {border-bottom: 1px solid #faa61a;-webkit-box-shadow: 0 1px 0 #faa61a;color: #fff;}

.notification-button2 {background: #faa61a; color: #fff; font-size: 18px; font-family: 'Larsseit-Light' !important; line-height: 18px; box-shadow: none;
display: inline-block; text-decoration: none; padding: 15px 25px 15px 25px; margin: 20px 0; border-radius: 2px;}

header {height: 210px;}
.mini-header {background: #27282d; height: 45px; position: relative; z-index: 10005; line-height: 1 !important;}

.logo {margin-top: 0px;}

.mini-nav ul {display: flex; list-style: none; font-family: ubuntu, sans-serif; font-weight: 300; font-style: normal; margin: 0px !important;}
.mini-nav ul ul {display: none}
.mini-nav ul li {font-size: 13px; text-transform: uppercase; padding: 14px 8px; letter-spacing: 2px; display: block;}
.mini-nav ul li a {color: #fff; text-decoration: none}
.ql {font-weight: 500; color: #fff; position: relative; }
.ql:hover ul {display: block; }
.ql ul {position: absolute; background: #27282d; top: 44px; left: 0; padding: 10px 0; width: 180px; margin:0; box-shadow: 0 5px 10px rgba(0,0,0,0.2); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.ql ul a {color: #fff; text-transform: none; letter-spacing: normal;  display: block;}
.mini-nav .ql li {padding:8px 15px;}

.lang-date {width: 30%; display: flex;}
.lang {display:flex !important;}
.lang a {color: #fff; text-decoration: none; margin-right: 0px; display: flex;}
.lang img {position: relative; top: -3px; margin-right: 0px; display: inline-block; width:20px;}
.date, .lang {text-transform: uppercase; color: #4c4e56; letter-spacing: 2px; font-size: 12px; font-family: ubuntu, sans-serif; font-weight: 400; display: inline-block; margin-top: 15px;}
.social {margin-top: 13px; width: 150px;}
.social a {color: #fff; font-size: 14px; margin-left: 20px}

.nav {font-family: ubuntu, sans-serif; font-weight: 300; font-style: normal;  position: relative; width: 70%; text-align: right; z-index: 10000}
.nav > ul {display: flex; float: right;}
.nav > ul > li > a {color: #231f20; font-size: 24px; text-decoration: none; position: relative; display: inline-block; padding: 68px 20px 69px 20px}
.nav > ul > li:hover > a:after {width: 100%; height: 10px; background: #f2f2f2; position: absolute; bottom: 0; content: ''; left: 0}
.nav > ul > li > a:hover {color: #ed1b2f;}
.nav > ul > li {margin-left: 10px;}
.nav > ul > li:first-child > a {padding-left: 30px !important}
.nav .dropdown li:first-child a {padding-left: 20px !important}

/* Drop Down */

.nav > ul > li.parent { }
.nav > ul > li.parent:after { content:''; background-image:url('/img/menu-arw.gif'); width: 13px; height: 8px; display: inline-block; background-size: content; background-repeat: no-repeat; right: 7px; position: relative; top:-2px; }
li:hover .dropdown, .nav > ul li.parent:hover .dropdown { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 0; }

li.parent > .dropdown { max-width: 1150px; visibility: hidden; display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; margin: 0; list-style: none; color: #333; background: #f2f2f2; -webkit-transform: translate(0, -60px); transform: translate(0, -60px); transition: opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; opacity: 0; z-index: 15 !important; width: 100%}
.dropdown > li { font-size: 16px !important; cursor: pointer; font-family: 'Larsseit-Medium' !important;  padding: 10px 0 !important; color: #66636e !important; }
.dropdown > li:hover { color: #23c1bc; }
nav ul li .dropdown, nav ul li.parent ul {box-sizing: border-box; }
nav ul li .dropdown h4 { font-size: 30px; color: #26242b; margin-bottom: 15px;font-family: 'Larsseit-Bold' !important; }
nav ul li .dropdown p { font-size: 16px; color: #66636e; font-family: 'Larsseit-Light'; margin-bottom: 20px; }
nav ul li .dropdown li { padding: 5px 0 !important; width: 100%; text-align: left; }
nav ul li .dropdown li a { background: none !important;  color:#66636e; font-size: 16px; text-decoration: none; display: block; padding: 13px 20px}
nav ul li .dropdown .flex div {}

nav ul li .dropdown .flex ul {position: relative; top: auto; background: inherit; margin:15px;}
nav .yellow-bg {background: #f7941e; width: 35%}
nav ul li .dropdown .yellow-bg li a {color: #fff}
nav ul li .dropdown .yellow-bg li {border-bottom: 1px solid #fea740}
nav ul li .dropdown .yellow-bg li:last-child {border-bottom: none}

.menu-items h3 {color: #ed1b2f; font-size: 24px; font-family: 'Larsseit-Medium'; text-align: left; margin:25px 0 -10px 35px;}
.yellow-bg h3 {color: #fff; font-size: 24px; font-family: 'Larsseit-Medium'; text-align: left; margin:25px 0 -10px 35px;}
.menu-items {width: 65%}
.menu-items ul {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;

   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

   -webkit-align-content: flex-end;
   align-content: flex-end;}
.dropdown .menu-items ul li {width: 48%; border-bottom: 1px solid #d9d9d9}
.menu-items form {margin:15px;}
.menu-items input {width: 100%; background: #fff; border:0; padding:15px 15px 13px 0; line-height: 17px; text-indent: 20px; font-size: 17px; font-family: 'Larsseit-Light'; color: #646e77}

/* Home Banner */

.home-banner {position: relative;}
.home-banner img {margin: 0 auto}

.search-container {position: absolute; width: 100%; height: 265px; bottom: 0; }
.search-container .wrapper {height:100%; max-width: 1240px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: space-between}

.study-search {background:#27282d; width: 46%; height: 265px; position: relative;}
.study-search form {padding:12% 0; font-family: ubuntu, sans-serif; font-weight: 300; display: flex; align-items: left; justify-content: left; flex-wrap: wrap; width: 75%; margin:0 auto;}
.study-search label, .programme-search label {-webkit-font-smoothing: antialiased; font-size: 45px; color: #fff; letter-spacing: -1px; font-weight: 500; margin-right: 10px; }
.study-search input[type="text"], .programme-search input[type="text"] {border:0; padding-bottom: 5px; border-bottom: 2px solid #fff; color: #f7941e;  background: transparent; font-family: ubuntu, sans-serif; font-weight: 300; font-size: 48px; letter-spacing: -1px; display: inline-block; width: 90%;}
.study-search select {-webkit-appearance: none; padding: 0 40px 0 0; background: url(/img/search-arw.gif) 100% 65% no-repeat; background-size: 28px; border:0; color: #f7941e; font-family: ubuntu, sans-serif; font-weight: 300; font-size: 45px; margin-left: 10px;}
.study-search input[type="submit"] {position: absolute; background: #ec1a2f; color: #fff; font-size: 22px; color: #fff; border:0; padding:15px 25px; right: -50px; bottom: 0; font-family: ubuntu, sans-serif; font-weight: 300; letter-spacing: 2px; text-transform: uppercase;}

.programme-search {font-family: ubuntu, sans-serif; font-weight: 300; width: 48%; margin-top: -5px;}
.programme-search form {width: 85%; margin: 0 0 0 15%; position: relative;}
.programme-search label {font-weight: 300; margin-bottom: 10px; display: block;}
.programme-search input[type="text"] {width: 100%; font-size: 30px; padding-bottom: 10px;}
.programme-search input[type="submit"] {position: absolute; bottom: 20px; right: 0; background: url(/img/search.png) transparent; width: 21px; height: 21px; border:0;text-indent: -9999em}
.programme-search label strong {font-weight: 500}

.ui-menu {background: #27282d; list-style: none; position: absolute; padding: 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.ui-menu li {font-size: 30px; color: #fff; cursor: pointer; }
.ui-menu li:hover {color: #f7941e;}

/* Inside Pages Banner */

.banner {background: #eee; position: relative; display: block;}
.banner img {width: 100%; height: auto}
.banner .overlay {position: absolute; width: 100%; height: 100%}
.banner h1 {font-size: 48px; font-weight: 300; color: #27282d}
.banner h1 strong {display: block; font-weight: 500}
.banner h3 {text-transform: uppercase; font-family: ubuntu, sans-serif; font-weight: 300; font-style: normal; font-size: 19px; letter-spacing: 1px; color: #ed1b2f; margin-bottom: 15px; max-width: 40%}
.banner article {padding: 7% 0}

.banner.story {text-align: center; background: #27282d}
.banner.story article {padding:9% 0; z-index: 999}
.banner.story img {opacity: 0.8}
.banner.story h1 {color: #fff}

/* Layers Section Home Page */

.layers {position: relative; background: #fff;}
.layers > div {width: 48%;}


.welcome {padding: 6rem 0 2rem; width: 75%; float: right}
.welcome h1 {font-size: 60px; font-family: ubuntu, sans-serif; line-height: 70px; color: #27282d; font-weight: 300; margin-bottom: 50px;}
.welcome h1 strong {display: block; font-weight: 500}
.welcome p {font-size: 17px; line-height: 27px;}
.welcome p strong {font-weight: normal; font-family: 'Larsseit-Medium';}
.welcome.value-intro p {font-size: 17px; line-height: 27px; margin: 20px 0;}

.img-only {width: 75%; float: right; margin-bottom: 50px;}
.img-only img {width: 100%}
.img-only.no-float {float: none}

.colour-block {width: 100%;; margin-bottom: 50px;}
.img-news {width: 52%;}
.success-stories .img-news, .staff .img-news {width: 100%}
.success-stories .img-news img, .staff .img-news img {width: 100%}
.success-stories {padding-bottom: 4rem}
.layers.staff > div {width: 31%}
.block {width: 42%;}
.orange .block {background: #f7941e;}
.green .block {background: #39bdb4;}
.red .block {background: #ec1a2f;}

.layers .link-button {background: none; padding-right: 20px;}
.layers .link-button svg {float: right; width: 10px; height: 10px; position: relative; top: 5px; margin-left: 15px;}
.red .link-button {color: #ec1a2f; border-color: #ec1a2f}
.red .link-button svg {fill: #ec1a2f}
.orange .link-button svg {fill: #f7941e}
.green .link-button svg {fill: #39bdb4}
.green .link-button {color: #39bdb4; border-color: #39bdb4;}

.img-news article {padding: 20px 0;}
.img-news h3 {color: #201d1d; font-family: ubuntu, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-size: 26px; text-transform: uppercase; line-height: 30px; max-width: 90%; margin-bottom: 20px;}
.img-news h3 strong {font-weight: 500}
.img-news p {font-size: 17px; line-height: 27px; margin: 20px 0;}
.img-news p strong {font-weight: normal; font-family: 'Larsseit-Medium';}
.news-date {font-size: 14px; text-transform: uppercase; font-family: 'Larsseit-Bold'; color: #201d1d; letter-spacing: 1px; -webkit-font-smoothing: antialiased; display: block; }
.news-date:before {background: url(../img/dots-dark.gif) top left repeat-x; height: 3px; content: ''; width: 100%; display: block; margin-bottom: 3px;}
.news-date:after {background: url(../img/dots-dark.gif) bottom left repeat-x; height: 3px; content: ''; width: 100%; display: block; margin-top: 3px;}
.img-news .link-button {min-width: 125px;}

.NewsSummaryField {max-height: 320px; overflow: hidden;}

.wrap {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap: wrap; justify-content: space-between;}

/* Feature Grid */

.feature-grid {}
.feature-grid .flex-row > div.img {width: 60%}
.grid-boxes {width: 40%; display: flex; align-self: flex-end; right: -10%; z-index: 999; position: relative;}
.grid-boxes > div {width: 50%; height: 280px; position: relative; font-family: ubuntu, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-size: 30px; text-transform: uppercase; line-height: 30px;}
.red-block {background:#ec1a2f;}
.orange-block {background:#f7941e;}
.grid-boxes > div h3 {color: #fff; position: absolute; bottom: 35px; left: 40px; max-width: 80%}
.grid-boxes h3 strong {font-weight: 500; display: block;}
.grid-boxes h4 {text-transform: none; bottom: 35px; left: 40px; max-width: 70%; color: #fff; position: absolute; font-size: 25px; line-height: 30px;}

/* Content */

.course-bar {background: #27282d; color: #fff; border-radius: 3px; margin-bottom: 40px;}
.course-bar > div {font-family: ubuntu, sans-serif; font-weight: 300; font-size: 24px; color: #fff; padding:15px 20px;}
.course-bar span {text-transform: uppercase; font-size: 15px; opacity: 0.6; display: block;}
.course-bar .flex-row > div {display: flex}
.course-bar i {font-size: 35px; width: 45px; color: #f7941e}
.course-bar a {color: inherit; text-decoration: none; border-bottom: 1px solid #fff}

.full-width-wrapper {position: relative;}
.ui-accordion-content img {display: inline-block;}
.intro {max-width: 800px; margin:0 auto; text-align: center;}

.sidebar {width: 20%}
.sidebar ul {margin-bottom: 30px;}
.sidebar nav {max-width: 80%;}

.columns > div {width: 48%}
.content .columns p {margin-top: 8px;margin-bottom: 30px;}
.content .columns h3 {margin-bottom: 20px;}

.main-content {max-width: 750px; width: 100%}
.no-sidebar .main-content {max-width: 70%;}
.no-sidebar.content {min-height: 0}
.content {padding: 5rem 0; min-height: 700px;}
.content h2, .feature-boxes .intro h2 {font-size: 60px; font-family: ubuntu, sans-serif; line-height: 70px; color: #27282d; font-weight: 300; margin-bottom: 50px;}
.content h2 strong {display: block; font-weight: 500}
.content h3 {font-size: 30px; color: #27282d; line-height: 45px;}
.content h3 strong {font-family: 'Larsseit-Medium'; font-weight: normal;}
.content h3 a {text-decoration:none;border-bottom:1px solid transparent; box-shadow:0 1px 0 #d4dcde; -webkit-box-shadow:0 1px 0 #d4dcde; -moz-box-shadow:0 1px 0 #d4dcde; word-wrap:break-word; color: #65676f; font-family: 'Larsseit-Bold';}
.content h3 a:hover {}
.content .sub-title, .feature-boxes .intro .sub-title, .welcome .sub-title {text-transform: uppercase; font-family: ubuntu, sans-serif; font-weight: 300; font-style: normal; font-size: 19px; letter-spacing: 1px; color: #ed1b2f; margin-bottom: 15px; display: block;}

.content h6 {font-weight: 300; font-family: ubuntu, sans-serif; display: block; text-align: center; margin: 30px 0; color: #222; font-size: 40px; line-height: 55px;}
.content h6 strong {font-weight: 500}

.profile {max-width: 750px;}
.profile h3 {font-size: 30px; color: #27282d; line-height: 45px; font-family: ubuntu, sans-serif; font-weight: 500; margin-bottom: 20px;}
.profile h3:after { background: url(../img/dots-dark.gif) bottom left repeat-x; height: 3px; content: '';  width: 100%; display: block; margin-top: 3px;}
.profile p {margin: 20px 0; line-height: 28px; font-size: 17px;}

.content p, .main-content ul li, .feature-boxes .intro p {line-height: 30px; font-size: 17px; color: #27282d; margin:20px 0; }
.main-content ul li {margin:5px 0;}
.content p strong { font-family: 'Larsseit-Bold'; font-size: 18px;}
.sidebar h4 {font-weight: 500; font-family: ubuntu, sans-serif; font-size: 19px; color: #27282d; margin-bottom: 25px;}
.sidebar li {margin-bottom: 15px;}
.sidebar li a {font-size: 15px; color: #27282d; text-decoration: none;  display: block; padding: 0 0 0 20px; position: relative;}
.sidebar li a:hover {color: #ed1b2f;}
.sidebar li a:before {content: ''; display: block; background: url(/img/sidebar-arw.gif) no-repeat left; width: 10px; height: 10px; left: 0; top: 3px; position: absolute;}
.highlight-grey ul ul {display: block !important;}
.sidebar ul ul {background: #eee; border-radius: 3px; margin: 10px 0 0 0; padding: 10px; display: none}
.sidebar ul ul li a:before {display: none}
.sidebar ul ul li {margin-bottom: 0}
.sidebar ul ul li a {padding: 5px 0 5px 10px; font-family: 'Larsseit-Light';}
.sidebar .currentpage {font-family: 'Larsseit-Bold'; color: #ed1b2f;}


p a, .main-content ul li a {text-decoration:none;border-bottom:1px solid transparent; box-shadow:0 1px 0 #d4dcde; -webkit-box-shadow:0 1px 0 #d4dcde; -moz-box-shadow:0 1px 0 #d4dcde; word-wrap:break-word; color: #65676f; font-family: 'Larsseit-Bold';}
p a:hover, .main-content ul li a:hover, .content h3 a:hover {text-decoration:none;border-bottom:1px solid #ed1b2f;box-shadow:0 1px 0 #ed1b2f;-webkit-box-shadow:0 1px 0 #ed1b2f;-moz-box-shadow:0 1px 0 #ed1b2f; color: #65676F;}
.main-content ul li a.button {color:#fff; margin:0;}

.main-content hr {background: url(../img/dots.png) repeat-x; height: 3px; border:0; margin: 30px 0;}
.main-content h4, .form-content h4 {font-family: 'Larsseit-Bold'; color: #ed1b2f; font-size: 22px;}
.form-content h4 {font-size: 30px;}
.form-content p {font-family: 'Larsseit-Bold'; display: block;}
#questions {background: #fafafa}

.content .result-list {margin-top: 30px !important;}
.content ol, .content .result-list {list-style: none; margin:0 0 25px 0; padding: 0}
.content ol li {line-height: 30px; font-size: 17px; color: #27282d; margin:0; border-bottom: 1px solid #eee; padding:  10px 0}
.content ol li:last-child {border-bottom: none}
.content ol.links li a, .content .result-list li a {text-decoration: none; color: #f7941e; display: block; position: relative; padding-left: 25px}
.content ol.links li a:before, .content .result-list li a:before {content: ''; background: url(/img/arw-yellow-right.gif) no-repeat; width: 8px; height: 10px; position: absolute; left: 0; top: 8px;}
.content ol li strong {font-weight: normal; font-family: 'Larsseit-Bold';}

ol.numberBullets {list-style: decimal;}

.pdf-links li a {text-decoration: none; color: #ed1b2f; display: block; position: relative; padding-left: 35px}
.pdf-links li a:after {content: ''; background: url(/img/pdf.svg); width: 20px; height: 20px; position: absolute; left: 0; top: 5px; background-size: contain}

#programmes i {color: #999; font-size: 27px; margin-right: 10px; position: relative; top: 2px; width: 20px;}

.highlight {background: #fce6cc; padding: 15px 35px; border-radius: 3px; margin-top: 35px;}
.highlight-grey {background: #fafafa; padding: 25px 25px 15px; border-radius: 3px; margin-top: 35px;}

.link-button {font-size: 17px; font-family: 'Larsseit-Light'; line-height: 21px; box-shadow: none; color: #f7941e; display: inline-block; text-decoration: none; padding: 10px 40px 10px 20px; border-bottom: 1px solid #f7941e; background: url(/img/arw-yellow-right.gif) no-repeat 93%; border-left: 0; border-right: 0; border-top: 0}
.link-button:hover {opacity: 0.8; box-shadow: none; border-color: inherit; }

.content .ui-accordion h3 {font-family: 'Larsseit-Bold'; cursor: pointer; margin:0; background: url(../img/dots.png) bottom left repeat-x; display:block; padding: 25px 50px 25px 0; line-height:24px; font-size: 21px; cursor:pointer; position: relative}
.ui-accordion h3:after { content: ' '; background: url(/img/right-arrow.svg) no-repeat; position: absolute; right:0; top:35%; width: 30px; height: 30px;  -webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;}
.ui-accordion h3:hover:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.ui-accordion > div {padding: 30px 0}
.ui-accordion > div.less-padding {padding:10px 0;}
.ui-accordion ul {}

.ui-accordion h3.simple-version {font-size: 17px; padding: 10px 0}
.ui-accordion h3.simple-version:after {width: 15px; height: 15px;}

.ui-accordion { margin: 0 0 40px 0; }

#exec_dev {margin: 0;}

.side-colour {display: flex; position: absolute; top: 5rem; right: -20%; min-width: 480px; max-width: 480px;}
.side-colour > span {background: #f7941e; display: block; width: 100%; height: 380px; position: relative;}
.side-colour .yellow {background: #f7941e;}
.side-colour .red {background: #ec1a2f;}
.side-colour .green {background: #39bdb4;}

.side-colour img {position: absolute; top: 135px; left: -80px; max-width: 397px;}

.full-width-wrapper .side-colour {top: 0; right: 0; max-width: none; width: 40%; height: 100%}
.full-width-wrapper .side-colour .yellow {height: 100%}

table {margin:30px 0; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.21); box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.21);}
table th { text-align: left; background: #27282d;}
table h5 {text-align: left; font-size: 17px; padding: 15px 20px; color: #fff; font-family: 'Larsseit-Light';}
table td {font-size: 13px; border-bottom: 1px solid #d5d4da; padding: 10px 20px;}
table p, .main-content table ul li {font-size: 13px !important; padding: 0; margin:0 !important; line-height: 20px !important;}

table tr:nth-child(even) {background: #ebebeb}
table tr:nth-child(odd) {background:#fff;}


.staff-member {}
.staff-placeholder {position:relative; background:#eee; height:100px; padding:20px 50px;}
.staff-placeholder i {color:#d7d7d7; font-size:100px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.desc {padding-left:40px; width:80%; box-sizing:border-box;}
.staff .slick-prev, .staff .slick-next, .stories .slick-prev, .stories .slick-next {top: auto; bottom: 0; z-index: 9999}
.staff .slick-prev, .stories .slick-prev {left: auto !important; right: 30px !important;}
.staff .slick-next, .stories .slick-next {right: 0}
.staff figure {min-height: 320px; background: #eee;}

.img {width: 25%}
.img a {display: block; padding: 5px;}


/* Blog */

.blog-text, .blog-text p {text-align: left}
.blog-text p {max-width: none; margin: 15px 0; line-height: 30px; font-size: 17px}
.NewsSummaryPostdate {font-size: 12px; opacity: 0.6; margin:20px 0;}
.NewsSummaryLink a {color: #0e1f2c; text-decoration: none;}
.NewsSummaryLink h2 {font-size: 32px; line-height: 36px; margin-bottom: 25px; font-family: ubuntu, sans-serif; font-weight: 500}
.blog-row {padding: 40px 0; width: 31%}
.blog-container article img {width: 100%;}
.blog-banner.banner {min-height: 370px; overflow: hidden; background: #27282d url(/img/circles.png) no-repeat left bottom;}
.blog-banner.banner article {z-index: 999}
.blog-banner.banner h1 {color: #fff}
.more-news h3 {font-weight: 500; font-family: ubuntu, sans-serif; font-size: 19px; color: #27282d;}
.content.blog-article {max-width: 70%; }
.tag {background: #eee; color: #999; font-size: 12px; text-transform: uppercase; font-family: 'Larsseit-Medium'; display: inline-block; padding: 3px 7px; margin: 15px 0;}

.more-news {margin-bottom: 4rem; border-top: 1px solid #eee}
.more-news .blog-row img {display: none}
.more-news .NewsSummarySummary {display: none}
.more-news .tag {display: none}

/* Coloured Feature Boxes */

.feature-boxes {background: #f3f3f4; padding-bottom: 5rem}
.feature-boxes .intro {padding:5rem 0 3rem; text-align: center; max-width: 730px; margin:0 auto;}
.feature-boxes .intro .sub-title {margin-bottom: 10px;}
.feature-boxes .intro h2 {font-weight: 500; margin-bottom: 10px; font-size: 48px;}

.item.orange {background:#f7941e; border-color: #d68221}
.item.orange h3:after {background: #ed1b2f;}
.item.red {background: #ec1a2f; border-color: #cc1d2f}
.item.red h3:after {background: #ffb900;}
.item.yellow {background: #ffb900; border-color: #dca108}
.item.yellow h3:after {background: #ec1a2f;}
.item.green {background: #39bdb4; border-color: #38a59d}
.item.green h3:after {background: #34383e;}
.item.dark h3:after {background: #ffb900}
.item.dark {border-color: #202328}

.item h3:after {content: ''; height: 3px; background: #fff; width: 85%; display: block; margin-top: 5px;}
.item {width: 18.5%; margin:10px; border-bottom: 5px solid transparent; background: #34383e}
.item article {padding: 30px; min-height: 270px;}
.item h3 {color: #fff; font-size: 24px; max-width: 65%; font-weight: 500; font-family: ubuntu, sans-serif; margin-bottom: 10px;}
.item p {color: #fff; line-height: 24px; font-family: 'Larsseit-Light';}
.item figure {max-height: 165px; min-height: 165px; overflow: hidden;}
.item figure img {transition: all .5s ease-in-out;}
.item a {text-decoration: none; color: inherit; outline: none}
.item a:hover figure img {transform: scale(1.04);}

/* Footer Banner */

.footer-banner {height: 614px; background: url(/img/park-banner.jpg) no-repeat; background-size: cover}
.footer-banner.home-version {height: 614px; background: url(/img/footer-homepage-banner-01.jpg) no-repeat; background-size: cover}
.footer-banner .wrapper {height:100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.footer-banner article {padding: 5rem 0; width: 50%; }
.footer-banner h3 {color: #fff; font-size: 60px; line-height: 70px; font-family: ubuntu, sans-serif; font-weight: 300; margin-bottom: 40px;}
.footer-banner h3 strong {font-weight: 500; display: block;}
.banner-links svg {fill: #fff; width: 10px; height: 10px; margin-left: 20px; float: right; position: relative; top: 5px;}
.banner-links a {border-bottom: 1px solid #fff; text-decoration: none; padding: 10px 25px; color: #fff; font-size: 18px; display: inline-block; width: 28%}
.banner-links a:hover {border-color: #ffb900}


/* Breadcrumbs */

.breadcrumbs {font-size: 13px; color: #a6a8b1; padding: 13px 0 13px 0; border-bottom: 1px solid #f3f3f4; font-family: ubuntu, sans-serif; font-weight: 300}
.breadcrumbs a {display: inline-block; color: #a6a8b1; text-decoration: none; margin:0 5px;}
.breadcrumbs a:hover, .breadcrumbs a.active {color: #403f3f}
.breadcrumbs img {width: 7px; position: relative; top: 4px; opacity: 0.4; margin: 0 7px;}

/* Footer */

footer {background: #27282d url(/img/circles.png) no-repeat left bottom; padding:5rem 0;}
footer h4, .copyright h5 {color: #fff; font-size: 19px; font-family: ubuntu, sans-serif; font-weight: 500; margin-bottom: 25px;}
.wide {width: 78%; background: url(/img/dots-footer.gif) repeat-y right top;}
.locations {width: 22%; text-align: right;}
.locations article {padding:0 0 0 50px;}
.wide > div {min-width: 20%}
footer p {font-size: 13px; color: #fff; line-height: 21px; margin-bottom: 20px;}
footer ul {list-style: none; margin:0;}
footer li a {font-size: 13px; color: #fff; line-height: 21px; margin-bottom: 8px; text-decoration: none; display: block; max-width: 170px;}
footer li a:hover {color:#f7941e}
footer .browse li a {text-transform: uppercase; font-family: 'Larsseit-Bold'; letter-spacing: 1px; margin-bottom: 15px; display: block;}

.copyright {padding: 3rem 0 2.5rem;}
.logo-footer {width: 50%; line-height: 21px; text-transform: uppercase; font-size: 12px; color: #575757; font-family: 'Larsseit-Medium'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.logo-footer img {margin-right: 40px;}
.logo-footer a {display: inline-block; border-bottom: 1px solid #eee; box-shadow: none; color: #a9aab1; padding: 0; font-family: 'Larsseit-Medium';}
.signup {width: 30%}
.signup .field {position: relative;}
.signup input[type="text"] {border:0; border-bottom: 1px solid #f7941e; background:transparent; padding: 0 0 10px 0; font-size: 15px; letter-spacing: 1px; font-family: 'Larsseit-Light'; color: #f7941e; width: 100%;}
.signup input[type="submit"] {background: url(/img/arw-yellow-right.gif) no-repeat transparent;border:0; position: absolute; width: 20px; height: 20px; right: 10px; bottom: 8px; text-indent: -9999em}
.copyright h5 {color: #27282d; font-weight: 500; margin-bottom: 20px;}
.fern-footer {width: 50%; display: flex; flex-direction: row;}
.fern-footer a {width: 30%; margin-right: 40px;}
.fern-footer p {line-height: 21px; text-transform: uppercase; font-size: 12px; color: #575757; font-family: 'Larsseit-Medium';}
.fern-footer p a {font-family: 'Larsseit-Medium'; color: #a9aab1; text-decoration: none; cursor: pointer; padding: 0px;}

.fern-pop-up {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); display: none; z-index: 99999;}
.fern-pop-up figure {width: 50%;margin: 0 auto;bottom: 0%;position: absolute;left: 50%;transform: translate(-50%,-20%);}
.fern-pop-up figure img {width: 100%; height: 100%; background-size: cover;}
.fern-pop-up.active {display: block;}

.fern-close-button {position: absolute; right: 10px; top: 10px; width: 50px; height: 50px;z-index: 999; background: #27282d;cursor: pointer;border-radius: 100%;}
.fern-close-button:hover { opacity: 1;}
.fern-close-button:before, .fern-close-button:after { content: '';position: absolute;width: 2px;background: #e8e8e6;height: 20px; top: 15px;transition: 0.5s;left: 24px;}
.fern-close-button:before { transform: rotate(45deg);}
.fern-close-button:after { transform: rotate(-45deg);}

/* Flex */

.flex-row {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;

   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

   -webkit-align-content: flex-end;
   align-content: flex-end;}

.flex-row.top {align-items: flex-start !important;}


.flex {
   display: flex;
    align-items: flex-start | flex-end | center | baseline | stretch;
    flex-wrap: wrap; justify-content: space-between;
}

.flex-plain { -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; -webkit-align-items: flex-start;
  align-items: flex-start; }

.columns-2 {display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-align-content: flex-end;
   align-content: flex-end; align-self: flex-start;}


.flex-row.stretch {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap:wrap; justify-content: center;}


/* Changes */

.search-nav-new {width: 100%;}
.search-nav-new input {border: 0; width: 100%; padding: 15px;}

.new-menu-drop-container form {margin: 0; position: relative; padding: 12px;}
.new-menu-drop-container form img {position: absolute; top: 30px; pointer-events: none; left: 30px;}
.new-menu-drop-container form input {background: #27282d; width: 100%; box-sizing: border-box; padding: 20px 20px 20px 32px; border-radius:2px}
.new-menu-drop-container form input[placeholder="Search programmes by name, keyword or career."] {color: #fff;}


.new-home-search {position: absolute; left: 20%; bottom: 5%;}
.new-home-search label {-webkit-font-smoothing: antialiased; font-size: 45px; color: #fff; letter-spacing: -1px; font-weight: 300; margin-right: 10px; display: block; font-family: ubuntu, sans-serif; margin-bottom: 20px;}
.new-home-search label strong {font-weight: 500;}
.new-home-search input {border: 0; padding: 15px; background: #fff; width: 450px;}

.new-notifications-container {position: absolute; right: 20%; bottom: 5%;}
.new-notifications-container h2 {-webkit-font-smoothing: antialiased; font-size: 45px; color: #fff; letter-spacing: -1px; font-weight: 300; margin-right: 10px; display: block; font-family: ubuntu, sans-serif; margin-bottom: 20px;}
.not-area-home {background: #ec1a2f; padding: 50px;}
.not-area-item {background: #fff; padding: 10px 10px 10px 0; border-left: 10px solid #f7941e; margin: 5px 0;}
.not-area-item h3 {color: #f7941e; font-size: 16px; text-align: center;}

.homepage-fixed-link {display: block;position: fixed;top: 35%;right: -80px;transform: rotate(-90deg);z-index: 9999;}
.homepage-fixed-link .button {font-size: 13px;background: #39bdb4;padding: 10px 10px 10px 10px;margin: 0;}
.homepage-fixed-link .button p {vertical-align: bottom;display: inline-block;}

._hj_feedback_container ._hj-G09L\+__MinimizedWidgetMiddle__container {
 top:60%!important;
}

.homepage-fixed-link .button-icon {display: inline-block;width: 22px;height: 22px;vertical-align: middle;margin-right: 5px;transform: rotate(90deg);}


.exec-banner {position: relative; overflow: hidden;}
.exec-banner::after {content: "";background: url('/img/circles-overlay.svg'); background-repeat: repeat;width: 100%;position: absolute;display: block;height: 1175px;background-repeat: no-repeat;top: -5px;left: -5px; mix-blend-mode: multiply;}
.exec-banner figure {height: 100vh; position: relative;}
.exec-banner figure img {width: 100%; height: 100%; object-fit: cover;}
.exec-banner figcaption {width: 100%;text-align: center;color: #fff;font-weight: 900;position: absolute;bottom: -10px;font-size: 60px;font-family: ubuntu, sans-serif;z-index: 9;line-height: 1;}
.exec-banner article {width: 80%; margin: 0 auto;}
.exec-banner h1 {font-weight: 900; color: #ed1b2f; font-family: ubuntu, sans-serif; font-size: 80px; text-align: center; margin: auto; line-height: 1; margin-bottom: 30px;}
.exec-banner p, .exec-banner li {font-size: 25px; line-height: 1.4; margin-bottom: 20px;}

.exec-content {padding: 100px 0px;}
.exec-content article.heading {margin: 0 auto; width: 80%;}
.exec-content article.heading h2 {font-family: ubuntu, sans-serif; font-weight: 600; font-size: 40px; margin-bottom: 30px;}
.exec-content article.heading p {font-size: 25px; line-height: 1.4; margin-bottom: 30px; max-width: 800px;}
.column-wrapper {width: 80%; margin: 0 auto; display: flex; justify-content: space-between;}
.exec-content article.main p {font-family: ubuntu, sans-serif;font-size: 24px; line-height: 1.4; margin-bottom: 20px; font-weight: 600; color:  #ed1b2f;}
.exec-content article.main li {font-family: ubuntu, sans-serif;font-size: 22px; line-height: 1.4; margin-bottom: 20px;}
.exec-content article.main li:last-child {margin-bottom: 30px;}
article.main {width: 28%;border-left: 2px solid #000; padding-left: 35px;}
article.main:first-child {border: none;}
article.main p strong {color: #000;}
article.main a {text-decoration: none;color: #ed1b2f;border: none;}



.promotion-pop-container {font-family: 'Larsseit-Light' !important; position: fixed;bottom: 20px;right:-100%; opacity: 0;width: 450px;height: 400px;display: block;z-index: 99999;overflow: hidden;background: #e8e8e6; transition: 0.3s;}
.promotion-pop-container article {position: absolute;padding: 50px; z-index: 9; width: 100%; box-sizing: border-box;}
.promotion-pop-container figure {width:100%; height: 100%; position: absolute; top: 0px;}
.promotion-pop-container figure img {width:100%; position: absolute; bottom: 0px; height: 400px; object-fit: cover;}
.promotion-pop-container article h2 {display: inline-block;font-size: 30px;color: #27282d;font-weight: 500;line-height: 1; font-family: ubuntu, sans-serif;}
.promotion-pop-container article h2 strong {font-weight: 500;}
.promotion-pop-container article p {font-size: 25px;color: #1ec0bf;font-weight: 600;}
.promotion-pop-container .btn{ background: #ed1b2f;color: #fff;font-size: 18px;font-family: 'Larsseit-Light' !important;line-height: 18px;box-shadow: none;display: inline-block;text-decoration: none;padding: 15px 25px 15px 25px;margin: 20px 0;border-radius: 2px;}
.promotion-pop-container .btn:hover {border-bottom: 1px solid #faa61a;-webkit-box-shadow: 0 1px 0 #faa61a;}

.promotion-pop-container .btn {position: absolute;top: 100px;z-index: 9;left: 50px;display: inline-block;}
/* .promotion-pop-container .btn:hover {background: #27282d;} */

.promotion-pop-container.active {right:100px; opacity: 1;}

.close-icon {right: 20px;left: auto;top: 20px; content: ''; position: absolute; width: 40px;height: 40px; background: #27282d; transition: 0.3s; z-index: 9;border-radius: 100%; cursor: pointer;}
.close-icon::before {content: '';position: absolute;width: 2px;background: #e8e8e6;height: 20px;transform: rotate(45deg);top: 10px;transition: 0.5s;left: 20px;}
.close-icon::after {content: '';position: absolute;width: 2px;background: #e8e8e6;height: 20px;transform: rotate(-45deg);top: 10px;transition: 0.5s;left: 20px;}

.promotion-close.btn {position: fixed; right: 100px; bottom: -100%; opacity: 0; transition: 0.5s; background: #27282d; border: none; font-weight: 500; color: #fff !important; display: flex; align-items: center; font-size: 20px;z-index: 999; padding: 20px; border-radius: 4px;}
.promotion-close.btn img {margin-left:15px; width: 35px;}
.promotion-close.btn.active {bottom: 20px; opacity: 1; cursor: pointer;}
.promotion-close.btn.active p {font-size: 18px;font-family: 'Larsseit-Light' !important;line-height: 18px;}

/* Conflict Fixes */

.breadcrumb {padding: 0px !important; background-color: inherit !important; display: inline-block !important;}

.arlo ul, .arlo li, .arlo ol {margin-left: 0px;}

/* Library Page 2023 */

.redesign {height: 50vh;}
.redesign .overlay {max-width:1430px; margin: 0 auto;position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; z-index: 1; display: flex; width: 100%;align-items: center;}
.redesign img {height:100%!important;object-fit: cover;}

.banner .library article {padding:0!important;margin: 0; width: 25%;}
.banner .library h3 {max-width: none!important;}
.banner .library h1 {color:#fff!important;}

.library-banner {position: relative;justify-content: center; display: flex;margin:0 0 20px 0;flex-direction: column; width: 70%;}
.library-banner .search-button {width: 100%; display: flex; justify-content: flex-end;}
.library-banner article {justify-content:flex-end; display: flex; padding: 0px;}
.library-banner article a {text-decoration: none;padding: 15px; background: #2278b5;color:#fff;}

.library-section {justify-content: center; display: flex;flex-direction: column;}
.library-buttons {display: flex; justify-content: space-between;}
.library-section .btn {background: #ed1b2f; color: #fff; font-size: 18px; font-family: 'Larsseit-Light' !important; line-height: 18px; text-decoration: none; padding: 15px 25px 15px 25px;width: 100%;border-right: 1px solid #faa61a; text-align: center; box-sizing: border-box;transition: 0.3s;}
.library-section .btn:hover {background-color: #faa61a;}
.library-section .btn:last-child {border-right:none;}


/* Media Queries */

@media only screen and (max-width: 1280px) {

.wrapper {max-width: 95%}
.footer-banner h3 {font-size: 50px; line-height: 60px;}
.banner-links a {font-size: 17px;}

.redesign .overlay {width:95%;}

}


.search-menu {background: #27282d; list-style: none; position: absolute; padding: 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; z-index: 5000; float:left; margin-right:10px; margin-left: 0em !important; min-width: 100px; }
.search-menu li {font-size: 30px; color: #fff; cursor: pointer; }
.search-menu li:hover {color: #f7941e;}
.search-i-want {margin-left: -4em !important;  margin-top: 8em !important; }
.search-button {z-index: 5001;}



.box-loadong {
   width: 100%; height: 100%;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5);   z-index: 99995;
}

.box-loadong .b {
  border-radius: 50%;
  border-left: 4px solid;
  border-right: 4px solid;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ro 2s infinite;
}

.box-loadong .b1 {
  border-color: #f7941e;
  width: 120px;
  height: 120px;
}

.box-loadong .b2 {
  border-color: #F01616;
  width: 100px;
  height: 100px;
  animation-delay: 0.2s;
}

.box-loadong .b3 {
  border-color: #231F20;
  width: 80px;
  height: 80px;
  animation-delay: 0.4s;
}

.box-loadong .b4 {
  border-color: #FFFFFF;
  width: 60px;
  height: 60px;
  animation-delay: 0.6s;
}

.styled-checkbox {
  float:left;
  margin-top:4px !important;
}
.styled-checkbox__label {
  padding-left:10px;
}
.submit img {
  width:150px;
}

@keyframes ro {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  50% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}