/*
Theme Name: 91色视频 Website 2021
Theme URI: http://uwi.edu/
Description:91色视频 Website 2021
Version: 1.0
Author: VIRB Limited
Author URI: http://www.uwi.edu
*/

/* @group Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     margin: 0pt;
     padding: 0pt;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0pt;
}

table.pad td {
     padding: 10px;
}

pre, code {
	background-color: #EFEFE;
	border-bottom: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	display: block;
	font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
	margin: 5px 0pt;
	padding: 5px;
	white-space: normal;
	width: 100%;
}

p code {
     display: inline;
}

body {
position:relative;
}

html {
    
}
html, body {height: 100%;}
.text-shadow {
     text-shadow: 0.02em 0.03em 0.1em #666666;
}



/* SITE DEFINITIONS */

body{
	color: #474747;
	font: 16px 'Kumbh Sans',Helvetica, Arial, sans-serif;
	line-height: 1.6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow-x: hidden;
  background:#fff /*url(images/bg_lines.png) center top repeat*/;
  font-weight:300;
}


/* FONTS */

.inside h1 { 
	 font-size:40px;
	line-height: 1.3;
	color: #4C2D77;
	font-family: 'Kumbh Sans',Helvetica,Arial,sans-serif;
	font-weight: normal;
	}

.inside .landing h1 {
font-size:64px;
}
	
.homepage h2, .inside h2 {
    font-size: 32px;
    line-height: 1.2;
    color:#4C2D77;
    font-family: 'Kumbh Sans',Helvetica,Arial,sans-serif;
	text-transform:none;
  letter-spacing:0px;
  margin-top:5px;
  display:inline-block;
  position:relative;
  font-weight:bold;
  padding-bottom:15px;
width:100%;
}

/*h2:after {
  position:absolute;
  left:0;
  bottom:0;
  background-color:#E85823;
  height:5px;
  width:50px;
  content: '';
}*/

.homepage h3, .inside h3 { 
font-size: 26px;
line-height: 1.2;
color: #4E2F77;
font-family: 'Kumbh Sans',Helvetica, Arial, sans-serif;
padding-bottom: 20px;
letter-spacing: 1px;
  font-weight:600;
	  }

.homepage h4, .inside h4, .mediacentre #eventsarea h2, .mediacentre #newsarea h2  { 
    font-size: 48px;
    line-height: 1.2;
    color: #4E2F77;
    font-family: 'Antonio',Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 10px;
	font-weight: 300;
  text-transform:uppercase;
}

.mediacentre #newsarea h2 {color:#fff!important;}

.homepage h5, .inside h5 { 
  font-size: 22px;
line-height: 1.2;
color:#9785AD;
font-family: 'Kumbh Sans',Helvetica,Arial,sans-serif;
letter-spacing: 1px;
margin-bottom: 10px;
margin-top: 20px;
font-weight: bold;

}

.homepage h6, .inside h6 {
   font-size: 17px;
line-height: 1.2;
color: #9785AD;
font-family: 'Kumbh Sans',Helvetica,Arial,sans-serif;
  font-weight:bold;
  margin-bottom:15px;
  text-transform:capitalize;
}

.homepage p, .inside p {
     color:#474747;
  padding-bottom:15px;
font: 16px/1.6 'Kumbh Sans',Helvetica,Arial,sans-serif;
    font-weight:300;
}

.inside #insidecontent p.blurby {
	font-size:19px;
}


ul {
     margin-left: 0px;
     padding-left: 0px;

}

ol {
  margin-left: 0px;
     padding-left: 0px;  
}

li {
     list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
}

strong {
	 font-weight:700;
}

a, a strong, a:visited, .inside #words a {
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
color:#3CA95F;
}

a:hover, .inside #words a:hover {
     color:#115A40;
}

img a, a img, a img:hover, img a:hover {
     border: none;
}

hr {
     background-color: #CEDEE3;
     border-top: 1px solid #CEDEE3;
     color: #CEDEE3;
     margin: 20px 0 20px 0px;
     padding: 0pt;
width:100%;
float:left;
}

small {
   font-size: 13px;
   color:#666666;
   font-weight:400;
   padding-top:20px;
  padding-bottom:20px;
   width:100%;
   float:left;
   text-transform:uppercase;
 }



@font-face {
    font-family: 'Antonio';
    src: url('/fonts/Antonio-Light.eot');
    src: url('//fonts/Antonio-Light.eot') format('embedded-opentype'),
        url('//fonts/Antonio-Light.woff2') format('woff2'),
        url('/fonts/Antonio-Light.woff') format('woff'),
        url('/fonts/Antonio-Light.ttf') format('truetype'),
        url('/fonts/Antonio-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}


/*Communication page*/

p.old-new > a{
  
    color: black;
    font-weight: 500;

}

div.old > img{
  height: 240px !important;
}

div.new > img{
  height: 280px !important;
}

#old_new{
  
    background: rgb(60,169,95);
    background: linear-gradient(90deg, rgba(60,169,95,0.6699054621848739) 47%, rgba(60,169,95,1) 40%);

}





/* COMMON STYLES */

.box-white {
 background:white; 
}

.box-navy {
	background: #1F395F;
}

.box-black {
	background-color:#000;
}

.box-charcoal {
	background: #33393F;	
}

.box-grey {
	background: #697681;	
}

.box-lightgrey {
	background: #E9EAEC;  
}


.box-green {
	background: #3CA95F;	
}

.box-limegreen {
	background: #85BB24;		
	}

.box-emerald {
	background:#15805B;	
	
}

.box-darkgreen {
 	background:  #115A40;
}

.box-periwinkle {
  background:#9785AD;
}

.box-purple {
  background:#5F3E82;
}

.box-deeppurple {
    background:#4E2F77;
}

.box-green h2,.box-green h3,.box-green h4,.box-green h6, .box-green p, .box-purple h2, .box-purple h3, .box-purple h4,.box-purple p, .box-deeppurple h2, .box-deeppurple h4, .box-deeppurple h3, .box-deeppurple p, .box-darkgreen h4, .box-darkgreen p {
	color:#fff;
}

span.dropcap {
	color:#fff;
	background:#15805B;
	padding: 5px 20px;
	font-size:72px;
	margin:0 10px 10px 0;
	float: left;
width: auto;
}


.bordergreen {
 border-left:5px solid #3CA95F ;
  padding-left:20px;
}

.card {
  min-height:450px;
  background-color:#111;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.card:hover > .overlay {
    width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.7;
	  -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.card.first {
margin-top:120px;  
}

.card.second {
  margin-top:60px;
}

.card h3, .card p {
 padding:30px; 
  color:#fff;
  position:absolute;
  	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index:20;
}

.card h3 {
top:0%;
font-size:26px;
}

.card p {
top:160px;
opacity:0;
}

.card a {
	z-index:20;
}

.card:hover p{
 display:block;  
  top:130px;
  opacity:1;
}

.card:hover h3 {
top:5%;  
}

.btn-ghost {
    	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
letter-spacing:1px;  
  padding:4px 40px 2px 40px;
  text-align:center;
 border:2px solid white;
  border-radius:20px;
  display:inline-block;
  margin-top:20px;
  margin-bottom:20px;
  font-size:15px;
  color:#fff!important;
  text-transform:uppercase;
}


.vc-more{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    letter-spacing: 1px;
    padding: 4px 40px 2px 40px;
    text-align: center;
    border: 2px solid #3CA95F;
    border-radius: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #000000!important;
    text-transform: uppercase;
}

.vc-more:hover {
  letter-spacing:5px;
}

.btn-ghost:hover {
  letter-spacing:5px;
}

.card .btn-ghost {
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:20;
}

.alllinks small {
  margin-top:30px;
}

.btn-ghost-green {
	letter-spacing:1px;  
  padding:4px 15px 2px 15px;
   border:2px solid #3CA95F;
   color:#3CA95F;
  border-radius:20px;
  display:inline-block;
font-weight:bold;
text-transform: uppercase;
font-size: 15px;
}

/* News Area */

#newsarea {
  background: transparent url(images/bg_newsarea.png) left top no-repeat;
  padding:40px 0 0 0;
}

#newsarea h2 {
  color:white;
}

