/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*****************

Accommodation Summit CSS

*****************/

body {
    background: url(gfx/background.png) repeat-x 0 0;
}
header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#wrapper {
    background: url(gfx/banner.jpg) no-repeat center 0;
}
/*#wrapper:before {
	background: url(gfx/tessellations.png) 0 0 no-repeat;
	content: '';
	width: 100%;
	height: 400px;
	display: block;
	top: 427px;
	left: 0;
	position: absolute;
	z-index: 0;
}*/
#title h1,
#title h1.notopimage {
  background: url(gfx/title-2019.png) 26px 124px no-repeat;
  color: #1f4a8c;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin-bottom: 21px;
  max-width: 650px;
  opacity: 1;
  padding: 420px 0px 0px 23px;
  position: static;
  text-rendering: optimizeLegibility;
}
.titleinner {
    padding-bottom: 0px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#contentwrapper {
    position: relative;
    z-index: 1;
}
#content h2 {
  border-bottom: none;
  color: #1f4a8c;
  font-size: 35px;
  font-family: 'Amsi pro Condlight', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.15;
  margin: 0 0 21px 0;
  padding-bottom: 0px;
}
#content div + h2,
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content button + h2,
#content form + h2,
#content blockquote + h2 {
  border-top: 5px dotted #dddddd;
  margin-top: 49px;
  padding-top: 42px;
}
#content h3 {
  color: #1f4a8c;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 14px;
  margin-top: 28px;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table tr th,
#content table tr td,
#content table tr td p,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#right p,
#right li,
#right dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
#content th,
#content td,
#right p,
#right li {
    font-size: 13px;
}
#content ul,
#content ol {
  margin-left: 14px;
}
#content ul li,
#content ol li {
  margin-bottom: 7px;
}
#content p.fullwidthimage {
  border-bottom: 5px dotted #dddddd;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  padding: 0 0 14px 0;
}
#content th {
  font-size: 13px;
}
#content img,
#content p img {
    border: 0;
  max-width: 100%;
    padding: 0;
}
#content hr {
  border-top: 5px dotted #dddddd;
}
#content dt,
#content dd {
    box-sizing: border-box;
}
#content dt {
    padding-top: 17px;
    width: 35%;
}
#content dd {
    width: 65%;
    padding-top: 14px;
    padding-left: 5%;
}
#content hr {
    border-top: 1px solid #dddddd;
    clear: both;
    margin-bottom: 28px;
    display: block;
}
#content ul.pagesubnav {
	background: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 14px 14px 7px 28px;
}
#content ul.pagesubnav li {
	margin-bottom: 7px;
  list-style-position: outside;
	list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
#content ul.pagesubnav li a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
iframe {
    width: 100%;
    height: 400px;
}
#right {
    background: none;
}
#content ul.pagesubnav {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 14px 14px 7px 14px;
}
#content ul.pagesubnav li {
  margin-bottom: 7px;
  margin-left: 16px;
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
#content ul.pagesubnav li a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
#content p + ul.pagesubnav {
  margin-top: 35px;
}
.OTAGO651272 #right {
    background: none;
    padding-left: 0;
}
#right h2 {
    margin-bottom: 14px;
}
#content .content-button a {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
}

.OTAGO670476 .grid-container {
    margin-top: 35px;
}

/* Residential Colleges */

