/* @group Universal Elements */

		body {
			font-family: 'Open Sans','Arial',sans-serif;
			font-size: 16px;
			font-weight: 400;
			/*text-align: center;*/
			/*padding-top: 90px;*/
		}
		
				@media (max-width: 767px) {
				
					a:hover, a:focus, a:visited {
						text-decoration: none;
					}
				}
				
		.smooth {
			-webkit-transition: all 300ms ease-in-out !important;
			-moz-transition: all 300ms ease-in-out !important;
			-o-transition: all 300ms ease-in-out !important;
			transition: all 300ms ease-in-out !important;
		}
		
		.container.main {
			background-color: #ffffff;
			padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 20px;
			margin-bottom: 60px;
		}
		
		.container.up {
			margin-top: -100px;
			z-index: 2;
		}
		
		.container.block {
			background-color: #ffffff;
			padding-left: 30px;
			padding-right: 30px;
			padding-bottom: 40px;
			margin-bottom: 60px;
		}
		
				@media (max-width: 767px) {
					.container.main, .container.block {
						padding-left: 15px;
						padding-right: 15px;
					}
				}
		
		div.divider {
			height: 5px;
			width: 100%;
			margin: 0;
			padding: 0;
			display: block;
			background-color: #e21f26;
		}
		
		.dark-bg {
			background-color: #140b0b;
			color: white;
		}
		
		.warm-bg {
			background-color: #e3dcd4;
		}
		
		.row.block {
			margin-top: 50px;
			margin-bottom: 40px;
		}
		
		.row.block-top {
			margin-top: 40px;
		}
		
		.row.block-top-x2 {
			margin-top: 40px;
		}
		
		.row.block-top-x3 {
			margin-top: 50px;
		}
		
		.row.block-bottom {
			margin-bottom: 30px;
		}
		
		img {
			max-width: 100%;
		}
		
		.button-style {
			-webkit-appearance: none;
			-webkit-border-radius: 0;
			-webkit-box-sizing: border-box;
			
			display: inline-block;
			cursor: pointer;
			
			font-size: 14px;
			font-weight: 400 !important;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 1px;
			
			padding: 20px 40px !important;
			margin-top: 20px !important;
			/*margin-bottom: 20px;*/
			
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}		
		
		.button-style.white-button {
			background-color: inherit;
			border: 2px solid #fff;
			color: white;
		}
		
		.button-style.white-button:hover {			
			border-color: #08b6fb;
			text-decoration: none;
		}
		
		.button-style.blue-button {
			background-color: inherit;
			border: 2px solid #08b6fb;
			color: black;
		}
		
		.button-style.blue-button:hover {			
			background-color: #08b6fb;
			color: white;
			font-weight: 400;
		}
		
		
		.button-style.red-solid-button {
			background-color: #e4061f;
			color: white;
		}
		
		.button-style.red-solid-button:hover {			
			background-color: #e4061f;
			background-color: rgba(228, 6, 30, 0.8);
			text-decoration: none;
		}
		
		.button-style.red-button {
			background-color: inherit;
			border: 2px solid #e4061f;
			color: #e4061f;
		}
		
		.button-style.red-button:hover {			
			background-color: #e4061f;
			color: white;
			text-decoration: none;
		}
		
				/* MOBILE (XS) ONLY */
				@media (max-width: 767px) {
					.button-style {
					width: 100%;
					}
				}
		
/* @end */



/* @group Logo */

		.logo {
			height: 200px;
			position: absolute;
			top: 0px;
			left: 60px;
			z-index: 3;
		}
		
		/*@media (max-width: 970px) {
			.logo {
				height: 150px;
				top: 51px;
				left: 0px;
				z-index: 1;
			}
		}*/
		
		.mobile-logo {
			height: 50px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
		}


/* @end */