#newsarea .item {
    overflow:hidden;
}

/*added to fix streteched pics from uwitv, do not delete*/
/*#newsarea .item .itempic {
  background:#959595;
  height: 260px!important;
  overflow:hidden;

}*/
#newsarea .item .itempic {
    background: transparent;
    height: auto;
    overflow: hidden;
}
/*#newsarea .item .itempic img{
  min-height: 280px;
}*/
#newsarea .item .itempic img {
    height: 180px;
    width: 100%;
    overflow: hidden;
}

#newsarea .item .itemtext {
min-height:150px;
  padding-top:10px;
}

#newsarea .item small {
  padding:10px 0 10px 20px;
  line-height: 2;
}

#newsarea .item p{
  padding:0 20px 20px 20px;
}

#newsarea .item {
  
}

.nopic{
	background:#959595;
}


/* Events Area */


#eventsarea {
  margin-bottom:40px;
}

#eventsarea #featured .item {
  padding:50px;
  overflow:hidden;
  position:relative;
}

#eventsarea #featured .itempic {
  /* background:#959595; */
  min-height: 400px;
  position: relative;
}

#eventsarea #featured .itemtext {
z-index:2;   
  position:absolute;
  left:40px;
  bottom:60px;
}

#eventsarea #featured .itemtext small, #eventsarea #featured .itemtext a{
 color:#fff; 
}

#eventsarea #featured .itemtext a  {
  font-size:24px;
}

#eventsarea #others .item {
  padding:20px 30px 10px 20px;
}

#eventsarea .item small {
  line-height: 2;
}



/* Faculties Block */

#campuses {
  /*min-height: 60vh;*/
  height:750px;
}


#campuses h3, 
#campuses p, 
#campuses a, #campuses small {
 color:#fff!important; 
}

#campuses h3, 
#campuses small {
 width:95%;
}
#campuses h3 {
	padding-bottom:10px;
}

#campuses p {
 font-size:19px; 
}


#campuslisting {
  padding: 10px 30px 20px 30px;
}


#campuslisting a:hover {
  border:none!important;
  /*padding-left:10px;*/
}

#campuslisting h4:nth-child(1) a:hover + #campuses{
    background: blue;
}

.campuslist {
border-bottom:1px solid #7e54a1;	
}

#global.campuslist {
border:none;	
}

#campusbgs {
    height: 100%;
    width: 100%;
   left: 0;
  right: 0;
  top: 0;
  bottom: 0;
    z-index: -1;
    display: block;
    pointer-events: none;
position: absolute;
overflow: hidden;
}

.campusbg {
/*opacity:0;
visibility:hidden;*/
height: 100%;
    width: 100%;
top: 0;
left: 0;
  background-size:cover;
  position: absolute;
}

.campusbg.default {
background: transparent url(images/home/bg_ourcampuses.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campusbg.cavehill {
	background:transparent url(images/home/bg_cavehill.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campusbg.fiveislands {
	background:transparent url(images/home/bg_fiveislands.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campusbg.open {
	background:transparent url(images/home/bg_open.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campusbg.mona {
	opacity:1;
visibility:visible;
background:transparent url(images/home/bg_mona.jpg) center top no-repeat;

}

.campusbg.sta {
	background:transparent url(images/home/bg_sta.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campusbg.global {
	background:transparent url(images/home/bg_global.jpg) center top no-repeat;
	opacity:1;
visibility:visible;
}

.campuslist a {
	display:block;
	/*height: 120px;*/
}

.campuslist small {
	color:#fff;
}

.visible {
	visibility:visible;
}

.novisible {
visibility:hidden;	
}



#springingfrom {
  /*background: transparent url(images/home/pic_dottedglobe.png) left top no-repeat;*/
}

#springingfrom h2{
  color:#3BA95F;
  /*margin-left:20px;*/
  font-size: 34px;
}

#springingfrom p{
  /*padding-right:60px;*/
  font-size:22px;
  margin-left:20px;
}



.inside .bigbreak {
  background: transparent url(images/bg_bigbreak.png) center 80px repeat-x;
}

#bigbreaktitle {
  margin:20px 0;
  left:5%;
  position:relative;
}

.inside .bigbreak h1 {
  font-family:'Antonio',Helvetica,sans-serif;
  text-transform:uppercase;
  color:#3BA95F;
  font-size:88px;

}

.inside .bigbreak .item {
  margin-top:30px;
  margin-left: 60px;
}

.inside .bigbreak .item .status h4 {
  font-family:'Space Grotesk',Helvetica,Arial,sans-serif;
    font-size:120px;
  color:#9785AD;
  line-height:0.9;
  text-decoration:underline;
  padding-right:20px;
}

.inside .bigbreak .item p {
	line-height:1.6;
}

.inside .bigbreak .item .pic-lrg img {
  border-bottom:5px solid #3CA95F;
}


.slideroverlay {
	background: rgba(0,0,0,0.5);
	background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 91%);
	position:absolute;
	width:100%;
	height:100%;
top:0;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.homepage .embed-responsive, .inside .embed-responsive {
    min-height: 340px !important;
}


/* Vertical Tabs */




/* STRUCTURE */





/* HEADER */


#wrap {
	height: 100%;
min-height: 100% !important;
}

#header {
 min-height:140px!important; 
}

#header-top {
  
}

.inside #header-bottom {
border-bottom:1px solid #efefef;	
}

#logo {
  
}

#header #campusselect {
  
}

#header #campusselector {
  border-right:1px solid #ccc;
  position:relative;
}

#header #campusselector li{
    
}

#header #campusselector a {
  font-size:12px;
  text-transform:uppercase;
  font-weight: 700;
}

#header #campusselector .dropdown-toggle:after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#header #campusselector .dropdown-menu {
position:absolute;
left: 0px;
z-index: 1000;
visibility: hidden;
display: none;
}


#header #campusselector .dropdown-menu a {
  display:list-item;
 
}

