/*
	Theme Name:	NYU Refresh
	Template:	hotchalk-bootstrap
	Description: New Theme for NYU Teacher Education
	Author:	 Matthew J. Stellato - CCA New York http://www.ccanewyork.com
	NYU EMAT - http://teachereducation.steinhardt.nyu.edu/
	Agency: Creative Communication Associates - http://www.ccanewyork.com
	Crafted by: Matthew J. Stellato - http://www.matthewstellato.com
	Version: 1.0
*/


/*  Reset | http://meyerweb.com/eric/tools/css/reset/
---------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,
caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,
figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,
legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,
strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clear:after,.clear:before,.clearfix:after{content:"";display:block}table{border-collapse:collapse;border-spacing:0}
.clearfix:after{visibility:hidden;clear:both;height:0}.clear:after{clear:both}.clear{zoom:1}:focus{outline:0}.hidden{display:none}


/* Fonts
---------------------------------------------------------*/
@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Light.eot');
	src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Light.woff') format('woff'),
		url('fonts/Gotham-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Book.eot');
	src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Book.woff') format('woff'),
		url('fonts/Gotham-Book.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Medium.woff') format('woff'),
		url('fonts/Gotham-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

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

/* General Styles
---------------------------------------------------------*/
body {
	background: #FFF url('img/bg-body.jpg') no-repeat bottom right;
	color: #000;
	font-family: "Gotham", arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4em;
	-webkit-font-smoothing: antialiased;
	padding-top:64px;
}


strong {
	font-weight: bold;
}

a, a:focus {
	color: #57068c;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: underline;
}

a:hover {
	color:#666;
	text-decoration: underline;
}


.wrap {
	padding:20px;
	position: relative;
	max-width:1200px;
	margin: 0 auto;
}

.wrap:after, .two-col:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

p {
	padding-bottom:20px;
}

#menu, .mobile, #mobileCTA {
	display: none;
}

.desktop {
	display: block;
}


/* Header 
----------------------------------------------------------*/

header {
	text-transform: uppercase;
 	position: fixed; 
	top:0;
	left:0;
	width: 100%;
	z-index: 200;
	background: #FFF;	
	box-shadow: 1px 0px 9px 3px rgba(0,0,0,.1)
}

header h1, header h1 a {
	width: 200px;
    height: 24px;
}

header h1 a {
	display: block;
	background:url('img/logo.png') no-repeat 0 0;
	background-size:100%;
	text-indent: -9999em;
}

header .btn.request {
	position: absolute;
	right:20px;
	top:18px;
	padding:5px 10px;
	font-size:14px;
}

header.scrolled #current.process {
	background:none;
}

header .process {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

header.scrolled .process {
	background:#57068c;
}

header.scrolled .process > a:hover, 
header.scrolled .process > a {
	color:#d0d68e !important;
}


/* Navigation
---------------------------------------------------------*/

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
	background: none;
}

.navbar {
	text-align: center;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
}

ul.navbar-nav {
	padding-top: 0;
}

.navbar-nav ul {
	height: 100%;
}

.navbar-nav > li {
	height: 64px;
}

.navbar-nav > li > a .caret {
	display: none;
}

.navbar-nav > li > a {
	color: #a4a597;
	font-size: 15px;
	letter-spacing: -.5px;
	font-weight: bold;
	line-height: normal;
	padding: 15px 10px;
	transform: translateY(-50%);
	top: 50%;
}

.navbar-nav li a {
	text-decoration: none;
}

.navbar-nav li a:hover {
	background: none;
	color: #666;
}

.navbar-nav .dropdown-menu {
	box-shadow: none;
}

.navbar-nav .dropdown-menu li a {
	color: #a4a597;
	font-size: 15px;
	letter-spacing: -.5px;
	font-weight: bold;
	line-height: normal;
	margin-top: 0;
	padding: 7px 16px;
}

.navbar-nav li a:hover {
	background: none;
	color: #666;
}

.navbar-nav li.active a, 
.navbar-nav .dropdown-menu li.active a {
	background: none;
	color: #57068c;
}

.navbar-nav li .dropdown-menu {
	border: none;
	border-radius: 0;
	box-shadow: 0px 9px 8px -2px rgba(0,0,0,.1) !important;
	height: auto;
	text-align: left;
	min-width: auto;
}

.navbar-nav .dropdown-menu li a {
	color: #a4a597;
}

.navbar-nav .dropdown-menu li a:hover {
	color: #666;
}

.navbar-nav .dropdown-menu li.menu-level2 a:hover {
	color: #a4a597;
}

.menu-level3 {
	padding-left: 20px;
}

.navbar-nav .dropdown-menu li.menu-level3 a {
	padding-top: 0;
	padding-bottom: 10px;
	text-transform: initial;
}

/* Headlines and Buttons
---------------------------------------------------------*/
#banner {
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	font-size:22px;
	line-height: normal;
	position: relative;
}

.vvqbox {
	position: relative;
	z-index: 9;
}

.vvqbox iframe {
	width: 100%;
	height: 100%;
}

/*#banner.home, */
#banner {background-image: url('img/banner-home.jpg');}
#banner.home {background-image: none;}
#banner.home-2 {background-image: url('img/banner-home2.jpg'); background-position-y: 20%;}
#banner.thank-you {background-image: url('img/banner-home.jpg');}
#banner.costs {background-image: url('img/banner-costs.jpg'); background-position: center center;}
#banner.process {background-image: url('img/banner-process.jpg'); background-position: center center;}
#banner.locations {background-image: url('img/banner-locations.jpg'); background-position: center center;}
#banner .videoWrappper {background-image: url('img/banner-locations.jpg'); background-position: left center; background-repeat: no-repeat;}
#banner.faculty {background-image: url('img/banner-faculty.jpg'); background-position: center center;}
#banner.curriculum {background-image: url('img/banner-curriculum.jpg');}
#banner.sf-experience {background-image: url('img/banner-sf-experience.jpg'); background-position: center center;}
#banner.program-overview {background-image: url('img/banner-overview.jpg'); background-position: center center; background-position-y: 60%;}
#banner.program-experience {background-image: url('img/banner-experience.jpg'); background-position-y: 50%;}

#banner:before,
#banner:after,
#banner .heading:after {
	display: block;
	position: absolute;
	content: '';
}

#banner:before {
/* 	background:rgba(0,0,0,.3); */
	top:0; left:0;
	bottom:0;
	width:100%;
}

#banner:after,
#banner .heading:after {
	top:0;
	right:0;
	bottom:0;
	width:27.5%;
	background:#FFF;
}

#banner .wrap {
	padding:0;
}

#page-search-results #banner .wrap {
	display: none;
}

#banner p {
	padding: 0
}

#banner p.desc {
    color: rgba(255,255,255,.6);
    font-size: 13px;
    margin-top: 20px;
    font-weight: 500 !important;	
}

#banner .heading {
	box-sizing: content-box;
	color:#FFF;
	width:72.5%;
	float:left;
	min-height: 500px;
}

.main {
	width:72.5%;
	padding:20px 0;
	box-sizing: border-box
}

.main.lg {
	width: 90%
}

#page-home #banner .heading {
	min-height: auto;
}

#page-home .intro h2 {
	font-size: 60px;
	line-height: 1;
}

.intro {
	padding-right:80px;
	line-height: 26px;
}

.intro h3 {
	margin-bottom:20px;
	font-size:24px;
	line-height: 32px;
	color:#57068c;
	font-weight: normal !important;
}

#banner .heading div {
	box-sizing: border-box;
	padding:40px 80px 40px 20px;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width:72.5%;	
}

#banner h2 {
	display: block;
	position: absolute;
	bottom: 40px;
}

#banner h2 {
	font-size:70px;
	line-height: 65px;
	font-weight:bold;
	letter-spacing: -1.5px;
	color:#FFF;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#page-sf-experience #banner h2, 
#page-san-francisco #banner h2 {
	font-size: 66px;
}

#page-inwood #banner h2 {
	font-size: 58px;
}

#banner .heading h3 {
	text-transform: uppercase;
	font-size:16px;
	margin-bottom:100px;
}


/* Aside */
aside {
	width: 30.5%;	
	right:20px;
	top:60px;	
	position: absolute;	
	z-index: 100;	
}

aside div.bucket {
	text-align: center;
	padding:30px 25px;
	box-sizing: border-box;
	font-size:15px;
	-webkit-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
}

aside div.cta {
	background: #57068c;
	color:#FFF;
}

aside div.sessions {
	background: #f1f1f1;
	margin-top:30px;
	font-size:14.5px;
	line-height: 20px;
}