/* @group Navigation */

		.navbar {
			margin-bottom: 0px !important;
			height: 75px !important;
			background-color: #e3dcd4 !important;
			/*background-color: rgba(227, 220, 212, 0.97) !important;*/
			border: 0 !important;
			-moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
			box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25);
			z-index: 2;
		}
		
		.navbar-default .navbar-nav>li>a {
			color: #666;
		}
		
		.navbar-default .navbar-nav>li>a:hover {
			color: black;
			/*font-weight: 600;*/
		}
		
				@media (min-width: 768px) {
			
					ul.nav.navbar-nav {
						padding-left: 155px;
						padding-top: 2px;
					}
	
				}
		
				@media (min-width: 1081px) and (max-width: 1180px) {
				
					.logo {
						height: 200px;
						position: absolute;
						top: 0px;
						left: 20px;
						z-index: 3;
					}
				
					ul.nav.navbar-nav {
						padding-left: 100px;
						padding-top: 2px;
					}
				
					.navbar-nav>li {
						font-size: 15px;
					}
				
				}
				
				
				@media (min-width: 992px) and (max-width: 1080px) {
				
					.logo {
						height: 200px;
						position: absolute;
						top: 75px;
						left: 0px;
						z-index: 3;
					}
				
					ul.nav.navbar-nav {
						padding-left: 0px;
						padding-top: 2px;
					}
				
					.navbar-nav>li {
						font-size: 15px;
					}
				
				}
				
				@media (min-width: 930px) and (max-width: 991px) {
				
					.logo {
						height: 200px;
						position: absolute;
						top: 75px;
						left: 0px;
						z-index: 3;
					}
				
					ul.nav.navbar-nav {
						padding-left: 0px;
						padding-top: 2px;
					}
				
					.navbar-nav>li {
						font-size: 14px;
					}
				
				}
				
				@media (min-width: 890px) and (max-width: 929px) {
				
					.logo {
						height: 200px;
						position: absolute;
						top: 75px;
						left: 0px;
						z-index: 3;
					}
				
					ul.nav.navbar-nav {
						padding-left: 0px;
						padding-top: 2px;
					}
				
					.navbar-nav>li {
						font-size: 13px;
					}
				
				}
				
				@media (min-width: 840px) and (max-width: 889px) {
				
					.logo {
						height: 200px;
						position: absolute;
						top: 75px;
						left: 0px;
						z-index: 3;
					}
				
					.navbar-collapse {
							padding-left: 0px;
							padding-right: 0px;
						}
					
						ul.nav.navbar-nav {
							padding-left: 0px;
							padding-top: 2px;
						}
					
						.navbar-nav>li {
							font-size: 12px;
							text-transform: uppercase;
							font-weight: 600;
						}
						
						.nav>li>a {
							padding: 10px 9px;
						}
				
				}
				
				@media (min-width: 768px) and (max-width: 839px) {
				
					.logo {
						height: 175px;
						position: absolute;
						top: 75px;
						left: 0px;
						z-index: 3;
					}
					
					.navbar div.container-fluid {
						/*padding-left: 0px;*/
						padding-right: 0px;
					}
					
					.navbar-collapse {
						padding-left: 0px;
						padding-right: 0px;
					}
				
					ul.nav.navbar-nav {
						padding-left: 0px;
						padding-top: 2px;
					}
				
					.navbar-nav>li {
						font-size: 11px;
						text-transform: uppercase;
						font-weight: 600;
					}
					
					.nav>li>a {
						padding: 10px 9px;
					}
				
				}
		
				@media (max-width: 767px) {
		
					.navbar {
						height: 50px !important;
					}
				
					.navbar-toggle {
						border: 0;
					}
				
					.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
						background-color: inherit !important;
					}
				
					/*.navbar-nav {
						margin: 0px -15px;
					}*/
					
					ul.nav.navbar-nav {
						padding-top: 10px;
						padding-bottom: 10px;
					}
				
					.navbar-fixed-top .navbar-collapse {
						max-height: none;
					}
		
					div#navbar.navbar-collapse {
						background-color: #e3dcd4 !important;
						background-color: rgba(227, 220, 212, 0.97) !important;
					}
					
										
					
					/* Mobile Nav Animation CSS */
					
					.navbar-toggle .icon-bar:nth-of-type(2) {
						  top: 1px;
					}
					
					.navbar-toggle .icon-bar:nth-of-type(3) {
					  	top: 2px;
					}
					
					.navbar-toggle .icon-bar {
						  position: relative;
						  transition: all 500ms ease-in-out;
					}
					
					.navbar-toggle.active .icon-bar:nth-of-type(1) {
						  top: 6px;
						  transform: rotate(45deg);
						  -webkit-transform: rotate(45deg);
					}
					
					.navbar-toggle.active .icon-bar:nth-of-type(2) {
						  background-color: transparent;
					}
					
					.navbar-toggle.active .icon-bar:nth-of-type(3) {
						  top: -6px;
						  transform: rotate(-45deg);
						  -webkit-transform: rotate(-45deg);
					}
		
				}

/* @end */