#header #campusselector .dropdown-item {
background-color:white; 
  padding:5px 30px 5px 15px;
 
}

#header #campusselector:hover> ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

#header #campusselector ul li {
  clear: both;
  width: 100%;
}
 
#header #auxnav {
  margin-top:0px;
}

#auxnav li {
display: inline;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
  padding-left:10px;
}

.btn-search {
  cursor:pointer;
}

#searchbox {
  position:relative;
}

#searchbox #searchsubmit {
top: 7px;
margin-left: -15px; 
  position:absolute;
}

#searchform #s {
border-radius: 20px;
border: none;
padding: 10px 8px 8px 12px;
background: #E9EAEC;
font-size: 16px;
width: 100%;
font-family: inherit;
color: #aaa8a8;
}

.screen-overlay {
  width:0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
   }

.screen-overlay.show {
    transition:opacity .5s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}
	


/* Search */

.hidefuoc { /* Used in conjunction with jQuery to hide the FUOC for the fade-in search panel */
	display:none;
}

#searchcontent {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1500;
    padding: 50px 60px;
    background: rgba(255,255,255,0.95);
    width: 100%;
/*-webkit-box-shadow: 0px 3px 13px 0px rgba(105,104,105,0.59);
-moz-box-shadow: 0px 3px 13px 0px rgba(105,104,105,0.59);
box-shadow: 0px 3px 13px 0px rgba(105,104,105,0.59);*/
}

#searchbar, #closesearch{
  cursor:pointer;  
}


#searchbar {

}

.mobile-offcanvas #searchbar {
	padding-top:2px!important;
}

.btn-primary {
  color:#fff;
  background:#115A40;
  font-size:16px;
  text-transform:uppercase;
  cursor:pointer;
  border:none;
  border-radius:30px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  font-family:inherit;
}

 #closesearch {
 position: absolute;
right: 20px;
top: 0px;
 }

.searchbar input[type=text] {
  background:#EAECED;
  padding:12px 0 8px 9px;
  color:#333;
  border:0;
  border:1px solid #ccc;
  font-size: 19px;
  font-family:inherit;
}

.searchbar .btn-primary {
  padding: 13px 15px 12px 15px !important;
}

.mobile-offcanvas hr {
    color: #D8C084;
    margin: 5px 0 10px 0px;
}


#navsystem {
margin-top:10px;
  padding-top:10px;
}

#mainnav {
  margin-top:0px;
 -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	 z-index:9999;
  padding-top:0px;
  padding-bottom:0px;
 }


#mainnav ul {

}

#mainnav .menu > ul >li {
  padding:0 0px 0 17px;
}
  
#mainnav li a{
  font-size:16px;
  color:#4E2F77;
  font-weight:400;
  text-transform: capitalize;
letter-spacing: 0px;
}

#mainnav li li a{
  margin-right:10px;
  text-transform:none;
  font-weight:normal;
}

#mainnav li li:last-child a{
	border-bottom:0;
}

#mainnav li li a {
  font-size:16px;
  color:#15805B; 
  width:90%;
}

#mainnav li a:hover, #mainnav li a:active {
  color:#15805B;
}

#mainnav li li a:hover {
color:#115A40;
}

#mainnav li li h3 {
color:#0C412E;
  font-size:16px;
  line-height:1.2;
  margin-bottom:0;
  padding-bottom:0px;
  letter-spacing:1px;
  text-transform:uppercase;
}

/*75th */ 
 #logo75 {
            position: absolute;
            top: 0;
            right: -5%;
            z-index: 9999;
            width: 120px;
        /*animation: hithere 3s ease 2;*/
}
/*@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}*/
/* Mega Menu */


.menu {
    width: 100%;
}
.menu-container {
  margin: 0 auto;

}

.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 10px;
  background: #fff;
  color: #333;
}

.menu h4 {
	padding-bottom: 5px;
color: #16A99F;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
line-height: 1.1;
}

.menu > ul {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
      clear: right;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  padding: 0;
  margin: 0;
}
.menu ul li.menu-dropdown-icon {/* mainnav items with submenus */

}
.menu > ul > li a {/* mainnav items */
  text-decoration: none;
padding: 5px 10px 10px 0px;
  display: block;
background: white;
}

.menu > ul > li:first-child a {
padding-left:0;  
}

.menu > ul > li:hover a{
 color:#3CA95F; 
}

.menu > ul > li > ul { /* submenu box style */
  display: none;
  width: 100%;
  border-left:5px solid #3CA95F;
  border-right:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  background:white;
  padding: 10px 20px 30px 20px;;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 3px 3px 3px 0px rgba(96, 94, 94, 0.5);
-webkit-box-shadow: 3px 3px 3px 0px rgba(96, 94, 94, 0.5);
-moz-box-shadow: 3px 3px 3px 0px rgba(96, 94, 94, 0.5);
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 32%;
  background: none;
  float: left;
  
}
.menu > ul > li > ul > li a { /* submenu links */
  color: #fff;
  padding: 0px 0;
  width: 95%;
  display: block;
 letter-spacing:0;
  text-transform:none;
}
.menu > ul > li > ul > li a:hover{ /* submenu links hover */
	color:#28C5C9;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li { /* Submenu links */
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
}
.menu > ul > li > ul.normal-sub {
  width: 240px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}


/* ----- Mobile styles ------ */

@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
  }
  .menu-container .menu{
	display:inline-block;
   }
  .menu-mobile {
   display: block;
float: right;
padding: 0px 0px 0;
font-family: 'Antonio',Helvetica,Arial,sans-serif;
font-size: 25px;
  }
  .menu-mobile:after{ /* create space between hamburger icon and menu text */
  padding-left:10px; 
    margin-top:2px;
  }
  
  .menu-mobile:after {

    
  }
  
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: .5em 0;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;    
    padding: 0 40px;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 0px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}


.menu .onecol {
width:40%!important;	
}

.menu .twocol {
width:70%!important;	
}

.menu .onecol li, .menu .twocol li li {
	width:100%!important;
}

.menu .twocol ul {
	width:100%!important;
}

.menu .twocol li {
	width:50%!important;
}

.menu #sub-admissions {
	left:20%;
}

.menu #sub-about {
	left:30%;
}

.menu #sub-admin {
	left:45%;
}



/* FOOTER */



#footer {
 padding:40px 0 0px 0; 
  margin-top:60px;
}

#footer p {
  color:#9AADBE;
  padding-bottom:25px;
  font-size:16px;
  line-height:1.6;
}

#footer h5 {
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
  font-weight:normal;
  padding-bottom:15px;
}
#footer a {
  color:#3AA95F;
}

#footer a:hover {
  color:#85BB24;
}

#footer li {
   font-size:16px;
  padding-bottom:10px;
}

#footer #footer-socials li {
  display:inline;
  padding-left:10px;
}

#footer .major li {
 font-size:16px; 
}

#footer-top {
  border-bottom:1px solid #3CA95F;
 
}

#footer-bottom {
	
}

#footer-copyright p {
font-size:15px;  
}

#footer-copyright a {
 color:#fff;
  text-decoration:underline;
  padding-left:5px;
  padding-right:5px;
}