.sessions ul {
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
}

.sessions li strong {
	display: block;
}

.sessions li strong em {
	font-weight: normal;
	font-style: normal;
	font-size:.8em;
}

.sessions li span {
	display: block;
	color:#888;
}

.sessions li {
	padding-bottom:15px;
}

.sessions h5 {
	font-weight: 400;
	font-size:17px;	
	line-height: 20px;
	padding:0 0 0
}

.sessions h5 strong {
	text-transform: uppercase;
	display: block;
	font-size:18px;
	padding-bottom:10px;
}

.sessions h5 span {
	white-space: nowrap
}

.sessions h6 {
	padding:20px 0;
	color:#57068c;
	border-top:1px solid #d1d1d1;
	font-weight: bold;
	font-size:17px;
}

.sessions p {
	font-size:14px;
}

.sessions p a {
	border-bottom:1px solid transparent;
}
.sessions p a:hover {
	color:#000;
	border-bottom: 1px solid #000
}

aside h4 {
	font-weight: 400;
	color:#FFF;
	font-size:24px;
    line-height: 32px;
    padding: 0;	
}

aside h4 strong {
	font-weight: bold;
	display: inline-block;
	color:#cfd58b;
}

.plato .socprogram {
	display: none;
}

.plato .f_submit, 
aside .btn, aside .btn-submit, #refer .btn, #singleForm form .btn-submit {
	width: 100% !important;
	padding:18px 0 !important;
	font-size:25px !important;
	margin:20px 0 15px;
	-webkit-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);	
}

.plato .f_submit {
	margin: 15px 0 0 0;
}

aside a.btn {
	text-decoration: none;
}

aside .cta p a {
	color:#FFF;
	text-transform: uppercase;
	display: inline-block;
	border-bottom:1px solid rgba(255,255,255,.5);
	text-decoration: none;
}

aside .cta p a:hover {
	color:#cfd58b;
	text-decoration: none;
	border-bottom:1px solid #cfd58b;
}

span.actions {
	display: block;
}

#request {
	text-align: left;
	padding:20px 0 0;
}

#banner aside form .field-box div {
	padding:0 0 15px;
}

#banner aside form .field-box div.donebox {
	padding-bottom:0;
}

#banner aside form .field-box div.donebox .btn-submit {
	margin:0;
}

#banner aside form .field-box div.disclaimer {
    font-size: 12px;
    margin-top: 15px;
    padding-bottom:0;
    text-align: left
}

.field-box p {
	text-align: left;
}

#banner aside form .field-box div.disclaimer label,
#singleForm form .field-box div.disclaimer label {
	display: none !important;
}

#request .closeBtn {
	right:10px;
	top:10px;
	width: 20px;
	height: 20px;
	background-size: 100%;
}

#request .category,
#request .program {
	display: none !important;
}


/* Accordion 
---------------------------------------------------------*/
#accordion {
	border-bottom:1px solid #c1c1c1;
	margin:20px 0;
}

#accordion .item {
	border-top:1px solid #c1c1c1;
	position: relative;
}

#accordion .item div.content {
	display: none;
	padding-right:80px;
	padding-left:10px;
}

#accordion .item h4 {
	font-size:18px;
	color:#57068c;
	padding: 0;
	font-weight: 700;
}

#accordion .item h4 a {
	display: block;
	padding:20px 40px 20px 10px;
	cursor: pointer;
}

#accordion .item h4 a:hover {
	text-decoration: none;
	background:rgba(255,255,255,.2)
}

#accordion .item.open h4 a:hover {
	color:#57068c;
	background: none;
}

#accordion h6 {
	padding-bottom:5px;
}

.item {
	position: relative;
}

.pr80 {
	display: block;
	border:0 !important;
	padding:0 80px 0 0 !important
}

a.ddContent {
	display: block;
	padding-right:80px
}

a.ddContent span {
	position: absolute;
	display: block;
	top:27px;
	right:10px;
	width: 27px;
    height: 15px;
	background: url('img/arrows.png') no-repeat bottom left;
	background-size:100%;
}

.item.open a.ddContent span {
	background-position: top left;
	bottom:27px;
	top:auto;
}

table {
	margin:0 0 20px;
}

th, td {
	padding:0 25px 5px 0;
}

td span {
	white-space: nowrap
}


/* Grey
---------------------------------------------------------*/
.mt80 {
	margin-top:80px !important;
}

.grey {
	padding:60px 120px;
	box-sizing: border-box;
	background: #f1f1f1;
	margin:0 0 0 100px;
	position: relative;
	line-height: 26px;
}

.grey p span {
	font-weight: 500;
}

.icon {
	position: absolute;
	top:-40px;
	left:-100px
}

.grey li {
	font-size:18px;
	line-height: 26px;
	padding:0 0 20px 0;
}

.bull, ul {
	padding:10px 0 20px
}

.bull li {
	background:url('img/icon-bullet.png') no-repeat 0 5px;
	padding: 0px 0 20px 30px;
}

.grey em {
	color:#666;
	font-size:15px;
	line-height: normal
}

