@import 'https://fonts.googleapis.com/css?family=Work+Sans:400,700|Source+Sans+Pro:400,400i,700';
@import url("/styles/Rubik_Medium/stylesheet.css");
/*@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900');*/
html {
	font-family:sans-serif;
	line-height:1;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body {
	position:relative;
	margin:0;
	font-size:1rem;
	line-height:1.7;
	font-family:Rubik, sans-serif;
	color:#362537;
}

::-moz-selection {/* Code for Firefox */
	color:#e69642;
	background:#f9e5d0;
}

::selection {
	color:#e69642;
	background:#f9e5d0;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section, summary {
	display:block;
}

a:link {
	color:#362537;
	border-bottom:2px solid #cb2027;
	text-decoration:none;
}

a:visited {
	color:#362537;
	border-bottom:2px solid #f0cfd2;
}
a:hover {
	color:#cb2027;
	border-bottom:2px solid #cb2027;
}
a:active {
	color:#362537;
	border-bottom:3px solid #cb2027;
}

img {
	border:0;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

svg:not(:root) {
	overflow:hidden;
}

hr {
	box-sizing:content-box;
	height:0;
}

button, input, optgroup, select, textarea {
	color:inherit;
	font:inherit;
	margin:0;
}

input {
	line-height:normal;
}

input[type=checkbox],
input[type=radio] {
	box-sizing:border-box;
	padding:0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height:auto;
}

input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none;
}

textarea {
	overflow:auto;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td, th {
	padding:0;
}

th {
	text-align:left;
}

*, :after, :before {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div, a, input[type="submit"], i.fa, span {
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

h1, h2, h3, h4, h5, h6, p {
	margin:0 0 1.6rem;
}

h2 {
	font-size:1.5em;
}

h3 {
	display:inline-block;
	font-size:1.3em;
	background:#cdc9cd;
	width:auto;
	padding:0 .5em;
}

span {
	font-size:inherit;
}

input, textarea {
	border:2px solid #c8c8c8;
	max-width:100%;
}

.list-style-none {
	list-style:none;
	padding:0;
}

.link-border-none a {
	border:none;
}

.text-center {
	text-align:center;
}

#goTopButton {
    font-size:1.5rem;
    cursor:pointer;
    padding:8px 12px;
	border:2px solid #cdc9cd;
	border-radius:50%;
	background:#362537;
	color:#fff;
}

.navigation .active a, .navigation .active a:hover, .pop_up input[type=submit], a.colorful-btn {
	background:
		-webkit-linear-gradient(315deg, rgba(255, 194, 51, 1) 0%, rgba(255, 194, 51, 0) 70%),
		-webkit-linear-gradient(225deg, rgba(240, 100, 137, 1) 10%, rgba(240, 100, 137, 0) 80%),
		-webkit-linear-gradient(45deg, rgba(194, 63, 74, 1) 10%, rgba(194, 63, 74, 0) 80%),
		-webkit-linear-gradient(135deg, rgba(255, 194, 51, 1) 100%, rgba(255, 194, 51, 0) 70%);
	background:
		linear-gradient(315deg, rgba(255, 194, 51, 1) 0%, rgba(255, 194, 51, 0) 70%),
		linear-gradient(135deg, rgba(240, 100, 137, 1) 10%, rgba(240, 100, 137, 0) 80%),
		linear-gradient(45deg, rgba(194, 63, 74, 1) 10%, rgba(194, 63, 74, 0) 80%),
		linear-gradient(225deg, rgba(255, 194, 51, 1) 100%, rgba(255, 194, 51, 0) 70%);
	background:#c23f4a\9;/*--- IE ---*/
}

.header {
	position:relative;
	margin:0 auto -5em;
	z-index:1;
}

.banner {
	height:17em;
	background:#fff url("/images/banner.jpg") right 50%;
	background-size:cover;
	position:relative;
}

.banner-gradient {
	background:linear-gradient(to left, rgba(54, 37, 55, .5) 0%, #362537 70%);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.banner-gradient>.container {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.banner-gradient img {
	position:absolute;
	left:0;
	top:50%;
	transform:translate(0%, -50%);
}

/*--- Container ---*/
.container {
	width:100%;
	padding:0 1em;
	margin:0 auto;
	overflow:auto;
}

.container>.row {
	margin:2em -1em;
}

.row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:1em auto;
	/*-ms-flex-wrap:nowrap!important;
	flex-wrap:nowrap!important;*/
	-ms-flex-pack:justify!important;
	justify-content:space-between!important;
	-ms-flex-align:center!important;
	align-items:center!important;
}

.gray, .gray .colorful-border span {
	background:#f5f5f5;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
	position:relative;
	width:100%;
	min-height:1px;
	padding:0 1em;
	margin:.5em auto;
}

.flex-start {
	-ms-flex-align:flex-start!important;
	align-items:flex-start!important;
}

/*--- Social Media/Embed/Footer ---*/
.share-buttons li {
	display:inline;
	margin-right:30px;
}

.share-buttons li:last-child {
	margin-right:0;
}

.share-buttons i {
	background:#e69642;
	border-radius:30px;
	color:#fff;
	display:inline-block;
	height:50px;
	line-height:50px;
	margin:auto 3px;
	width:50px;
	font-size:2rem;
	text-align:center;
}

.share-buttons i:hover {
	background:#ffc233;
}

.share-buttons a {
	border:none;
}

.partnership a {
	border:none;
}

.partnership li {
	width:20%;
	max-width:200px;
	display:inline-block;
	margin-left:-4px;
	padding:0 2em;
}

.a2a_kit a {
	border:none;
}

.colorful-border {
	display:block;
	color:#362537;
	border:none!important;
	border-radius:4px;
	margin:0 5px;
	padding:2px;
	text-align:center;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#e59541+0,ffc232+100 */
	background:#e69642; /* Old browsers */
	background:-moz-linear-gradient(left,  #e69642 0%, #ffc233 50%, #f0648b 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(left,  #e69642 0%,#ffc233 50%,#f0648b 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to right,  #e69642 0%,#ffc233 50%,#f0648b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69642', endColorstr='#f0648b',GradientType=1 ); /* IE6-9 */	
}

.colorful-border:hover {
	color:#cb2027;
}

.colorful-border span {
	text-decoration:none;
	text-transform:uppercase;
	font-size:.9em;
	padding:10px 15px;
	background:#fff;
	display:block;
	border:none;
}

a.colorful-btn {
	color:#fff;
	font-size:1rem;
	border-radius:20px;
	border:none;
	padding:7px 14px;
}

.stdnt p:last-child {text-align:right;}

.float_left_video {
	float:left;
	width:50%;
	padding:10px;
	margin:0 10px 10px 0;
}

.float-right-btn {
	float:right;
}

.resource li {
	display:inline-block;
	width:32%;
	border:0px solid #362537;
	border-width:0 0 0 2px;
	padding:0 .75em;
}

.resource a {
	display:block;
	border:none;
	font-size:.9em;
	padding:.5em 0;
}

.news:hover {
	box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.2);
	-webkit-filter:brightness(110%);
}

.news h4 {
	font-size:1.2rem;
	margin:0 auto .5em;
}

.news p {
	margin:0 auto .5em;
}

.news small {
	color:#bbb;
}

.news .colorful-btn {
	font-size:.9rem;
}

.apply-step li {
    margin:1.5em auto;
}

.apply-step .smcx-embed {
	max-width:100%;
	height:500px;
}

.apply-step .smcx-embed>.smcx-iframe-container {
	max-width:100%;
	height:inherit;
}

/*--- Table ---*/
.tbl {
    border:1px solid #eee;
	border-collapse:collapse;
	margin:0 auto;
	padding:0;
	width:auto;
	max-width:90%;
	table-layout:fixed;
}
.tbl th,
.tbl td {
	padding:.75em;
	text-align:left;
}
.tbl td[data-label="College Name"] span {
	border:none;
}
.tbl th {
    background:#cdc9cd;
}
.tbl a {
    text-decoration:none;
	white-space:pre-wrap;
}

/*--- popup ---*/
.popup_outr {
    display:none; /* Hidden by default */
    position:fixed; /* Stay in place */
    z-index:999; /* Sit on top */
    left:0;
    top:0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    overflow:auto; /* Enable scroll if needed */
    background-color:rgb(0,0,0); /* Fallback color */
    background-color:rgba(0,0,0,0.5); /* Black w/ opacity */
}
.pop_up {
    position:relative;
    background:none;
    margin:auto;
    padding:0;
    width:auto;
    -webkit-animation-name:animatetop;
    -webkit-animation-duration:0.4s;
    animation-name:animatetop;
    animation-duration:0.4s
}
.pop_inner {
    display:block;
    width:100%;
    max-width:600px;
	height:100vh;
    margin:0 auto;
    background:#fff;
    padding:50px;
    overflow:auto;
	position:relative;
}
.left_feild {
    float:left;
    width:50%;
    margin-bottom:20px;
	text-align:left; padding-right:10px;
}
.right_feild {
    float:right;
    width:50%;
    text-align:right;
    margin-bottom:20px;
	padding-left:10px;
}
.full_field {
    float:left;
    width:100%;
    margin-bottom:20px;
    text-align:left;
}
.form_control {
	border:2px solid #eee!important;
    background:none;
    outline:none;
    box-shadow:none;padding:10px;
    float:left;
    width:100%;
    color:#333;
}
.pop_up label {
    text-transform:uppercase;
    font-weight:700;
    color:#c2c2c2;
	float:left;
	width:100%;
	margin-bottom:30px;
}
.pop_up input[type=submit] {
    border:none;
	border-radius:4px;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    padding:14px 30px;
}
span.toggle_pop {
    cursor:pointer;
    border-bottom:2px solid #cb2027;
    color:#362537;
}
span.toggle_pop:hover {
    color:#cb2027;
    border-bottom:2px solid #cb2027;
}
.close_pop {
    position:absolute;
    top:0;
    right:0;
    background:#cb2027;
    color:#fff;
    padding:5px 12px;
    font-weight:700;
    cursor:pointer;
}
.thanks_pop {
    float:left;
    width:100%;
    background:#70c990;
    padding:10px;
    color:#fff;
	display:none;
}
.pop_up label.error {
    font-size:12px;
    text-transform:none;
    font-weight:400;
    color:red;
    text-align:left;
    margin-top:5px;
    padding-left:10px;
}

/*--- L ---*/
@media screen and (min-width:1000px) {
	.container {
		max-width:960px;
	}
	.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

	#nav-btn {
		display:none;
	}
	
	/*7-10-16*/
	.navigation {
		width:100%;
		text-align:right;
		padding:10px 0;
		list-style:none;
	}
	.navigation li {
		display:inline-block;
		padding:0;
	}
	.navigation a {
		text-decoration:none;
		text-transform:uppercase;
		padding:1.8rem 1.5em;
		color:#fff;
		border:none;
	}
	.navigation a:hover {
		background:rgba(255, 255, 255, .7);
		color:#362537;
	}
	.navigation .active a {
		color:#fff;
	}
	.navigation a:active {
		background:#cdc9cd;
		color:#fff;
	}
}

@media (min-width:1200px) {
	.container {
		max-width:1140px;
	}
}

@media (min-width:1600px) {
	.container {
		max-width:1400px;
	}
}

/*--- M ---*/
@media screen and (max-width:1196px) {
	.share-buttons {
		text-align:center;
	}
	.a2a_kit {
		margin-left:10px;
	}
}

@media screen and (max-width:999px) {
	.L-only {
		display:none;
	}
	.text-center-M {
		text-align:center;
	}
	.banner {
		height:12em;
		background:#fff url("/images/banner.jpg") right 50%;
		background-size:cover;
	}
	.colorful-border {
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#nav-btn {
		cursor:pointer;
		height:35px;
		opacity:0;
		position:absolute;
		right:20px;
		top:20px;
		width:35px;
		z-index:100;
	}
	#nav-btn + span {
		background-color:#cdc9cd;
		cursor:pointer;
		display:block;
		height:4px;
		position:absolute;
		right:20px;
		top:44px;
		width:35px;
		z-index:99;
	}
	#nav-btn + span::before,
	#nav-btn + span::after {
		background-color:#cdc9cd;
		content:"";
		display:block;
		height:4px;
		left:0;
		position:absolute;
		width:35px;
	}
	#nav-btn + span::before {
		top:-10px;
	}
	#nav-btn + span::after {
		bottom:-10px;
	}
	#nav-btn:checked + span {
		background-color:#F5060A;
	}
	#nav-btn + span::before,
	#nav-btn + span::after {
		transition-delay:0.3s, 0s;
		transition-duration:0.3s, 0.3s;
	}
	#nav-btn + span::before {
		transition-property:top, transform;
	}
	#nav-btn + span::after {
		transition-property:bottom, transform;
	}
	#nav-btn:checked + span {
		background:none;
	}
	#nav-btn:checked + span::before {
		top:0;
		transform:rotate(45deg);
	}
	#nav-btn:checked + span::after {
		bottom:0;
		transform:rotate(-45deg);
	}
	#nav-btn:checked + span::before,
	#nav-btn:checked + span::after {
		transition-delay:0s, 0.3s;
	}
	#nav-btn:checked ~ .hamburger {
		left:0;
		opacity:100;
		position:fixed;
		visibility:1;
		z-index:98;
	}
	#nav-btn:checked ~ .hamburger ul {
		transform:translate(-50%, -50%);
	}
	.hamburger {
		background:rgba(194, 63, 74, 0.98) none repeat scroll 0% 0%;
		height:100%;
		opacity:0;
		position:absolute;
		top:0;
		transition:opacity 0.5s ease 0s, visibility 0s ease 0.5s;
		visibility:0;
		width:100%;
		z-index:-1;
	}
	.navigation {
		float:none;
		width:100%;
		text-align:center;
		clear:both;
		padding:0;
		list-style:none;
		margin-top:0;

		left:50%;
		moz-transition:all 1s ease-in-out;
		o-transition:all 1s ease-in-out;
		position:absolute;
		top:50%;
		transform:translate(-50%, 0%);
		transition:all 1s ease-in-out;
		webkit-transition:all 1s ease-in-out;
	}
	.navigation li {
		display:block;
		margin:1.5em auto;
		list-style:none;
		text-align:center;
	}
	.navigation li a {
		border:none;
		text-decoration:none;
		text-transform:uppercase;
		padding:1em 0;
		color:#fff;
	}
	.navigation li a:hover {
		background:none;
		color:#f0cfd2;
	}
	.navigation li a:active {
		background:none;
		color:#f0cfd2;
	}
	.navigation .active a,.navigation .active a:hover {
		background:#f0cfd2;
		color:#cb2027;
		padding:10px;
	}
	.float_left_video {padding:20px;}
	.stdnt, .news {max-width:600px;}
	.stdnt, .stdnt p:last-child {text-align:center;}
	.resource li {
		width:100%;
		border:none;
		padding:0 1em;
		margin:.75em auto;
		position:relative;
	}
	.resource li:before {
		content:" \2022 ";
		font-size:2em;
		position:absolute;
		top:-10px;
		left:0;
	}
	.goal-icon {
		text-align:left;
	}
	.goal-icon p {
		display:inline-block;
		width:70%;
	}
	.goal-icon img {
		display:inline-block;
		width:20%;
		margin:1em;
	}
	
	/*--- Table ---*/
	.tbl {
		max-width:100%;
		border:0;
	}
	.tbl thead {
		display:none;
	}
	.tbl tr {
		border-bottom:2px solid #867b86;
		display:block;
		margin:0 auto .5em;
		padding:0 0 .5em;
		float:left\9;
	}
	.tbl td {
		border-bottom:1px solid #eee;
		display:block;
		text-align:right;
		float:left\9;
		width:100%\9;
		padding:.75em 0;
	}
	.tbl td:before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content:attr(aria-label);
		*/
		content:attr(data-label);
		float:left;
		font-weight:bold;
		padding:0 5px 0 0;
	}
	.tbl td:last-child {
		border-bottom:0;
	}
}

/*--- S ---*/
@media screen and (max-width:750px) {
	.a2a_kit {
		width:180px;
		max-width:100%;
		margin:0 auto;
	}
	.float-right-btn {
		float:none;
		display:block;
		margin:.5em auto;
	}
}

@media only screen and ( max-width:640px ) {
	.banner {
		height:10em;
	}
	.banner img {
		max-width:250px;
	}
	.partnership {text-align:left;}
	.partnership li {width:33.33333%; padding:1em;}
	#nav-btn + span {
		right:15px;
		top:30px;
	}
	.float_left_video {
		float:none;
		width:100%;
		padding:0!important;
		margin:10px 0;
	}
}

@media only screen and ( max-width:500px ) {
	.pop_inner {
		padding:35px 30px;
	}
	.left_feild {
		width:100%;
		margin-bottom:10px;
		padding:0;
	}
	.right_feild {
		width:100%;
		margin-bottom:10px;
		padding:0;
	}
	.full_field {
		margin-bottom:10px;
		padding:0;
	}
}