#uwifooter-bottom {
 padding:20px 0;

}

#nations li{
  display:inline;
  padding-left:10px;
}





/* HOME */


.homepage #homecontent {
 
}

#homecontent .slider_item {
 
}

#homecontent .slider_item-content {

}


.homepage #homecontent #toparea {

}


/*.homepage #homecontent #toparea #midarea #mainfocus {
  background: transparent url(images/home/bg_strategicfocus.jpg) 98% top no-repeat !important;
}*/

div#mainfocus {
  background: transparent url(images/home/bg_strategicfocus.jpg) 98% top no-repeat !important;
}

.homepage #homecontent #mainfocus p {
font-size:20px;	
}

div#climateaction{
  background: #111 url(images/home/pic_climateaction.jpg) center top no-repeat !important;
}

div#entrepreneural{
  background: #111 url(images/home/pic_entrepreneural.jpg) center top no-repeat !important;
}

div#globalsystem{
  background: #111 url(images/home/pic_globalsystem.jpg) center top no-repeat !important;
}



.homepage #homecontent #pillars #climateaction {
    background: #111 url(images/home/pic_climateaction.jpg) center top no-repeat;
}

.homepage #homecontent #pillars #entrepreneural {
    background: #111 url(images/home/pic_entrepreneural.jpg) center top no-repeat;
}

.homepage #homecontent #pillars #globalsystem {
    background: #111 url(images/home/pic_globalsystem.jpg) center top no-repeat;
}

.homepage #midarea {
    background: transparent url(images/home/pic_researchforabetter.png) 10% 5% no-repeat;
}





/* INSIDE PAGES */


.inside #insidecontent {
	position: relative;
	min-height: 100% !important;
  clear: both;
}

.inside #toparea {
 
}


/* Major Pages */

.inside .landing #toparea {

}

.inside .landing #toparea #mainpic {
padding-top: 0px; 
  position:relative;
  margin-top:0px;
  z-index:1;
background-size: cover;
}

.inside .landing #toparea #mainblurb {
  padding-top:335px;
}

.inside .landing #toparea #mainblurb h2 {
font-size:30px;  
color:#fff;
}

.inside .landing #toparea #mainblurb p{
 font-size:20px;
color:#fff;
}


/* Special Pages */

.inside .special #toparea {
  margin-top:0px;
  background: transparent url(images/bg_specialheader.png) center top repeat-x;
}

.inside .special #toparea p {
 color:#fff;
  font-size:20px;
  line-height:1.6;
  margin-top:20px;
}

.inside .special #pagetitle h1 {
  font-size:44px;
  line-height:1;
}



/* Content Pages */

.inside .content #toparea {
		border-bottom:3px solid #369A55;
}

.inside .content #toparea #pagetitle {
	padding-top:40px;

}

.inside .content #pagetitle h1 {
  
}


.inside .content #sidebar {
  padding-top:40px;
}


.inside .content #sidenav {
  
}


.inside .content #sidenav h6 {
text-transform:uppercase;
  color:#5F3E82;
  font-size:17px;
  letter-spacing:1px;
}

.inside .content #sidenav li {
  line-height:1.4;
  padding-bottom:20px;
}


.inside .content #copy {
  padding-top:40px;
  padding-left:60px;
  border-left:1px solid #efefef;
  min-height:400px;
}


.inside .content #copy ul li {
  line-height:1.4;
  padding-bottom:10px;
}




.inside.vicechancellery .landing #mainpic {
    background: transparent url(images/inside/vicechancellery/mainpic.jpg) center top no-repeat;
}

/* About Us */

.inside.about .landing #mainpic {
  background: transparent url(images/inside/about/mainpic.jpg) center top no-repeat;
}

.inside.about .landing #blurb {
	
}

.inside.about .landing #blurb p{
 font-size:19px;
 padding:60px 18% 20px 18%;
}


.inside.about .landing #campusesage div {
  
  padding:15px;
}

.inside.about .landing #campusesage .name{
	position:relative; 
	height:120px;  
	padding-bottom:20px;
text-align:center;
}

.inside.about .landing #campusesage .name.fix h4{
	padding-left:20px;
}

.inside.about .landing #campusesage h4 {
	position:absolute;
  bottom:0;
}

.inside.about .landing #campusesage .country {
  text-transform:uppercase;
  font-size:14px;
  color:#115A40;
  position:relative;
  padding-bottom:20px;
}


.inside.about .landing #campusesage .country:after {
content:'';
  border-bottom:2px solid #3CA95F;
  position:absolute;
  width:25px;
  bottom:0;
  left:45%;
}

.inside.about .landing #campusesage .date {
 font-family:'Vollkorn',Times, serif;
  color:#697681;
  font-size:44px;
  padding-top:20px;
}

.inside.about .landing #onlyone {
  background: transparent url(images/inside/about/bg_regionaluniversities.jpg) center top no-repeat;
}

.inside.about .landing #tenglobal {
   background: transparent url(images/inside/about/bg_globalcentres.jpg) center top no-repeat;
}

.inside.about .landing #triplea {
   background: transparent url(images/inside/about/tripA.png) center top no-repeat;
}




/* Admissions */

.inside.admissions .landing #mainpic {
  background: transparent url(images/inside/admissions/mainpic.jpg) center top no-repeat;
}

.inside.admissions .landing .admissionsbenefit {
	/*background-size:cover!important;
	border-right:1px solid #3CA95F;*/
}

.inside.admissions .landing .admissionsbenefit h4 {
	font-size:40px;
	color:#fff;
}

.inside.admissions .landing .admissionsbenefit h2 {
	font-size:40px;
	color:#fff;
}

.inside.admissions .landing .admissionsbenefit p{
	color:#fff;
}

.inside.admissions .landing #campusnames {
  background: transparent url(images/inside/admissions/pic_oneuwi.jpg) center top no-repeat;	
  background-size: cover;
}

.inside.admissions .landing #programmes {
  background: transparent url(images/inside/admissions/pic_faculties.jpg) center top no-repeat;	
  background-size: cover;
}

.inside.admissions .landing #facultynames {
  background: transparent url(images/inside/admissions/pic_programmes.jpg) center top no-repeat; 
  background-size: cover;
}

.inside.admissions .landing .box-deeppurple p {
font-size:19px;	
}

.inside.admissions .landing #startjourney {
  background: #4E2F77 url(images/inside/admissions/bg_startjourney.jpg) center top no-repeat;
  background-size: cover;
}

.inside.admissions .landing .admissionsbenefit h4, .inside.admissions .landing .admissionsbenefit h5, .inside.admissions .landing .admissionsbenefit p {
	/*color:#fff;*/
}

.inside.admissions .landing #programmes.admissionsbenefit h5 {
font-weight:300;
font-size:18px;
}

.inside.admissions .landing #globalonline {
    background: transparent url(images/inside/pillars/globalsystem/bg_globalonline.jpg) center top no-repeat;
    background-size: cover;
}


/* Entrepreneural */