.OTAGO000801 #title h1 {
    max-width: 100%;
}
.OTAGO000801 #content #box2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.OTAGO000801 #content #box4 {
    width: 100%;
}
.OTAGO000801 #content .grid-third {
    margin-bottom: 46px;
}
.OTAGO000801 #content .grid-third:nth-of-type(3n) {
    margin-right: 0;
}
.OTAGO000801 #content p.fullwidthimage {
	margin-bottom: 35px;
	line-height: 1;
}
.OTAGO000801 #content .grid-third h3 {
	font-size: 17px;
    color: #888888;
}
.OTAGO000801 #content .grid-third h3 a {
	font-size: 23px;
}
.OTAGO000801 #content .facts-about-college {
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	margin-bottom: 35px;
}
.OTAGO000801 #content .facts-about-college li {
	float: left;
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	list-style-type: none;
	color: #777777;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	padding: 21px 14px 21px 63px;
}
.OTAGO000801 #content .facts-about-college span.smalltag {
	color: #999999;
	font-weight: 400;
	font-style: normal;
}
.OTAGO000801 #content .facts-about-college .time-to-campus {
	background: url(/_assets/OtagoCorporate/gfx/future-students/distance-icon.svg) no-repeat 0 center;
	background-size: 45px;
	margin-left: 4%;
}
.OTAGO000801 #content .facts-about-college .number-of-beds {
	background: url(/_assets/OtagoCorporate/gfx/future-students/bed-icon.svg) no-repeat 0 center;
	background-size: 45px;
	width: 20%;
}
.OTAGO000801 #content .facts-about-college .college-tutorials {
	background: url(/_assets/OtagoCorporate/gfx/future-students/tutorials-icon.svg) no-repeat 0 center;
	background-size: 45px;
}
.OTAGO000801 #content .facts-about-college .college-fees {
	background: url(/_assets/OtagoCorporate/gfx/future-students/fees-icon.svg) no-repeat 0 center;
	background-size: 45px;
}
.OTAGO000801 #content .grid-third ul {
	margin-left: 14px;
	background: #f5f5f5;
	overflow: hidden;
	margin: 0;
	padding-bottom: 7px;
}
.OTAGO000801 #content .grid-third ul li {
	float: left;
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
	list-style-type: none;
	text-align: center;
	padding-top: 42px;
	font-size: 13px;
	color: #777777;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.OTAGO000801 #content .grid-third .time-to-campus {
	background: url(/_assets/OtagoCorporate/gfx/future-students/distance-icon.svg) no-repeat center 14px;
	background-size: 26px;
}
.OTAGO000801 #content .grid-third .bed-numbers {
	background: url(/_assets/OtagoCorporate/gfx/future-students/bed-icon.svg) no-repeat center 14px;
	background-size: 26px;
}
.OTAGO000801 #content .grid-third .college-cost {
	background: url(/_assets/OtagoCorporate/gfx/future-students/fees-icon.svg) no-repeat center 14px;
	background-size: 26px;
}
.OTAGO000801 #content .grid-third {
	background: #f5f5f5;
}
.OTAGO000801 #content .grid-third p:nth-of-type(1) {
	margin-bottom: 0;
	line-height: 1;
}
.OTAGO000801 #content .grid-third p img {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}
.OTAGO000801 #content .grid-third h3 {
	background: #ffffff;
	margin: 0;
	padding: 14px
}

/* Additional fees */

#content p.fees-total {
    border: 1px solid #dddddd;
    margin-bottom: 21px;
    padding: 0px 0px 0px 14px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
}
.fees-total span.fees-plus {
    color: #f9c000;
    margin: 0 7px;
    padding: 4px 7px;
    display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 100%;
    background: #f9f9f9;
    line-height: 1;
}
#content .fees-total em {
    color: #999999;
    font-style: normal;
    font-weight: 400;
}
#content .fees-grandtotal {
    background: #f5f5f5;
    padding: 7px 14px;
    border-left: 1px solid #dddddd;
    display: inline-block;
    font-weight: 400;
    color: #f9c000;
}
#content .fees-grandtotal strong {
    color: #333333;
}

/* Table */

.OTAGO000801 #content table {
	margin-bottom: 70px;
    width: 100%;
}
.OTAGO000801 #content th {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    hyphens: auto;
    vertical-align: bottom;
    text-align: left;
    height: 100px;
    hyphens: auto;
    padding: 0 0 14px 2px;
    font-size: 9px;
    background: none;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #f9c000;
}
.OTAGO000801 #content th span {
    margin: 0;
    padding: 0;
    writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl;
    vertical-align: top;
}
.OTAGO000801 #content td {
    width: 5%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    vertical-align: middle;
}
.OTAGO000801 #content td:nth-of-type(1) {
    background: #f5f5f5;
    width: 8%;
    padding-right: 1.5%;
    height: 35px;
    text-align: right;
}
.OTAGO000801 #content table.ra-applications td,
.OTAGO000801 #content table:not(:nth-of-type(1)) td:nth-of-type(1),
.OTAGO000801 #content table:not(:nth-of-type(1)) td:nth-of-type(2) {
    background: none;
    font-size: 14px;
    width: auto;
    padding: 14px 14px 14px 0;
    height: auto;
    text-align: left;
    vertical-align: top;
}
.OTAGO000801 #content table:nth-of-type(2) td:nth-of-type(2) {
    width: auto;
    font-size: 14px;
    padding-right: 1.5%;
    text-align: left;
}
.OTAGO000801 #content .tick {
    background: url(http://www.otago.ac.nz/_assets/_gfx/tick-green-nocircle.svg) 5px center no-repeat;
	  background-size: 20px;
}
.OTAGO000801 #content .cross {
	  background: url(http://www.otago.ac.nz/_assets/_gfx/nocircle-red-cross.svg) 5px center no-repeat;
	  background-size: 20px;
}
.OTAGO000801 #content .tick span,
.OTAGO000801 #content .cross span {
	  display: inline-block;
    text-indent: -9999px;
}
.OTAGO000801 #content h2 span.smalltag {
	  font-size: 24px;
	  font-style: normal;
	  color: #999999;
}
.OTAGO000801 #content span.smalltag {
	  font-size: 9px;
}
.OTAGO000801 #right {
    margin-left: 223px;
    box-sizing: border-box;
    width: 100%;
    max-width: 882px;
    padding-left: 14px;
    background: #f5f5f5;
}
.OTAGO000801 #right .relatedinfo h2 {
    background-image: none;
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 21px;
    margin-bottom: 14px;
}