blockquote {
	background: #a4a597;
	color:#FFF;
	font-size:24px;
	line-height: 30px;
	font-style: italic;
	padding:60px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	right:20px;
	bottom:20px;
	width: 30%;
	-webkit-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

blockquote:before {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content: '';
	display: block;
	background: rgba(164,165,151,.9);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

blockquote div {
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	
}

blockquote.program-overview {
	background:url('img/quote-program-overview.jpg') no-repeat center center;
	background-size:cover;
}

blockquote.program-overview:hover {
	background-image: url('img/quote-program-overview-hover.jpg');
}

blockquote.location {
	background:url('img/quote-location.jpg') no-repeat center center;
	background-size:cover;
}

blockquote.location:hover {
	background-image: url('img/quote-location-hover.jpg');
}

blockquote.qual {
	background:url('img/quote-qual.jpg') no-repeat center center;
	background-size:cover;
}

blockquote.qual:hover {
	background-image: url('img/quote-qual-hover.jpg');
}

blockquote:hover div, blockquote:hover:before {
	opacity: 0;
}


cite {
	font-style: normal;
	display: block;
	font-size:14px;
	line-height: 18px;
	text-transform: uppercase;
	padding-top:20px;
	border-top:1px solid #FFF;
	margin-top:20px;
}

cite strong {
	display: block;
}

blockquote span {
	display: block;
	color:#cfd58b;
	font-size:60px;
	font-weight: bold;
	font-style: normal
}

blockquote span:first-child {
	padding:0 0 20px;
}

blockquote span:last-child {
	padding:40px 0 0;
}

sup {
	font-size:.5em;
	position: relative;
	top:-10px;
}

/* Headlines and Buttons
---------------------------------------------------------*/

.main h1 {
	color:#212121;
	font-family: "Gotham", arial, sans-serif !important;
	font-weight: bold !important;
	font-size:50px;	
	margin-bottom:20px;
}

h2 {
	color:#57068c;
	font-family: "Gotham", arial, sans-serif !important;
	font-weight: bold !important
}

.main h2 {
	font-size: 34px;
	line-height: 34px;	
	margin-bottom:40px;
}

h3 {	
	font-family: "Gotham", arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 30px;
	line-height: 30px;
	margin-bottom:10px;
}

h4 {
	color:#999;
	padding-bottom:20px;
	font-weight: 400;
	font-size:24px;
	line-height: 24px;
}

h5 {
	padding-bottom:10px;
	font-weight: 700
}

.plato .f_submit, 
.btn, .btn-submit {
	text-transform: uppercase;
	text-align: center;
	color:#FFF;
	background:#57068c;
	font-weight: bold;
	display: inline-block;
	padding:10px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size:16px;
	line-height: 16px;
	border: 0;
	position: relative;
    box-sizing: border-box; 
    border-radius: 0;     	
}

.plato .f_submit, 
.btn.alt, .btn-submit {
	background: rgb(207,213,139); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(207,213,139,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(207,213,139,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(207,213,139,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd58b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */	
	color:#57068c;
	line-height: normal
	/* 	background: #cfd58b; */
}

.plato .f_submit:hover, 
.btn.alt:hover, .btn-submit:hover {
	background-color:#FFF;
	background: -moz-linear-gradient(left, rgba(164,165,151,1) 0%, rgba(209,210,203,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(164,165,151,1) 0%,rgba(209,210,203,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(164,165,151,1) 0%,rgba(209,210,203,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a597', endColorstr='#FFFFFF',GradientType=1 ); /* IE6-9 */
	color:#FFF;
	border: none;
}

.plato .f_submit:hover, 
.btn:hover {
	background:#a4a597;
	cursor: pointer;
	color:#FFF;
}

.btn.red {
	background:#ee3124;
	color:#FFF;	
}

.btn.red:hover {
	background:#212121;
	color:#FFF;	
}


/* Requirements 
----------------------------------------------------------*/
/*
.requirements {
	padding:60px 60px 60px 120px;
}
*/

.requirements h5 {
	color:#57068c;
	font-size:18px;
}

.requirements div.requirement {
	border-top:1px solid #d1d1d1;
	padding:30px 0 10px 0;
}

.requirements div.content {
	border: 0;
	padding: 0;
	display: none;
}

.requirements .subjects div.content {
	font-size:15px;
    line-height: 20px;	
	padding-right:50px;
}	
.subjects .item li {
	font-size:15px;
    line-height: 20px;	
}

.requirements h6 a {
	padding-top:15px;
	padding-bottom:15px;
	font-weight: bold;
	font-size:16px;
	border-top:1px solid #e1e1e1;
}

.requirements h6 a:hover {
	color:#000;
}

.requirements h6 em {
	display: block;
	color:#a4a597;
	text-transform: none;
	font-size:14px;
	padding-top:5px;
	
}

.grey address {
	padding:0 0 20px 20px;
}

.requirements ul {
	padding:10px 0 20px 20px;
}

.requirements li {
	padding: 0 0 10px;
	font-style: italic;
}

.bgCheck {
	padding:50px 100px 0 220px;
}


#qualifications h2 {
	margin: 0 0 10px;
}

#qualifications h4 {
	font-size:18px;
}
	
	
/* Curriculum 
----------------------------------------------------------*/
#curriculum {
	margin-top:0;
}

#curriculum h5 {
	color:#57068c;
	font-size:24px;
}

#curriculum div.step {
	padding:40px 0;
}

.coursetype {
	font-weight:bold;
	color:#57068c;
	padding:5px;
	border-bottom:1px solid #e1e1e1;	
}

.coursetype .credits {
	display: inline;
	color:#999;
}

.coursecode {
	display: none;
}

.pt20 {
	padding-top:20px;
}

.vvo_courses a {
	display: block;
}

.coursename {
	display: block;
	font-weight: bold;
	padding:15px 40px 15px 5px;
	cursor: pointer;
	border-bottom:1px solid #e1e1e1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size:16px;
	background-position: right 10px top 50%;
	background-size:20px;
	background-repeat: no-repeat;
	background-color:none;
	background-image: url('img/arrow-down-purple.png');
}

.vvo_coursesdescription {
	font-size:15px;
	line-height: 22px;
	padding:5px 40px 5px 5px;
	border-bottom:1px solid #e1e1e1;
}

.coursename:hover {
	background-color:rgba(255,255,255,.5);
}

.on .coursename {
	background-image: url('img/arrow-up-purple.png');
	border-bottom:1px solid transparent;
}

.on .coursename:hover {
	background-color: transparent;
}

/* Columns 
----------------------------------------------------------*/

.two-col .col {
	width: 50%;
	float:left;
	box-sizing: border-box;
}

.two-col .col:first-child {
	padding-right:10px;
}

.two-col .col:last-child {
	padding-left:10px;
}

/* Home 2 
----------------------------------------------------------*/

.page-template-page-home2 .quote span {
	display: block;
	color: #cfd58b;
	font-size: 100px;
	font-weight: bold;
	font-style: normal
}

.page-template-page-home2 .quote .main {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.page-template-page-home2 .quote h3 {
	color: #57068c;
	padding: 20px 0;
}

.page-template-page-home2 .quote img {
	border-radius: 50%;
	width: 150px;
}

.page-template-page-home2 .quote .name {
	color:#cfd58b;
	padding-top: 20px;
}

.page-template-page-home2 .meet-teacher {
	background: #57068c;
	color: #fff;
	padding: 20px 100px;
}

.page-template-page-home2 .meet-teacher .main {
	margin: 0 auto;
	padding: 20px 60px;
	width: 70%;
}

.page-template-page-home2 .meet-teacher h4 {
	color: #fff;
	font-weight: bold;
}

.page-template-page-home2 .meet-teacher .header {
	padding: 0 60px;
}

.page-template-page-home2 .meet-teacher .box-image {
	height: 20px;
}

.page-template-page-home2 .meet-teacher .box-text {
	background: #fff;
	color: #57068c;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 150px;
}

.page-template-page-home2 .meet-teacher .name {
	text-transform: uppercase;
	font-weight: bold;
}

.page-template-page-home2 .meet-teacher .download-pdf {
	text-align: center;
	margin: 40px auto 0 auto;
}

.page-template-page-home2 .benefits .grey {
	margin-right: 100px;
	padding: 60px 180px 60px 120px;
}

.page-template-page-home2 .benefits .cover-pdf a {
	background: url(images/cover.jpg);
	background-size: 238px 313px;
	width: 238px;
	height: 313px;
	margin: 0 auto;
	display: block;
}

.page-template-page-home2 .benefits li {
	background: none;
}

.page-template-page-home2 .benefits li:before {
	content: '\f111';
	color: #57068c;
	font-size: 16px;
	font-family: FontAwesome;
	position: absolute;
	margin-left: -25px;
}

.page-template-page-home2 .benefits .download-pdf {
	position: relative;
}

.page-template-page-home2 .benefits .download-pdf .box {
	background: #57068c;
	float: right;
	margin-top: -270px;
	padding: 30px;
}

/* Locations 
----------------------------------------------------------*/
#locations {
	padding-bottom:50px;	
}

#locations div.loc {
	position: relative;	
	width: 49%;
	float:left;
	box-sizing: border-box;
	padding-left:100px;
	padding-right:20px;
	padding-top:40px;
	margin:20px 0;
}

#locations div.loc .icon {
	left:0;	
	top:0;
	-webkit-box-shadow: 0px 12px 10px -10px #666;
	-moz-box-shadow: 0px 12px 10px -10px #666;
	box-shadow: 0px 12px 10px -10px #666;
}

#locations h3 {
	background:#57068c;
	color:#FFF;
	padding:40px 40px 40px 100px;
	box-sizing: border-box;
	font-size:24px;
	line-height: 28px;
}

#locations h3 span {
	display: block;
	color:#cfd58b;
	font-weight: 400;
	font-size:18px;
	padding-top:10px;
	line-height: normal;	
}

#locations .content {
	display: block;
	padding:20px;
	line-height: 25px;
	border-bottom:1px solid #d1d1d1;
}

#locations a h3 {
	color: #fff;
}

#locations div:hover a h3 {
	color: #d0d68e;
}

#locations a {
	color: #000;
}

.purple {
	color:#57068c;
}

.upper {
	text-transform: uppercase
}

#locations a {
	display: inline-block;
}

#locations a.more {
	display: block;
	text-transform: uppercase;
	font-size:15px;
	color:#999;
	margin-top:20px;
	font-weight: 500;
	cursor: pointer
}

#locations a.more:hover {
	color:#666;
}

#locations .continue {
	display: none;
}

#locations .open .continue {
	display: inline;
}

#locations .open .dot {
	display: none;	
}


/* Costs
----------------------------------------------------------*/
/*body#page-costs .main{
	width: 100%;
}*/
/*body#page-costs .intro{
	width: 72%;
}*/
body#page-costs .finaid {
	text-align: center;
}
body#page-costs .finaid h3{
	font-size: .9em;
	text-align: center;
}
body#page-costs span.value{
	color: #fff;
	font-size: 32px;
}

body#page-costs #tuition .finaid h3.black{
	color: #000;
	font-size: .95em;
	text-align: center;
}

body#page-costs .cage{
	height: 100px;
	background-repeat: no-repeat;
    background-position: center center; 
    background-size: contain;
}
body#page-costs .districts .cage{
	background-image:url('img/NYUS_districts_icon.svg');
}
body#page-costs .scholarships .cage{
	background-image:url('img/NYUS_scholarship_icon.svg');
}
body#page-costs .finaid .cage{
	background-image:url('img/NYUS_FinAid_icon.svg');
}

body#page-costs #finaid-overview{
	display: flex;
	background: #a4a597;
}
body#page-costs #finaid-overview > div{
	min-width: 200px;
	text-align: center;
}
#tuition {
	padding:60px 100px 60px 120px	
}

#tuition h2.divide {
	margin-bottom:10px;
}

#tuition h4 {
	padding-bottom:40px;	
}

#tuition h3 {
	font-size:22px;
	color:#57068c;
	padding-top:10px;
}

#tuition h2 {
	margin-bottom: 0;
}