.inside.entrepreneural .special #stacie {
  background: transparent url(images/inside/pillars/entrepreneural/bg_stacie.jpg) center top no-repeat;
}

.inside.entrepreneural .special #ventures {
    background: transparent url(images/inside/pillars/entrepreneural/bg_uwiventures.jpg) center top no-repeat;

}

.inside.entrepreneural .special #venturesapp {
  background: transparent url(images/inside/pillars/entrepreneural/bg_venturesapp.jpg) center top no-repeat;
}


.inside.entrepreneural .special #innovationlab {
  background: transparent url(images/inside/pillars/entrepreneural/bg_innovationlab.jpg) center top no-repeat;
}


.inside.entrepreneural .special #specialreport {
  background: transparent url(images/inside/pillars/entrepreneural/bg_specialreport.jpg) center top no-repeat;
  background-size: cover;
}




/* 91色视频 Global System */


.inside.globalsystem .special #globalonline {
  background: transparent url(images/inside/pillars/globalsystem/bg_globalonline.jpg) center top no-repeat;
}






/* Media Centre */

.inside.mediacentre #mainfeature {
  position:relative;
}

.inside.mediacentre #mainfeature .slideroverlay{
width: 98.3%;
}

.inside.mediacentre #mainfeature .featuretext{
  position:absolute;
  bottom:40px;
  z-index: 50;
}


.inside.mediacentre #mainfeature .featuretext h2 a, 
.inside.mediacentre #mainfeature .featuretext p{
  color:white;
}

.inside.mediacentre #newsarea #featured p{
  font-size:22px;
}

.inside.mediacentre #covidalert {
  background: transparent url(images/inside/media/bg_covidalerts.jpg) center top no-repeat;
}

.inside.mediacentre #eventsarea #featured {
  position:relative;
}

.inside.mediacentre #eventsarea #featured .itemtext {
    z-index: 2;
    position: absolute;
    left: 40px;
    bottom: 5%;
}

.inside.mediacentre #eventsarea #others .item {
    padding: 20px 20px 10px 20px;
}



/* Featured Articles */


#insidecontent.feature {
  min-height:100%;
}

#insidecontent.feature  #outertop {

	background-size: cover;
}


#insidecontent.feature #toparea {
  border:none;  
  padding-top:100px;

}


#insidecontent.feature  #toparea h1{
  color:#fff;
}


#insidecontent.feature  #toparea h6 {
  color:#fff;
  text-transform:uppercase;
  letter-spacing:3px;
}


#insidecontent.feature #midarea {
  margin-top:-80px
}


#insidecontent.feature #content #copy {
    border-left: 1px solid #efefef;
    padding-right: 60px;
}

#insidecontent.feature.ipcc #outertop {
    background: transparent url(images/home/slider_1.jpg) center top no-repeat !important; 
    background-size: cover;
}

#insidecontent.feature.wed2022 #outertop {
    background: transparent url(images/home/wed2022.png) center top no-repeat !important; 
    background-size: cover;
}

#insidecontent.feature.ipcc2 #outertop {
    background: transparent url(images/home/slider_1.jpg) center top no-repeat !important; 
    background-size: cover;
}

#insidecontent.feature #content #copy .blurb {
  font-size:21px;
  color:black;
}

#insidecontent.feature #toparea{
  background:rgba(0,0,0,0.5);
}

#insidecontent.feature.covid19 #outertop {
    background: transparent url('images/home/slider_4.jpg') center top no-repeat;
	background-size: cover;
}

#insidecontent.feature.oceanography #outertop {
    background: transparent url('images/home/slider_2.jpg') center top no-repeat;
	background-size: cover;
}



/*Contact Us */





/* TABLES */


.inside .contentpage table {
	margin-top:20px;
	margin-bottom:20px;
}

.inside .contentpage table th {
	color:#2E4A51;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:4px solid #CEDEE3;
	font-family: 'Young',Helevtica,Aril,sans-serif;
	font-size:20px;
	text-align:left;
}

.inside .contentpage table tr {
	border-bottom:2px solid #B4C0C6;
	padding:12px 0;
}

.inside .content table tr td {
	padding:8px 0 8px 0;
}




/* TABS */



/* FORMS */





/* HELPER CLASSES */


.inside img.alignleft {
float:left;
width:auto;
margin:0 20px 20px 0;
}




/**/

/* HACK FOR WEBKIT */
@media screen and (-webkit-min-device-pixel-ratio:0)  {
	


}


/**/
/* HACK FOR IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}




/**/
@media only screen and (min-width: 1161px) {
  

  
}


/**/



@media only screen and (min-width: 960px) and (max-width:1160px) {
  
#closesearch {
    position: absolute;
    right: 60px;
    top: 0px;
}
  
  #mainnav {
   padding-top:19px!important;
    margin-left:0;
  }
  
  #mainnav .menu > ul > li {
    padding: 0 0px 0 13px;
}

 #mainnav .menu > ul > li a {
    text-decoration: none;
    padding: 5px 0px 10px 0px;
   font-size:15px;
 }
  
  #searchbar {
   margin-top:30px!important; 
  }
  
  #newsarea .item .itemtext {
    min-height: 250px !important;
}
  
    
#eventsarea #featured .slideroverlay {
    display:none;
  }  
  
#eventsarea #featured .itemtext,.inside.mediacentre #eventsarea #featured .itemtext {
    position: relative;
  left:0;
  bottom:0;
}  

  
#eventsarea #featured .itemtext small {
    color: #474747;
}
#eventsarea #featured .itemtext a {
    color: #115A40;
} 
  
#eventsarea,#eventsarea #others {
  margin-bottom:0;
}
  #eventsarea #featured .itempic {
    background: none;
    min-height: auto;
    position: relative;
    margin-bottom:20px;
}
   

  
  

/* ABOUT US */
  
.inside.about .landing #blurb p {
    font-size: 19px;
    padding: 30px 15px 20px 15px;
}  
  
.inside.about .landing #campusesage .column2 {
 width:25%;
  margin:0;
}  
    

  
  
  /* ADMISSIONS */
  
  .inside.admissions #bottomarea .item .prefix1.column4 {
   margin-left:40px; 
  }
  
  .inside.admissions #bottomarea .item .alllinks {
  width:100%;
    float:left;
    text-align:left!important;
  }
  
  
  
  
  /* MEDIA CENTRE */
  
.inside.mediacentre #brandingcentre {
   padding-left:0!important; 
  }
  
  
}


/**/




@media only screen and (min-width: 768px) and (max-width: 959px) {
 
 #header-top {
padding-bottom:10px!important;	 
 }
 
 #header #givetouwi {
position: absolute;
top: 0px;
right: 0px!important;
padding-right:0!important;
z-index: 600;
 }
 
  
 #header #campusselector {
    border-right: none;
}
   
#header #campusselect {
float: left;
width:25%;
  margin-left:0;
}

#header #auxnav {
    margin-top: 0px!important;
  text-align:right;
}

#header #auxnav li {
    padding-right: 25px;
	padding-left:0;
}

#header-bottom .column12 {
  padding-bottom:0!important;
}
  