/* Residential college application */

.residential-college-application div:not(:nth-of-type(6)) {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 21px 21px 21px 35px;
    margin-bottom: 35px;
    position: relative;
    border-radius: 3px;
    background: #f9f9f9;
}
.residential-college-application div:nth-of-type(5) {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 35px;
}
.residential-college-application div.step-one {
    border-left: 5px solid #c7d4ea;
}
.residential-college-application div.step-one:before,
.residential-college-application div.step-two:before,
.residential-college-application div.step-three:before,
.residential-college-application div.step-four:before,
.residential-college-application div.step-five:before,
.residential-college-application .accommodation-tips:before{
    position: absolute;
    width: 48px;
    height: 48px;
    display: block;
    left: -27px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #aaaaaa;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 8px;
}
.residential-college-application div.step-one:before {
    content: '1';
    border: 5px solid #c7d4ea;
}
.residential-college-application div.step-one:after,
.residential-college-application div.step-two:after,
.residential-college-application div.step-three:after,
.residential-college-application div.step-four:after {
    background: url(/_assets/_gfx/grey-arrow-down.svg) no-repeat center 0;
    background-size: 30px;
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    left: -53px;
    bottom: -110px;
}
.residential-college-application div.step-two {
    border-left: 5px solid #fcebc2;
}
.residential-college-application div.step-two:before {
    content: '2';
    border: 5px solid #fcebc2;
}
.residential-college-application div.step-three {
    border-left: 5px solid #caeded;
}
.residential-college-application div.step-three:before {
    content: '3';
    border: 5px solid #caeded;
}
.residential-college-application div.step-four {
    border-left: 5px solid #e7dcf4;
}
.residential-college-application div.step-four:before {
    content: '4';
    border: 5px solid #e7dcf4;
}
.residential-college-application div.step-five {
    border-left: 5px solid #C4E28F;
}
.residential-college-application div.step-five:before {
    content: '5';
    border: 5px solid #C4E28F;
}
#content .accommodation-tips {
    border: 1px solid #dddddd;
    border-left: 5px solid #dddddd;
    padding: 14px 14px 14px 35px;
    border-radius: 3px;
    margin-bottom: 35px;
    position: relative;
}
#content .accommodation-tips:before {
    border: 5px solid #dddddd;
    content: 'i';
    color: #f9c000;
}
#content .accommodation-tips h2 {
    margin-bottom: 7px;
}
#content .accommodation-tips ul {
    margin-left: 7px;
}
#content .accommodation-tips li {
    margin-bottom: 14px;
    font-size: 13px;
    color: #666666;
}
.OTAGO647921 #content h3 img {
    max-width: 114px;
    margin-bottom: 21px;
}
.OTAGO647921 #content .smalltag {
    font-style: normal;
    color: #888888;
    font-size: 15px;
}