/* @group h1 Styles */

		h1, .h1 {
			font-size: 55px;
			font-weight: 300;
			color: white;
			margin-bottom: 20px;
		}
		
		h2, .h2 {
			font-size: 40px;
			font-weight: 300;
			color: #262625;
			line-height: 1.3em;
		}
		
		h3, .h3 {
			font-size: 34px;
			line-height: 1.3em;
			font-weight: 300;
		}
		
		h4, .h4 {
			font-size: 20px;
			font-weight: 400;
			color: #414042;
			line-height: 1.3em;
		}
		
		h5, .h5 {
			font-size: 18px;
			font-weight: 400;
			color: black;
			line-height: 1.3em;
		}
		
		h6, .h6 {
			font-size: 16px;
			font-weight: 400;
			line-height: 1.3em;
		}
		
		.double-space {
			line-height: 2em;
		}
		
		@media (max-width: 767px) {
			h1, .h1 {
				font-size: 38px;
			}
			h2, .h2 {
				font-size: 32px;
			}
			h3, .h3 {
				font-size: 26px;
			}
			h4, .h4 {
				font-size: 20px;
			}
			h5, .h5 {
				font-size: 18px;
			}
			h6, .h6 {
				font-size: 16px;
			}
		}
		
		.fine-print {
			font-size: 80%;
			font-style: italic;
		}
		
		.margin-bottom-0 {
			margin-bottom: 0;
		}
		
		.med-bold {
			font-weight: 600;
		}
		
		.bold {
			font-weight: 700;
		}
		
		.black {
			color: black;
		}
		
		.white {
			color: white;
		}
		
		.blue {
			color: #00AEEF;
		}
		
		.no-margin {
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		.no-margin-top {
			margin-top: 0px;
		}
		
		.no-margin-bottom {
			margin-bottom: 0px;
		}
		
		.ts-cs {
			font-size: 12px;
		}

/* @end */



/* @group Welcome Block */

		#welcome {
			min-height: 475px;
			max-width: 2560px;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			
			background-color: white;
			background: url('../_assets/img/bgs/happy.jpg');
			background-repeat: no-repeat;
			background-position: 0% 80%;
			background-size: 115%;
		}
		
		#welcome .push-top {
			margin-top: 50px;
		}
		
		#welcome div.line {
			width: 65%;
			height: 3px;
			background-color: #e4061f;
			padding: 0;
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
		}
		
		#welcome .subheading {
			font-size: 16px;
			font-weight: 300;
			font-style: italic;
		}
		
		#welcome .stars {
			margin-top: 5px;
			letter-spacing: 15px;
		}
		
		#welcome .find-course {
			margin-top: 110px;
		}

				/* MOBILE (XS) ONLY */
				@media (max-width: 767px) {
		
					#welcome {
						background-size: cover;
					}
					
					#welcome .push-top {
						margin-top: -20px;
					}
					
					#welcome .find-course {
						margin-top: 200px;
					}
		
				}
				
				/* SUPER LARGE WIDTHS */
				
				@media (min-width: 1365px) {
				
					#welcome {
						background: url('../_assets/img/bgs/happy-wide.jpg');
						background-position: 0% 80%;
						background-size: 2657px;
					}
				
				}

/* @end */



/* @group ATAR Search */

		p.atar-heading-text {
			max-width: 700px;
			margin-left: auto;
			margin-right: auto;
		}

		#atar, #atar .h3 {
			color: black;
			line-height: 1.7em;
			letter-spacing: 0px;
		}

		#atar.dark-bg, #atar.dark-bg .h3 {
			color: white;
			line-height: 1.7em;
			letter-spacing: 0px;
		}
		
		.atar-select {
			color: #08b6fb;
			text-decoration: underline;
			cursor: pointer;
		}
		
		#atar a {
			color: #08b6fb;
			text-decoration: underline;
			outline: none;
		}
		
		#atar ::-webkit-input-placeholder { 
			color: #08b6fb;
		}
		
		#atar :-moz-placeholder { 
			color: #08b6fb;
		}
		
		#atar ::-moz-placeholder { 
			color: #08b6fb;
		}
		
		#atar :-ms-input-placeholder { 
			color: #08b6fb;
		}
		
		#atar .button-style.white-button {
			background-color: #140b0b;
		}
		
		.modal-content {
			border-radius: 0;			
			text-align: center;
			background-color: rgba(255, 255, 255, 0.97);
			/*background-color: rgba(0, 0, 0, 0.75);*/
			/*color: white;*/
		}
		
		.modal-content h4 {
			font-weight: 700;
			max-width: 75%;
			margin-left: auto;
			margin-right: auto;
		}
		
		.modal-footer {
			border: 0;
			text-align: center;
		}
		
		.modal-content button {
			max-width: 80%;
		}
		
		.modal-dialog { /* Edited classname 10/03/2014 */
			margin-top:100px;
			z-index:3001;
		}
		
		.ui-slider-horizontal {
			height:12px;
			background-color: #F7F7F9;
			border: 1px solid #E1E1E8;
			border-radius: 4px;
			position:relative;
			margin:0 10px;
		}
		
		.ui-slider .ui-slider-range {
			border: 0 none;
			display: block;
			font-size: 0.7em;
			position: absolute;
			z-index: 1;
			background-color: #08B6FB;
			height: 100%;
			top: 0;
		}
		
		.ui-slider .ui-slider-handle {
			cursor: default;
			height: 2em;
			position: absolute;
			width: .6em;
			z-index: 2;
		}
		
		.ui-slider-horizontal .ui-slider-handle {
			margin-left: -0.5em;
			top: -0.7em;
			background-color: #337AB7;
			border-color: #2E6DA4;
			color: #FFFFFF;
			border-radius: 0px;
		}
		
		.ui-slider-horizontal .ui-slider-handle.ui-state-hover {
			background-color: #286090;
			border-color: #204D74;
			color: #FFFFFF;
		}
		
		.study-area-modal-buttons {
			
		}
		
		a.study-area-option {
			display: block;
			padding: 5px 15px;
			font-size: 20px;
			text-align: center;
		}
		
		a.study-area-option:hover {
			text-decoration: none;
			font-weight: 700;
		}
		
		.table-results {
			width: 100%;
		}
		
		.table-results td {
			padding: 10px;
		}
		
		.table-results tr:nth-child(2n) td {
			background-color:#F9F9F9;
		}
		
		.row-labels, .row-labels .column-atar, .row-labels .column-vtac, .row-labels .column-course   {
			background-color: hsl(0, 0%, 90%);
			font-weight: 700;
			font-size: 14px;
		}
		
		.row-odd {
			background-color: hsl(0, 0%, 95%);
		}
		
		.column-atar {
			width: 75px;
			font-size: 14px;
			font-weight: 700;
		}
		
		.column-vtac {
			width: 220px;
			font-size: 12px;
		}
		
		.column-course {
			font-size: 16px;
		}
		
		.column-course a {
			color: #e4061f;
		}
		
		.course-description {
			font-size: 13px;
			padding-top: 5px;
		}
		
		.mobile-vtac {
			font-size: 13px;
			padding-top: 5px;
		}
		
		#results-section-ve .column-atar {
			display:none;
		}
		
		.vtac-code {
			display:block;
		}
		
		.vtac-type-long {
			display:block;
			margin-bottom:5px;
		}
		
		.atar-calculator-campus {
			font-size:14px;
		}
		
		
		#cs-results-ui-container #atar .row.block {
			margin-bottom:0;
		}
		
		.help {
			cursor:help;
		}
		
		.ui-tooltip {
    background: none repeat scroll 0 0 #000000;
}
.ui-tooltip {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.3;
    max-width: 300px;
    padding: 10px 20px;
    position: absolute;
    z-index: 1000;
}
.arrow.left {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    margin-top: -15px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}
		
		
		
		
.note:before, .note:after {
    content: "";
    display: table;
}
.note:after {
    clear: both;
}
.note:before, .note:after {
    content: "";
    display: table;
}
.note {
    background: none repeat scroll 0 0 #F7F6F3;
    margin-bottom: 1.5rem;
}