#header #logo {
	margin-bottom:0px!important;
  width: 43%!important;
}

#header #mainnav {
	padding-top:25px!important;
	margin-bottom:0px!important;
 float:right!important;
  width:40%;
}
#header .menu {
 width:80%; 
  margin-left:40px;
}
#header .menu-mobile {
    display: block;
    float: left;
}

#header ul.show-on-mobile{
    margin-top: 40px;
}
  
#header #mainnav .menu > ul > li {
    padding: 0 0px 0 0px;
    text-align: left;
}
/*75th */ 
 #logo75 {
            right: 0;
            
}

  
#mainnav .menu ul.show-on-mobile > ul > li {
    padding: 0 0px 0 10px;
}

#mainnav .menu > ul.show-on-mobile > li {
    width: 100%;
    float: left;
    display: block;
}

#mainnav .menu ul.show-on-mobile #sub-admin {
position: relative;
padding: 10px 20px;
    left: 0%;
	width: 100% !important;
}

#mainnav .menu ul.show-on-mobile .twocol li {
    width: 100% !important;
}

#mainnav .menu > ul > li > ul > li > ul {
	padding-bottom: 10px;
}

#header #searchbar {
	margin-top: 0px !important;
position: absolute;
right: 0px;
top: 35px;
  z-index:500;
}

#searchcontent {
    padding: 10px;
	width: 95%;
}

#closesearch {
    position: absolute;
    left: 250px;
    top: 0px;
}

.searchbar input[type="text"] {
	margin-top: 50px;
	font-size: 15px;
	width: 90%;
}

.searchbar {
margin-bottom:0;
}

.searchbar .btn-primary {
    border-radius: 30px;
margin-bottom: 35px;
}
  
  .homepage h2, .inside h2 {
    font-size: 30px;
  }

  .homepage h3, .inside h3 {
    font-size: 24px;
  }
  
.mobilenone {
	 display:none;
 }
      
.inside .box-center {
        text-align:center!important;
      }
        
#newsarea .alllinks a {
 color:#fff!important; 
}  
  
 #newsarea .item .itempic {
    background: none;
    height: auto !important;
    overflow: hidden;
  margin-bottom:0;
} 
   
#newsarea .item .itemtext {
  padding-top:0;
  width:100%;
  height:300px!important;
}  
    
#eventsarea #featured .slideroverlay {
    display:none;
  }
  
#eventsarea #featured .itemtext,.inside.mediacentre #eventsarea #featured .itemtext {
    position: relative;
  left:0;
  bottom:0;
}  

  
#eventsarea #featured .itemtext small {
    color: #474747;
}
#eventsarea #featured .itemtext a {
    color: #115A40;
} 
  
#eventsarea,#eventsarea #others {
  margin-bottom:0;
}
  #eventsarea #featured .itempic {
    background: none;
    min-height: auto;
    position: relative;
}
  
  
  /* HOMEPAGE */
  
  .homepage .slider_item-content {
    padding:0px 15px 15px 15px!important;
  /*top:0px!important;*/
  }

   
.slider_item-content h3 {
  font-size:24px!important;
  width:100%;
}
  
  .slider_item-content p {
font-size:16px!important;
  }
  
  
  #campuses {
  height:550px!important;  
  }
  
  
  
  
  /* INSIDE */
  
 .inside .landing h1 {
    font-size: 44px;
  line-height: 1.2;
}

.inside .bigbreak .item {
margin-left:0; 
  margin-top:10px;
  padding-left:0;
}
  
 .inside #insidecontent #content #copy {
padding-left:0;
padding-top:0;
border:none;
}
  
.inside .special #toparea p {
    font-size: 17px;
    margin-top: 75px;
}

.inside .bigbreak h1 {
    font-size: 64px;
} 
  
.inside h2.resp-accordion {
      font-size:18px;
  padding-right:0;
     width: 95%;
      }
  
.inside .resp-tabs-list li {
  font-size:15px!important;
}
  
  .inside .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 80%!important;
  }
 
.inside .resp-tabs-container .item {
width:50%;
  margin-left: 40px;
}
  
  .inside h2.resp-accordion:first-child, .inside h2.resp-accordion, .inside .resp-vtabs .resp-tab-content{
   border:none; 
  }
  
 .resp-tabs-list li {
    font-size: 15px;
 }
  
  
  

/* ABOUT US */
  
.inside.about .landing #blurb p {
    font-size: 19px;
    padding: 30px 15px 20px 15px;
}  
  
.inside.about .landing #campusesage .column2 {
 width:25%;
}  
  
.inside.about .landing #campusesage .name {
    padding-bottom: 0px;
}  
  
 .inside.about .landing #campusesage .name.fix h4 {
    padding-left: 0px;
   position:relative;
   top:0;
} 
  
.inside.about .landing #campusesage .country::after {

}
  
.inside.about .landing #campusesage .date {
    padding-top: 0px;
  padding-bottom:50px;
  font-size:34px;
} 
  
  
  
  
  
 /* Global Partnerships */
     
.inside.globalsystem .special #globalonline { 
   background-position: left top;
}  
  
  
  
}

/**/
    @media only screen and (min-width: 480px) and (max-width: 767px) {
  
 #header-top {
padding-bottom:0!important;	 
 }
 
#header #header-bottom .pb-1 {
	 padding-bottom:0!important;
	 margin-bottom:0!important;
 }
 #header #givetouwi {
position: absolute;
top: 35px;
right: 0px!important;
padding-right:0!important;
z-index: 600;
 }
 
  
 #header #campusselector {
    border-right: none;
}
   
#header #campusselect {
float: left;
padding-top: 42px;
width:100%;
}

#header #auxnav {
    margin-top: -90px!important;
}

#header #auxnav li {
    padding-right: 25px;
	padding-left:0;
}

#header #auxnav li:last-child {
	margin-top:10px!important;
	margin-left:0!important;
}

#header #logo {
	margin-bottom:0px!important;
}

#header #mainnav {
	padding-top:10px!important;
	margin-bottom:0px!important;
}

#header .menu-mobile {
    display: block;
    float: left;
}

#header ul.show-on-mobile{
    margin-top: 40px;
}
/*75th */ 
 #logo75 {
          
            top: 70px;
          }
#mainnav .menu ul.show-on-mobile > ul > li {
    padding: 0 0px 0 10px;
}

#header #searchbar {
	margin-top: 0px !important;
position: absolute;
left: 270px;
top: 115px;
}

#searchcontent {
    padding: 10px;
	width: 95%;
}

#closesearch {
    position: absolute;
    left: 250px;
    top: 0px;
}

.searchbar input[type="text"] {
	margin-top: 50px;
	font-size: 15px;
	width: 90%;
}

.searchbar {
margin-bottom:0;
}

.searchbar .btn-primary {
    border-radius: 30px;
margin-bottom: 35px;
}
 
 .mobilenone {
	 display:none;
 }
 
      
      .box-center {
        text-align:center!important;
      }
	
      
.alllinks small {
    margin-top: 0px;
}  
  
#newsarea .alllinks a {
 color:#fff!important; 
}
 