.n12945 #content,
.n12946 #content,
.n12947 #content,
.n12948 #content,
.n12949 #content,
.n12950 #content,
.n12951 #content,
.n12952 #content,
.n12953 #content,
.n12954 #content,
.n12955 #content,
.n12956 #content,
.n12957 #content,
.n12958 #content {
    box-sizing: border-box;
    width: 100%;
}
#content > p.fullwidthimage.nocaption {
  line-height: 0.7;
  margin-bottom: 0;
}
#content > p.fullwidthimage.nocaption img {
  border: 0;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.OTAGO000801 #content .grid-third h3 {
  font-size: 17px;
  color: #888888;
}
.OTAGO000801 #content .grid-third h3 a {
  font-size: 23px;
}
#content .facts-about-college {
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  margin-bottom: 35px;
}
#content .facts-about-college li {
  float: left;
  display: inline-block;
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  color: #777777;
  font-family: "Amsi pro condbold", "Open sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  padding: 21px 14px 21px 63px;
}
body.OTAGO829934 #content .facts-about-college li:nth-of-type(4) {
/*   width: 36%; */
  line-height: 1.1;
    padding-top: 5px;
}
body.OTAGO829934 #content .fees-total em:nth-of-type(3) {
    color: #999999;
    font-size: 13px;
}
#content .facts-about-college span.smalltag {
  color: #999999;
  font-weight: 400;
  font-style: normal;
}
#content .facts-about-college .time-to-campus {
  background: url(/_assets/OtagoCorporate/gfx/future-students/distance-icon.svg) no-repeat 0 center;
  background-size: 40px;
  margin-left: 4%;
}
#content .facts-about-college .number-of-beds {
  background: url(/_assets/OtagoCorporate/gfx/future-students/bed-icon.svg) no-repeat 0 center;
  background-size: 40px;
  width: 20%;
}
#content .facts-about-college .college-tutorials {
  background: url(/_assets/OtagoCorporate/gfx/future-students/tutorials-icon.svg) no-repeat 0 center;
  background-size: 40px;
}
#content .facts-about-college .college-fees {
  background: url(/_assets/OtagoCorporate/gfx/future-students/fees-icon.svg) no-repeat 0 center;
  background-size: 40px;
}
/* Additional fees */

#content p.fees-total {
  border: 1px solid #cccccc;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700;
  margin-bottom: 21px;
  padding: 0px 0px 0px 0;
  overflow: auto;
  width: 100%;
}
.fees-total span.fees-plus {
  background: #f9f9f9;
  border: 1px solid #cccccc;
  border-radius: 100%;
  color: #f9c000;
  display: inline-block;
  height: 16px;
  line-height: 1;
  margin: 0 7px;
  padding: 4px 7px;
}
#content .fees-total em {
  color: #999999;
  font-style: normal;
  font-weight: 400;
}
#content .sub-total {
  box-sizing: border-box;
  padding: 0 21px;
  width: 70%;
}
#content .fees-grandtotal {
  background: #f5f5f5;
  border-left: 1px solid #dddddd;
  border-radius: 0 6px 6px 0;
  box-sizing: border-box;
  color: #f9c000;
  display: inline-block;
  float: right;
  font-weight: 400;
  letter-spacing: 0.15em;
  padding: 14px 14px; 
  text-align: right;
  text-transform: uppercase;
  width: 30%
}
#content .fees-grandtotal strong {
  color: #333333;
  display: block;
  font-family: "Amsi pro condbold", "Open sans", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}


/* Rental accommodation */

.rental-accommodation #content .breadcrumbs {
  display: none;
}
.rental-accommodation #content table {
  margin-bottom: 0;
}
.rental-accommodation #content table h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
}
#content h1 {
  display: none;
}
#content .accommodationtable h3 + ul {
  list-style-type: none;
  margin-left: 0;
}
#content .accommodationtable h3 + ul + p {
}
#content .accommodationtable h3 + ul + p strong span {
  color: #999999;
  letter-spacing: 0.1em;
  font-weight: 300;
  font-size: 15px !important;
}
#content .accommodationtable iframe {
  height: 28px !important;
}
.OTAGO670476 #content .grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.OTAGO670476 #content .grid-container .grid-third:nth-of-type(3n) {
  margin-right: 0;
}

/* Accommodation Gallery */


#content .gallery-container {
    display: flex;
    flex-wrap: wrap;
  margin-top: 50px;
}
#content h2 + .gallery-container {
    margin-top: 30px;
}
#content .gallery-container a {
    border-bottom: 0;
    display: block;
    line-height: 0.6;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 33.333%;
}
#content .gallery-container a img {
    box-sizing: border-box;
    outline: 10px solid #ebebeb;
    transition: all 0.3s ease;
    width: 100%;
  border-radius: 1px;
}
#content .gallery-container a:before {
    background: rgba(255,255,255,0.0);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease;
}
#content .gallery-container a:hover:before {
    background: rgba(255,255,255,0.3);
    mix-blend-mode: screen;
}
#content .gallery-container a.double-image {
    width: 66.666%;
}
#content .gallery-container a.triple-image  {
    width: 100%;
}



/*  FRONTPAGE  */