.note__icon {
    background: none repeat scroll 0 0 #00B3F0;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 1.1;
    padding: 18px;
	 opacity: 0.75;
}

.note__bd {
    font-size: 14px;
    line-height: 1.4em;
    padding: 13px;
}

#cs-MaxATARValue {
	display:inline-block;
	border: none;
    outline: none;
    background:none;
    font-family: inherit;
    font-size: inherit;
	padding:0;
	width:90px;
	text-align:center;
	color:#08B6FB;
	text-decoration:underline;
}

		
		@media (max-width: 767px) {
				
					.ui-slider-horizontal {
						max-width: 90%;
						margin-left: auto;
						margin-right: auto;
					}
					
					.ui-slider .ui-slider-handle {
						height: 3em;
						position: absolute;
						width: 1.2em;
					}
					
					.ui-slider-horizontal .ui-slider-handle {
						top: -1.2em;
					}
					
					a.study-area-option {
						font-size: 20px;
						padding: 10px 15px;
					}
					
					.vtac-code {
						display:inline-block;
						margin-right:20px;
					}
		
				}
		

/* @end */



/* @group Contact Us */

		#contact {
			min-height: 500px;
			background-color: black;
			background: url('../img/header-banner.jpg');
			background-repeat: no-repeat;
			background-position: 50% 100%;
			background-size: cover;
			color: white;
		}
		
		#contact div.line {
			width: 75%;
			height: 3px;
			background-color: #e4061f;
			padding: 0;
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.contact-option-box {
			position: relative;
			text-align: left;
			margin-top: 15px;
			margin-bottom: 15px;
		}
		
		.contact-option-box.last {
			margin-bottom: 0px;
		}
		
		.contact-icon {
			display: inline-block;
			width: 55px;
			padding: 0;
			margin-left: 10px;
			margin-right: 30px;
			
			text-align: center;
			color: white;
			font-size: 50px;
			
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}
		
		a:hover .contact-icon {
			color: #08b6fb;
		}
		
		.contact-text {
			display: inline;
			position: absolute;
			top: 26px;
			text-align: left;
			
			font-size: 18px;
			color: white;
			font-weight: 600;
			text-transform: uppercase;
		}
		
				@media (max-width: 991px) {
		
					#contact {
						background: url('../img/header-banner-shaded.jpg');
						background-repeat: no-repeat;
						background-position: 50% 100%;
						background-size: cover;
						color: white;
					}
		
				}


/* @end */



/* @group Why Choose Swin */

		#why-choose {
			max-width: 1500px;
		}
		
		.why-swin {
			margin-bottom: 20px;
			line-height: 28px;
			padding-right: 10px;
			padding-left: 10px;
		}

/* @end */