p.desc {
	color:#888;
	font-size:16px;
	line-height: 22px;
}

#tuition table {
	margin:20px 0;
	width: 100%;
}

#tuition th, #tuition td {
	background: #f1f1f1;	
}

#tuition .divide {
	border-top:1px solid #d1d1d1;
	margin-top:20px;
	padding-top:20px;
}

.tuition-fees {
	padding-bottom: 15px;
}

#mobileChart {
	display: none
}

#mobileChart strong, #mobileChart span {
	display: block;
}

#mobileChart li {
	padding-left:10px;
	border-left:2px solid #d1d1d1;
	padding-bottom:0;
	margin-bottom:20px;
}	

/* Overlay 
----------------------------------------------------------*/
body.formOpen {
	overflow-y: hidden;
}

#overlayBG, #refer, #request, #sessionInfo {
	display: none;
}

#overlayBG {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(87,6,140,.95);
	z-index: 2000;
	overflow: auto
}

#sessionInfo, 
#refer {
	position: absolute;
	z-index: 2100;
	top:0;
	left:0;
	width: 100%;
	color:#FFF;
	overflow: auto;
    height: 100%;	
}

#sessionInfo .wrap, 
#refer .wrap {
	max-width: 960px;
}

#sessionInfo h2, 
#refer h2 {
	font-size:34px;
	padding-bottom:30px;
	color:#FFF;
	margin-top:40px;
}

#refer p.desc {
	font-size:13px;
	font-weight: normal;
}

em.desc {
	font-size:16px;
}

.closeBtn {
	position: absolute;
	top:40px;
	right:20px;
	display: block;
	width:34px;
	height: 34px;
	background: url('img/icon-close-white.png') no-repeat top left;
	background-size:100%;
	text-indent: -999999em;
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	z-index: 9999;
}


/* Refer Form
---------------------------------- */
.referIntro {
	float:left;
	width: 30%;
	box-sizing: border-box;
	padding-right:50px;
	line-height: 25px;
	font-size:20px;
}

#refer .form-container {
	float: left;
	width: 70%;
}

#refer form {
	padding:0 0 0 20px;
	box-sizing: border-box;
	position: relative;
}

fieldset {
	width: 50%;
	box-sizing: border-box;
	float:left;
}

fieldset.friend {
	padding-right:20px;
}

.friend input[type="text"],
.friend input[type="email"],
.hc-invalid-input {
	border:1px solid #cfd58b !important;;
}

.form-validate-errors {
	color:#cfd58b;
}

#refer h3 {
	font-weight: 500 !important;
	font-size:24px;
	line-height: 24px;
	padding-bottom:5px;
	letter-spacing: 0;
}

#refer h3.friend {
	clear: both;
	padding-top: 20px;
}

#refer .friend h3,
#refer .friend label {
	color:#cfd58b;
}

#refer div.referrer,
#refer div.referreremail,
#refer div.firstname,
#refer div.lastname,
#refer div.email,
#refer div.phone  {
	width: 48%;
	float: left;
	margin-bottom: 10px;
}

#refer div.referrer,
#refer div.firstname,
#refer div.email {
	margin-right: 3%;
}

#refer .donebox {
	text-align: right;
	clear: both;
}

#refer .f_submit {
	float: right;
	font-size: 16px !important;
	margin-right: 5px;
	padding: 15px 30px !important;
	width: auto !important;
}

#refer .btn-submit {
	margin: 26px 0 10px;
    padding: 16px 30px;
	box-shadow: none;    
}

#refer .program,
#refer .zipcode {
	height: 1px;
	visibility: hidden;
}

#sessionInfo div.firstname, 
#sessionInfo div.lastname, 
#sessionInfo div.email {
	margin-top: 15px;
}

#sessionInfo div.session, 
#sessionInfo div.district {
	margin-top: 30px;
}

#sessionInfo div.session .label, 
#sessionInfo div.district .label {
	font-weight: bold !important;
	margin-left: 0 !important;
}

#sessionInfo div.session select {
	background: #57068c;
	border: 1px solid #fff;
	height: 44px;
	width: 100%;
}

#sessionInfo div.session select option {
	font-size: 40px;
}

#sessionInfo div.district .checkbox {
	margin-left: 10px;
	padding-left: 23px !important;
}

#sessionInfo div.district input[type='checkbox'] {
	margin-left: -30px;
	transform: scale(1.5);
}

.w50 {
	width: 50%;
	padding-right:20px;
}

/* Forms 
----------------------------------------------------------*/
.plato.form-container .field label.label {
	color: #fff !important;
	margin-left: 0 !important;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
textarea {
	border: 1px solid #FFF;
	padding:10px;
	box-sizing: border-box;
	font-size:16px;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background:transparent;
	font-weight: 500;
}

label {
	display: block !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 0 0 2px 0 !important;
    text-align: left !important;
    border-radius: 0 !important;
}

textarea {
	height: 180px;
}

.text-right {
	text-align: right;
}

/* Privacy
----------------------------------------------------------*/
#page-privacy-policy .main {
	margin: 20px auto 0;
}

#page-privacy-policy .main h1 {
	font-size:40px;
}

#page-privacy-policy .main .intro {
	padding: 0;
}

#page-privacy-policy .main h2 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#page-program-overview .learn-more ul li {
	background: none;
}

#page-program-overview .learn-more ul li:before {
	font-family: FontAwesome;
	content: '\f04d';
	color: #57068c;
	padding-right: 10px;
}

/* Footer 
----------------------------------------------------------*/
#thanks {
	background:#333 url('img/bg-thankyou.jpg') no-repeat center center;
	background-size:cover;
	color:#FFF;
	font-size:22px;
	font-weight: bold
}

#thanks .content {
	max-width: 700px;
	padding:120px 0 20px;
}

#thanks .btn {
	margin-top:20px;	
}

#thanks .btn:hover {
	background:#333;
}

#thanks h2 {
	font-size:55px;
	color:#FFF;
	font-weight: bold;
	margin:0 0 20px;
}

#page-thank-you-referral, 
#page-thank-you {
	background: none;
	padding: 0
}

#page-thank-you-referral header, 
#page-thank-you header {
	position: static
}

#page-thank-you-referral #top, 
#page-thank-you #top {
	display: none;
}

#page-thank-you-referral footer, 
#page-thank-you footer {
	margin-top: 0
}

#page-thank-you-referral .content {
	line-height: 1.4;
	padding-top: 30px;
}

#page-opt-out #banner {
	display: none;
}

#page-opt-out .email input[type="email"] {
	min-width: 200px;
	border: 1px solid black;
}

#page-opt-out .email .label {
	color: black !important;
	padding-right: 10px;
	font-size: 18px;
	float: left;
}

/* Footer 
----------------------------------------------------------*/
footer {
	background:#57068c url('img/bg-footer.jpg') no-repeat bottom right;
	color:#FFF;
	font-size:14px;
	padding:20px 0 40px;
	margin-top:120px;
}

footer img {
	margin-bottom:40px;
	display: block;
}

footer p {
	max-width: 450px;
	padding:0;
}

footer a, footer a:focus{
	color:#FFF;	
	font-weight: bold;
	text-transform: uppercase;
}

footer a:hover {
	color:rgba(255,255,255,.6)
}

footer p a {
	text-transform: none
}

footer address {
	font-style: normal;
	position: absolute;
	right: 20px;
    top: 20px;
    width: 25%;
}

#top {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -999999em;
	background: url('img/arrow-up.png') no-repeat top left;
	position: absolute;
	top:-115px;
	right:20px;
}

.cr {
	float: left;
	margin-right:20px;
	width: 48%;
}

footer ul {
	margin-left:50%;
	padding: 0;
}

footer address strong {
	display: block;
}

footer address span {
	display: block;
	padding-top:15px;
}

footer address span a {
	text-transform: none
}



/* Stand alone form
---------------------------------- */
html {
	min-height: 100%
}

#page-request-info {
	padding: 20px 0;
	min-height: 100%
}

#page-request-info header {
	box-shadow: none;
	background: none;
	position: static;
}

#page-request-info header .wrap {
    padding: 30px 0 0;
}

#page-request-info header h1, #page-request-info header h1 a {
	margin: 0 auto;
    width: 250px;
    height: 30px;	
}

#singleForm {
	background:#57068c;
	padding:30px;
	max-width: 550px;
	margin: 0px auto;
	color:#FFF;
}

#singleForm h3 {
    font-size: 24px;
    line-height: 32px;
    padding: 0 0 20px 0;
}

#singleForm .category,
#singleForm .program {
	display: none !important;
}

