/* = Framework
----------------------------------------------------------------------------------------------------------------- */
.darkblue { padding: 20px 0 10px; background: #2d373d; }
.darkblue .inner { position: relative; }
.main { background: #fff; }
.inner { margin: 0 15px; }
.hero { width: 100%; float: left; position: relative; z-index: 1; background: url('/_img/lens.png') top left repeat; background: #d9d9d9 url('/_img/loading.gif') center center no-repeat; min-height: 150px; }
.purple { width: 100%; display: inline-block; padding: 20px 0; background: #533f66; clear: both; }
.white { padding: 40px 0 20px; background: #fff; }
.paleblue { padding: 30px 0 20px; background: #d5dbe0; }
.paleblue h2 { text-align: center; font-size: 1.8em; }
.paleblue h3 { text-align: center; }
.tonedblue { width: 100%; display: inline-block; padding: 20px 0 0; background: #4b5d66; }
.blue { background: #0071b8; }
.grey { padding: 40px 0 0; background: #d5dbe0; }
.grey h1 { margin: 0; }

/* = Templates
----------------------------------------------------------------------------------------------------------------- */
.templateOneCol .zoneOne { padding: 20px 0; }
.templateTwoCol .zoneOne { padding: 20px 0; }
.templateTwoCol .zoneTwo { padding-bottom: 20px; }

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 150px; height: 68px; display: block; margin: 0 auto; background: url(/_img/logos/mobile-ceg-center.svg) no-repeat center center; background-size: auto 100%; }

/* = Top Menu
----------------------------------------------------------------------------------------------------------------- */
.topMenu { margin: 15px 0 0; }
.topMenu ul { margin: 0; list-style: none; text-align: center; }
.topMenu ul li { display: inline; margin: 0 15px 0 0; line-height: inherit; }
.topMenu ul li a { display: inline-block; color: #fff; }
.topMenu ul li a:hover { color: #eee; }
.topMenu ul li:last-child { margin-right: 0; }

/* = Search
----------------------------------------------------------------------------------------------------------------- */
.search { position: relative; z-index: 20; }
.search .searchMobile { padding: 18px; font-size: 0; position: absolute; top: 63px; right: 0; background: url(/_img/icons/search-mobile.svg) no-repeat center right; }
.search .searchMobile { width: 20px; height: 20px; padding: 0; top: 63px; right: 0; } /* fix */
.search input { display: none; }

/* = Latest Offers
----------------------------------------------------------------------------------------------------------------- */
.latestOffers { height: 13px; position: absolute; top: 83.5px; left: 75px; padding: 5px; color: #fff; background: #d17c28; z-index: 9999; }
.latestOffers:hover { color: #fff; }

/* = March Starts
----------------------------------------------------------------------------------------------------------------- */
.marchStarts { display: none !important; height: 13px; position: absolute; top: 113px; left: 75px; padding: 5px; color: #fff; background: #d17c28; z-index: 9999; }
.marchStarts:hover { color: #fff; }

/* = Scholarships
----------------------------------------------------------------------------------------------------------------- */
.scholarships { height: 13px; position: absolute; top: 113px; left: 75px; padding: 5px; color: #fff; background: #d17c28; z-index: 9999; }
.scholarships:hover { color: #fff; }

/* = Menu
----------------------------------------------------------------------------------------------------------------- */
.menuMobile .triggerMenu { display: inline-block; color: #fff; padding: 10px 10px 10px 20px; background: url(/_img/icons/menu.svg) no-repeat left 14px; }
.menuMobile .triggerClose { background-image: url(/_img/icons/menu-close.svg); }

.menu { position: relative; z-index: 10; background: #4b5c66; }
.menu ul { max-height: 0; overflow: hidden; margin: 0; list-style: none; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu ul li { display: block; margin: 0; line-height: inherit; }
.menu ul li a { display: block; color: #fff; padding: 10px 0; }
.menu ul li a:hover { color: #a4b2be; }
.menu ul li a.on { color: #fff; }
.menu ul li ul { display: none; }
.menu .extended { max-height: 400px; }
.menu .menuHover { height: 0; overflow: hidden; }
.menu ul li.hoverActive a,
.menu ul li.hoverActive a:hover { color: #502225; }

.menuHover { display: none; }

.desktopMenu { display: none; }
.mobMenu { display: block; }

.menuFourth .triggerSection { display: block; color: #fff; padding: 10px; background: #4b5c66 url(/_img/icons/menu.svg) no-repeat 96% 14px; }
.menuFourth .triggerSectionClose { background-image: url(/_img/icons/menu-close.svg); }
.menuFourth .inthissection { display: block; color: #fff; }

.menuFourth ul { max-height: 0; overflow: hidden; margin: 0; list-style: none; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menuFourth ul li { display: block; margin: 1px 0 0; line-height: inherit; }
.menuFourth ul li a { display: block; color: #fff; padding: 10px; background: #0071b8; }
.menuFourth ul li a:hover { background: #2d373d; }
.menuFourth ul li a.on { background: #2d373d; }
.menuFourth .extended { max-height: 400px; }

.menuAnchor { margin: 20px auto 0; }
.menuAnchor ul { margin: 0; list-style: none; }
.menuAnchor ul li { display: inline; line-height: inherit; }
.menuAnchor ul li a { display: inline-block; color: #fff; margin: 0 0 3px; padding: 10px; background: #0071b8; }

/* = Hero
----------------------------------------------------------------------------------------------------------------- */
.hero ul.slides li { visibility: hidden; }

/* = Flexslider
----------------------------------------------------------------------------------------------------------------- */
/* .flexslider .slides > li { visibility: visible; } */

.flexslider { margin: 0 auto; position: relative; text-align: center; width: 100%; height: 100%; background: transparent; }
.flexslider .slides { float: left; width: 100%; display: block; margin: 0; list-style: none; }
.flexslider .slides li { float: left; width: 100%; margin: 0; display: none; position: relative; line-height: inherit; }
.flexslider .slides li:first-child { display: block; }
.flexslider .slides li .content h1 { margin: 15px 0 0; color: #849199; text-transform: none; font-family: 'Felt Tip Woman W01'; }
.flexslider .slides li .content p { color: #4b5c66; line-height: 1.2em; }
.flexslider.loading .slides > li:first-child { opacity: 1 !important; }
.templatePartner .flexslider .slides li .content h1 { font-size: 1.8em; color: #46596a; text-transform: uppercase; font-family: 'DIN Next W01'; }

.flex-direction-nav { display: none; visibility: hidden; }
.flex-disabled { display: none; }

.flexsliderScroller { margin: 0 15px; }

.title h1 { margin: 20px 15px; visibility: hidden; }

/* = Banners - enabling the mapped links over the banner
----------------------------------------------------------------------------------------------------------------- */
.isleBannerMultiWrap { position: relative; }
.isleBannerWrap { position: relative; }
.isleBannerWrap a.isleBannerAbsLink { position: absolute; }
.isleBannerWrap a.isleBannerAbsLink:hover { background: url('/_img/lens-bannerlink.png') 0 0 repeat; }

/* = Straplines
----------------------------------------------------------------------------------------------------------------- */
.straplines { margin: 0 0 20px; padding-left: 100px; color: #fff; border-bottom: 1px solid #9582a1; background-repeat: no-repeat; background-position: top left; }
.straplines h3 { margin: 0 0 10px; line-height: 0.8em; color: #fff; font-size: 1.8em; font-family: 'Felt Tip Woman W01'; }
.straplines h3 a { color: #fff; }
.straplines p a { color: #fff; }

.gauranteedProgression { background-image: url(/_img/icons/progression-mobile.svg); }
.flexibleProgrammes { background-image: url(/_img/icons/programmes-mobile.svg); }
.experience { margin: 0; border-bottom: 0; background-image: url(/_img/icons/ceg-mobile.svg); }
.experience p { margin: 0; }

/* = Intro
----------------------------------------------------------------------------------------------------------------- */
.intro { margin: 20px auto; padding: 0 0 20px; text-align: center; border-bottom: 1px solid #d6dbe2; }
.intro h2 { margin: 0; font-size: 1.8em; }
.intro p { margin: 20px 0 0; }

/* = Pods
----------------------------------------------------------------------------------------------------------------- */
.london { padding: 30px 0 10px; background: url(/_img/banners/london.jpg) no-repeat top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.london h2 { text-align: center; color: #fff; text-shadow: 0 0 5px #000; }
.london h2 span { font-weight: bold; }

.amsterdamn { background: url(/_img/banners/amsterdamn.jpg) no-repeat top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
.boston { background: url(/_img/banners/boston.jpg) no-repeat top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }

.pod { text-align: center; margin: 0 0 20px; padding: 20px; background: #fff; }
.pod p { margin: 0; }

/* = Where to study
----------------------------------------------------------------------------------------------------------------- */
.where { text-align: center; }
.where h3 { margin: 0 0 10px; font-weight: bold; }
.where h3 a { color: #46596a; }
.where h3 span { padding-left: 30px; background-repeat: no-repeat; background-position: left 6px; }
.where img { max-width: 35%; width: auto; -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; }
.where p { margin: 10px 0 0; }
.where .partner .partnerList { display: none; }
.where .partner ul { margin: 20px 0 0; list-style: none; }
.where .partner ul li { margin: 0; }
.where .partner ul li a { padding: 0; background: none; }
.where .partner a { color: #46596a; padding: 5px 20px 5px 0; background: url(/_img/arrows/destinations-down-mobile.svg) no-repeat center right; }
.where .partner .open { background-image: url(/_img/arrows/destinations-up-mobile.svg); }
.where .partner .open span { display: none; }
.where .partner .open .hide { display: inline-block; }
.where .partner .expand { display: block; }
.where .usa { margin: 0 0 40px; }
.where .usa h3 span { background-image: url(/_img/flags/usa-mobile.svg); }
.where .uk { margin: 0 0 40px; }
.where .uk h3 span { background-image: url(/_img/flags/uk-mobile.svg); }
.where .europe { margin: 0 0 10px; }
.where .europe h3 span { background-image: url(/_img/flags/eu-mobile.svg); }
.where .europe .partnerList { display: block; }

/* = Subjects
----------------------------------------------------------------------------------------------------------------- */
.study { padding: 30px 0 0; background: #d5dbe0; }
.study h2 { text-align: center; }
.study .subjects { background: none; }
.study .subjects .slides li { margin: 0 0 10px; }
.study .subjects .slides li ul li { display: block; }

.subjects .box { margin: 0 0 10px; padding: 20px; background: #fff; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }
.subjects .box h3 { margin: 0 0 10px; font-size: 3em; font-weight: 200; }
.subjects .box ul { margin: 0; list-style: none; }
.subjects .box ul li a { color: #292929; }
.subjects .box ul li a:hover { color: #717e82; }

/* Additional box style for the none found box on subjects */
.subjects .boxNone { width: 300px; background: #fff; margin: 0 auto 80px; padding: 30px; }
.subjects .boxNone p { margin: 0; }


/* = Find a course
----------------------------------------------------------------------------------------------------------------- */
.findacourse { margin: 0 0 20px; }
.findacourse h4 { color: #fff; }
.findacourse input { width: 80%; float: left; padding: 8px 10px; }
.findacourse .btn { width: auto; border-radius: 0 5px 5px 0; background: linear-gradient(to bottom, #d17c28 0%, #a95400 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.findacourse .btn:hover { color: #fff; background: linear-gradient(to bottom, #a95400 0%, #d17c28 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }

.topsubjects { margin: 0 0 20px; }
.topsubjects h4,
.topsubjects p { color: #fff; }
.topsubjects ul { margin: 0; list-style: none; }
.topsubjects ul li { line-height: inherit; }
.topsubjects ul li a { color: #fff; font-weight: bold; }
.topsubjects ul li a:hover { color: #ddd; }
.topsubjects .colsHalf .col { width: 48%; float: left; margin-right: 2%; }

/* = Our Students
----------------------------------------------------------------------------------------------------------------- */
.ourStudents { margin: 0 0 30px; }
.ourStudents h2 { text-align: center; }
.ourStudents blockquote { font-size: 1.1em; text-align: center; }
.ourStudents .studentQuote > img { max-width: 45%; }

.studentQuote { position: relative; float: left; width: 100%; margin-bottom: 10px; }
.studentQuote .studentHonours { position: relative; margin: 0 0 10px; padding: 5px 15px; background: #d5dbe0; }
.studentQuote .studentHonours p { margin: 10px 0; }
.studentQuote .studentHonours .studentName { font-size: 1.2em; color: #4b5d66; }
.studentQuote .studentHonours .studentName p { line-height: 1.2em; }

.chooseCentre { float: left; width: 100%; }
.studentQuote .chooseCentre h3 { font-size: 1em; color: #fff; text-transform: uppercase; margin: 0; padding: 15px; background: #222c33; }
.studentQuote .chooseCentre h4 { font-size: 1em; color: #fff; font-weight: bold; padding: 15px; background: #4b5d66; }

@media screen and (min-width: 480px) {
    .ourStudents .studentQuote > img { float: left; }
    .ourStudents blockquote { float: right; width: 50%; font-size: 1.15em; text-align: left; }
    .studentQuote .studentHonours { float: right; width: 46%; font-size: 90%; }
    .studentQuote .studentHonours .studentName { position: static; }
}
@media screen and (min-width: 768px) {
    .ourStudents blockquote { width: auto; float: none; }
    .ourStudents .studentQuote > img { max-width: 41.5%; }
    .studentQuote .studentHonours .studentName { }
}
@media screen and (min-width: 1024px) {
    .ourStudents blockquote { font-size: 1.25em; }
    .ourStudents .studentQuote > img { position: absolute; max-width: 42.5%; left: 0; bottom: 10px; z-index: 9999; }

    .ourStudents blockquote { width: 50%; float: right; font-size: 110%; }
    .studentQuote .studentHonours { float: right; width: 47%; font-size: 100%; }
    .ourStudents .btn { float: right; }
}
@media screen and (min-width: 1200px) {
    .studentQuote { position: relative; }
    .ourStudents blockquote { width: 58%; margin-top: 2.5%; margin-bottom: 185px; min-height: 100px; font-size: 1.25em; }
    .ourStudents .studentQuote > img { max-width: 100%; z-index: 9999; bottom: 0; }
    
    .studentQuote .studentHonours { position: absolute; bottom: 10px; top: auto; }
    .studentQuote .studentHonours { width: 55%; padding-left: 60px; position: absolute; top: auto; bottom: 0; right: 0; background: #d5dbe0 url(/_img/curve.svg) no-repeat center right; }
    .studentQuote .chooseCentre h3 { float: left; }
    .studentQuote .chooseCentre h4 { width: 66%; float: right; }
}

/* = News and Events
----------------------------------------------------------------------------------------------------------------- */
.newsModule { padding: 30px 0 0; border-top: 1px solid #ccc; }
.newsModule h2 { text-align: center; }
.newsModule ul { margin: 0 0 25px; }
.newsModule ul li { margin: 0 0 1px; line-height: inherit; background: #4b5d66; }
.newsModule ul li h4 { margin: 0; font-size: 1.1em; line-height: 1.2em; }
.newsModule ul li h4 a { display: block; color: #fff; padding: 15px; font-weight: bold; }
.newsModule ul li h4 a:hover { background: #717b80; }
.newsModule ul li p { margin: 0 0 10px; }
.newsModule ul li .meta { color: #4b5d66; }

.newsModule ul li.on { margin: 0 0 2px; padding: 15px; background: #d5dbe0; }
.newsModule ul li.on h4 { margin: 0 0 20px; }
.newsModule ul li.on h4 a { color: #4b5d66; padding: 0; }
.newsModule ul li.on h4 a:hover { background: #d5dbe0; }

/* = General
----------------------------------------------------------------------------------------------------------------- */
.guide { text-align: center; }
.guide .banner { display: none; }

.accordion > h3 { margin: 0 0 15px; padding: 10px; cursor: pointer; border: 1px solid #ccc; background: #fff url(/_img/arrows/accordion-down.svg) no-repeat 96% center; }
.accordion > h3.on { margin: 0 0 20px; color: #fff; border: 1px solid #0071b8; background: #0071b8 url(/_img/arrows/accordion-up.svg) no-repeat 96% center; }
.accordion > h4 { margin: 0 0 15px; padding: 10px; cursor: pointer; border: 1px solid #ccc; background: #fff url(/_img/arrows/accordion-down.svg) no-repeat 98.5% center; }
.accordion > h4.on { margin: 0 0 20px; color: #fff; border: 1px solid #0071b8; background: #0071b8 url(/_img/arrows/accordion-up.svg) no-repeat 98.5% center; }
.accordion .content { display: none; }
.accordion .open { display: block; }

.tabs { width: 100%; float: left; }

.coursefindertool { text-align: center; }
.coursefindertool .banner { display: none; }

.move { padding: 20px 0 0; }

.facebook { margin: 0 0 20px; }

/* = Meet out Students
----------------------------------------------------------------------------------------------------------------- */
.meetStudents { width: 100%; float: left; margin: 0 0 20px; }
.meetStudents ul.repeater { margin: 0; list-style: none; }
.meetStudents ul.repeater li { width: 47%; float: left; }
.meetStudents ul.repeater li .photo { margin: 0 0 20px; padding: 5px; border: 1px solid #eaeaea; }
.meetStudents ul.repeater li:hover photo { border-color: red; }
.meetStudents ul.repeater li img { max-width: 100%; }
.meetStudents ul.repeater li h3 { margin: 0 0 10px; font-size: 1.25em; }
.meetStudents ul.repeater li h4 { margin: 0 0 5px; font-size: 1em; font-weight: bold; }

.meetStudents .filter { margin: 0 0 20px; padding: 15px; background: #d6dbe2; }
.meetStudents .filter h2 { margin: 0; text-transform: none; }
.meetStudents .filter select { margin: 10px 0 0; }

.meetStudents .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.meetStudents .video { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.meetStudents a:hover .video { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.meetStudents .playWrapper { display: table; width: 100%; height: 100%; position: relative; z-index: 10; }
.meetStudents .play { display: table-cell; text-align: center; vertical-align: middle; background: url(/_img/play.png) no-repeat center 40%; }

/* = Course Finder
----------------------------------------------------------------------------------------------------------------- */
.courseFinder .col { float: left; width: 100%; }
.courseFinder .endCol { float: right; width: 100%; margin-top: 25px; }

.courseFinder .box { margin: 0 0 30px; border: solid 1px #cdd2d9; }
.courseFinder .box h3 { padding: 15px 25px; margin: 0; background: #4b5c66; color: #fff; }
.courseFinder .box .boxContent { margin: 30px; }
.courseFinder .box .boxContent hr { border-top-width: 2px; margin: 25px 0; }
.courseFinder .box .btnRow { margin: 15px 0; }

.courseFinder .checkboxes { max-height: 330px; overflow-y: auto; border: solid 1px #cdd2d9; font-size: 90%; }
.courseFinder .checkboxes .chk { display: block; clear: both; padding: 15px 10px; background: #fff url('/_img/icons/chk.png') 12px 14px no-repeat; border-top: solid 1px #dbdfe5; cursor: pointer; }
.courseFinder .checkboxes .chk:first-child { border-top-width: 0; }
.courseFinder .checkboxes .chk.on { background: #83b746 url('/_img/icons/chk-on.png') 12px 14px no-repeat; color: #fff; }
.courseFinder .checkboxes .chk label { float: none; margin: 0 0 0 15px; cursor: pointer; }
.courseFinder .checkboxes .chk input { display: inline-block; vertical-align: -2px; visibility: hidden; }

/* = Course Finder - Results
----------------------------------------------------------------------------------------------------------------- */
.courseFinder .uk { position: relative; }
.courseFinder .uk .action { top: 0; right: 0; }
.courseFinder .uk .lonFC { position: relative; }
.courseFinder .uk .lonFC img { width: 100%; max-width: 100%; }
.courseFinder .uk .action img { width: 15px; vertical-align: 0; }

.courseFinder .resultsWrap,
.courseFinder .resultsWrap > .info { float: left; width: 100%; }
.courseFinder .resultsWrap > .info p { float: left; width: 30%; margin: 10px 0 20px; font-size: 110%; }
.courseFinder .resultsWrap > .info .centres { float: right; width: 68%; text-align: right; }
.courseFinder .resultsWrap > .info .centres img { margin: 0 0 10px 10px; }

.courseFinder .resultsWrap > .results { float: left; width: 100%; margin: 20px 0; clear: both; }
.courseFinder .resultsWrap > .results ul,
.courseFinder .resultsWrap > .results ul li { margin: 0 0 30px; padding: 0; list-style: none; }
.courseFinder .resultsWrap > .results ul li { margin: 0 0 4px; }
.courseFinder .resultsWrap > .results ul li a.cfTitle { position: relative; display: block; padding: 18px 60px 18px 30px; color: #fff; font-size: 110%; background: #46596a; }
.courseFinder .resultsWrap > .results ul li a.cfTitle span { position: absolute; }
.courseFinder .resultsWrap > .results ul li a.cfTitle span.bar { position: absolute; top: 0; left: 0; height: 100%; width: 12px; background: #0070ba; }
.courseFinder .resultsWrap > .results ul li a.cfTitle span.arrow { top: 50%; right: 24px; margin-top: -6px; width: 24px; height: 12px; background: url('/_img/coursefinder/down.png') top left no-repeat; }
/* Coventry */
.courseFinder .resultsWrap > .results ul li.uni1 a.cfTitle span.bar { background: #0071B8; }
/* LSBU */
.courseFinder .resultsWrap > .results ul li.uni2 a.cfTitle span.bar { background: #99CC33; }
/* Sunderland */
.courseFinder .resultsWrap > .results ul li.uni3 a.cfTitle span.bar { background: #CC6600; }
/* UCLan */
.courseFinder .resultsWrap > .results ul li.uni4 a.cfTitle span.bar { background: #BC0D34; }
.courseFinder .resultsWrap > .results ul li.uni5 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni6 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni7 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni8 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni9 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni10 a.cfTitle span.bar,
.courseFinder .resultsWrap > .results ul li.uni11 a.cfTitle span.bar,
/* London */
.courseFinder .resultsWrap > .results ul li.uni12 a.cfTitle span.bar { background: #512178; }
/* Amsterdam */
.courseFinder .resultsWrap > .results ul li.uni13 a.cfTitle span.bar { background: #BC0031; }
.courseFinder .resultsWrap > .results ul li .info { display: none; padding: 30px; }

.courseFinder .resultsWrap > .results > ul > li { margin: 0 0 4px; border: solid 1px #cdd2d9; }
.courseFinder .resultsWrap > .results > ul > li.open { margin: 0 0 11px; }
.courseFinder .resultsWrap > .results > ul > li.open a.title span.arrow { background-image: url('/_img/coursefinder/up.png'); }
.courseFinder .resultsWrap > .results > ul > li.open .info { display: block; }

.courseFinder .resultsWrap > .results ul li .info { position: relative; }
.courseFinder .resultsWrap > .results ul li .info .top,
.courseFinder .resultsWrap > .results ul li .info .base,
.courseFinder .resultsWrap > .results ul li .info .block { float: left; width: 100%; }
.courseFinder .resultsWrap > .results ul li .info .col { float: right; width: 48%; margin-bottom: 20px; }
.courseFinder .resultsWrap > .results ul li .info .col:first-child { float: left; }
.courseFinder .resultsWrap > .results ul li .info .colBase { float: left; width: 100%; margin-bottom: 80px; }
.courseFinder .resultsWrap > .results ul li .info .block h4 { padding: 12px 15px; background: #46596a; color: #fff; }
.courseFinder .resultsWrap > .results ul li .info .buttons { float: left; margin: 0 60px 0 0; text-align: center; }
.courseFinder .resultsWrap > .results ul li .info .buttons1 { margin-top: 60px; }
.courseFinder .resultsWrap > .results ul li .info .buttons2 { margin-top: 16px; }
.courseFinder .resultsWrap > .results ul li .info .buttons .btn { margin-bottom: 10px; clear: both; }
.courseFinder .resultsWrap > .results ul li .info .btnDivide { display: inline-block; clear: both; width: 34px; height: 29px; padding: 3px 0 0; background: #533f66; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; margin: 0 0 9px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
.courseFinder .resultsWrap > .results ul li .info ul { margin: 0 0 20px 15px; list-style: disc; }
.courseFinder .resultsWrap > .results ul li .info ul li { margin: 0 0 15px; list-style: disc; }
.courseFinder .resultsWrap > .results ul li .info .imgs { margin: 0 0 20px; }
.courseFinder .resultsWrap > .results ul li .info .imgs img { margin: 0 0 0 25px; width: 250px; width: 46%; }
.courseFinder .resultsWrap > .results ul li .info .imgs img:first-child { margin: 0; }
.courseFinder .resultsWrap > .results ul li .info .lead { font-size: 130%; color: #46596a; line-height: 1.2em; }
.courseFinder .resultsWrap > .results ul li .info .arrowBG { float: left; width: 128px; height: 36px; margin-top: 56px; padding: 9px 0 0; background: url('/_img/coursefinder/arrow-faded.png') no-repeat top left; text-align: center; color: #46596a; font-size: 90%; }
.courseFinder .resultsWrap > .results ul li .info .uiTabs ul,
.courseFinder .resultsWrap > .results ul li .info .uiTabs ul li { list-style: none; margin: 0; }
.courseFinder .resultsWrap > .results ul li .info .uiTabs ul li { margin: 0 8px 0 0; width: 110px; }

.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap { float: left; width: 655px; margin: 0 45px 30px 0; }
.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap .uiTabs ul { background: transparent; }
.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap .uiTabs a { background: #e9ecf0; border-color: #e9ecf0; }
.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap .uiTabs .on a { background: #d6dbe2; border-color: #d6dbe2; }
.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap .uiPanel { background: #d6dbe2; color: #46596a; }
.courseFinder .resultsWrap > .results ul li .info .top .uiTabsWrap .uiPanel img { width: 100%; max-width: 100%; }
.courseFinder .resultsWrap > .results ul li .info .top .uni { float: left; width: 250px; margin: 15px 0 40px 20px; text-align: center; color: #46596a; }
.courseFinder .resultsWrap > .results ul li .info .top .uni img { margin: 0 0 10px; }
.courseFinder .resultsWrap > .results ul li .info .top .uni p { margin: 0; }
.courseFinder .resultsWrap > .results ul li .info .top .uni p strong { font-size: 120%; }
.courseFinder .resultsWrap > .results ul li .info .top .uni a { font-size: 90%; }

.courseFinder .resultsWrap > .results ul li .info .blockPathway { margin-bottom: 30px; color: #46596a; }
.courseFinder .resultsWrap > .results ul li .info .blockPathway p { font-size: 100%; margin-bottom: 10px; }
.courseFinder .resultsWrap > .results ul li .info .blockPathway strong { display: block; font-size: 120%; font-weight: normal; }
.courseFinder .resultsWrap > .results ul li .info .blockPathway p.small { font-weight: bold; }
.courseFinder .resultsWrap > .results ul li .info .blockPathway p.small small { color: #46596a; }

.courseFinder .resultsWrap > .results ul li .info .blockEntry select { margin-bottom: 10px; }

.courseFinder .resultsWrap > .results ul li .info .applyButton { position: absolute; bottom: 30px; right: 30px; }
.resultsOutput > img.loading { display: block; margin: 0 auto; }

/* == Subjects Pane Styling
----------------------------------------------------------------------------------------------------------------------------------------*/
.subjects { position: relative; float: left; width: 95%; padding: 0 2.5%; overflow: hidden; text-align: center; }
.subjects .box h3 { padding: 10px 0; }
.subjects > ul,
.subjects > ul > li { margin: 0 auto; padding: 0; list-style: none; }
.subjects > ul > li { display: inline-block; width: 92.5%; margin: 0; vertical-align: top; text-align: left; }
.subjects > ul > li ul li { white-space: normal; margin-bottom: 5px; }

.msgSubjectError { display: none; float: left; clear: both; margin: 15px 0; width: 80%; padding: 10px 5%; }


@media screen and (min-width: 600px) {
    .subjects { width: 96%; padding: 0 0 0 4%; }
    .subjects > ul > li { width: 44.5%; margin: 0 10px 0 0; }
}

@media screen and (min-width: 700px) {
    .subjects > ul { white-space: nowrap; }
    .subjects > ul > li { width: auto; }
    .scanHolder { display: block; }
}

@media screen and (min-width: 900px) {
    .subjects { width: 97%; padding: 0 0 0 3%; }
}

@media screen and (min-width: 1200px) {
    .subjects { width: 98%; padding: 0 0 0 2%; }
}

/* == Panzoom
----------------------------------------------------------------------------------------------------------------------------------------*/
.zoomSection { margin-bottom: 20px; border: 1px solid #e9ecf0;}
.zoomSection .buttons { margin: 0 auto 10px; text-align: center; padding-top:10px; }
.zoomSection .buttons button { cursor: pointer; padding: 8px 12px 6px; min-width: 35px; color: #fff; font-size: 1em; font-weight: bold; font-family: 'DIN Next W01', Helvetica, Sans-Serif; border: 0; background: linear-gradient(to bottom, #533f66 0%, #533f66 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.zoomSection .buttons button,
.zoomSection .buttons input,
.zoomSection span { display: inline-block; vertical-align: middle; margin-right: 5px;}
.zoomSection span { color: #533f66; font-weight: bold; width: 100%; }
.zoomSection .zoom-range { padding: 0; }
.zoomSection img.panzoom {-webkit-backface-visibility: visible !important;}
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 150px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 150px;
    height: 5px;
    background: #83b746;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #533f66;
    margin-top: -5px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #83b746;
}

input[type=range]::-moz-range-track {
    width: 150px;
    height: 5px;
    background: #83b746;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #533f66;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 150px;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #83b746;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #5b8f1e;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #533f66;
}
input[type=range]:focus::-ms-fill-lower {
    background: #83b746;
}
input[type=range]:focus::-ms-fill-upper {
    background: #5b8f1e;
}

@media screen and (min-width: 480px) {
    .zoomSection span { width: auto; }
}

/* == Scan button styling
----------------------------------------------------------------------------------------------------------------------------------------*/
.scanHolder { display: none; }
.scanHolder .scan { position: absolute; top: 50%; left: 0; margin-top: -35.5px; text-align: center; }
.scanHolder .scanNext { left: auto; right: 0; }
.scanHolder .scan img { height: 71px; width: 53px; }

@media screen and (min-width: 700px) {
    .scanHolder { display: block; }
}

/* = Mod Note
----------------------------------------------------------------------------------------------------------------- */
.modNote { margin-bottom: 35px; }
.modNote h3 { margin-bottom: 5px; font-size: 1.4em; }

/* = Mod Advert
----------------------------------------------------------------------------------------------------------------- */
.modAdvert { margin-bottom: 30px; border: solid 1px #dfdfdf; }
.modAdvert > div { padding: 18px 15px; }
.modAdvert > a img { width: 100%; max-width: 100%; }
.modAdvert h4 { color: #4b5c66; line-height: 1.2em; }
.modAdvert p { margin-bottom: 0; }

/* = Mod Selection
----------------------------------------------------------------------------------------------------------------- */
.modSelections { display: none; position: relative; padding: 20px 25px; margin-bottom: 30px; -moz-box-shadow: 0 0 8px -5px #000; -webkit-box-shadow: 0 0 8px -5px #000; box-shadow: 0 0 8px -5px #000; }
.modSelections h3 { font-size: 1.3em; }
.modSelections .action { display: inline-block; margin: 0 0 15px; }
.modSelections .choices { font-size: 90%; }
.modSelections .choices > div { margin: 0 0 30px; }
.modSelections .choices h4 { padding: 10px; margin: 0 0 15px; background: #d6dbe2; font-weight: bold; font-size: 1.05em; }
.modSelections .choices ul,
.modSelections .choices ul li { margin: 0; padding: 0; list-style: none; }
.modSelections .choices ul li { margin: 0 0 10px; clear: both; }
.modSelections .choices ul li a { float: left; margin: 0 5px 0 0; }
.modSelections .choices ul li span { overflow: auto; display: block; }
.modSelections .choices ul li a img { vertical-align: -3px; }
.modSelections .choices ul:last-child { margin-bottom: 0; }

/* = Gallery
----------------------------------------------------------------------------------------------------------------- */
.gallery .title { text-align: center; }
.gallery .title h2 { margin: 0 0 10px; }
.gallery ul li { width: 48.5%; display: inline-block; margin: 0 1% 1% 0; vertical-align: top; line-height: inherit; }
.gallery ul li img { max-width: 100%; }

/* = Lightbox
----------------------------------------------------------------------------------------------------------------- */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 10px; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.lightboxEntryReq, .lightboxPathway { padding: 20px 20px 0; }

/* = CTAs
----------------------------------------------------------------------------------------------------------------- */
.ctas { margin: 0 0 20px; line-height: 1.2em; background-repeat: no-repeat; background-position: 20px center; background-color: #4b5c66; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.ctas a { display: block; color: #fff; padding: 20px 25px 20px 85px; }

.ctasEmail { background-image: url(/_img/ctas/email-mobile.svg); }
.ctasCall { background-image: url(/_img/ctas/call-mobile.svg); }
.ctasRepresentative { background-image: url(/_img/ctas/representative-mobile.svg); }
.ctasYoutube { background-image: url(/_img/ctas/youtube-mobile.svg); }
.ctasFacebook { background-image: url(/_img/ctas/facebook-mobile.svg); }

/* = Tabs
----------------------------------------------------------------------------------------------------------------- */
.uiTabsWrap { margin-bottom: 25px; font-size: 90%; }
.uiPanel { clear: both; padding: 20px; border: solid 1px #cdd2d9; border-top-width: 0; overflow: auto; }
.uiTabs { margin: 0; list-style: none; }
.uiTabs ul,
.uiTabs ul li { float: left; margin: 0; padding: 0; list-style: none; }
.uiTabs ul { width: 100%; background: url('/_img/tab-bg.gif') repeat-x bottom left; }
.uiTabs ul li { margin: 0 8px 0 0; text-align: center; }
.uiTabs a { float: left; padding: 5px 10px; margin-top: 4px; background: #d6dbe2; border: solid 1px #d6dbe2; border-bottom-width: 0; color: #475D66; line-height: 1.3em; font-size: 80%; }
.uiTabs .on a { background: #fff; color: #46596a; }
.uiTabs a:hover { padding: 7px 10px 7px 10px; margin-top: 0; }

@media screen and (min-width: 480px) {
    .uiTabs a { padding: 10px 15px; font-size: 90%; line-height: 1.5em; }
    .uiTabs a:hover { padding: 12px 15px; }
}

@media screen and (min-width: 768px) {
    .uiTabs a { padding: 15px 20px; font-size: 100%; }
    .uiTabs a:hover { padding: 17px 20px; }
}

/* = Campuses
----------------------------------------------------------------------------------------------------------------- */
.campuses { margin: 0 0 20px; background: #fff; }
.campuses a { display: block; text-align: center; color: #4b5c66; word-wrap: break-word; padding: 60px 0 20px; background: #fff url(/_img/icons/facebook.svg) no-repeat center 20px; }

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.links { padding: 30px 0 40px; background: #2c3843; }
.links h6 { margin: 0; padding: 10px 0; color: #a6b2bd; cursor: pointer; font-weight: normal; border-top: 1px solid #45515c; background: url(/_img/arrows/down.svg) no-repeat center right; }
.links p { display: none; margin: 0 0 5px; color: #fff; }
.links ul { display: none; margin: 0 0 10px; list-style: none; }
.links ul li { margin: 0 0 5px; line-height: inherit; }
.links ul li a { display: block; color: #fff; }
.links ul li a:hover { color: #a6b2bd; }
.links .close { background-image: url(/_img/arrows/up.svg); }
.links .open { display: block; }

.group { padding: 25px 15px 20px; text-align: center; background: #222c33; }
.group p { margin: 0; line-height: 1.3em; }
.group p small { color: #fff; }
.group ul { margin: 10px; list-style: none; }
.group ul li { display: inline; margin: 0; color: #fff; font-size: 0.85em; }
.group ul li a { display: inline-block; color: #fff; }
.group ul li a:hover { text-decoration: underline; }
.group .logo { width: 68px; height: 58px; float: none; display: inline-block; margin: 0 auto 10px; background-image: url(/_img/logos/ceg.svg); }

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { padding: 20px 15px 18px; display: none; color: #fff; background: #839096; }
.cookie p { margin: 0; }
.cookie p a { color: #fff; text-decoration: underline; font-weight: bold; }
.cookie .inner { margin: 0 auto; }
.cookie .cookieClose { display: none; }

/* == AutoComplete data holder
----------------------------------------------------------------------------------------------------------------------------------------*/
.autoCompOpts { display: none; }

/* == Scroll Pane
----------------------------------------------------------------------------------------------------------------------------------------*/
.jspContainer { overflow: hidden; overflow: visible; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 2px; width: 15px; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #f0f0f0; position: relative; }
.jspDrag { background: #cdcdcd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { position: relative; top: 0; left: 0; height: 15px; width: 15px; background: url('/_img/scrollpane/scroll-up.png') no-repeat 0 0; display: block; cursor: pointer; }
.jspArrowUp { position: relative; }
.jspArrowDown { top: auto; bottom: 0; background-image: url('/_img/scrollpane/scroll-down.png'); }
.jspArrow.jspDisabled { background-image: url('/_img/scrollpane/scroll-up-off.png'); }
.jspArrowDown.jspDisabled { background-image: url('/_img/scrollpane/scroll-down-off.png'); }
.jspVerticalBar .jspArrow: focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }

/* == JQuery UI Overrides
----------------------------------------------------------------------------------------------------------------------------------------*/
.ui-front { z-index: 10000; }
.ui-menu { font-size: 1em; }
.ui-menu .ui-menu-item { padding: 3px 10px; }
.ui-state-focus { font-weight: normal; }

/* = No Javascript
----------------------------------------------------------------------------------------------------------------- */
.no-js .jsHide { display: none; }
.no-js .menu ul { max-height: none; }
.no-js .menuFourth ul { max-height: none; }
.no-js .flexslider .slides li { display: block; }
.no-js .links p { display: block; }
.no-js .links ul { display: block; }
.no-js .jsChk > span { cursor: default; }
.no-js .jsChk input[type="checkbox"] { display: inline-block; visibility: visible; }
.no-js .checkboxes .chk { background: transparent; cursor: default; }
.no-js .imgButtons .jsChk > span.on img { margin: 4px; border-width: 1px; }
.no-js .imgButtons .jsChk > span.on span { display: none; }
.no-js .subjects > ul { white-space: normal; }
.no-js .hero { background: #fff; }
.no-js .hero .slides li { display: none; }
.no-js .hero .slides li:first-child { display: block; }
.no-js .hero ul.slides li { visibility: visible; }
.no-js .hero .title h1 { visibility: visible; }
.no-js .where .partner .partnerList { display: block; }
.no-js .where .partner p { display: none; }

/* = Firefox only (due to external font loading)
----------------------------------------------------------------------------------------------------------------- */
.firefox .menuMobile .triggerMenu { background-position: left 12px; }
.firefox .links h6 { padding: 11px 0 9px; }

.onlineChat { display: none; }



/* == Media Queries
----------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 371px) {
    .latestOffers { top: 67.5px; }
}

@media screen and (min-width: 380px) {
    .marchStarts { top: 97px; }
    .scholarships { top: 97px; }
    .search .searchMobile { top: 46px; }
}

@media screen and (min-width: 480px) {
    .paleblue h2 { font-size: 2em; }
    .gauranteedProgression { padding-bottom: 20px; }
}

@media screen and (min-width: 600px) {
    .logo { width: 220px; height: 55px; display: inline-block; background-image: url(/_img/logos/tablet-ceg-right.png?v2); }
    .topMenu ul { text-align: left; }
    .search { float: right; }
    .search .searchMobile { display: none; }
    .search input { width: 150px; display: block; border: 0; color: #fff; padding: 3px 35px 3px 10px; background: #849199; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-transition: width 0.5s ease, height 0.5s ease; -webkit-transition: width 0.5s ease, height 0.5s ease; -o-transition: width 0.5s ease, height 0.5s ease; -ms-transition: width 0.5s ease, height 0.5s ease; transition: width 0.5s ease, height 0.5s ease; }
    .search input:focus { width: 200px; background: #a6b2bd; }
    .search input.btn { width: 20px; height: 19px; padding: 0; font-size: 0; display: block; position: absolute; top: 4px; right: 12px; background: url(/_img/icons/search.svg) no-repeat right center; }
    .latestOffers { top: -20px; left: auto; right: 0; }
    .marchStarts { top: -20px; left: auto; right: 0; }
    .scholarships { top: -20px; left: auto; right: 0; }
    .flexibleProgrammes { padding-bottom: 20px; }
    .menuFourth .triggerSection { display: none; }
    .menuFourth ul { max-height: none; overflow: visible; }
    .menuFourth ul li { margin: 0 5px 5px 0; float: left; line-height: 1.2em; text-align: center; }
    .menuFourth ul li a { float: left; }
    .gallery ul li { width: 32%; }
    .cookie .cookieClose { width: 21px; height: 21px; float: right; display: block; font-size: 0; background: url(/_img/icons/close.svg) no-repeat top left; }
}

@media screen and (min-width: 768px) {
    .darkblue { padding-bottom: 15px; }
    .darkblue .inner { position: relative; }
    .logo { width: 257px; height: 67px; }

    .topMenu { margin-top: 10px; }
    .menuMobile .triggerMenu { display: block; }
    
    .latestOffers { width: 97px; height: 98px; display: block; position: absolute; top: -40px; right: 200px; padding: 0; font-size: 0; background: url(/_img/latest-offers.svg) no-repeat center center; }
    .marchStarts { width: 97px; height: 98px; display: block; position: absolute; top: -40px; right: 200px; padding: 0; font-size: 0; background: url(/_img/march-starts.svg) no-repeat center center; }
    .scholarships { width: 97px; height: 98px; display: block; position: absolute; top: -40px; right: 200px; padding: 0; font-size: 0; background: url(/_img/scholarships.svg) no-repeat center center; }

    .flexslider { text-align: left; }
    .straplines { min-height: 110px; text-align: center; margin-bottom: 0; padding-top: 100px; padding-right: 20px; padding-left: 0; border-bottom: 0; border-right: 1px solid #9582a1; background-position: center top; }
    .gauranteedProgression { padding-bottom: 0; }
    .flexibleProgrammes { padding-bottom: 0; }
    .experience { border-right: 0; }
    .where img { max-width: 75%; }
    .findacourse { min-height: 140px; border-right: 1px solid #717e82; }
    .topsubjects { min-height: 140px; border-right: 1px solid #717e82; }
    .where .usa { margin-bottom: 0; }
    .where .uk { margin-bottom: 0; }
    .where .europe { margin-bottom: 0; }
    .study { padding-top: 60px; background: url(/_img/banners/hero3.jpg) no-repeat top center; }
    .europeSubjects { border-top: 10px solid #fff; background: url(/_img/banners/europe.jpg) no-repeat top center; }
    .europeSubjects h2 { color: #fff; text-shadow: 0 0 5px #000; }
    .subjects .box { width: 211px; display: inline-block; margin-right: 10px; }
    .newsModule { padding-top: 0; border-top: 0; }
    .ctas { text-align: center; min-height: 167px; background-position: center 20px; }
    .ctas a { padding: 80px 10px 10px; }
    .ctasEmail { background-position: center 25px; }
    .campuses a { padding-right: 20px; padding-left: 20px; }
    .links h6 { cursor: default; border-top: 0; background: none; }
    .links p { display: block; }
    .links ul { display: block; }
    .links .close { background-image: none; }	

    .templatePartner .flexslider .slides li .content { width: 525px; position: absolute; top: 35px; left: 50%; margin-left: -48%; padding: 25px 25px 10px; background: #fff; }
    .templatePartner .flexslider .slides li .content h1 { margin: 0 0 10px; }
    .coursefindertool p { display: none; }
    .coursefindertool .banner { display: block; }
    .why { width: 50%; float: left; margin-right: 4%; }
    .guide h5 { float: left; font-size: 1.6em; font-weight: normal; }
    .guide .download { float: right; }
    .guide .banner { display: block; margin: 0 0 40px; }
    .tabs { padding: 15px 0 0; }
    .move { padding-top: 0; padding-left: 20px; }
    .gallery ul li { width: 24%; margin: 0 1% 1% 0; }
}

@media screen and (min-width: 900px) {
    .templateOneCol .zoneOne { padding-top: 40px; padding-bottom: 40px; }
    .templateTwoCol .zoneOne { width: 70%; float: left; padding-top: 40px; padding-bottom: 40px; }
    .templateTwoCol .zoneTwo { width: 25%; float: right; padding-top: 40px; padding-bottom: 0; }
    .templateTwoColIntro .zoneOne { width: 70%; float: left; padding-bottom: 40px; }
    .templateTwoColIntro .zoneTwo { width: 25%; float: right; }
    .templatePartner .zoneOne { width: 70%; float: left; }
    .templatePartner .zoneTwo { width: 25%; float: right; }
    .topMenu ul li:last-child { margin-right: 15px; }

    .flexslider .slides li .content { width: 400px; position: absolute; top: 35px; left: 15px; }
    .flexslider .slides li .content h1 { font-size: 3.8em; }
    .title { left: 50%; margin: 0 0 0 -600px; position: absolute; top: 50px; }
    .title h1 { margin: 0; padding: 20px 20px 15px; background: #fff; }
    .where h2 { margin-bottom: 40px; }
    .where h3 { margin-bottom: 20px; }
    .where h3 span { padding-left: 40px; background-position: left 3px; }
    .where p { margin-top: 20px; }
    .where .partner a { padding-right: 30px; background-image: url(/_img/arrows/destinations-down.svg); }
    .where .partner .open { background-image: url(/_img/arrows/destinations-up.svg); }
    .where .usa h3 span { background-image: url(/_img/flags/usa.svg); }
    .where .uk h3 span { background-image: url(/_img/flags/uk.svg); }
    .where .europe h3 span { background-image: url(/_img/flags/eu.svg); }

    /* Due to font rendering */
    .firefox .popoutmenu ul li a { padding-top: 0; padding-bottom: 0; }
    .firefox .topMenu { margin-top: 20px; }
    
    .menu ul li a { padding-top: 15px; padding-bottom: 14px; }
}

@media screen and (min-width: 1020px) {
    .menuMobile { display: none; }
    .menu ul { max-height: none; overflow: visible; width: 100%; display: block; }
    .menu ul li { display: inline-block; margin-right: 20px; padding: 0; }
    .menu ul li a { display: inline-block; padding-top: 18px; padding-bottom: 14px; position: relative; }
    .menu ul li.menuCoursefinder a .tipArrow { width: 28px; height: 16px; display: block; position: absolute; top: -3px; left: 40%; background: url(/_img/arrows/coursefinder.svg) no-repeat top center; }

    .desktopMenu { display: block; }
    .mobMenu { display: none; }

    /* Megamenu */
    .menu ul li.tip { position: relative; padding: 0 25px 0 15px; background: transparent; z-index: 10000; }
    .menu ul li.tip.hoverActive { background: #fff; }
    .menu ul li.tip .tip { position:absolute; top: 24px; right: 15px; width: 7px; height: 4px; background: url(/_img/arrows/tip.svg) no-repeat center right; }
    .menu ul li.tip.hoverActive .tip { background: url(/_img/arrows/tip-hover.png) no-repeat center right; }
    .menu .menuHover { width: 100%; height: auto; overflow: visible; top: 50px; left: 0; display: none; background: #fff; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; }

    .megaMenu .leftcol { width: 64%; float: left; position: relative; }
    .megaMenu .leftcol .infoLinks { margin: 20px 0 0; }
    .megaMenu .rightcol { width: 31%; float: right; padding: 0 0 0 2.5%; border-left: 1px solid #d3d3d3; }
    .megaMenu .colsFourth .col { width: 23.5%; margin-right: 2%; }
    .megaMenu .colsFourth .col p { margin: 10px 0; }
    .megaMenu .colsFourth .endCol { margin-right: 0; }
    .megaMenu .colsHalf .col { padding: 10px 0 0; }
    .megaMenu .extraSpace { margin: 40px 0 0; }
    .megaMenu .centreLogo { margin: 5px 0 0; }

    .megaMenu .purpleLink { border-top: 2px solid #512178; }
    .megaMenu .blueLink { border-top: 2px solid #0071b8; }
    .megaMenu .redLink { border-top: 2px solid #bc0d34; }
    .megaMenu .orangeLink { border-top: 2px solid #cc6600; }
    .megaMenu .greenLink { border-top: 2px solid #99cc33; }
    .megaMenu .darkgreenLink { border-top: 2px solid #057d33; }
    .megaMenu .darkblueLink { border-top: 2px solid #004C93; }
    .megaMenu .darkredLink { border-top: 2px solid #bc0031; }

    .menuOurcentresDrop .title { background-image: url(/_img/menu/centres.svg); }
    .menuProgrammesDrop .title { background-image: url(/_img/menu/programmes.svg); }
    .menuEntryDrop .title { background-image: url(/_img/menu/requirements.svg); }
    .menuStudentDrop .title { background-image: url(/_img/menu/studentlife.svg); }

    .popoutmenu { padding: 30px 0; }
    .popoutmenu h3 { margin-bottom: 10px; }
    .popoutmenu h3 a { color: #533f66; }
    .popoutmenu h4 { color: #282828; margin: 0 0 5px; font-size: 1em; font-weight: 700; }
    .popoutmenu h4 a { color: #282828; }
    .popoutmenu hr { margin-top: 20px; }
    .popoutmenu ul { margin-bottom: 20px; }
    .popoutmenu ul li { display: block; margin: 0; line-height: 1.3em !important; font-size: 0.9em !important; }
    .popoutmenu ul li a { display: inline-block; color: #404040; padding: 0 10px 0 0; background: url(/_img/arrows/megamenu.svg) no-repeat right center; }
    .popoutmenu ul li a:hover { color: #666; }
    .popoutmenu ul li a.area { text-transform: uppercase; color: #2c2c2c; font-weight: 700; padding: 0; background: none; }
    .popoutmenu .onShow { display: block; }
    .popoutmenu .title { color: #849199; position: static; margin-left: 0; padding: 5px 0 5px 40px; background-repeat: no-repeat; background-position: top left; }
    .popoutmenu .infoLinks ul li { display: inline; padding: 5px 0; font-weight: 700; background-repeat: no-repeat; background-position: center left; }
    .popoutmenu .infoLinks ul li a { color: #46596a; margin-bottom: 10px; padding-left: 35px; }
    .popoutmenu .infoLinks ul li.studyLink { background-image: url(/_img/menu/whystudy.svg); }
    .popoutmenu .infoLinks ul li.visaLink { background-image: url(/_img/menu/visa.svg); }
    .popoutmenu .infoLinks ul li.educationLink { background-image: url(/_img/menu/education.svg); }
    .popoutmenu .infoLinks ul li.scholarshipsLink { background-image: url(/_img/menu/education.svg); }
    .popoutmenu .londonLinks { position: absolute; top: 45px; right: 0; }
    .popoutmenu .londonLinks ul li { display: inline; margin-right: 0; margin-left: 20px; }

    .popoutmenu .closepopoutmenu { width: 22px; height: 22px; float: right; font-size: 0; background: url(/_img/icons/close-megamenu.svg) no-repeat center center; }
    /* end */    
}

@media screen and (min-width: 1024px) {
    .darkblue { padding-top: 30px; padding-bottom: 30px; }
    .white { padding-bottom: 30px; }
    .tonedblue { padding-top: 30px; }
    .topMenu { float: right; margin-top: 21px; }
    .topMenu ul li { margin-right: 25px; }
    .topMenu ul li:last-child { margin-right: 25px; }
    .logo { width: 415px; height: 54px; float: left; background-image: url(/_img/logos/desktop-ceg.png?v2); }

    .menu ul li { font-size: 1.1em; margin-right: 5px; }
    .menuFourth ul li a:hover { background: #fff; }
    .menuFourth ul li a.on { color: #2d373d; background: #fff; }
    .flexslider .slides li .content { top: 50px; }
    .flexslider .slides li .content h1 { font-size: 4em; }
    .straplines { min-height: 160px; padding-top: 0; padding-left: 120px; text-align: left; background-position: left top; }
    .straplines h3 { font-size: 2.4em; }
    .straplines p { font-size: 1.1em; line-height: 1.3em; }
    .gauranteedProgression { padding-bottom: 0; background-image: url(/_img/icons/progression.svg); }
    .flexibleProgrammes { padding-bottom: 0; background-image: url(/_img/icons/programmes.svg); }
    .experience { border-right: 0; background-image: url(/_img/icons/ceg.svg); }
    .ourStudents .btn { float: right; }
    .newsModule .btn { float: right; }
    .ctas { min-height: 187px; }
    .ctas a { padding: 110px 25px 20px; }
    .ctasEmail { background-image: url(/_img/ctas/email.svg); background-position: center 30px; }
    .ctasCall { background-image: url(/_img/ctas/call.svg); }
    .ctasRepresentative { background-image: url(/_img/ctas/representative.svg); }
    .ctasYoutube { background-image: url(/_img/ctas/youtube.svg); }
    .ctasFacebook { background-image: url(/_img/ctas/facebook.svg); }

    .latestOffers { top: 35px; right: 0; }
    .marchStarts { top: 35px; right: 0; }
    .scholarships { top: 35px; right: 0; }

    .templatePartner .flexslider .slides li .content h1 { font-size: 3.2em; }
    .templatePartner .flexslider .slides li .content p { font-size: 1.4em; }
    .intro h2 { font-size: 2em; }
    .why { width: 35%; margin-right: 4%; }
    .move { padding-left: 40px; }
    .gallery { position: relative; }
    .gallery .title { width: 24.5%; color: #fff; text-align: left; margin-left: 0; position: absolute; top: 0; left: 0; background: #0071b8; }
    .gallery .title h2 { width: 150px; padding: 20px; color: #fff; }
    .gallery .title p { padding: 0 20px; }
    .gallery ul li { width: 24.5%; margin: 0 0.5% 0.5% 0; }
    .gallery ul li:first-child { margin-left: 25%; }
}

@media screen and (min-width: 1025px) {
    .menu .menuHover { position: absolute; }
}

@media screen and (min-width: 1150px) {
    .search { margin-top: 15px; /*margin-right: 125px;*/ }
    .latestOffers { top: -50px; }
    .marchStarts { top: -50px; }
    .scholarships { top: -50px; }
}

@media screen and (min-width: 1200px) {
    .inner { width: 1200px; margin-right: auto; margin-left: auto; }
    .white { padding-top: 60px; padding-bottom: 60px; }
    .purple { padding-top: 40px; padding-bottom: 40px; }
    .paleblue { text-align: center; padding-top: 50px; padding-bottom: 40px; }
    .study { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
    .tonedblue { padding-top: 40px; padding-bottom: 20px; background: url(/_img/lens.png) repeat top left; }
    .templatePartner { padding-bottom: 40px; }
    .menu ul li { margin-right: 15px; padding-right: 10px; }
    .menu ul li.tip { padding-right: 35px; }
    .flexslider { float: left; }
    .flexslider .slides li .content { width: 425px; left: 50%; margin-left: -600px; padding: 0 20px; word-wrap: break-word; background: url(/_img/lens-hero.png) repeat top left; }
    .flexslider .slides li .content p { font-size: 1.6em; }
    .flex-direction-nav { width: 100%; display: block; position: absolute; top: 42%; left: 0; margin: 0; list-style: none; z-index: 1; }
    .flex-direction-nav li { width: 53px; float: right; margin: 0; padding: 0; position: absolute; right: 0; }
    .flex-direction-nav li .flex-prev { width: 53px; height: 71px; float: left; cursor: pointer; text-indent: -9999px; z-index: 1; background: url(/_img/arrows/hero-left.svg) no-repeat top left; }
    .flex-direction-nav li .flex-next { width: 53px; height: 71px; float: left; cursor: pointer; text-indent: -9999px; z-index: 1; background: url(/_img/arrows/hero-right.svg) no-repeat top left; }
    .flex-direction-nav li:first-child { float: left; left: 0; }
    .straplines { min-height: 120px; padding-left: 125px; background-position: left center; }
    .london { padding-top: 60px; padding-bottom: 60px; }
    .london h2 { margin: 0 auto 100px; font-size: 3.8em; }
    .london h2 span { font-weight: bold; }
    .pod { margin-bottom: 0; padding: 30px 30px 20px; }
    .pod h3 { min-height: 51px; }
    .where h2 { margin-bottom: 60px; }
    .where img { max-width: 100%; }
    .where img:hover { transition: all 350ms ease 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
    .ctas { margin-top: 20px; margin-bottom: 40px; background-position: center 30px; }
    .ctas a { padding-top: 130px; padding-right: 20px; padding-left: 20px; }
    .ctas:hover { -moz-box-shadow: 5px 5px 0 #222c33; -webkit-box-shadow: 5px 5px 0 #222c33; box-shadow: 5px 5px 0 #222c33; transition: all 200ms ease 0s; }
    .ctasEmail { background-position: center 40px; }
    .campuses { margin-bottom: 40px; }
    .campuses a:hover { -moz-box-shadow: 5px 5px 0 #3b5996; -webkit-box-shadow: 5px 5px 0 #3b5996; box-shadow: 5px 5px 0 #3b5996; transition: all 200ms ease 0s; }
    .links { padding-top: 40px; }
    .group p { width: 50%; margin-right: auto; margin-left: auto; }
    .onlineChat { display: block; }

    .flexsliderScroller { margin: 0; padding: 0 0 0 115px; }
    .flexsliderScroller .flex-viewport { padding: 0 0 0 5px; }
    .flexsliderScroller .flex-direction-nav { width: auto; }
    .flexsliderScroller .flex-direction-nav li { float: left; }
    .flexsliderScroller .flex-direction-nav li:first-child { display: none; }
    .flexsliderScroller .flex-direction-nav li .flex-next { background-image: url("/_img/arrows/hero-left.svg"); }
    .templatePartner .flexslider .slides li .content { margin-left: -600px; }
    .accordion > h3 { padding-right: 15px; padding-left: 15px; background-position: 98% center; }
    .accordion > h3.on { background-position: 98% center; }
    .tabs { margin: -69px 0 0; padding-top: 10px; position: relative; z-index: 2; background: url(/_img/lens-white.png) repeat center center; }
    .menuFourth ul li { margin-bottom: 0; }
    .menuFourth ul li a { width: 115px; padding-right: 15px; padding-left: 15px; vertical-align: middle; }
    .menuFourth ul li a:hover { color: #0071b8; background: #fff; }
    .menuFourth ul li a.on { color: #0071b8; background: #fff; }
    .menuFourth ul li.oneline a { padding: 20px 15px; }
    .menuAnchor ul li { margin: 0 7px 0 0; }
    .menuAnchor ul li a { margin-bottom: 8px; padding: 20px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
    .menuAnchor ul li a:hover { -moz-box-shadow: 4px 4px 0 #222c33; -webkit-box-shadow: 4px 4px 0 #222c33; box-shadow: 4px 4px 0 #222c33; transition: all 200ms ease 0s; }

    .intro { margin: 40px auto 60px; padding: 0 10% 40px 10%; }

    .subjects .box { margin-bottom: 30px; }
    .study h2 { margin-bottom: 40px; }
    .study .subjects .slides li { margin-top: 5px; }

    .gallery .title { min-height: 220px; }
    .gallery .title h2 { margin-bottom: 20px; }
    .gallery .title p { width: 175px; }

    .facebook { margin-bottom: 40px; }
	
	.firefox .tabs { margin: -68px 0 0; }
}