/* @group Testimonials */

		#testimonial div.text, #testimonial div.image {
			min-height: 300px;
			padding: 40px;
			/*padding-left: 400px;*/
			background: url('../img/bg.jpg');
			background-color: #e1ddd9;
			background-repeat: repeat;
			background-position: left top;
			text-align: left;
		}
		
		#testimonial .quote {
			font-size: 26px;
			font-style: italic;
			font-weight: 300;
			color: black;
			line-height: 1.35em;
			padding: 0;
			margin: 0;
		}
		
		#testimonial div.line {
			width: 55%;
			height: 3px;
			background-color: #e4061f;
			padding: 0;
			margin: 0;
			margin-top: 15px;
			margin-bottom: 15px;
		}
			
		#testimonial .name {
			font-size: 16px;
			font-weight: 800;
			text-transform: uppercase;
			color: black;
			padding: 0;
			margin: 0;
		}
		
		#testimonial .course {
			font-size: 16px;
			font-weight: 300;
			color: black;
			padding: 0;
			margin: 0;
			margin-top: 2px;
		}
		
		
		/*#testimonial.anna .image {
			background: url('../_assets/img/testimonials/anna.jpg');
			background-repeat: no-repeat;
			background-position: right top;
			background-size: cover;
		}*/
		
		#testimonial.brendan .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 30% 20%;
			background-size: cover;
		}
		
		#testimonial.chris .image {
			background: url('.');
			background-repeat: no-repeat;
			background-position: 100% 37%;
			background-size: cover;
		}
		
		#testimonial.denver .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 85% 10%;
			background-size: cover;
		}
		
		#testimonial.jess .image {
			background: url('../img/nora.jpg');
			background-repeat: no-repeat;
			background-position: 100% 20%;
			background-size: cover;
		}
		
		#testimonial.kiran .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 20%;
			background-size: cover;
		}
		
		#testimonial.mark-testimonial .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 50%;
			background-size: cover;
		}
		
		#testimonial.maxine .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 50%;
			background-size: cover;
		}
		
		#testimonial.nathan .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 20% 40%;
			background-size: cover;
		}
		
		#testimonial.nicole .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 20%;
			background-size: cover;
		}
		
		#testimonial.rachel .image {
			height: 300px;
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 5%;
			background-size: cover;
		}
		
		#testimonial.roselyn .image {
			background: url('');
			background-repeat: no-repeat;
			background-position: 100% 15%;
			background-size: cover;
		}
		
				/* MOBILE (XS) ONLY */
				@media (max-width: 767px) {
		
					#testimonial .quote {
						font-size: 24px;
					}
		
				}
				
				/*@media (max-width: 1599px) {
					.container-sm-height, .row-sm-height, .col-sm-height {
						height: 300px;
					}
				}*/
				
				
				@media (min-width: 1600px) {
					.container-sm-height, .row-sm-height, .col-sm-height {
						-webkit-height: 400px;
					}
				}

/* @end */



/* @group Key Dates & Apply */

		#apply.container-fluid {
			max-width: 1500px;
			font-size: 16px;
		}
		
		.image-bg {
			width: 100%;
			height: 150px;
			background-color: gray;
			margin-top: 20px;
			margin-bottom: 30px;
		}
		
		div.image-bg.grant {
			background: url('../_assets/img/bgs/bike.jpg');
			background-repeat: no-repeat;
			background-position: 50% 30%;
			background-size: cover;
		}
		
		div.image-bg.win {
			background: url('../_assets/img/bgs/bike.jpg');
			background-repeat: no-repeat;
			background-position: 50% 30%;
			background-size: cover;
		}
		
		.key-date-box {
			text-align: left;
			margin-bottom: 20px;
		}
		
		.key-date-box.last {
			margin-bottom: 0px;
		}
		
		.date-box {
			padding: 0;
			margin: 0;
			display: block;
			float: left;
			
			margin-left: 0px;
		}

		.date-circle {
			width: 70px;
			height: 70px;
			border-radius: 50%;
			background-color: #e4061f;
			text-align: center;
			color: white;
		}
		
		.date-day {
			padding: 0;
			margin: 0;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 10px;
		}
		
		.date-number {
			padding: 0;
			margin: 0;
			padding-top: 8px;
			/*text-transform: uppercase;*/
			font-weight: 300;
			font-size: 24px;
		}
		
		.date-month {
			padding: 0;
			margin: 0;
			margin-top: -4px;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 10px;
		}
		
		.date-text{
			font-size: 14px;
			font-weight: 600;
			color: white;
			text-transform: uppercase;
			line-height: 1.2em;
			
			padding-top: 27px;
		}
		
		.event-box {
			padding: 0;
			margin: 0;
			text-align: left;
			margin-left: 95px;
			margin-top: 7px;
		}
		
		.event-time {
			text-transform: uppercase;
			font-weight: 800;
			font-size: 13px;
			
			padding: 0;
			margin: 0;
		}
		
		.event-text {
			padding: 0;
			margin: 0;
		}
		
		div.how-apply p {
			line-height: 1.7em;
		}