span.required, .disclaimer label {
	display: none;
}

#singleForm form div {
	padding:0 0 15px
}

#singleForm form div.donebox, #singleForm form div.form-step  {
	padding: 0;	
}

#singleForm form .field-box div.disclaimer {
    font-size: 12px;
    margin-top: 15px;
    padding-bottom: 0;
    text-align: left;
    color: #FFF;
    line-height: normal;
}

#singleForm form .field-box div.disclaimer p {
	padding: 0;
}

/* Partnerships
---------------------------------- */

body.page-template-page-partnerships {
	background: #fff;
}

.page-template-page-partnerships #banner.home {
	position: absolute;
	top: 0;
}

.page-template-page-partnerships .banner-heading .wrap {
	position: initial;
}

#banner.albany {
	background-image: url(img/banner-albany.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.ascend {
	background-image: url(img/banner-ascend.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.brooklyn-prospect {
	background-image: url(img/banner-brooklyn.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.corona-norco {
	background-image: url(img/banner-corona-norco.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.great-oaks {
	background-image: url(img/banner-great-oaks.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.lighthouse {
	background-image: url(img/banner-lighthouse.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.inwood {
	background-image: url(img/banner-inwood.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.san-francisco {
	background-image: url(img/banner-san-francisco.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.syracuse {
	background-image: url(img/banner-syracuse.jpg); 
	background-position: center center;
	background-size: cover;
}

#banner.palm-beach {
	background-image: url(img/banner-palm-beach.jpg); 
	background-position: top center;
	background-size: cover;
}

.page-template-page-partnerships .banner-heading h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 600;
	position: absolute;
	top: 380px;
}

#page-palm-beach .core-values, 
#page-corona-norco .core-values, 
#page-inwood .core-values, 
#page-lighthouse .core-values {
	display: none;
}

.partnerships .main {
	width: 60%;
}

.partnerships h2 {
	font-size: 34px;
	padding-bottom: 20px;
}

.core-values.gray, 
.district-initiatives.gray, 
.student-population.gray, 
.details.gray {
	background: #f1f2f0;
	margin-bottom: 30px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 60px 60px 60px 100px;
}

.district-initiatives ul, 
.district-initiatives ul li:last-child {
	padding-bottom: 0;
}

.core-values .logo {
	background: url(img/icon-core.jpg) no-repeat scroll;
	width: 170px;
	height: 170px;
	position: absolute;
	left: -100px;
	top: -30px;
}

.core-values {
	margin-top: 50px;
	position: relative;
}

.core-values li {
	list-style: none;
	margin-left: 20px;
	text-align: left;
	width: auto;
}

#page-san-francisco .core-values li {
	float: left;
	list-style: none;
	text-align: center;
	width: 20%;
}

.core-values h5 {
	color: #57068c;
	font-size: 15px;
	text-transform: uppercase;
}

.core-values li h5 {
	margin: 0 auto;
}

.core-values .icon {
	width: 50px;
	height: 50px;
	margin: 0 auto 15px auto;
	position: inherit;
}

.core-values .icon img {
	margin: 0 auto;
}

.student-population .stat .number, 
.student-population .stat .descr {
	font-size: 26px;
	font-weight: 600;
	line-height: initial;
	text-transform: uppercase;
}

.student-population .stat .number {
	float: left;
	margin-right: 10px;
	width: 80px;
	text-align: right;
}

.student-population .stat .descr {
	color: #a4a597;
	display: block;
	margin-left: 90px;
}

.persent-box {
	padding-top: 50px;
}

.persent-box .slick-list li {
	background: #57068c;
	color: #cfd58b;
	float: left;
	height: 170px;
	list-style: none;
	margin-right: 20px;
	padding-top: 20px;
	text-align: center;
	width: 20%;
}

.persent-box h3 {
	color: #fff;
}

.persent-box .descr {
	font-weight: 500;
	line-height: 1.2;
	margin: 0 auto;
	width: 120px;
}

.illustration {
	background: url(img/nyu-flag.jpg) no-repeat scroll;
	width: 370px;
	height: 366px;
	float: right;
	position: relative;
	top: -50px;
}

#page-albany .illustration {
	background: url(img/students-albany.jpg) no-repeat scroll;
}

#page-corona-norco .illustration {
	background: url(img/students-corona-norco.jpg) no-repeat scroll;
}

#page-palm-beach .illustration {
	background: url(img/students-palm-beach.jpg) no-repeat scroll;
}

.shadow {
	-webkit-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
	box-shadow: 0px 9px 11px -6px rgba(0,0,0,0.41);
}

.details .detail-row {
	border-bottom: 1px solid #a4a597;
	padding-bottom: 15px;
	padding-top: 15px;
}

.details .left {
	float: left;
	width: 30%;
}

.details .right {
	display: block;
	margin-left: 35%;
	width: 65%;
}

.detail-row::before, 
.detail-row::after {
	content:' ';
	display: table;
}

.detail-row::after {
	clear:both;
}

.details .detail-row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* iContact form */
#ic_signupform .form-header {
	border-bottom: none !important;
	color: #fff !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#ic_signupform .form-header, 
#ic_signupform .elcontainer {
	background: transparent !important;
}

#ic_signupform .elcontainer {
	border: none !important;
	margin-top: 20% !important;
	padding-bottom: 20px !important;
}

#ic_signupform .elcontainer .formEl.fieldtype-input label, 
#ic_signupform .elcontainer .formEl.fieldtype-dropdown label {
	color: #fff !important;
}

#ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"], 
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select {
	background: transparent !important;
	border-radius: 0 !important;
	color: #fff !important;
}

#ic_signupform .btn.btn-submit {
	text-transform: uppercase !important;
	text-align: center !important;
	background:#57068c !important;
	font-weight: bold !important;
	display: inline-block !important;
	padding: 20px 40px !important;
	cursor: pointer !important;
	-webkit-transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	transition: all 0.2s linear !important;
	font-size:16px !important;
	line-height: 16px !important;
	border: 0 !important;
	position: relative !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
	background: rgb(207,213,139) !important; /* Old browsers */
	background: -moz-linear-gradient(left, rgba(207,213,139,1) 0%, rgba(255,255,255,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(207,213,139,1) 0%,rgba(255,255,255,1) 100%)v; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(207,213,139,1) 0%,rgba(255,255,255,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd58b', endColorstr='#ffffff',GradientType=1 ) !important; /* IE6-9 */	
	color:#57068c !important;
	line-height: normal !important;
	/* 	background: #cfd58b; */
}

#ic_signupform .btn.btn-submit:hover {
	background: -moz-linear-gradient(left, rgba(164,165,151,1) 0%, rgba(209,210,203,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(164,165,151,1) 0%,rgba(209,210,203,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(164,165,151,1) 0%,rgba(209,210,203,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a597', endColorstr='#FFFFFF',GradientType=1 ) !important; /* IE6-9 */
	color:#FFF !important;
	border: none !important;
}

#ic_signupform .elcontainer .formEl.fieldtype-dropdown select {
	background-image: url(img/arrow-down.png) !important;
	background-repeat: no-repeat !important;
	background-position: 97% 50% !important;
	background-size: 20px 12px !important;
}

#ic_signupform .elcontainer.generous .formEl:not(.hidden-field) input[type="text"], 
#ic_signupform .elcontainer.generous .formEl:not(.hidden-field) select {
	padding: 0 30px 0 5px;
}

#page-404-page-not-found #banner .heading {
	min-height: 20px;
}

#ic_signupform .elcontainer.inline-label-left .formEl select[type="text"], 
#ic_signupform .elcontainer.inline-label-left .formEl input[type="text"] {
	width: 100% !important;
}

#ic_signupform select option {
	color: #000 !important;
}

/*a {
    outline-style: none !important;
}*/

input:focus,
select:focus,
button:focus,
.btn:focus, 
a:focus {
    outline: 2px solid #54a1f9 !important;
}

/* TABS */
#affordability-tabs {
	margin: 0 -100px;
}

#affordability-tabs ul {
	list-style: inherit;
	padding: inherit;
	padding-top: 0;
}

#affordability-tabs #tab-finance li {
	width: 100%;
}

#affordability-tabs li {
	margin-right: 1px !important;
	width: 33.18%;
}

#affordability-tabs .icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: initial;
}

#affordability-tabs .district.icon {
	background: url(/wp-content/uploads/sites/7/2018/03/icon-districts.svg) no-repeat scroll;
}

#affordability-tabs .scholarship.icon {
	background: url(/wp-content/uploads/sites/7/2018/03/icon-scholarship.svg) no-repeat scroll;
}