#newsarea .item {
        width:45%;
        margin-right:10px;
}
      
      
#newsarea .item .itempic {
    background: none;
    height: auto !important;
    overflow: hidden;
  margin-bottom:0;
} 
      
#newsarea .item .itempic img {
width:!00%;
  height:auto;
}
   
#newsarea .item .itemtext {
  padding-top:0;
  width:100%;
  height:250px!important;
}

         
#newsarea .item .itemtext p {
  padding-right:20px;
}
      
  #eventsarea h2, #eventsarea #featured {
    margin-bottom:0!important;
    margin-top:0!important;
    padding-bottom:0!important;
  }
      
  #eventsarea #featured .itempic {
    background: #959595;
    min-height: auto;
    position: relative;
}
  
#eventsarea #featured .slideoverlay {
    display:none;
  }
  
#eventsarea #featured .itemtext,.inside.mediacentre #eventsarea #featured .itemtext {
    position: relative;
  left:0;
  bottom:0;
}  

  
#eventsarea #featured .itemtext small {
    color: #474747;
}
#eventsarea #featured .itemtext a {
    color: #115A40;
} 
  
#eventsarea,#eventsarea #others {
  margin-bottom:0;
}
  
  
  
/* HOMEPAGE */
    
  
  .slider_viewport {
    min-height:280px;
    overflow:hidden;
  }
  
.homepage .slider_item-content {
    padding:30px 15px 15px 15px!important;
    width:300px!important;
  /*top:0px!important;*/
  }

  .slider_item img {
    height:auto!important;
    min-width:600px!important;
  }
  
.slider_item-content h3 {
  font-size:24px!important;
  width:100%;
}
  
  .slider_item-content p {
   display:none!important; 
  }
  
 .slider_item-content a.btn-ghost {
  font-size:14px!important; 
   margin-top:0px!important;
 }
  
  #campuses {
  height:550px!important;  
  }
  
  #campuslisting {
  margin-left:60px;  
    
  }
  
 .campuslist {
  margin-bottom:0!important; 
 }
  
.homepage #midarea {
 padding-top:100px!important; 
  background-position: left 20px;
}
  
  .homepage #homecontent #mainfocus {
   margin-top:20px!important; 
  }
  
  .homepage #ranking .column5 {
    padding-left:0px!important;
  }
  
  
  
/* INSIDE */
  
.inside .landing h1 {
    font-size: 44px;
  line-height: 1.2;
}

.inside .bigbreak .item {
margin-left:0; 
  margin-top:10px;
  padding-left:0;
}
 
.inside h2.resp-accordion {
      font-size:18px;  
      }
      
  .inside resp-vtabs .resp-tabs-container {.
    border: none;
    float: none;
    width: 95%;
  }
 
  .inside h2.resp-accordion:first-child, .inside h2.resp-accordion, .inside .resp-vtabs .resp-tab-content{
   border:none; 
    padding-left:0!important;
  }
  
.inside #insidecontent #content #copy {
padding-left:0;
padding-top:0;
border:none;
}
  
.inside .special #toparea p {
    font-size: 17px;
    margin-top: 75px;
}

.inside .bigbreak h1 {
    font-size: 64px;
}


/* ABOUT US */
  
.inside.about .landing #blurb p {
    font-size: 19px;
    padding: 30px 15px 20px 15px;
}  
  
.inside.about .landing #campusesage div {
    padding: 10px 0 0 0;
}  
  
.inside.about .landing #campusesage .name {
    position: relative;
    height: auto;
    padding-bottom: 0px;
    text-align: left;
}  
  
 .inside.about .landing #campusesage .name.fix h4 {
    padding-left: 0px;
   position:relative;
   top:0;
} 
  
.inside.about .landing #campusesage .country::after {
  left:0!important;
}
  
.inside.about .landing #campusesage .date {
    padding-top: 0px;
  padding-bottom:50px;
  font-size:34px;
} 
  

  
/* ADMISSIONS */
      
.inside.admissions .landing #campusnames,.inside.admissions .landing #facultynames,.inside.admissions .landing #programmes {
      padding-bottom:60px;  
      }
      
  
.inside.admissions .landing #startjourney {
  background-position: left top;
}  
  
.inside.admissions #ranking .box-center {
  text-align:left;
  padding-left:0!important;
}
 
  .inside.admissions .landing #globalonline {
     background-position: right top;
  }

.inside.admissions .landing #bottomarea .info, .inside.admissions .landing #bottomarea .prefix1 {
          margin-bottom:0;
        }
      
  .inside.admissions .landing #bottomarea .pic-sml {
    display:none;
  }
      
 
/* MEDIA CENTRE */
  
.inside.mediacentre #mainfeature {
  margin-bottom:20px; 
}

 .inside.mediacentre #mainfeature .column12 {
   margin-bottom:0px;
  }
  
.inside.mediacentre #mainfeature .slideroverlay {
  display:none;
}
  
.inside.mediacentre #mainfeature .featurepic img{
  
}  
  
.inside.mediacentre #mainfeature .featuretext {
  margin-bottom:0;
  top:0px;
  position:relative;
}
  
.inside.mediacentre #mainfeature .featuretext a {
    color: #115A40!important;
  }
  
.inside.mediacentre #mainfeature .featuretext h2 {
  font-size:24px;
}
  
.inside.mediacentre #mainfeature .featuretext p {
  color:inherit;
}  
  
.inside.mediacentre #mainfeature .featuretext a.btn-ghost {
  font-size:15px!important;
  padding:4px 20px;
  border-color: #115A40!important;
}  
  
.inside.mediacentre #featuresarea .itemsbycampus {
   padding-left:0!important; 
  }
  
.inside.mediacentre #onuwitv {
  margin-top:0!important; 
  margin-bottom: 20px !important;
}
  
.inside.mediacentre #uwitvpromo {
  margin-top:0!important; 
  padding-left:0!important; 
}
  
.inside.mediacentre #covidalert {
  background-position:right top;
}
  
.inside.mediacentre #publicationsarea {
 margin-top:0!important; 
}
  
  
  
 /* Global Partnerships */
     
.inside.globalsystem .special #globalonline { 
   background-position: left top;
}



 

	}



/**/	
	
@media only screen and (min-width: 320px) and (max-width: 479px) {
  
 
 #header-top {
padding-bottom:0!important;	 
}
#header #header-bottom .pb-1 {
	 padding-bottom:0!important;
	 margin-bottom:0!important;
 }
 
 #header #givetouwi {
position: absolute;
top: 35px;
right: 0px!important;
padding-right:0!important;
z-index: 600;
 }
 
  
 #header #campusselector {
    border-right: none;
}
   
#header #campusselect {
float: left;
padding-top: 42px;
width:100%;
}

#header #auxnav {
    margin-top: -90px!important;
}

#header #auxnav li {
    padding-right: 25px;
	padding-left:0;
}

#header #auxnav li:last-child {
	margin-top:10px!important;
	margin-left:0!important;
}

#header #logo {
	margin-bottom:0px!important;
}

#header #mainnav {
	padding-top:5px!important;
	margin-bottom:0px!important;
}