/* @end */



/* @group Footer */
		
		footer {
			padding: 30px;
			color: white;
		}
		
		footer a {
			color: white;
		}
		
		footer a:hover {
			color: white;
			text-decoration: none;
		}
		
		.copyright {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			text-align: center;
			margin: 0;
			padding: 0;
		}

/* @end */



/* @group Page Header Images */
		#main-header {
			background-image: url('../_assets/img/bgs/campus.jpg');
			background-repeat: no-repeat;
			background-position: 50% 30%;
			background-size: cover;
			
			height: 300px;
			width: 100%;
			margin-top: 0px;
			position: relative;
			/*margin-bottom: 40px;*/
		}
		
		#choose .home-hide {
			display: none;
		}
		
		#main-header h1 {
			background-color: black;
			background-color: rgba(0, 0, 0, 0.75);
			font-weight: 300;
			max-width: 95%;
			
			margin: 0;
			padding: 10px 30px;
			margin-bottom: 20px;
			
			/*border-radius: 30px 0 30px;*/
			
			position: absolute;
			bottom: 0;
			left: 0;
			-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
			box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
		}
		
		body.atar-calculator #main-header {
			background-image: url('../_assets/img/bgs/design.jpg');
			background-repeat: no-repeat;
			background-position: 0% 50%;
		}
		
		body.options #main-header {
			background-image: url('../_assets/img/bgs/laugh.jpg');
			background-repeat: no-repeat;
			background-position: 0% 30%;
		}
		
		body.expo #main-header {
			background-image: url('../_assets/img/bgs/futurise.jpg');
			background-repeat: no-repeat;
			background-position: 50% 30%;
		}
		
		body.online #main-header {
			background-image: url('../_assets/img/bgs/apply.jpg');
			background-repeat: no-repeat;
			background-position: 0% 50%;
		}
		
		body.one-on-one #main-header {
			background-image: url('../_assets/img/bgs/advice.jpg');
			background-repeat: no-repeat;
			background-position: 0% 35%;
		}
		
		body.quick-rego #main-header {
			background-image: url('../_assets/img/bgs/campus.jpg');
			background-repeat: no-repeat;
			background-position: 0% 33%;
		}
		
		body.call #main-header {
			background-image: url('../_assets/img/bgs/collaboration.jpg');
			background-repeat: no-repeat;
			background-position: 0% 30%;
		}


/* @end */



/* @group Page Elements */

		ul.first-level-menu {
			-webkit-padding-start: 0px;
			list-style: none;
		}
		
		.first-level-menu li {
			background-image: url(/vtac/_assets/img/red-bullet.png);
			background-repeat: no-repeat;
			background-position: 10px 52%;
			background-size: 8px 14px;
			margin-top: 20px;
			padding: 10px 10px 10px 30px;
			font-weight: 700;
			font-size: 16px;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			border-top: 2px solid;
			border-bottom: 2px solid;
			border-color: #ed1b2e;
			border-color: rgba(237, 26, 45, 0.2);
		}
		
		.first-level-menu li:hover {
			background-color: #ded9d5;
			background-color: rgba(222, 217, 213, 0.15);
			border-color: #ed1b2e;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			text-decoration: none;
		}
		
		.first-level-menu a {
			text-decoration: none;
		}
		
		h6.double-space ul {
			font-weight: 700;
		}
		
/* @end */



