@font-face {
  font-family: 'mpreg';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('../fonts/MyriadPro-Regular.svg#../fonts/MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mpbold';
  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf')  format('truetype'), url('../fonts/MyriadPro-Bold.svg#../fonts/MyriadPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body { font-family:'mpreg'; background-color: #fff;}
header { background: #fff;}
.search { left:0;}
.search .form-item, .front .search .form-actions { float:right;}
.search .form-submit { background-color: #f5f6f6; border-color: #e0e3e4;border-right: 0px;}
.search .custom-search-box { padding-left:30px; background-image: url(../os15/search-bg.png); background-repeat: no-repeat; background-position: 10px center;}
.search #edit-actions { margin-right: -2px; display: none;}

.secondary-links ul.menu li a { font-family: 'mpreg'; color: #636466; font-weight: normal; border:0px;}
#block-superfish-1 .block-inner { background-image: url(../os15/menu-border-bot.png); background-repeat: repeat-x; background-position: center bottom; margin-bottom: 20px;}
#block-superfish-1 .block-inner:after { content: ''; display: table; clear: both;}
.navigation { background:none;     margin-top: -44px;}
.navigation .content > ul > li > a { background-color: transparent; border:0px; color:#000; padding: 8px 20px; font-family: 'mpreg'; color:#636466; font-weight: normal;
    text-transform: none; font-size: 15px; border-bottom: 6px solid transparent; }
.navigation .content > ul > li > a:hover { border-bottom: 6px solid #90bf3b; background-color: #fff;}

.navigation .content ul li li a, 
.navigation ul.links li li a, 
.navigation .content ul li li span.nolink, 
.navigation ul.links li li span.nolink { background-color:#fff; border-bottom:3px solid #efefef; color:#636466; padding: 10px 15px 7px; font:15px 'mpreg'; text-transform: none; }

.navigation .content ul li li a:hover, 
.navigation ul.links li li a:hover, 
.navigation .content ul li li span.nolink:hover, 
.navigation ul.links li li span.nolink:hover { border-bottom: 3px solid #90bf3b; background-color: #fff;}

.resp-nav { background:#fff;}
.resp-nav ul li a, 
.resp-nav ul li span { color:#636466; border-top:2px solid #90bf3b; border-bottom:0;}
.resp-nav ul li a:hover, 
.resp-nav ul li span:hover { background-color: #fff;}

.sf-sub-indicator { background-image: url(../os15/arrows-90bf3b.png)}

.navigation ul,.navigation ul.links { float: right;}

.banner { background-color: transparent;}
.theme-default .nivo-controlNav a { background:url(../os15/bullets-new.png) no-repeat; width:18px;}
.nivo-controlNav { position: absolute;    bottom: 10%;    left: 15%;    z-index: 9;}

.content-top .block-inner { border:0px; background-color: #f4f4f4; padding:15px;}
.recommender .block-title { font:16px 'mpreg'; color: #636466; background:none; margin-top: 0; padding-left: 15px; text-transform: none;}
.recommender select { border-radius:0;}
.recommender .views-exposed-form .views-exposed-widget .form-submit { border-radius: 0; padding:9px 42px; background-color: #90bf3b; font:14px 'mpreg';}
.recommender .views-exposed-form .views-exposed-widget .form-submit:hover { background-color: #7fa933;}

.front .content-top2 { background:#fff; border-bottom: 0;}
.front .content-top section { margin-bottom: 0;}
.front .content-top2 h2 { background:none; color:#636466; font:16px 'mpreg'; padding:0; margin-bottom: 15px; text-transform: none;}

.front .content-tabs h2 { background: none; color: #636466; font: 16px 'mpreg'; padding: 0; margin-bottom: 15px; text-transform: none; margin-top:5px;}
.front .content-tabs { padding-bottom:20px;}
.front .content-tabs img { max-width: 100%; height: auto; width: 100% !important; }
.front .content-tabs .more-link a { display:inline-block; padding:9px 18px; background-color: #90bf3b; color:#fff; text-decoration: none;}

.osList { padding-top:20px; padding-bottom:10px;}
.osList .col-left, .osList .col-right { padding-left: 15px; padding-right: 15px;}
.osList .col-left { width: 160px; float:left;}
.osList .col-left img { max-width: 100%; height: auto; }
.osTitle a { color:#636466; font: 14px 'mpbold'; padding-bottom:5px;}
.osBody a { color:#90bf3b;}

.front .nav-tabs { border-bottom:2px solid #90bf3b;}
.front .nav-tabs > li { margin-bottom:0px;}
.front .nav-tabs > li > a { background-color: #f4f4f4; color:#636466; font:16px 'mpreg'; border-radius: 0px; border:0px;}
.front .nav-tabs > li.active > a, 
.front .nav-tabs > li.active > a:hover, 
.front .nav-tabs > li.active > a:focus { background-color: #90bf3b; color:#fff; border:0px;}

footer { border-top:0;}
.ft-top { background:#fff;     height: 54px;    border-bottom: 3px solid #000;}
.bird-bg { position: absolute; right:15px; top:0;}

.social-media p { text-align: left;}
.social-media p span { display: inline-block; width:100px;}

.ft-middle { padding:30px 0 20px; font-size: 13px; font-family: 'mpreg'; background:#fafafa;}
#block-block-2 { margin-top:10px;}
#block-block-37 { margin-top:0;}
#block-block-37 .content div span { color:#636466 !important;}
#block-block-88 { margin-top:30px; margin-bottom:15px;}
#block-block-88 .content div { padding-left:30px; background:url(../os15/address-icon.png) no-repeat left top;}
#block-block-88 .content div span { font:14px 'mpbold';}

.front ul.sf-menu li li:hover ul, .front ul.sf-menu li li.sfHover ul { left:1em;}

@media ( max-width: 767px){
	.front #block-block-86 p iframe { width:100% !important; }
}

#float-right { position: fixed; right: 0; top:175px; z-index:5;}
#float-right .content div a {     margin-bottom: 5px;    display: inline-block;    right: -33px;    position: relative; transition:all 0.3s ease;}
#float-right .content div a:hover { right:-20px; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}


.not-front .banner section { width:100%; height: auto;}
.not-front .banner section .block-inner { width: 100%; position: relative;left:auto; margin-left: 0;}
.not-front .banner section .block-inner img { max-width: 100%; height: auto !important;}

/* Newsletter Subscription */
.ft-middle .subscribe{ margin-bottom: 33px; font: 20px texgy; color: #666; text-align: center; }
.ft-middle .subscribe h2{ margin-bottom: 0; font: 30px texgy-bold; color: #666; text-transform: none;}
.ft-middle .subscribe h2 span{color: #90bf3b !important;}
.ft-middle .subscribe p span{color: #90bf3b !important;}
.af-textWrap .submit { background-color: #90bf3b; }

.page-header { color:#90bf3b; font-family: 'mpbold';}

.field-name-body .field-items h1 { color:#90bf3b; }
.field-name-body .field-items h2 { color:#90bf3b; }
.field-name-body .field-items h3 { color:#90bf3b;  }
.field-name-body .field-items h4 { color:#90bf3b; }
.field-name-body .field-items h5 { line-height:18px; }
.field-name-body .field-items h6 { color:#90bf3b; background: url(../images/bullet.png) left 3px no-repeat;  padding-left:25px; font-size:17px;}
.field-name-body .field-items h6 a { color:#90bf3b; text-decoration:underline;}
.field-name-body .field-items p { line-height:1.6; margin: 0 0 20px; text-align:justify; }
.field-name-body .field-items p.o { color: #90bf3b; font-weight: bold;}
.field-name-body .field-items p.left { padding-left:25px;}
.field-name-body .field-items a.o { color: #90bf3b; font-style:italic;}

/* Programmes Side Menu */
.nav-expand { display: none;}
.nprog .nav li a { background-color: #90bf3b; color:#fff; border-top: 1px solid #b2d276;}
.nprog .nav li a:hover { background-color: #b2d276; }
.nprog .nav li.nav-parent a { background-image: url(../os15/side-arrow-up.png); background-repeat: no-repeat; background-position: 90% center;}
.nprog .nav li.nav-parent.toggled a { background-color: #000; background-image: url(../os15/side-arrow-down.png);}
.nprog .nav.nav-expand li a { padding-left:20px; background-color:#000; border-top:0;}
.nprog .nav.nav-expand li a:hover { color:#90bf3b;}
.nprog .nav.nav-expand li a:before {
    content: ''; 
    border: 3px solid #fff;
    width: 2px;
    height: 2px;
    border-radius: 183px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.progSlides { margin-bottom: 15px;}
.progCaption {
    padding: 10px 15px;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, 
.owl-carousel .owl-controls .owl-nav .owl-next { display:inline-block; text-indent:-999999px; width:35px; height:35px; background-image: url(../os15/carousel-arrow.png); background-repeat: no-repeat; background-position: left center; opacity: 0.7;}
.owl-carousel .owl-controls .owl-nav .owl-next { background-position: right center; margin-left: 5px;}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, 
.owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity: 1;}
.block-views .owl-carousel .owl-controls { position: absolute; bottom:20%; right: 15px;}
.owl-carousel .owl-item img { height: auto;}

.progTabs .nav-tabs { background-color: #f4f4f4; border-bottom: 0px;}
.progTabs .nav-tabs li a { color:#636466; font-size:16px; font-family: 'mpreg', arial;}
.progTabs .nav-tabs > li > a  { border-radius: 0px; box-shadow: none; border:0px; border-bottom:2px solid #f4f4f4; border-right: 1px solid #ddd;}
.progTabs .nav-tabs > li.last > a { border-right: 0px;}
.progTabs .nav-tabs > li > a:hover, 
.progTabs .nav-tabs > li > a:focus { border:0px; border-bottom: 2px solid #f4f4f4; border-right:1px solid #ddd;}
.progTabs .nav-tabs > li.last > a:hover, 
.progTabs .nav-tabs > li.last > a:focus { border-right: 0px;}
.progTabs .nav-tabs > li.active > a { border-bottom-color: #90bf3b; background-color: #f4f4f4;}

.progTabs .tab-content { padding:15px; border:1px solid #ddd; border-top: 0px;}
.progTabs .field-name-field-programme-intake-period { padding-left: 70px;}
.progTabs .intake .title { margin-bottom: 0;}
.progTabs .intake .desc { margin-top: 0;}
.progTabs .career { margin-bottom: 20px;}

/* Academic Team page */
.TheATeam { position: relative; background-color: #fff; border-bottom: 1px solid #fff; transition: all 0.3s ease;}
.TheATeam:after { content: ''; display: table; clear: both; margin: 0; padding: 0;}
.TheATeam img { max-width: 100%; height: auto; border:3px solid #000; border-radius:500px; transition: all 0.3s ease;}
.TheAWrap > .TheATitle { padding: 10px 15px; background-color: #eee;}
/*.TheALeft, .TheARight { float: left; padding-left: 15px; padding-right: 15px; position: relative; transition: all 0.3s ease;}*/
.TheALeft { display: inline-block; width:20%; vertical-align: top;}
.TheABody { display: inline-block; width: 79%; padding:15px; vertical-align: top;}
.TheARight p { transition: all 0.3s ease; }
.TheALeft:after, .TheARight:after { content: ''; clear: both; display: table; margin: 0; padding: 0;}
/*.TheALeft { width:30%;}
.TheARight { width:92%;}*/
.TheAToggle { position: absolute; right: 15px; top:0px; background-color: #000; color:#fff; padding:3px 6px;}
.TheAToggle:hover { cursor: pointer;}
.TheAHide { display: none;  padding:15px;}

/*.TheAExpand .TheALeft { width:15%;}
.TheAExpand .TheARight { width: 85%;}
.TheAExpand.TheATeam img { border-width: 6px;}*/
/*.TheAExpand .TheAHide { display: block;}*/

.not-logged-in .kpno { margin-bottom: 15px;}
.not-logged-in.node-type-programmes h1.page-header { margin-bottom: 0;}

@media (min-width: 769px) and ( max-width: 1024px){
  .logo { width:25%;}
  .hd-right { width:75%;}
  .navigation .content > ul > li > a {padding: 8px 8px;    font-size: 15px;}
}

@media (max-width: 768px){
  #float-right { top:215px;}
  #float-right .content div a { right:-113px;}
}

@media ( max-width: 580px) {
  #block-block-122 { background-color: #F39C12; }
  #block-block-122:after { content: ''; clear: both; display: table; margin: 0; padding: 0;}
  #block-block-122 .content div a { display: block;float: left; width: 33.333333%; right: auto;}
  #block-block-122 a img { max-width: 100%; height: auto;}
  #float-right { top:auto; bottom:0; right: 0; transition: all 0.3s ease; width: 100%;}
  #float-right.slide-reset { bottom:-55px;}
  #float-right.slide-up { bottom:0;}
}

.facblocks {display: none;}