#header .menu-mobile {
    display: block;
    float: left;
}

#header #mainnav ul.show-on-mobile{
    margin-top: 40px;
}

#header #mainnav .menu > ul > li {
    padding: 0 0px 0 0px;
    text-align: left;
}
/*75th */ 
 #logo75 {
            top:57px;
            right: 12%;
            width: 100px;
        }

#mainnav .menu ul.show-on-mobile > ul > li {
    padding: 0 0px 0 10px;
}

#mainnav .menu > ul.show-on-mobile > li {
    width: 100%;
    float: left;
    display: block;
}

#mainnav .menu ul.show-on-mobile #sub-admin {
position: relative;
padding: 10px 20px;
    left: 0%;
	width: 100% !important;
}

#mainnav .menu ul.show-on-mobile .twocol li {
    width: 100% !important;
}

#mainnav .menu > ul > li > ul > li > ul {
	padding-bottom: 10px;
}

#header #searchbar {
	margin-top: 0px !important;
position: absolute;
left: 270px;
top: 85px;
}

#searchcontent {
    padding: 10px;
	width: 95%;
}

#closesearch {
    position: absolute;
    left: 250px;
    top: 0px;
}

.searchbar input[type="text"] {
	margin-top: 50px;
	font-size: 15px;
	width: 90%;
}

.searchbar {
margin-bottom:0;
}

.searchbar .btn-primary {
    border-radius: 30px;
margin-bottom: 35px;
}

 .mobilenone {
	 display:none;
 }
.alllinks small {
    margin-top: 0px;
}  
  
#newsarea .alllinks a {
 color:#fff!important; 
}
  
#newsarea .item .itempic {
    background: none;
    height: 260px !important;
    overflow: hidden;
  margin-bottom:0;
} 
   
#newsarea .item .itemtext {
  padding-top:0;
}

  #eventsarea #featured .itempic {
    background: #959595;
    min-height: auto;
    position: relative;
}
  
#eventsarea #featured .slideroverlay {
    display:none;
  }
  
#eventsarea #featured .itemtext,.inside.mediacentre #eventsarea #featured .itemtext {
    position: relative;
  left:0;
  bottom:0;
}  

  
#eventsarea #featured .itemtext small {
    color: #474747;
}
#eventsarea #featured .itemtext a {
    color: #115A40;
} 
  
#eventsarea,#eventsarea #others {
  margin-bottom:0;
}
  
  
  
/* HOMEPAGE */
    
  
  .slider_viewport {
    min-height:280px;
    overflow:hidden;
  }
  
.homepage .slider_item-content {
    padding:30px 15px 15px 15px!important;
    width:300px!important;
  /*top:0px!important;*/
  }

  .slider_item img {
    height:auto!important;
    min-width:600px!important;
  }

  .mc_item img {
    height:auto!important;
    min-width:300px!important;
  }
  
.slider_item-content h3 {
  font-size:24px!important;
  width:100%;
}
  
  .slider_item-content p {
   display:none!important; 
  }
  
 .slider_item-content a.btn-ghost {
  font-size:14px!important; 
   margin-top:0px!important;
 }
  
  #campuses {
  height:550px!important;  
  }
  
  #campuslisting {
  margin-left:60px;  
    
  }
  
 .campuslist {
  margin-bottom:0!important; 
 }
  
.homepage #midarea {
 padding-top:100px!important; 
  background-position: left 20px;
}
  
  .homepage #homecontent #mainfocus {
   margin-top:20px!important; 
  }
  
  .homepage #ranking .column5 {
    padding-left:0px!important;
  }
  
  
  
/* INSIDE */



#tributevideo{
  background: rgb(60,169,95);
background: linear-gradient(180deg, rgba(60,169,95,0.6699054621848739) 50%, rgba(60,169,95,1) 50%);
}
  
.inside .landing h1 {
    font-size: 44px;
  line-height: 1.2;
}

.inside .bigbreak .item {
margin-left:0; 
  margin-top:10px;
  padding-left:0;
}
 
  .inside .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 95%;
  }
 
  .inside h2.resp-accordion:first-child, .inside h2.resp-accordion, .inside .resp-vtabs .resp-tab-content{
   border:none; 
    padding-left:0!important;
  }
  
.inside #insidecontent #content #copy {
padding-left:0;
padding-top:0;
border:none;
}
  
.inside .special #toparea p {
    font-size: 17px;
    margin-top: 75px;
}

.inside .bigbreak h1 {
    font-size: 64px;
}


/* ABOUT US */
  
.inside.about .landing #blurb p {
    font-size: 19px;
    padding: 30px 15px 20px 15px;
}  
  
.inside.about .landing #campusesage div {
    padding: 10px 0 0 0;
}  
  
.inside.about .landing #campusesage .name {
    position: relative;
    height: auto;
    padding-bottom: 0px;
    text-align: left;
}  
  
 .inside.about .landing #campusesage .name.fix h4 {
    padding-left: 0px;
   position:relative;
   top:0;
} 
  
.inside.about .landing #campusesage .country::after {
  left:0!important;
}
  
.inside.about .landing #campusesage .date {
    padding-top: 0px;
  padding-bottom:50px;
  font-size:34px;
} 
  

  
/* ADMISSIONS */
  
.inside.admissions .landing #startjourney {
  background-position: left top;
}  
  
.inside.admissions #ranking .box-center {
  text-align:left;
  padding-left:0!important;
}
 
  .inside.admissions .landing #globalonline {
     background-position: right top;
  }
  
 
/* MEDIA CENTRE */
  
.inside.mediacentre #mainfeature {
  margin-bottom:20px; 
}

 .inside.mediacentre #mainfeature .column12 {
   margin-bottom:0px;
  }
  
.inside.mediacentre #mainfeature .slideroverlay {
  display:none;
}
  
.inside.mediacentre #mainfeature .featurepic img{
  
}  
  
.inside.mediacentre #mainfeature .featuretext {
  margin-bottom:0;
  top:0px;
  position:relative;
}
  
.inside.mediacentre #mainfeature .featuretext a {
    color: #115A40!important;
  }
  
.inside.mediacentre #mainfeature .featuretext h2 {
  font-size:24px;
}
  
.inside.mediacentre #mainfeature .featuretext p {
  display:none;
}  
  
.inside.mediacentre #mainfeature .featuretext a.btn-ghost {
  font-size:15px!important;
  padding:4px 20px;
  border-color: #115A40!important;
}  
  
.inside.mediacentre #featuresarea .itemsbycampus {
   padding-left:0!important; 
  }
  
.inside.mediacentre #onuwitv {
  margin-top:0!important; 
  margin-bottom: 20px !important;
}
  
.inside.mediacentre #uwitvpromo {
  margin-top:0!important; 
  padding-left:0!important; 
}
  
.inside.mediacentre #covidalert {
  background-position:right top;
}
  
.inside.mediacentre #publicationsarea {
 margin-top:0!important; 
}
  
  
  
 /* Global Partnerships */
     
.inside.globalsystem .special #globalonline { 
   background-position: left top;
}



  
}