/* @group Areas of Study */
		#study-areas {
			max-width: 1500px;
		}

		#study-areas a:hover {
			text-decoration: none;
		}
		
		#study-areas div.area-block {
			padding: 15px 15px;		
		}
		
		/*#study-areas a:hover div.area-block {
			background-color: #e3dcd4;
		}*/
		
		#study-areas div.area-title {
			background-color: rgba(227, 220, 212, 0.5);
			text-align: left;
			margin: 0;
			padding: 5px 15px;
			
			/*-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;*/
		}
		
		#study-areas div.area-title h4 {
			font-size: 24px;
			color: black;
			font-weight: 600;
			text-decoration: none;
		}
		
		#study-areas a:hover div.area-title {
			/*border-bottom: 3px solid #e4061f;*/
			background-color: #e4061f;
		}
		
		#study-areas a:hover div.area-title h4 {
			color: white;
			/*font-weight: 600;*/
			/*text-decoration: none;*/
		}

		#study-areas .area-desc {
			background-color: rgba(227, 220, 212, 0.2);
			font-size: 15px;
			color: black;
			text-decoration: none;
			text-align: left;
			padding: 10px 15px;
			line-height: 1.6em;
		}
		
		#study-areas .area-picture {
			width: 100%;
			height: 100px;
			
			background-image: url('../_assets/img/bgs/campus.jpg');
			background-repeat: no-repeat;
			background-position: 50% 30%;
			background-size: cover;
			
			/*margin-top: 10px;*/
		}
		
		#study-areas #arts div.area-picture {
			background-image: url('../_assets/img/study-areas/arts.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #aviation div.area-picture {
			background-image: url('../_assets/img/study-areas/aviation.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #business div.area-picture {
			background-image: url('../_assets/img/study-areas/business.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #design div.area-picture {
			background-image: url('../_assets/img/study-areas/design.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #education div.area-picture {
			background-image: url('../_assets/img/study-areas/education.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #engineering div.area-picture {
			background-image: url('../_assets/img/study-areas/engineering.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #english div.area-picture {
			background-image: url('../_assets/img/study-areas/english.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #environment div.area-picture {
			background-image: url('../_assets/img/study-areas/environment.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #film div.area-picture {
			background-image: url('../_assets/img/study-areas/film.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #games div.area-picture {
			background-image: url('../_assets/img/study-areas/games.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #health div.area-picture {
			background-image: url('../_assets/img/study-areas/health.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #ict div.area-picture {
			background-image: url('../_assets/img/study-areas/ict.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #law div.area-picture {
			background-image: url('../_assets/img/study-areas/law.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #media div.area-picture {
			background-image: url('../_assets/img/study-areas/media.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #psychology div.area-picture {
			background-image: url('../_assets/img/study-areas/psychology.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #science div.area-picture {
			background-image: url('../_assets/img/study-areas/science.jpg');
			background-position: 50% 50%;
		}
		
		#study-areas #apprenticeships div.area-picture {
			background-image: url('../_assets/img/study-areas/apprenticeships.jpg');
			background-position: 50% 50%;
		}


/* @end */



/* @group Input Fields & Forms */


		.cm label {
			font-weight: 400;
			display: block;
		}
		
		input {
			outline: none !important;
		}
		
		input[type="text"], input[type="email"], input[type="tel"], input[type="password"]{
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			-ms-border-radius: 0px;
			-o-border-radius: 0px;
			border-radius: 0px;
			outline: none;
			border: 1px solid rgba(0, 0, 0, 0.1);
			
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
			
			padding: 8px;
			margin-bottom: 10px;
			width: 100%;
			font-size: 15px;
			color: black;
			font-weight: 400;
		}
		
		input[type='checkbox']{
			margin-bottom: 0px;
			padding-bottom: 0px;
			display: inline;
		}
			
		select {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			-ms-border-radius: 0px;
			-o-border-radius: 0px;
			border-radius: 0px;
			
/*			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;*/
			
			margin-bottom: 15px;
			height: 30px;
			/*padding: 15px 15px; DC;  */
			background-color: white;
			outline: none;
			font-size: 15px;
		}
		
		textarea {
		    min-height: 120px;
		    width: 90%;
		}
		
		input.error, select.error {
			border: 1px solid red;
			background-color: #fdd;
		}
		
		.cm p.error {
			border: 1px solid red;
			background-color: #fdd;
		}
		
		#cm-form .multiple {
			margin-bottom: 20px;
		}
		
		#cm-form .multiple label {
			display: inline;
		}
		
		#cm-form .multiple input {
			margin-bottom: 10px;
			margin-right: 4px;
		}
		
		#cm-form .multiple > input[type="radio"] {
			margin-left: 20px;
			margin-top: 10px;
		}
		
		label.error {
			display: none !important;
		}
		
		#cm-form input[type="submit"], .button-style {
			-webkit-appearance: none;
			-webkit-border-radius: 0;
			-webkit-box-sizing: border-box;
			
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;
			
			/*width: 60%;*/
			padding: 10px 30px;
			/*margin-left: auto;
			margin-right: auto;*/
			margin-top: 10px;
			/*margin-bottom: 20px;*/
			
			background: #ed1b2e;
			display: inline-block;
			cursor: pointer;
			color: white;
			border: 0px;
			
			font-size: 15px;
			font-weight: 700;
			text-align: center;
			text-decoration: none;
			/*text-transform: uppercase;*/
		}
		
		@media (max-width: 767px) {
			#cm-form input[type="submit"], .button-style {
			width: 100%;
			/*margin-top: 20px;*/
			margin-bottom: 20px;
			}
		
		}
		
		#cm-form input[type="submit"]:hover, .button-style:hover {
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;
			
			background: rgba(237, 26, 45, 0.75);
			color: white;
			font-weight: 700;
			text-decoration: none;
		}
		
		input[type="submit"].big, .button-style.big {
			font-size: 22px !important;
		}
		
		.red {
			color: #e4061f;
		}
		
		#enquiry-form .key {
			text-align: right;
		}
		
		#enquiry-form legend {
			border: 0;
			font-size: 16px;
		}
		
		#enquiry-form abbr {
			color: red;
			margin-left: 5px;
		}
		
		#enquiry-form abbr {
			color: red;
			margin-left: 5px;
		}
		
		#enquiry-form span.radio {
			margin-left: 20px;
		}
		
		#enquiry-form label {
			font-weight: 400;
			display: block;
		}
		
		#enquiry-form .visually-hidden {
			overflow: hidden;
			position: absolute;
			clip: rect(0 0 0 0);
			height: 1px;
			width: 1px;
			margin: -1px;
			padding: 0;
			border: 0; 
		}
		
		#enquiry-form .btn {
			-webkit-appearance: none;
			-webkit-border-radius: 0;
			-webkit-box-sizing: border-box;
			
			display: inline-block;
			cursor: pointer;
			
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 1px;
			
			padding: 20px 40px;
			margin-top: 20px;
			/*margin-bottom: 20px;*/
			
			-webkit-transition: all 300ms ease-in-out;
			-moz-transition: all 300ms ease-in-out;
			-o-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}
		
		#enquiry-form .btn {
			background-color: inherit;
			border: 2px solid #e4061f;
			color: #e4061f;
		}
		
		#enquiry-form .btn:hover {			
			background-color: #e4061f;
			color: white;
			text-decoration: none;
		}
		
				/* MOBILE (XS) ONLY */
				@media (max-width: 767px) {
					#enquiry-form .btn {
					width: 100%;
					}
				}