#affordability-tabs .fin-aid.icon {
	background: url(/wp-content/uploads/sites/7/2018/03/icon-fin-aid.svg) no-repeat scroll;
}

.grey #affordability-tabs li {
	line-height: initial;
	padding-bottom: 0 !important;
}

#affordability-tabs li.r-tabs-state-default a {
	color: #999;
}

#affordability-tabs li.r-tabs-state-active a, 
#affordability-tabs li.r-tabs-state-active a h4 {
	color: #57068c;
}

#affordability-tabs li h4 {
	padding-bottom: 20px;
}

#affordability-tabs li.tab small {
	font-size: 14px;
	text-transform: initial;
}

#affordability-tabs li a {
	text-transform: uppercase;
}

#affordability-tabs li:hover {
	cursor: pointer !important;
}

#affordability-tabs .r-tabs-state-active {
	background: #ddd;
	margin-bottom: 3px !important;
}

#affordability-tabs .read-more::before {
	font-family: FontAwesome;
	content:'\f107' !important;
	font-size: 30px;
	margin-right: 7px;
	position: relative;
	top: 4px;
}

#affordability-tabs .read-more {
	background: #57068c;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 0 7px 7px 7px;
	margin-bottom: 3px;
}


#affordability-tabs .r-tabs-state-active .read-more {
	background: #666;
	color: #666;
	margin-bottom: 0;
}


.r-tabs .r-tabs-nav {margin: 0; padding: 0; font-size:0px;}
.r-tabs .r-tabs-tab {display: inline-block; margin: 0; list-style: none; vertical-align:middle;}
.r-tabs .r-tabs-panel {display: none;}
.r-tabs .r-tabs-accordion-title {display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}
.r-tabs-tab a, .r-tabs-accordion-title a {display:block; width:100%;  font-size:16px; font-weight:bold; text-align:center; text-decoration:none !important;}
.r-tabs-accordion-title a {padding:20px 25px; color:#333;}
.r-tabs-tab a {height:86px;}
.r-tabs-tab a, .r-tabs-accordion-title.r-tabs-state-active a {color:#003e7e;}
.r-tabs-tab:last-child {border:none;}
.r-tabs-panel {padding:25px;}

.r-tabs .r-tabs-tab {display: inline-table;}
.r-tabs-tab a {position: relative; display: table-cell; vertical-align: middle;}

#tuition .col-container {
	display: table;
	padding-bottom: 20px;
	width: 100%;
}

#tuition .col {
	background: #ddd;
	display: table-cell;
	width: 48%;
}

#tuition .col .content {
	padding: 20px;
}

#tuition .col-title {
	background: #f1f1f1;
	padding-bottom: 5px;
}

#tuition .left {
	display: inline-block;
	padding-bottom: 10px;
	width: 60%;
}

#tuition .right {
	float: right;
	padding-bottom: 10px;
	width: 30%;
	text-align: right;
}

#tuition .content .divide {
	margin-top: 10px;
	padding-top: 20px;
}

#tuition .col-title h2 {
	font-size: 26px;
	margin-bottom: 0;
}

#tuition .col-title h3 {
	font-size: 16px;
	padding-top: 0;
}

#apply, 
#aply, 
#tuition {
	padding: 60px 50px 60px 60px;
}

#locations {
	height: auto !important;
}

#locations, 
#faculty {
	position: relative;
	padding-bottom: 0;
	padding-top: 40px;
}

#locations div.school, 
#faculty div.stuff {
	padding-left: 100px;
}

#locations div.school .icon, 
#faculty div.stuff .icon {
	left: 15px;
}

#locations .school h3, 
#faculty .stuff h3 {
	padding-right: 20px;
}

#locations h3, 
#faculty h3 {
	background: #57068c;
	color: #fff;
	padding: 40px 40px 40px 100px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 28px;
}

#locations h3 span, 
#faculty h3 span {
	display: block;
	color:#cfd58b;
	font-weight: 400;
	font-size:18px;
	padding-top:10px;
	line-height: normal;
}

#locations .desc, 
#faculty .content {
	display: block;
	padding:20px;
	line-height: 25px;
}

#locations a h3, 
#faculty a h3 {
	color: #fff;
}

#locations div:hover a h3, 
#faculty div:hover a h3 {
	color: #d0d68e;
}

#locations a, 
#faculty a {
	color: #000;
}

#locations .desc, 
#faculty .content {
	border-bottom: none;
}

.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%;
}


/* SLIDER STYLES START */
.slide {
	padding-top: 40px;
}

.slick-slide {
	text-align: center;
}

.slick-slide img {
	margin: 0 auto;
}

.slick-track .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}

.slick-prev.slick-arrow, 
.slick-next.slick-arrow {
	height: 60px;
}

.slick-prev::before, 
.slick-next::before {
	font-size: 60px;
	line-height: 1;
	color: #fff;
}
.slick-prev::before {
	content:'\f104';
	font-family: FontAwesome;
}

.slick-next::before {
	content:'\f105';
	font-family: FontAwesome;
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
/*.slick-dots {list-style: none; margin: 10px 0 10px 0; padding: 0; font-size:0;}*/
/*.slick-dots li {display:inline-block;}
.slick-dots li button {width:40px; height:5px; margin-right:5px; color: transparent; overflow:hidden; border:none; background-color: rgb(249, 245, 234); opacity:0.4;}
.slick-dots li.slick-active button { opacity:1;}
.dash-dark .slick-dots li button {background-color:#abc27e;}*/
@media (max-width:767px) {
	.slick-prev {left: -25px;}
	.slick-next {right: -25px;}
}
@media (min-width:768px) {
	.slick-slider {padding-left: 15px; padding-right: 15px;}
	.slick-prev {left: -15px;}
	.slick-next {right: -15px;}
}
/* SLIDER STYLES END */


/* ========================================================== 
					
					Responsive Design
					
========================================================== */

/* LAPTOP STYLES Partnerships */
@media only screen and (max-width: 1199px) {

	#page-sf-experience #banner h2, 
	#page-san-francisco #banner h2, 
	.page-template-page-partnerships #banner h2 {
		font-size: 54px;
	}

	.persent-box li {
		width: 25%;
	}

	#page-inwood #banner h2 {
		font-size: 50px;
	}

	.page-template-page-home2 .meet-teacher .main {
		width: 80%;
	}
}

@media only screen and (max-width: 1090px) {
	.sessions ul {
		margin: 0 0 10px;
	}

	.illustration {
		width: 320px;
		height: 320px;
	}

	#page-corona-norco .illustration {
		width: 320px;
		height: 320px;
	}

	.page-template-page-home2 .meet-teacher .main {
		width: 90%;
	}

}

@media only screen and (max-width: 1070px) {
	#tuition table {
		display: none;
	}

	#mobileChart {
		display: block;
	}

	#page-home .intro h2 {
		font-size: 40px;
		margin-bottom: 20px;
	}

	.page-template-page-home2 .meet-teacher .main {
		width: 100%;
	}

}