body.frontpage {
    background: url(gfx/background-frontpage.png) repeat-x 0 0;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) no-repeat center 0;
}
body.frontpage #wrapper:before {
	top: 601px;
}
body.frontpage #title h1.notopimage,
.OTAGO651272 #title h1.notopimage {
    max-width: 882px;
}
body.frontpage #title h1 {
    padding: 600px 0px 0 23px;
    font-size: 50px;
    line-height: 1.15;
    background-position: 22px 200px;
}
#content.otgx {
    max-width: 882px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: auto;
}
body.frontpage #content h2 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 28px;
}
#content .grid-third {
    width: 29.8%;
    margin-right: 5.3%;
    margin-bottom: 46px;
    box-shadow: 0 0 10px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}
#content .grid-third:hover {
    box-shadow: 0 0 3px #e4e4e4;
    border: 1px solid #cccccc;
    transition: all 0.3s ease-out;
}
#content .grid-third a {
    border-bottom: none;
}
#content .grid-third h3,
#content .grid-third p {
    padding: 0 14px;
}
#content .grid-third p {
    font-size: 13px;
    line-height: 1.5;
    color: #666666;
}
#content .grid-third h3 {
    margin-bottom: 14px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3;
    margin-top: 0;
}
#content .grid-third h3:before {
    background: #f9c000;
    content: '';
	display: block;
	height: 3px;
    margin-bottom: 7px;
	margin-top: 7px;
    width: 40px;
}
#content .grid-third h3 a {
    display: block;
}
#content .grid-third p:first-of-type {
    padding: 0;
}
#content .grid-third img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
}
body.frontpage #content .grid-third:nth-of-type(3n+1) {
    margin-right: 0;
}
body.frontpage #content .apply-button a {
    background: #416ebf;
    border-radius: 16px;
    color: #ffffff;
    display: inline-block;
    padding: 3px 14px;
    transition: all 0.3s ease-out;
}
body.frontpage #content .apply-button a:hover {
    background: #003399;
}
body.frontpage #right {
    background: none;
    padding-left: 0;
}


/***** REMOVE BUTTON STYLING ON Google MAP *****/
#content #pano button {
    width: 20px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}



/*-----------------------------------------------

Media Queries */

@media (-webkit-min-device-pixel-ratio: 2),
       (min--moz-device-pixel-ratio: 2),
       (min-resolution: 2dppx),
       (min-resolution: 192dpi) {
           #title h1,
           #title h1.notopimage {
                background-image: url(gfx/title-2019@2x.png);
                background-size: 375px;
            }
}


/*-----------------------------------------------

Breakpoint media query: 701-1160px */

@media only screen and (min-width: 701px) and (max-width: 1160px) {
    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    #contentwrapper,
	.topnavinner,
    footer.wrapper,
    div.footer_wrapper { max-width: 1114px;	}
	ul#breadcrumbs {
		width: 100%;
		max-width: 70%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 232px;
		box-sizing: border-box;
	}
    #contentwrapper {
        margin: 0;
        padding: 0;
        width: 98%;
    }
	#globalsearch {
		max-width: 232px;
		width: 100%;
	}
	div#nav_holder {
		max-width: 100%;
		width: 100%;
	}
	.titleinner {
		max-width: 100%;
		padding-left: 232px;
        box-sizing: border-box;
	}
	div#nav_wrapper { left: 23px; }
	#content {
		width: 100%;
        padding: 12px 0px 46px 252px;
		box-sizing: border-box;
	}
	#right {
		box-sizing: border-box;
		max-width: 100%;
		padding-left: 253px;
		margin-left: 0;
	}
	body.frontpage #content,
    #content.otgx { max-width: 100%; }
    body.frontpage #wrapper {
    }
    body.frontpage #title h1.notopimage {
        max-width: 94%;
    }
    body.frontpage #content.otgx {
        max-width: 100%;
    }
    body.OTAGO000801 #right {
        margin-left: 252px;
        box-sizing: border-box;
        width: 70%;
        max-width: 100%;
    }
}



/* Tablet styles */