/* @end */



/* @group Bootstrap Add-ons & Plugins */

		.container-xs-height {
		    display:table;
		    padding-left:0px;
		    padding-right:0px;
		}
		
		.row-xs-height {
		    display:table-row;
		}
		
		.col-xs-height {
		    display:table-cell;
		    float:none;
		}
		
		@media (min-width: 768px) {
		    .container-sm-height {
		        display:table;
		        padding-left:0px;
		        padding-right:0px;
		    }
		    .row-sm-height {
		        display:table-row;
		    }
		    .col-sm-height {
		        display:table-cell;
		        float:none;
		    }
		}
		
		@media (min-width: 992px) {
		    .container-md-height {
		        display:table;
		        padding-left:0px;
		        padding-right:0px;
		    }
		    .row-md-height {
		        display:table-row;
		    }
		    .col-md-height {
		        display:table-cell;
		        float:none;
		    }
		}
		
		@media (min-width: 1200px) {
		    .container-lg-height {
		        display:table;
		        padding-left:0px;
		        padding-right:0px;
		    }
		    .row-lg-height {
		        display:table-row;
		    }
		    .col-lg-height {
		        display:table-cell;
		        float:none;
		    }
		}
		
		.col-top {
		    vertical-align:top;
		}
		
		.col-middle {
		    vertical-align:middle;
		}
		
		.col-bottom {
		    vertical-align:bottom;
		}
		
		.img-responsive {
		    width: 100%
		}
		
		@media (max-width: 767px) {
			.xs-push-down {
				margin-top: 40px !important;
			}
		}
		
		@media (min-width: 768px) {
			.col-sm-pad-1 {
				padding-left: 25px !important;
				padding-right: 25px !important;
			}
			
			.col-sm-pad-2 {
				padding-left: 35px !important;
				padding-right: 35px !important;
			}
			
			.col-sm-pad-3 {
				padding-left: 45px !important;
				padding-right: 45px !important;
			}
			
			.col-sm-pad-4 {
				padding-left: 55px !important;
				padding-right: 55px !important;
			}
			
			.col-sm-pad-5 {
				padding-left: 65px !important;
				padding-right: 65px !important;
			}
			
			.sm-push-down {
				margin-top: 40px !important;
			}
		}
		
		@media (min-width: 992px) {
			.col-md-pad-1 {
				padding-left: 25px !important;
				padding-right: 25px !important;
			}
			
			.col-md-pad-2 {
				padding-left: 35px !important;
				padding-right: 35px !important;
			}
			
			.col-md-pad-3 {
				padding-left: 45px !important;
				padding-right: 45px !important;
			}
			
			.col-md-pad-4 {
				padding-left: 55px !important;
				padding-right: 55px !important;
			}
			
			.col-md-pad-5 {
				padding-left: 65px !important;
				padding-right: 65px !important;
			}
			
			.md-push-down {
				margin-top: 40px !important;
			}
		}
		
		@media (min-width: 1200px) {
			.col-lg-pad-1 {
				padding-left: 25px !important;
				padding-right: 25px !important;
			}
			
			.col-lg-pad-2 {
				padding-left: 35px !important;
				padding-right: 35px !important;
			}
			
			.col-lg-pad-3 {
				padding-left: 45px !important;
				padding-right: 45px !important;
			}
			
			.col-lg-pad-4 {
				padding-left: 55px !important;
				padding-right: 55px !important;
			}
			
			.col-lg-pad-5 {
				padding-left: 65px !important;
				padding-right: 65px !important;
			}
			
			.lg-push-down {
				margin-top: 40px !important;
			}
		}
		
		div.red-box{
			background-color: #e4061f;

			padding: 25px;
			/*border: 25px solid navy;*/
			border-radius: 50px 0 50px;
			/*margin: 25px;*/
		}
		
		* {box-sizing:border-box}

/* CSS for youtube iframe */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* CSS for accordion */

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


/* @end */