/* IPAD STYLES Partnerships*/
@media only screen and (max-width: 991px) {

	#page-sf-experience #banner h2, 
	#page-san-francisco #banner h2, 
	.page-template-page-partnerships #banner h2 {
		font-size: 48px;
	}

	#page-inwood #banner h2 {
		font-size: 44px;
	}

	.core-values.gray,
	.district-initiatives.gray,
	.student-population.gray,
	.details.gray {
		margin-right: 40px;
	}

	.illustration {
		background-size: 270px auto;
		width: 270px;
		height: 266px;
	}

	#page-corona-norco .illustration {
		background-size: 270px auto;
		width: 270px;
		height: 266px;
	}

	.persent-box li {
		width: 29%;
	}

}

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

	#banner h2 {
	    font-size: 50px;
	    line-height: 48px;
	}

	.icon {
		width: 110px;
		left:-60px
	}

	.grey {
	    padding: 40px 80px;
	    margin: 60px 0 0 60px;
	}

	#banner .heading div p br {
		display: none;
	}

	aside .btn {
		margin:10px 0 15px;
	}

	.main {
		padding-right:0;
		padding-bottom:0;
	}

	#locations div.loc {
		padding-left:30px;
		font-size:15px;
		line-height: 20px;
	}

	#locations h3 {
		padding:20px 20px 20px 100px;
		font-size: 20px;
		line-height: 22px;
	}
	
	.bgCheck {
 	   padding: 50px 100px 0 140px;
	}

	#affordability-tabs {
		margin: 0 -80px 0 -80px;
	}

	#locations div.school, 
	#faculty div.stuff {
		padding-left: 30px;
		font-size: 15px;
		line-height: 20px;
	}

	#locations div.school .icon, 
	#faculty div.stuff .icon {
		top: -30px;
	}

	.page-template-page-home2 .benefits .grey {
		padding-left: 80px;
	}

}

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

	.navbar-nav > li > a {
		font-size: 14px;
		padding: 15px 8px;
	}

	nav li {
		padding: 0 5px
	}

}


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

	.vvqbox {
		background: #fff;
		text-align: center;
	}

	header h1, 
	header h1 a {
		width: 180px;
	}

	.navbar-nav > li > a, 
	.navbar-nav .dropdown-menu li a {
		font-size: 13px;
	}

	.cr {
		width:34%
	}

	footer ul {
	    margin-left: 20px;
	    float: left;
	    position: static;
	    width: 30%;
	}

	footer address {
		position: static;
		width: auto;
	}

	#banner {
		background-image:none !important;
	}


	#banner .heading, .main, aside {
		width: 100%;
		float:none;
		position: relative;
		right: auto;
		top: auto;
	}

	#banner .heading div:before,
	#banner:after,
	#banner .heading:after,
	#banner:before {
		display: none;
	}

	#banner .heading div {
		width: 100%;
	}

	#banner .heading div {
		padding: 20px;
	}

	#banner .heading {
		background-color:#333;
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		position: relative
	}

	/*#banner.home .heading, */
	#banner .heading {background-image: url('img/banner-home-mobile.jpg');}
	#banner.home .heading {background-image: none;}
	#banner.home-2 .heading {background-image: url('img/banner-home2-mb.jpg');}
	#banner.thank-you .heading {background-image: url('img/banner-home-mobile.jpg');}
	#banner.costs .heading {background-image: url('img/banner-costs-mobile.jpg');}
	#banner.process .heading{background-image: url('img/banner-process-mobile.jpg');}
	#banner.locations .heading{background-image: url('img/banner-locations-mobile.jpg');}
	#banner.faculty .heading{background-image: url('img/banner-faculty-mobile.jpg');}
	#banner.curriculum .heading{background-image: url('img/banner-curriculum-mobile.jpg');}
	#banner.program-overview .heading{background-image: url('img/banner-overview-mb.jpg'); background-position: center right;}
	#banner.program-experience .heading{background-image: url('img/banner-experience-mb.jpg');}

	blockquote {
		position: relative;
	    width: 100%;
	    bottom: auto;
	    right: auto;
	}

	blockquote.home {
		background-position: center top
	}

	.navbar-nav > li > a, 
	.navbar-nav .dropdown-menu li a {
		font-size: 12px;
	}

	.navbar li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	nav li ul{
		display: none;
	}

	.main.lg {
		width: auto;
	}

	.cr, footer ul, footer address {
	    width: auto;
	    float: none;
	    margin: 30px 0;
	}

	.cr {
		margin-top:0;
	}

	footer {
		background-size: cover;
	}

	footer address {
		margin-bottom:0;
	}

	.intro {
		padding-right: 0;
		padding-bottom: 0;
	}

	.sessions li span br {
		display: none;
	}

	aside div.bucket {
		padding:25px;
	}

	#tuition table {
		display: block;
	}

	#mobileChart {
		display: none;
	}

	#banner.albany .heading {
		background-image: url(img/banner-albany-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.ascend .heading {
		background-image: url(img/banner-ascend-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.brooklyn-prospect .heading {
		background-image: url(img/banner-brooklyn-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.corona-norco .heading {
		background-image: url(img/banner-corona-norco-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.great-oaks .heading {
		background-image: url(img/banner-great-oaks-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.lighthouse .heading {
		background-image: url(img/banner-lighthouse-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.inwood .heading {
		background-image: url(img/banner-inwood-mb.jpg);
		background-position: center center;
		background-size: cover;
	}

	#banner.san-francisco .heading {
		background-image: url(img/banner-san-francisco-mobile.jpg);
		background-size: cover;
	}

	#banner.syracuse .heading {
		background-image: url(img/banner-syracuse-mb.jpg);
		background-size: cover;
	}

	#banner.palm-beach .heading {
		background-image: url(img/banner-palm-beach-mb.jpg);
		background-size: cover;
	}

	.partnerships .main {
		width: 100%;
	}

	#locations div.school, 
	#faculty div.stuff {
		padding-right: 0;
	}

	.page-template-page-home2 .meet-teacher .main {
		padding-left: 0;
		padding-right: 0;
	}

	.page-template-page-home2 .mt80 {
		margin-top: 0 !important;
	}

}

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

	body {
		background-image: none
	}
	
	.main h2 {
		margin-bottom: 20px;
	}

	.bull li {
    	font-size: 15px;
		line-height: 22px;
	}
	
	footer {
		padding:20px 0 70px;
	}
	
	
	#locations div.loc {
		width: 100%;
		float: none;
	}
	
	
	#locations span.content {
		border: 0;
	}
	
	
	.referIntro {
	    float: none;
	    width: auto;
	    padding-right: 0;
	    line-height: 22px;
	    font-size: 16px;
	}
	
	#refer form {
	    padding: 20px 0;
	    margin-left: 0;
	    box-sizing: border-box;
	}
		
		
	.w50 {
		width: auto;
		padding-right: 0;
	}
	
	header.scrolled .process {
		background:transparent;
	}
	
	header.scrolled .process a {
		color:#a4a597;
	}	
	
	header.scrolled .process a:hover {
		color:#666
	}
	
	#mobileCTA {
		display: block;
		position: fixed;
		bottom:0;
		width: 100%;
		padding:20px 0;
		text-align: center;
		z-index: 1000;
		background:#888;
	}

	.core-values .logo {
		background-size: 100px auto;
		width: 100px;
		height: 100px;
		left: -40px;
	}

	.core-values.gray,
	.district-initiatives.gray,
	.student-population.gray,
	.details.gray {
		margin-left: 40px;
	}
}



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

	/* MENU ----------------------------------- */

	.mobile {
		display: block;
	}

	.navbar-toggle .icon-bar {
		background: #57068c;
	}

	.navbar-toggle {
		margin-bottom: 0;
		padding-right: 5px;
	}

	.navbar-toggle .icon-bar {
		height: 3px;
		margin-bottom: 8px;
		width: 40px;
	}

	.navbar {
		right: 0;
		text-align: left;
		width: 100%;
	}

	#menu-main {
		background: #fff;
	}

	#menu-main a br {
		display: none;
	}

	#menu-main a {
		margin-left: 10px;
	}

	.dropdown-menu li, 
	.dropdown-menu li a {
		margin-left: 10px;
	}

	.navbar-nav {
		margin-top: 0;
	}

	.navbar-nav > li {
		height: auto;
	}

	.navbar-nav > li > a {
		padding: 10px;
		transform: initial;
	}

	.navbar-nav li .dropdown-menu {
		box-shadow: none !important;
		width: 100%;
	}

	.navbar-collapse {
		border-top: none;
	}

	.navbar-toggle.x .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%;
	}

	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%;
	}

	/* ANIMATED X COLLAPSED */
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	/* END ANIMATED X */

	.vvqvimeo[style] {
		width: 100% !important;
		height: 100% !important;
	}

	#thanks {
		font-size:16px;
		line-height: 1.4;
	}

	#thanks .content {
		padding:50px 0 20px;
		width: auto;
	}

	#thanks h2 {
		font-size:40px;
	}

	#refer div.referrer,
	#refer div.referreremail,
	#refer div.firstname,
	#refer div.lastname,
	#refer div.email,
	#refer div.phone {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	#tuition table {
		display: none;
	}	
	
	#mobileChart {
		display: block;
	}	

	#page-sf-experience #banner h2, 
	#page-san-francisco #banner h2, 
	.page-template-page-partnerships #banner h2 {
		font-size: 30px;
		line-height: initial;
	}

	.page-template-page-partnerships #banner h2 br {
		display: block;
	}

	.core-values.gray, 
	.district-initiatives.gray, 
	.student-population.gray, 
	.details.gray {
		margin-left: -20px;
		margin-right: -20px;
		padding: 20px;
	}

	.core-values .logo {
		left: 20px;
	}

	.core-values h2 {
		margin-bottom: 20px;
		margin-top: 70px;
	}

	.core-values .slick-list {
		height: 115px;
	}

	.core-values .slick-dots {
		font-size: 0;
		margin: auto;
		width: 170px;
	}

	.slick-dots li {
		margin-right: 15px;
		width: 20px;
	}

	#page-san-francisco .core-values li {
		width: 0;
	}

	.core-values li:first-child {
		margin-left: 0;
	}

	li:last-child {
		margin-right: 0;
	}

	.slick-dots li button {
		background: #a4a597;
		border: none;
		width: 22px;
	}

	.slick-dots li.slick-active button {
		background: #57068c;
	}

	.student-population.gray {
		position: relative;
		top: 30px;
	}

	.student-population h2 {
		color: #fff;
		margin-right: 20px;
		position: absolute;
		top: 0;
		width: 200px;
	}

	.illustration {
		background-position: center center;
		background-size: cover;
		left: -20px;
		width: 105%;
		float: initial;
	}

	#page-corona-norco .illustration {
		background-position: center center;
		background-size: cover;
		left: -20px;
		width: 105%;
		float: initial;
	}

	.persent-box .slick-list li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.persent-box .descr {
		width: auto;
	}

	.student-population .slick-dots {
		font-size: 0;
		margin: auto;
		padding-top: 30px;
		width: 100px;
	}

	.student-population .slick-dots li {
		float: left;
	}

	.details .left {
		float: initial;
	}

	.details .right {
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
	}

	.persent-box li:last-child {
		margin-right: 0;
	}

	#ic_signupform .elcontainer {
		margin-top: 25% !important;
	}

	#ic_signupform .elcontainer {
		padding: 8px !important;
	}

	#page-404-page-not-found #banner .heading {
		min-height: 0;
	}

	#affordability-tabs {
		margin: 0 -20px -20px -20px;
	}

	#affordability-tabs li {
		width: 100%;
	}

	.r-tabs .r-tabs-nav {display: none;}
    .r-tabs .r-tabs-accordion-title {display: block;}
	.r-tabs-panel {padding-top:0;}
	.r-tabs .r-tabs-panel {display: block;}

	.r-tabs-panel.r-tabs-state-default[style], 
	.r-tabs-panel.r-tabs-state-active[style] {
		min-height: auto !important;
	}

	#affordability-tabs .r-tabs-state-active {margin-bottom: 0 !important;}

	#affordability-tabs .read-more {
		display: none;
	}


	#tab-district, 
	#tab-scholarship, 
	#tab-finance {
		pointer-events: none;
  		cursor: default;
	}

	.r-tabs-tab a, 
	.r-tabs-accordion-title.r-tabs-state-active a {
		color: #000;
	}

	#tab-district p:last-child, 
	#tab-scholarship p:last-child {
		border-bottom: 2px solid #ddd;
	}

	#affordability-tabs .r-tabs-state-active {
		background: #f1f1f1;
	}

	#tuition .col {
		display: table;
		width: 100%;
	}

	#apply, 
	#aply,
	#tuition {
		padding: 40px 20px;
	}

	#page-inwood #banner h2 {
		font-size: 34px;
	}

	#locations, 
	#faculty {
		padding-top: 0;
	}

	#locations .col-xs-12, 
	#faculty .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	#locations div.school .icon, 
	#faculty div.stuff .icon {
		position: relative;
		left: -30px;
		width: 80px;
		top: 0;
	}

	#locations h3, 
	#faculty h3 {
		padding: 20px 20px 20px 70px;
		margin-top: -70px;
	}

	.page-template-page-home2 .benefits .grey {
		margin-right: 0;
		padding-right: 80px;
	}

	.page-template-page-home2 .benefits .download-pdf {
		background: #f1f1f1;
		margin-left: 60px;
		padding-bottom: 40px;
	}

	.page-template-page-home2 .benefits .download-pdf .box {
		float: initial;
		margin: 0 auto;
		text-align: center;
		width: 240px;
	}

	.page-template-page-home2 .benefits .download-pdf .box .btn {
		padding: 20px;
	}

	.page-template-page-home2 .meet-teacher {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 540px) {
	body {
		font-size:16px;
	}

	.grey, #tuition {
	    padding: 20px;
		margin: 0 -20px 0 0;
	}
	
	.main h2 {
	    font-size: 24px;
	    line-height: 24px;
	}

	.icon {
	    margin-top: -30px;
		margin-left: -30px;
		width: 70px;
		position: static;
	}

	#banner {
		font-size:18px;
	}

	#banner .heading {
	    min-height: 300px;
	}

	#banner h2 br {
		display: none;
	}

	#banner h2 {
		font-size: 34px;
		line-height: 34px;
	}

	#banner .heading h3 {
		font-size:14px;
		line-height: normal
	}

	aside {
		padding: 0;
	}

	aside .actions p {
		line-height: 20px
	}

	aside h4 {
	    font-size: 22px;
	    line-height: 25px;
	}

	blockquote {
	    font-size: 20px;
	    line-height: 26px;
	    padding: 40px;
	}

	#locations div.loc {
		padding:0 0 0 30px;
	}

	#locations h3 {
	    padding: 20px 20px 20px 55px;
	    margin-top: -60px;
	}

	.bgCheck {
 	   padding: 20px;
	}

	#accordion .item h4 a {
		padding:10px 0;
		font-size: 15px;
	}

	a.ddContent span {
	    top: 15px;
	    right: 0;
	    width: 17px;
	    height: 12px;
	}

	#accordion .item div.content {
	    display: none;
	    padding-right: 0;
	    padding-left: 0;
	    font-size:14px;
	    line-height: 18px;
	}

	th, td {
	    padding: 0 10px 5px 0;
	}

	.item.open a.ddContent span {
		top:15px;
		bottom:auto;
	}	

	.bull li {
		background:none;
		padding-left:0;
	}

	.intro {
		font-size:15px;
		line-height: 24px;
	}

	.grey, .grey li, .bgCheck {
		line-height: 20px;
		font-size: 14px;
	}

	.requirements div {
		padding:10px 0;
	}

	a.ddContent {
	    display: block;
	    padding-right: 20px;
	}

	.pr80 {
		padding:0px !important
	}

	#accordion.apply .item h4 a {
	    padding: 15px 17px;
	    font-size: 15px;
	    text-indent: -17px;
	    line-height: 20px;
	}

	#refer h2 {
		font-size: 30px;
	}

	#refer .closeBtn {
		width: 25px;
		height: 25px;
		top:20px;
	}

	fieldset {
	    width: auto;
	    float: none;
	}

	fieldset.referrer, fieldset.friend {
		padding: 10px 0;
	}

	.vvo_coursesdescription {
		padding:5px 5px 5px 5px;
	}

	#thanks .content {
		padding:20px 0;
		width: auto;
	}

	#thanks h2 {
		font-size:30px;
	}

	#thanks h2 br {
		display: none
	}

	#refer .form-container {
		width: 100%;
	}

	#refer .program, #refer .zipcode {
		display: none;
	}

	#refer .donebox {
		text-align: center;
	}

	#page-request-info .wrap {
		padding-right:0;
		padding-left:0;
	}

	#page-request-info header .wrap {
		padding: 0;
	}

	#page-request-info header h1, #page-request-info header h1 a {
	    width: 201px;
	    height: 24px;
	}	

	#locations div.school, 
	#faculty div.stuff {
		padding-top: 20px;
	}

	#locations div.school .icon, 
	#faculty div.stuff .icon {
		margin-left: 0;
	}

	#locations h3 {
		padding-left: 60px;
	}

	.page-template-page-home2 .benefits .download-pdf {
		margin-left: 0;
		margin-right: -20px;
	}

	.page-template-page-home2 .benefits .grey {
		margin-right: -20px;
		padding: 20px;
	}

	.page-template-page-home2 .benefits ul {
		padding-left: 30px;
	}

}

#page-home .vvqbox {
	position: relative;
	left: -50px;
	z-index: 9;
}

#page-home .vvqbox iframe {
	width: 100%;
	height: 100%;
}

/* LAPTOP STYLES Partnerships */
@media only screen and (max-width: 1199px) {

	#page-home .vvqbox {
		left: -40px;
	}
}

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

	#page-home .vvqbox {
		left: -20px;
	}
}

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

	#page-home .vvqbox[style] {
		width: 700px !important;
		height: 380px !important;
	}

	#page-home .vvqbox {
		left: -30px;
	}
}

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

	#page-home .vvqbox[style] {
		width: 650px !important;
		height: 350px !important;
	}

	#page-home .vvqbox {
		left: -40px;
	}
}

/* IPAD STYLES Partnerships*/
@media only screen and (max-width: 991px) {

	#page-home .vvqbox {
		left: -20px;
	}
}

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

	#page-home .vvqbox[style] {
		width: 630px !important;
		height: 340px !important;
	}

}

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

	#page-home .vvqbox[style] {
		width: 600px !important;
		height: 330px !important;
	}
}

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

	#page-home .vvqbox {
		left: 0;
	}
}