/*
Theme Name: itc-template
Theme URI: http://dev.itc.lamp.wiredgroup.com
Description: ITC Template
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.1
*/
body {
	margin: 0;
	padding: 0;
}
#sitewidth {
	margin: auto;
	width: 1368px;
}
#sitebanner {height:100%;}
#banner_sect1, #banner_sect2, #banner_sect3, #banner_sect4, #banner_sect5 {	float:left;}
#banner_sect1 {	width:20%;}
#banner_sect2 {	width:40%;}
#banner_sect3 {	width:20%;}
#banner_sect4 {	width:20%;}
#mobileonlybanner {display:none;}
#sidenav {
	min-height: 600px;
	float: left;
	width: 254px;
}
.search-wrap {float:right; margin:0 0 10px 0; text-align:right; width:300px;}
.searchinput {margin:0 2px 0 0; width:160px;}
#content {margin:16px 0 0 50px;	min-height:600px; float:left;	width:1064px;}
#content ul, #content ol {margin:0 0 30px 0;}
#footer { background: url(/images/ITC-footer-BG.png) center 0 no-repeat #d3e9e5; margin-top:100px; padding-top:30px; width:100%; }
#footer_inner { width:1318px; margin:0 auto;}
.subfooter a { color:#8c9092;}


/* enrolment form styles */
#field_2_1 {margin-bottom:12px!important;}
#gform_fields_2 div, #gform_fields_2 input { margin-top:0;}
.gform_wrapper.gf_browser_chrome #gform_fields_2 select { padding:4px 0 4px 3px;}
#gform_fields_2 .gfield_radio label, #gform_fields_2 .gfield_checkbox label { margin-top:-12px;}
#field_2_10, #field_2_11, #field_2_12 { clear:none; float:left; width:calc(33.3% - 16px);}
#field_2_13 { clear:both; margin:0 0 20px 0; padding:20px 0 0 0;}

#field_2_53, #field_2_21, #field_2_24, #field_2_30, #field_2_32, #field_2_44 { padding-top:20px;}



#gform_3 input[type="radio"], #gform_3 input[type="checkbox"] { margin:0;}









/*==================Navigation===================*/
/* nav */
.nav { position: relative; margin: 0 0 10px 290px; float: left; width:670px; }
.nav ul { margin: 0; padding: 0; }
.nav li { background-color:#d11e14; border-radius:24px; font-family:'Bitter', Georgia, serif; font-size:15px; margin:0 0 10px 0; font-weight:700; margin:0 0 0 -2px; padding:0; list-style:none; display:inline-block; }
.nav li a { text-decoration:none; line-height:100%; border:0; display:inline-block; cursor:pointer; color:#ffffff; padding:14px 24px; text-decoration:none; text-transform:uppercase; margin:0; }
.nav li.current-menu-item {background: #b4170e; }
.nav ul ul {display:none; position:absolute;}
.nav li li { border-top:1px solid #e06660; border-radius:0; display:block; font-family:'Open Sans', Verdana, sans-serif; font-size:13px; font-weight:normal; line-height:100%; margin:0; min-width:200px; }
.nav li.menu-item-has-children:hover { border-radius:24px 24px 24px 0;}
.nav li.menu-item-has-children:hover > ul {display:block;}
.nav li li a {border-radius:0; display:block; padding: 14px; text-transform:none; }
.nav li li a:hover { border-radius:0;}
.nav li li:first-child {border-radius:0 16px 0 0}
.nav li li:last-child {border-radius:0 0 16px 16px}
.nav li:hover { background: #b4170e; }
.nav a:hover {color: #fff; text-decoration: none; }
.navbar-toggle {float:left; margin:0; width:80%;}
.navbar-toggle, .navbar-toggle ul {clear:both; display:none;}
.navbar-toggle:hover ul { display:block;}
.navbar-toggle ul, .navbar-toggle li {list-style:none; margin:0; padding:0;}
.navbar-toggle .menubtn {background:#d11e14; border-radius:24px; color:#fff; cursor:pointer; font-family:'Bitter', Georgia, serif; padding:14px 24px; width:50%;}
.navbar-toggle:hover > .menubtn {background:#b4170e; border-radius:24px 24px 0 0; }
.navbar-toggle .menubtnicon { float:left; margin:2px 0 0 0; width:30px}
.navbar-toggle .icon-bar {background:#fff; display:block; width:22px; height:2px; border-radius:1px; margin:3px 0;}
.navbar-toggle a {background:#d11e14; border-top:1px solid #e06660; color:#fff; display:block; font-size:16px; padding:8px 14px;}
.navbar-toggle li:first-child a {border-radius:0 12px 0 0;}
.navbar-toggle li:last-child a {border-radius:0;}
.navbar-toggle li li:first-child a {border-radius:0;}
.navbar-toggle li li:last-child a {border-radius:0;}
.navbar-toggle li li a {font-size:14px; padding:5px 6px 5px 30px;}
.navbar-toggle a:hover {background:#b4170e; color:#fff;}
.navbar-toggle #menu-mobile li:first-child a {border-radius:0;}
.toggle-menu ul.sub-nav {margin:-8px 0 0 0; padding:0 24px 0 0;}
.sidebar-title {font-family:'Bitter', Georgia, serif; font-size:18px; line-height:20px; list-style:outside none none; margin:16px 0 6px 0; padding:0; text-align:right; text-transform:uppercase; } 
.toggle-style {padding:0; margin-left:-20px; text-align:right;}
.toggle-style li {font-size:14px; line-height:16px; list-style:none; margin:0 0 0 20px; padding:4px 0 9px 0; width:230px }
.sidebar-title a:first-child {float:right; display:block; height:15px; margin:-2px -23px 0 0 ; width:15px;}
 
.sidemenuextralink { border-top:1px dashed #ccc; font-family: 'Bitter', Georgia, serif; padding:5px 25px 0 0;}

.col3 {	float: left; margin: 0 1% 0 1%; padding-bottom:20px; width: 32%;}
.col3:first-child {margin-left: 0;}
.col3:last-child {margin-right: 0;}
.col2o3first {float: left; margin: 0 1% 20px 0; width: 66%;}
.col2o3last {float: left; margin: 0 0 20px 1%; width: 66%; }
.col3first {float: left; margin: 0 1% 20px 0; width: 32%;}
.col3last {float: left; margin: 0 0 20px 1%; width: 32%;}
.col2o3first h1 {padding-right:40px;}
.col2o3first h4 a { display:block; padding-right:45px}
.col2 {float: left; margin: 0 1% 20px 1%; width: 49%;}
.col2:first-child {margin-left: 0;}
.col2:last-child {margin-right: 0;}
.col321 {float:left; margin:0 1% 0 1%; width:32%;}
.col321:first-child {margin-left:0;}
.col321:last-child {margin-right:0;}
.col60 {float:left; width:57%;}
.col40 {float:left; width:40%;}
.col60, .col40 {margin:0 1.5%;}

.col-main {}
.col-event { float:right; margin:0 0 20px 20px; width:40%; }
.col-event .textframe01.padmod { padding:20px 0;}

.firstcol {margin-left:0;}
.lastcol {margin-right:0;}
.definedrow { border-top:1px dashed #d3e9e5; clear:both; padding:20px 0 0 0; width:100%;}
.coursebrief { border-bottom:1px dashed #d3e9e5; margin:0 0 30px 0;}
.coursedetails { margin:16px 16px -30px 16px; }
.coursedetail {float:left; margin:6px 0 20px 9px; width:65%; }
.squaregreybox .col2 { margin:0 3%; width:44%;}
.squaregreybox .col3 {
	float: left;
	margin: 0 2% 20px 2%;
	width: 30.00216%;
}
.squaregreybox .col3:first-child {
	margin-left: 0;
}
.squaregreybox .col3:last-child {
	margin-right: 0;
}
#mobileenquirelink { display:none;}
.awardlogos1, .awardlogos2 {float:left;}
.awardlogos1 {width:48%;}
.awardlogos2 {margin:-15px 0 30px 5% ; width:42%;}
.video-container {position:relative; padding-bottom:56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.vidborder { border:8px solid #fff; margin:22px 26px;}
.video-container2 {position:relative; height:auto; overflow:hidden;}
.video-container2 iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.clearfloats { clear: both;}
img {width: 100%; height: auto;}
/*img.size-medium, img.size-full, img.size-thumbnail {width:auto;}*/
img.alignright {float: right; margin: 0 0 20px 20px;}
img.alignleft {float: left; margin: 0 20px 20px 0;}
img.aligncenter {float: none; margin: 0 auto;}
.rightAlign {
	float:right;
	display:block;
}
#sitemap h6  {font-size:15px; text-transform: uppercase;}
.hidden_sml {
	visibility:visible;
}
.triangle-isosceles {
  position:relative;
  padding:24px 35px;
  margin:25px 0 35px 40px;
  background:#d3e9e5;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.triangle-isosceles:after {
content: "";
position: absolute;
border-style: solid;
border-color: #d3e9e5 transparent;
display: block;
width: 0;
}
.triangle-isosceles.top:after {
  top:-15px; /* value = - border-top-width - border-bottom-width */
  left:75px;
  bottom:auto;
  right:auto;
  border-width:0 20px 15px 0; /* vary these values to change the angle of the vertex */
  border-color:#d3e9e5 transparent;
}
.profilepic { float:left; margin:0 24px 0 0; max-width:288px;}
.profileinfo {float:left; margin:-24px 0 0 0; width:670px;}
.profileinfo h4 {margin:0 0 10px 0;}
.contactinfobox {height:116px; margin:0 0 20px 0;}
.contactdetail { padding:8px 0 0 0; width:100%; }
a.bigbtn { border-radius:34px; font-size:24px; line-height:24px; padding:16px 32px 18px 32px; }
.rightphoto {float:right; margin-left:2%; width:40%;}
.leftphoto {float:left; margin-right:2%; width:40%;}
.rightphoto img, .leftphoto img {border:8px solid #fff; box-shadow:1px 1px 6px #ccc;}
.fontbitter { font-family: 'Bitter', Georgia, serif; }
.prospectuslink {float:left; font-size:18px; line-height:19px; margin:30px 0 0 5px; padding:0px 0 10px 0; width:85% }
.uppercase { text-transform:uppercase;}
.wpcf7-submit {	background-color:#d11e14; border-radius:34px; border:4px solid #fff; display:inline-block; cursor:pointer; color:#ffffff; font-family:'Bitter', Georgia; font-size:24px; line-height:24px; padding:16px 32px 18px 32px; text-decoration:none; text-transform:uppercase; font-weight:700; margin-top: 0.8000em; margin-bottom:0.0000em; width:40% }
div.wpcf7 img.ajax-loader {width:20px;}
#requiredmessage {font-family:'Open Sans', Verdana, sans-serif; font-size:14px; margin: -35px 0 0 0;}
.addressfield {height:60px;}
.messagefield {height:120px;}
  
.mapbtn {background: url(/images/map-btn-icon.png) no-repeat 0 0; background-size: 100% auto; height:200px; margin:auto; width:100%; max-width:240px;}
.mapbtn:hover {background-position:0 -214px;}
.imgcapwrap {width:75%}
.minorlabel {font-size:14px; font-family: 'Open Sans', Verdana, sans-serif; float:left; text-align:right; padding:12px 4px 0 0; width:60px;}
#footlogo { margin:10px 10px 30px 0;}
#footinfo {margin:0}
.footinfoblock { float:left; width:100%;}
.footinfoblock p {font-size:13px;}
#footcontent {float:left; padding:0 2% 0 0; width:28%;}
#sitemap { float:left; width:70%; margin:0; padding:8px 0 0 0; font-size:12px; line-height:20px;}
.row {clear:both;}
#sitemap .one, #sitemap .two {float:left; margin:0 0 0 1%;}
#sitemap .one { width:24%;}
#sitemap .two { width:49%;}
#sitemap ul {padding:0 0 30px 0; }
#sitemap li {font-size:13px; list-style:none; }
.subfooter {background:url(/images/ITC-subfooter-bg.png); clear:both; font-size:13px; margin:40px 0 0 0; padding:18px 0; text-align:center; width:100%;}

.fontsize-plus p { font-size:1.3em; }




/*==================Enrolment form===================*/
#gform_fields_3 h3 { margin-top:0;}
#gform_fields_3 label.gfield_label, #gform_fields_3 legend.gfield_label { font-size:18px; font-family: 'Bitter', Helvetica, Arial, sans-serif; margin-bottom:2px;}
#gform_fields_3 label { font-size:14px; font-family: 'Open Sans', Verdana, sans-serif; font-weight:normal; padding-top:2px;}

#gform_fields_3 .gfield { font-size:14px; font-family: 'Open Sans', Verdana, sans-serif; }



@media only screen and (max-width: 1390px) {
#sitewidth {
	margin: auto;
	width: 1054px;
}
#content {
	margin-left: 30px;
	width: 770px;
}
#footer_inner {
	width:1024px;
}
.hidden_sml {
	visibility:visible;
}
.nav {margin-left:0; width:670px;}
.col321 {margin:-10px 1% 0 0; width:49%;}
.col321:first-child { margin-left:0; padding-bottom:30px; width:100%;}
.col321:last-child { margin:-10px 0 0 2%; width:48%;}
.profileinfo {width:380px;}
.coursedetail {width:90%; }
}
@media only screen and (max-width: 1090px) {
#sitewidth { margin:auto; padding:0 2%; width:96%;}
#banner_sect1 {	width:25%;}
#banner_sect2 {	width:50%;}
#banner_sect3 { display:none;}
#banner_sect4 {	width:25%;}
.search-wrap {width:220px;}
.searchinput {margin:0 2px 0 0; width:100px;}
  
#field_2_10, #field_2_11, #field_2_12 { clear:both; float:none; width:calc(100% - 16px);}
	
	
#content { margin-left:20px; width: calc(100% - 300px);}
.imgcapwrap {width:100%}
.col3 {	float:none; margin: 0 0 40px 0; width: 100%;}
  
.col2 {float: none; margin: 0 0 20px 0; width: 100%;}
.col2o3first {float: none; margin: 0 1% 20px 0; width: 100%;}
.col2o3last {float: none; margin: 0 0 20px 1%; width: 100%; }
.col3first {float: none; margin: 0 1% 20px 0; width: 100%;}
.col3last {float: none; margin: 0 0 20px 1%; width: 100%;}
	
@media (max-width: 1090px) {
.col3last {display:none;}
}
.col321 {margin:0; width:100%;}
.col321:first-child {margin:0; }
.col321:last-child {margin:0; width:100%;}
.col60 {float:none; margin:0; width:100%;}
.col40 {float:none; margin:0; width:100%;}
.col3_2 {float:left; margin:0 5%; width:45%; }
.squaregreybox .col2 { margin:0 0 20px 0; width: 100%;}
.squaregreybox .col2:first-child  {margin-left: 0;}
.squaregreybox .col2:flast-child  {margin-right: 0;}
.squaregreybox .col3 { float: none; margin: 0 0 20px 0; width: 100%;}
#footer_inner {width:100%;}
.hidden_sml {visibility:visible;}
.nav { width:530px;}
.nav li a {font-size:13px; padding:10px 16px; }
.triangle-isosceles { margin-left:0;}
.wpcf7-submit {width:70%;}
.profilepic {float:none;}
.profileinfo {float:none; margin:0; width:100%;}
.coursedetail {width:60%; }
  
.definedrow { padding:40px 0;}
.mapbtn { height:170px;}
.mapbtn:hover {background-position:0 -214px;}
#footcontent {padding:0 2%; width:26%;}
#sitemap { width:70%; margin:0; padding:8px 0 0 0;}
}

@media only screen and (max-width: 820px) {
#sitewidth { margin: 0 3%; width: 94%; }
#mobileenquirelink { width:200px; display:block; }
#mobileenquirelink .button { border-radius:24px; padding-left:10px; text-transform:none; }
  
.search-wrap { border-top:1px dashed #d3e9e5; margin-top:10px; padding-top:10px; text-align:left; width:100%;}
.searchinput {margin:0 2px 0 0; width:60%;}
  
#content { margin:10px 0 0 0; width: 100%; }
#sidenav .enquirenowlink, #sidenav .sutd-blog, #sidenav .greybox { display: none;}
	
#sidenav { min-height:0; float:none; width:100%;}
.sidebar-title, .toggle-style { text-align:left;}
	
.toggle-style li { padding:4px 0;}
	
	
	
#footer_inner {	width:100%;}
.hidden_sml {
	visibility:hidden;
	display:none;
}
.footer_30 {
	width: 100%;
	margin:0 auto;
	padding:40px;
}
.nav { display:none;}
.navbar-toggle {display:block;}
.search { float:right; margin:3px 0 0 0; }
.searchinput { width:55%;}
/*.col2o3first {float: left; margin: 0 1% 20px 0; width: 66%;}
.col2o3last {float: left; margin: 0 0 20px 1%; width: 66%; }
.col3first {float: left; margin: 0 1% 20px 0; width: 32%;}
.col3last {float: left; margin: 0 0 20px 1%; width: 32%;}*/
.col321 {margin:0; width:48%;}
.col321:first-child {margin:0; width:100%;}
.col321:last-child {margin:0 0 0 2%; width:48%; }
.squaregreybox .col2 { float:left; margin: -16px 0 0 0; width: 46%;}
.squaregreybox .col2:first-child  {margin-right: 6%;}
.squaregreybox .col2:flast-child  {margin-left: 6%;}
.profilepic {float:left; margin:0 5% 0 0; width:40%;}
.profileinfo {float:left; margin:-24px 0 0 0; width:50%;}
.coursedetail {width:90%; }
.squaregreybox .col3 { float: left; margin: 0 1% 20px 2%; width: 30.00216%; }
.wpcf7-submit {width:50%;}
#footcontent {float:none; width:90%;}
#sitemap { border-top:1px solid #fff; clear:both; float:none; padding:30px 0 0 0; width:100%;}
#footlogo {padding:0 0 30px 5%; width:75%;}
.footinfoblock:first-child {width:26%}
.footinfoblock { margin:0 5%; width:22%;}
}
@media only screen and (max-width: 720px) {
.col321 {margin:0; width:100%;}
.col321:first-child {margin:0;}
.col321:last-child {margin:0; width:100%;}
.col-event { float:none; margin:0 0 20px 0; width:95%; }
	  
.rightphoto , .leftphoto { float:none; margin:10px 0; margin:auto; width:80%;}
.rightphoto img, .leftphoto img {border:6px solid #fff; box-shadow:1px 1px 6px #ccc;}
.footinfoblock:first-child {width:100%}
.footinfoblock { margin:0 5%; width:40%;}
}
@media (max-width:671px){
	.squaregreybox .col3 { width: 100%; }
}
@media only screen and (max-width: 620px) {
#sitebanner {display:none;}
#banner_sect1 {	display:none;}
#banner_sect2 {	display:none;}
#banner_sect3 { display:none;}
#banner_sect4 {	display:none;}
#mobileonlybanner {background:#d3e9e5; border-bottom:5px solid #fff; box-shadow:0 5px 5px #e2e2e2; display:block; margin-bottom:16px; padding:18px 24px;}
#mobileonlybanner img {max-width:75%;}
  
#content { margin:20px 0 0 0; width: 100%; }
.col3 {float: none; margin: 0 0 50px 0;	width: 100%;}
.col3:last-child {margin: 0;}
.col2o3first {float:none; margin:0 1% 20px 0; width:100%;}
.col2o3last {float:none; margin:0 0 20px 1%; width:100%; }
.col3first {float:none; margin:0 1% 20px 0; width:100%;}
.col3last {float:none; margin:0 0 20px 1%; width:100%;}
.squaregreybox .col2 { float:none; margin:0; width:100%;}
a.bigbtn { border-radius:30px; font-size:20px; line-height:20px; padding:14px 28px 16px 28px; }
.squaregreybox .col3 {float: none; margin: 0 0 20px 0; width: 100%; }
.col2o3 { float:none; height:80px; margin:0 0 20px 0; width: 100%;}
.awardlogos1, .awardlogos2 {float:none; width:90%;}
.awardlogos2 {margin-left:15%; margin-top:50px; width:70%;}
.hidden_sml { visibility:hidden; display:none;}
.profilepic {float:none; margin:0; width:100%;}
.profileinfo {float:none; margin:0; width:100%;}
.wpcf7-submit {font-size:18px; padding:12px 26px; width:85%;}
.coursedetail {width:60%; }
#sitemap {border-top:1px solid #fff; clear:both; margin:30px 0 0 0; padding:30px 0 0 0; }
#sitemap .one, #sitemap .two {margin:0 5%; width:40%;}
}
@media only screen and (max-width: 500px) {
.navbar-toggle {float:none; width:100%;}
.search {float:left; width:100%}
}
@media only screen and (max-width: 420px) {
/*#sitebanner {background:#d3e9e5; height:54px; margin:0 0 14px 0; }*/
#mobileonlybanner img {max-width:100%;}  
.col2 {
	float: none;
	margin: 0 0 20px 0;
	width: 100%;
}
.hidden_sml {
	visibility:hidden;
	display:none;
}
.coursedetail {width:100%; }
.minorlabel {float:none;}
.footer_30 {
	width: 100%;
	margin:0 auto;
	padding:10px;
}
.footinfoblock {width:100%;}
#sitemap .one, #sitemap .two {margin:0 5%; width:90%;}
small { font-size:9px;}
}
/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
#content li {margin:0 0 0 20px;}
#content .squaregreybox li {margin:0;}
#footer_inner .footer_20 h6 {
	text-transform: uppercase;
}
#footer_inner ul { margin: 5px 0 0 0;}
body {
	background: #fff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 400;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
input, textarea {
	margin: 0;
}
/* Removes Firefox imposed outline */
a {
	outline: none;
}
/*================Utilities==================*/
/* Vertical Centering - two versions */
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
/*responsive images - from bootstrap */
.img-responsive {
	display: block;
	width: 100% \9;
	max-width: 100%;
	height: auto;
}
img {
	vertical-align: middle;
}
hr {border: 2px dotted #D3E9E5; margin:40px 0 30px 0;}
.hr {border-bottom: 3px dotted #D3E9E5; clear:both; height:3px; margin:24px 0 30px 0; padding:20px 0 0 0; }
.greybox {background-color: #d3e9e5; border-radius: 10px; padding: 10px; }
.greyboximgstack {background-color:#d3e9e5; border-radius:10px; padding:30px 0; text-align:center; }
.greyboximgstack img {border:2px solid #fff; margin:4px 10%; width:80%; }
  
.squaregreybox {background:url(/images/Bottom_border.png) 0 bottom repeat-x #d3e9e5; margin:0 0 20px 0; padding: 28px 28px 14px 28px; }
.squaregreybox img {border:4px solid #fff; border-radius:4px;}
.squaregreybox a img:hover { border:4px solid #7ba6bb;}
.squaregreybox .video-container {border:2px solid #fff;}
.bottombtnwrap { margin: 0 0 -38px 0; text-align:right; width:100%; }
.bottombtnwrap a { margin-right:3%;}
.whitebox {
	background-color: #FFF;
	border-radius: 5px;
	padding: 10px;
}
/*================FORMS===================*/
.button, input[type="button, submit"] {	background-color:#d11e14; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:0; display:inline-block; cursor:pointer; color:#ffffff; font-family:'Bitter', Georgia; font-size:15px; padding:10px 30px; text-decoration:none; text-transform:uppercase; font-weight:700; margin-top: 0.8000em; margin-bottom:0.0000em; }
.button:hover, .wpcf7-submit:hover {
	background-color: #b4170e;
	color:#fff;
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button_sml {
	background-color: #d11e14;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Bitter', Georgia;
	font-size: 13px;
	padding: 5px 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 0.8000em;
	margin-bottom: 0.0000em;
}
.button_sml:hover {
	background-color: #b4170e;
	color:#fff;
	text-decoration: none;
}
.button_sml:active {
	position: relative;
	top: 1px;
}
.buttonborder { border:4px solid #fff;border-radius:26px;}
.floatbtnright { float:right; margin:-10px 0;}
input, textarea, select {font-size:15px; border-color:#cccccc; border-style:solid; border-radius:6px; border-width:1px; box-shadow:inset 2px 1px 6px 0px rgba(42,42,42,.22); margin:4px 0 12px 0; padding:5px 1%; width:96%;}
.input65 {width:65%;}
.input45 {width:45%;}
.input80px {width:80px;}
.input65px {width:65px;}
input:focus {
	outline: none;
}
input {
	line-height: normal;
}
textarea {
	overflow: auto;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
.wpcf7-list-item-label {margin:0 20px 0 0;}
label {	display:inline-block; margin-bottom:5px; font-family:'Bitter', Helvetica, Arial, sans-serif; font-weight:bold;}
  
input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
    box-shadow:none;
	padding: 0;
	margin: 8px 0 12px 0;
	/* IE8-9 */
	line-height: normal;
    width:20px;
}
input[type="file"] {
	display: block;
	border: 0;
	box-shadow: none;
	padding: 0;
}
input[type="range"] {
	display: block;
	width: 100%;
}
select[multiple], select[size] {
	height: auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.file::-webkit-file-upload-button {
  visibility: hidden;
}
.file::before {
  content: 'Select files';
  display: inline-block;
 background-color: #d11e14;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 0;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Bitter', Georgia;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	margin-right:2em;
	-webkit-text-stroke: 0.25px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
.file:hover::before {
  border-color: black;
}
.file:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */
body {
	font-size: 15px;
}
/* Default fonts and colors. */
body, p, ul, ol, dl, input, textarea {
	font-family: 'Open Sans', Verdana, sans-serif;
	color: #2f3433;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', Helvetica, Arial, sans-serif;
	/*-webkit-text-stroke: 0.5px;*/
}
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size:34px;
	line-height:38px;
	margin:0 0 16px 0;
}
h2 {
	font-size: 2.0000em; /* 30px */
	line-height: 1.3000em; /* 48px */
	margin-top: 0.8000em;
	margin-bottom: 0.5000em;
	color: #90bab2;
}
h3 {
	font-size: 1.8667em; /* 28px */
	line-height: 1.7143em; /* 48px */
	margin-top: 0.8571em;
	margin-bottom: 0.0000em;
}
h4 {
	font-size: 1.4667em; /* 22px */
	line-height: 1.0909em; /* 24px */
	margin:0 0 14px 0;
}
h5 {
	font-size: 1.2000em; /* 18px */
	line-height: 1.3333em; /* 24px */
	margin-top: 1.3333em;
	margin-bottom: 0.0000em;
}
h6 {
	font-size: 1em;
	line-height: 1.2000em; /* 18px */
	margin:0;
}
/* Text elements
-------------------------------------------------------------- */
p {
	font-size: 1em; /* 15px */
	line-height: 1.6000em; /* 24px */
	margin: 0 0 1.6000em 0;
}
ul, ol {
	/*margin: 0 1.5em 1.5em 1.5em;*/
  margin: 0;
}
/*ul {
	list-style-type: circle;
}*/
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 1.5em;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
}
address {
	margin-top: 1.5em;
	font-style: italic;
}
del {
	color: #000;
}
a {
	color: #d11e14;
	text-decoration: none;
}
a:hover, a:active { color:#a70f07; text-decoration: none;}
blockquote {
	margin: 1.5em;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
pre, code {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em monospace;
	line-height: 1.5;
}
tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5;
}
.greytext {
	color:#587381 !important;
}
.rightAlignMenu {border-bottom:1px dashed #90bab2; margin:0 0 23px 0; padding:0 0 23px 0; text-align:right;}
.rightAlignMenu h1 { font-size:28px; line-height:28px; margin:0; text-transform:uppercase;}
.rightAlignMenu a.button { font-size:14px;}
/*==============icon sprite===============*/
.arrow_circle, .arrowcircle2, .alarm_clock, .mortarboard, .hourglass, .pricetag, .arrow, .facebook, .twitter, .bebo, .youtube, .pintrest, .phone, .pdf, .book, .arrow-down, .instagram {
  display: inline-block; background-image: url(/images/Icon_sprite.png); background-repeat: no-repeat;}
.facebook a, .twitter a, .bebo a, .youtube a, .pintrest a, .instagram a { display:block; height:40px; width:40px;}
.facebook, .twitter, .bebo, .youtube, .pintrest , .instagram {margin:0;}
.arrow_circle {
	background-position: -0px -0px;
	height: 40px;
	width: 40px;
	margin-top: 13px;
	display: block;
	float: right;
}
.enquirenowlink {
	margin-top:30px;
	text-align:right;
}
.enquirenowlink h3 {line-height:38px; margin:0;}
.enquirenowlink h3 { text-transform:uppercase;}
.enquirenowlink h5 { font-size:14px; font-weight:normal;}
.enquirenowlink div.arrow_circle { float:right;margin:-2px 0 0 6px;}
.alarm_clock { float:left; background-position:-45px -0px; height:72px; width:88px; }
.mortarboard { float:left; background-position:-132px -0px; height:72px; width:88px; }
.hourglass { float:left; background-position:-228px -0px; height:72px; width:88px; }
.pricetag { float:left; background-position:-310px -4px; height:72px; width:88px; }
.arrow { background-position:-12px -100px; float:left; height:16px; width:16px; margin:0; }
.prospectusarrow { margin:31px 0 0 0; }
ul.linklist {margin:0; padding:0;}
#content ul.linklist li {background: url(/images/Icon_sprite.png) -16px -210px no-repeat; list-style:none; padding-left:13px; margin:0; max-width:350px; }
.facebook { background-position:-52px -92px; height:32px; width:32px; }
.twitter { background-position:-96px -92px; height:32px; width:32px;}
.bebo { background-position:-136px -92px; height:32px; width:32px;}
.youtube { background-position:-180px -92px; height:32px; width:32px;}
.pintrest { background-position:-220px -92px; height:32px; width:32px;}
.instagram { background-position:-52px -132px; height:32px; width:32px; }
.phone { background-position:-280px -77px; float:left; height:96px; width:90px; }
.pdf { background-position:-364px -74px; float:left; height:100px; width:100px; }
.book { background-position:-370px -185px; float:left; height:100px; width:100px; }
.arrow-down {  background-position:-12px -160px; height:12px; width:20px }
.frame01 {background:#fff; border: #d3e9e5 solid 1px; margin:0; padding:8px;}
.arrowcircle2 { background-position:-6px -278px; height:28px; margin:0 5px 0 0; width:28px; vertical-align: middle; }
#searchsubmit {
background-color: #d11e14;
border-radius: 18px;
border:none;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: 'Bitter', Georgia;
font-size: 16px;
line-height: 16px;
padding: 8px 18px;
text-decoration: none;
text-transform: uppercase;
font-weight:700;
width:100px;}
#searchsubmit:hover {background-color:#b4170e;}
.textframe01 {background:#f6f6f6; border-radius:9px; margin:0; padding:40px 0;}
.textframe01 h3, .textframe01 h4, .textframe01 h5, .textframe01 h6, .textframe01 p {margin:0 40px; }
.textframe01 h5 {margin-bottom:10px;}
.textframe01 p {margin-bottom:10px; margin-top:10px;}
.top2pxwhiteline {border-top:2px solid #fff; margin:20px 0 0 0;}
.textaligncentre {text-align:center;}
.acf-map { width:100%; height:400px; border:none;}
h5:first-child {margin-top:0;}
.floatl { float:left;}
.squaregreybox .col1 {margin:0 3%;}
#content .coursedetail li {list-style:none; margin:0;}
.avatar-32 {max-width:32px;}
.textheight120 {height:120px;}
.morp01 { padding:20px 40px 0 40px;}
.morp02 { padding:20px 0;}
p.morp03 {margin-top:-10px; margin-bottom:16px;}
.morp04 {margin-bottom:0;}
.morp05 {border-top:1px solid #fff; margin:30px -27px 0 -30px; padding:30px 25px 20px 25px;}
.morp06 {margin-bottom:4px;}
.morp07 {margin-left:6px;}
.nopspace p {font-family: 'Bitter', Georgia, serif; margin:0; padding:0;}
.nomorp {margin:0; padding:0;}
.textareaaddress {height:60px;}
.footer-text-style { font-family: 'Bitter', Helvetica, Arial, sans-serif; font-weight:bold;
	}
.footer-h1-style { margin:0 0 20px 0; }

.languagescontainer { margin:0 0 0 26px;}
.languagescontainer ul { list-style:none; margin:0; padding:0; }
.languagescontainer ul li { float:left; margin:0 10px 20px 10px!important; padding:0; position:relative; text-align:center; width:182px; }
.languagescontainer ul li:before { content:""; background:url(/images/language-flags.png) no-repeat; border-radius:5px; display:block; -webkit-box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); -moz-box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); height:118px; position:absolute; top:0; width:183px;  }
.languagescontainer ul li a:link, .languagescontainer ul li a:visited { display:block; padding:125px 0 0 0; position:relative; z-index:5; }
.languagescontainer ul li:hover, .languagescontainer ul li:active { opacity: 0.8;}

/*.flagswrap {float:left; height:150px; margin:0 10px 10px 10px; text-align:center; }
.flags {background:url(/images/language-flags.png) no-repeat; border-radius:5px; -webkit-box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); -moz-box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); box-shadow:-2px 2px 9px 0px rgba(163,163,163,1); height:118px; margin-bottom:6px; width:182px;}*/

.flagswrap:hover {opacity: 0.8;}
.languagescontainer ul li.frenchflag:before  {background-position:0 0;}
.languagescontainer ul li.germanflag:before  {background-position:-200px 0;}
.languagescontainer ul li.italianflag:before  {background-position:-400px 0;}
.languagescontainer ul li.koreanflag:before  {background-position:-600px 0;}
.languagescontainer ul li.japaneseflag:before  {background-position:-800px 0;}
.languagescontainer ul li.mandarinflag:before  {background-position:-1000px 0;}
.languagescontainer ul li.portugueseflag:before  {background-position:-1200px 0;}
.languagescontainer ul li.russianflag:before  {background-position:-1600px 0;}
.languagescontainer ul li.spanishflag:before  {background-position:-1400px 0;}
.languagescontainer ul li.thaiflag:before  {background-position:-1800px 0;}
.languagescontainer ul li.vietnameseflag:before  {background-position:-2000px 0;}
.languagescontainer ul li.cambodianflag:before  {background-position:-2200px 0;}
.languagescontainer ul li.arabicflag:before  {background-position:-2400px 0;}
  
a span.smlinkarrow {background: url(/images/Icon_sprite.png) -17px -217px; height:10px; display:inline-block; width:14px ;}
.width50percent {width:50%}
.wpcf7-recaptcha { float:right;  margin-right:36px;}
	
/*------------------------NG Gallery styles---------------------------*/
.ngg-gallery-thumbnail a img, .ngg-gallery-thumbnail a img:hover { border:none; }
/*------------------------Media queries---------------------------*/
	
	@media (max-width:400px) {
	
	.wpcf7-recaptcha {float: left; margin-right: 0px; margin-bottom:20px;}
  }
.button-logo {
	margin: 20px 0 0;
}
.button-logo img {
	border:none;
	border-radius: 0;
	width:200px;
	height:200px;
}
.button-logo img:hover, .button-logo a img:hover  {
	border:none;
}
.home-imgs h4 {
	color:#587381;
}
.toggle-style .children {
    margin-left: -20px;
    margin-top: 5px;
}



/*--Promotional banner styles--*/

#itc-promo-banner-rap { background:url(/images/Bottom_border.png) 0 bottom repeat-x #d3e9e5; height:560px; margin:0 0 15px 0; position:relative; }
#itc-promo-banner-rap img { height:auto; width:100%;}


#itc-promo-banner-vid {
    background:#fff;
    -webkit-box-shadow:1px 1px 5px 3px rgba(0,0,0,0.22);
    box-shadow:1px 1px 5px 3px rgba(0,0,0,0.22);
    padding:12px;
    position:absolute;
    left:30%;
    top:10px;
    transform:rotate(-1.5deg);
    width:460px;
    z-index:300;
}

#itc-promo-banner-vid iframe {
    display:block;
    width:100% !important;
    height:auto !important;
    aspect-ratio:9 / 16;
    border:0;
}




#itc-promo-banner-pic-1, #itc-promo-banner-pic-2, #itc-promo-banner-pic-3, #itc-promo-banner-pic-4, #itc-promo-banner-pic-5 { background:#fff; -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.22); box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.22); padding:14px; position:absolute; }
#itc-promo-banner-pic-1 { width:380px; left:10%; top:40px; transform:rotate(-2deg); z-index:299;}
#itc-promo-banner-pic-2 { width:320px; left:0.5%; top:150px; transform:rotate(-2deg); z-index:280;}
#itc-promo-banner-pic-3 { width:300px; left:initial; right:25.5%; top:20px; transform:rotate(4.5deg); z-index:280;}
#itc-promo-banner-pic-4 { width:340px; left:initial; right:8%; top:60px; transform:rotate(-2.3deg); z-index:285;}
#itc-promo-banner-pic-5 { width:300px; left:initial; right:0.5%; top:160px; transform:rotate(2.2deg); z-index:250;}
#itc-promo-banner-txt { background:#fff; -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.22); box-shadow:1px 1px 5px 3px rgba(0,0,0,0.22); color:#2f3433; font-family:'Bitter', Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding:20px 100px 20px 35px; position:absolute; left:30%; top:333px; margin-left:510px; min-height:140px; width:190px; z-index:299;}
#itc-promo-banner-txt p { font-size:16px; line-height:20px; margin:12px 0; padding:0; }
#itc-promo-banner-cta { background:#d11e14; border-radius:50%; display:table; font-family:'Bitter', Helvetica, Arial, sans-serif; height:160px; overflow:hidden; position:absolute; right:-80px; top:10px; text-align:center; transition:0.3s; width:160px; }
#itc-promo-banner-cta:hover, #itc-promo-banner-cta:active { background:#b4170e; height:170px; transition:0.3s; right:-85px; top:10px; width:170px; }
#itc-promo-banner-cta a:link, #itc-promo-banner-cta a:visited { color:#fff; display:table-cell; font-size:28px; font-weight:bold; height:100%; line-height:30px; text-decoration:none; text-transform:uppercase; vertical-align:middle; }



/*--Responsive--*/

@media only screen and (max-width: 1830px) {
#itc-promo-banner-pic-1 { left:7%; width:360px;}
#itc-promo-banner-pic-2 { top:170px; width:300px; }
}

@media only screen and (max-width: 1550px) {
#itc-promo-banner-vid { left:25%;}
#itc-promo-banner-txt { left:25%;}
#itc-promo-banner-pic-1 { left:2%; }
#itc-promo-banner-pic-2 { top:190px;}
}

@media only screen and (max-width: 1350px) {
#itc-promo-banner-pic-2, #itc-promo-banner-pic-5 { display:none; }
#itc-promo-banner-pic-1 { left:0.5%; }
#itc-promo-banner-pic-3 { right:15.5%; }
#itc-promo-banner-pic-4 { right:0.5%; }
}

@media only screen and (max-width: 1225px) {
#itc-promo-banner-pic-1 { display:none; }
#itc-promo-banner-vid { left:1.5%;}
#itc-promo-banner-txt { left:1.5%;}
#itc-promo-banner-pic-3 { right:28.5%; }
}


@media only screen and (max-width: 1080px) {
	#itc-promo-banner-rap { height:440px;}
	#itc-promo-banner-vid { width:360px;}


#itc-promo-banner-vid iframe {
    width:100% !important;
    height:auto !important;
}
	
	
	#itc-promo-banner-pic-3 { right:38.5%; }
	#itc-promo-banner-pic-4 { right: 14.5%; }
	
	#itc-promo-banner-txt { background:none; -webkit-box-shadow:none; box-shadow:none; padding:0; height:160px; top:50%; width:160px; }
	#itc-promo-banner-txt p { display:none; }
	#itc-promo-banner-cta { top:0; right:0; }
}




@media only screen and (max-width: 935px) {
#itc-promo-banner-pic-4 { width:300px; right:2%; top:10px; transform:rotate(3deg);}
#itc-promo-banner-txt { margin-left:0; top:290px; left:initial; right:1%; }
#itc-promo-banner-cta { height:140px; width:140px; }
#itc-promo-banner-cta:hover, #itc-promo-banner-cta:active { background:#b4170e; height:150px; right:-5px; top:-5px; width:150px; }
#itc-promo-banner-cta a:link, #itc-promo-banner-cta a:visited { font-size:20px; line-height:21px; }
}

@media only screen and (max-width: 810px) {
#itc-promo-banner-pic-3 { width:250px;}
#itc-promo-banner-pic-4 { width:250px;}

}

@media only screen and (max-width: 680px) {
#itc-promo-banner-pic-4 { right:2%; }
}

@media only screen and (max-width: 520px) {
	#itc-promo-banner-rap { height:400px;}
	
	
	
	#itc-promo-banner-vid {
    left:50%;
    transform:translateX(-50%);
    width:320px;
}
	#itc-promo-banner-vid iframe { width:100%; }
	#itc-promo-banner-rap {
        height: 300px;
    }
	
	
	
	
	#itc-promo-banner-txt { display:none; }
	#itc-promo-banner-pic-3, #itc-promo-banner-pic-4 { display:none; }
	
}

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

}

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-704208767">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-704208767');
</script>