@media only screen  and (max-width: 1024px) {
    .OTAGO000801 #content .facts-about-college .time-to-campus,
    .OTAGO000801 #content .facts-about-college .number-of-beds,
    .OTAGO000801 #content .facts-about-college .college-tutorials,
    .OTAGO000801 #content .facts-about-college .college-fees {
        margin-left: 1%;
        padding-left: 0;
        padding-top: 55px;
        background-size: 35px;
        background-position: left 14px;
        font-size: 14px;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body,
    body.frontpage {
        background: none;
    }
    #features {
        width: 650px;
    }
    body.frontpage #wrapper {
        background-size: 1700px;
    }
    body.frontpage #wrapper:before {
	top: 466px;
    }
    body.frontpage #title h1.notopimage,
    .OTAGO651272 #title h1.notopimage {
        max-width: 882px;
    }
    body.frontpage #title h1 {
        padding: 460px 21px 21px 23px;
        font-size: 35px;
        background: url(gfx/title.png) 20px 130px no-repeat;
    }
    body.OTAGO000801 #box4 table {
        display: block;
        overflow-x: auto;
    }
}



@media only screen and (max-width: 768px) {
	.topnavinner {
        max-width: 98%;
    }
    #globalsearch form input.searchinput {
        width: 80%;
    }
    #wrapper {
        width: 100%;
    }
    #title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
    #right {
        border-top: none;
    }
    #right .relatedinfo,
    #right .rightwidget {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        padding-right: 14px;
    }
    #right .relatedinfo ul li {
        width: auto;
        float: none;
    }
    #right form,
    #right fieldset,
    #right .search {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
    }
    div#nav_holder {
    	max-width: 100%;
    	width: 100%;
	}
}


@media only screen and (min-width: 701px) and (max-width: 768px) {
    div#nav_holder { left: 0; }
    body.frontpage #wrapper { background-size: 1700px; }
    body.frontpage #wrapper:before { top: 466px; }
    body.frontpage #title h1 {
        padding: 460px 21px 21px 23px;
        font-size: 31px;
        background: url(gfx/title.png) 20px 130px no-repeat;
    }
     body.OTAGO000801 #box4 table {
        display: block;
        overflow-x: auto;
    }
    body.OTAGO000801 #right {
        width: 65%;
    }
}


/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    /*div#nav_holder { left: -45em; }*/
    nav#global_nav {
    	width: 80%;
    }
    #wrapper,
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) no-repeat -350px 20px;
        background-size: 1100px;
    }
    #wrapper:before,
    body.frontpage #wrapper:before {
    	top: 244px;
    }
    body.frontpage .titleinner,
    .titleinner {
        width: 100%;
    }
    #title h1,
    #title h1.notopimage,
    body.frontpage #title h1 {
        background-position: 20px 20px;
        background-size: 240px;
        font-size: 45px;
        line-height: 1.3;
        padding: 220px 4% 0 4%;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    #content.otgx {
        max-width: 97%;
    }
    #features .events {
        margin-left: 0px;
        padding: 0;
        width: 97%;
    }
    #features .events article {
        margin-right: 5%;
        width: 47.5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
    body.OTAGO000801 #right {
        margin-left: 0;
        width: 97%;
    }
    .OTAGO000801 #content .grid-third h3 a {
        font-size: 20px;
        line-height: 1.3;
    }
    #content .grid-third img {
        float: none;
    }
    #content .facts-about-college li {
    box-sizing: border-box;
    display: block;
    margin-left: 0;
    padding-left: 0;
    padding-top: 70px;
  }
    #content {
        max-width: 97%;
    }
  #content .facts-about-college .time-to-campus {
    margin-left: 0;
  }
  #content .facts-about-college .time-to-campus,
  #content .facts-about-college .college-tutorials,
  #content .facts-about-college .college-fees,
  #content .facts-about-college .number-of-beds {
    background-position: 0 21px;
    width: 25%;
  }
    #content .sub-total {
        width: 100%;
    }
    #content .fees-grandtotal {
        border: none;
        border-top: 1px solid #cccccc;
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }
}
#content .gallery-container {
    width: 97%;
} 
  #content .gallery-container a img {
    float: none;
    max-width: 100%;
    width: 100%;
}
#content .grid-container .grid-third h3 {
    font-size: 28px;
}



@media only screen and (max-width: 530px) {
    #title h1,
    #title h1.notopimage {
        font-size: 40px;
    }
    body.frontpage #title h1 {
        font-size: 28px;
    }
    #content h2 {
        font-size: 25px;
    }
}



@media only screen and (max-width: 480px) {
    #content .grid-third {
		width: 47.3%;
		margin-bottom: 14px;
	}
	.OTAGO000801 #content .grid-third:nth-of-type(3n) {
		margin-right: 5.3%;
	}
	.OTAGO000801 #content .grid-third:nth-of-type(2n) {
		margin-right: 0;
	}
}