/* Global */
body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; background: #fff; background-size: 100% auto; background-repeat: repeat-y;  background-image: url('/themes/northeast/images/landing-pages/header-bg.jpg');}

/* Classes */
.btn-submit { background: #679a40; color: #fff; text-transform: uppercase; border: 2px solid #fff; padding: 10px 20px; display: block; text-align: center; }
.btn-page { background: #679a40; color: #fff; text-transform: uppercase; border: 2px solid #fff; padding: 10px 20px; display: block; text-align: center;}
.btn-page a, a:hover, a:focus { color: #fff; text-decoration: none;}
.video-container { position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.text-right { text-align: right; }
.img-100 { width: 100%; height: auto; }

/* Layout */
#section-1 { background: url('/themes/northeast/images/landing-pages/northeast_20150722_0006.jpg') top center; background-size: 100% auto; padding: 0px 0 100px 0; position: relative; background-repeat: no-repeat; background-position: center bottom; min-height: calc(100vh - 170px); overflow: hidden; }

#section-1:before{
        width: 100%;
        content: '';
        background-image: url('/themes/northeast/images/landing-pages/header-bg.jpg');
        background-repeat: repeat-y;
        background-size: 100% auto;
        position: absolute;
        top: 0;
    }

@media (max-width: 991px){


}

	#section-1 h1 { font-size: 1.8em; margin-top: 0; margin-bottom: 10px; }
	#theForm {   }
		#theForm label { display: block; text-transform: uppercase; font-size: .9em; }
		#theForm label.checkbox-label { text-transform: none; font-weight: 300; margin-bottom: 5px; }
	#learn-more-banner { position: absolute; bottom: 0; background: rgba(0,0,0,.75); width: 100%; padding: 15px 0; }
		.learn-more-banner-text { color: #c4d42c; font-weight: 100; font-size: 1.7em; text-align: center; }

.background{
       /* background-image: url(/themes/northeast/css/images/northeast-student-large.png); */
        background-position: left bottom;
        background-size: 65% auto;
        background-repeat: no-repeat;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 25px;
    }

@media (max-width: 1199px){
    .background{
        background-size: 85% auto;
        background-position-x: -150px;
    }
}

@media (max-width: 991px){
     .background{
         background: none;
    }
}


.intro{
    font-size: 125%;
}

.intro p{
    margin-top: 0;
}

.nowrap{
    white-space: nowrap;
}

#section-2 { background: #4a4a4a; padding: 60px 0; color: #fff; }
	#section-2 h2 { font-size: 3em; font-weight: 800; margin-top: 0; }

#section-3 { padding: 60px 0; }
		.job-growth-circle { width: 300px; }
		.job-growth-text-headline { color: #c4d42c; font-size: 4.5em; font-weight: 700; text-transform: uppercase; line-height: 1; }
		.job-growth-text-subhead { color: #4a4a4a; font-size: 4.5em; font-weight: 400; text-transform: uppercase; line-height: 1.25; }
		.job-growth-text-finetext { color: #4a4a4a; font-size: 1em; font-weight: 400; text-transform: uppercase; line-height: 1.25; }
		.radial-growth { line-height: 1; text-align: center; text-transform: uppercase; font-size: .4em; }

#section-4 { padding: 60px 0; background: #f5f5f5; }
	.circle-image { border-radius: 100%; overflow: hidden; border: 5px solid #fc511f; }
	.quote { color: #fc511f; font-size: 1.4em; font-weight: 300; font-style: italic; }

#section-5 { padding: 60px 0; background: #c4d42c; }
	.hours-stopwatch{ width: 360px; }
	.hours-text-top { color: #fff; font-weight: 700; font-size: 8em; text-align: right; line-height: 1; }
	.hours-text-bottom { font-size: 3.5em; font-weight: 600; text-transform: uppercase; color: #666; text-align: right; line-height: 1.25; }
	#stopwatch { width: 360px; height: 406px; background: url(/themes/northeast/css/images/stopwatch.png) top center no-repeat; position: relative; }
	#spinner { width: 9px; height: 75px; background: url(/themes/northeast/css/images/spinner-2.png) top center no-repeat; position: absolute; left: 174px; top: 145px; animation: rotate 2s infinite linear; transform-origin: center bottom; }
	#stopwatch:after { width: 14px; height: 14px; background: #545554; border-radius: 14px; position: absolute; content: " "; left: 172px; top: 215px; }

	@keyframes rotate { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} }

#section-6 { padding: 150px 0; background: url(/themes/northeast/css/images/trees.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; }
	#section-6 h2 { font-size: 4em; font-weight: 700; color: #fff; }

#section-7 { padding: 60px 0; }
	#section-7 .spacer { padding-top: 45px; }

#section-8  { padding: 30px; background: #fffff; font-weight: 600; background-color: #fff; }

.grad-info{
    background: rgba(255,255,255, .95);
    padding: 25px;
    position: relative;
    margin-bottom: 50px;
}

.grad-info .cover{
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
    display: block;

}

.logo{
    width: 300px;
    height: auto;
    margin: 50px 0;
    max-width: 100%;
}


@media (min-width: 992px){
    .grad-info{
       margin-right: 50px;
    }


}

@media (min-width: 565px){
    .grad-info .cover{
        width: 50%;
        margin-right: -70px;
        margin-bottom: -80px;
        margin-top: -25px;
        float: right;
    }

     .btn-page {
        margin-top: 40px;
    }
}

@media (max-width: 565px){

    .thankyou .grad-info .cover{
        display: none;
    }

    .logo{
        margin: 25px 0;
    }
    .background{
        padding: 0 15px;
    }
}



.grad-info h1{
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 0 !important;
    color: #0b385e;
}

.grad-info h2{
    color: #0b385e;
}

.grad-info .subhead{
    color: #679a40;
    font-style: italic;
    font-size: 24px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.grad-info ul li{
    margin-bottom: 10px;
}

.form-area{
    padding: 0 25px;
}

.form-area h2{
    color: #fff;
    margin-top: 0;
    padding-top: 0;
}

.form-area form{
    padding: 25px;
    background: rgba(255,255,255, .75);
}

/*** Custom Responsive Styles ***/

/* Non-Mobile */
@media (min-width: 768px) {
	.job-growth-container, #hours-container { display: flex; justify-content: center; align-items: center; }
	.job-growth-text { padding-left: 30px; }
	.hours-text { width: 100%; padding-right: 60px; }

}

/* Large */
@media (min-width: 1200px) {
}

/* Medium */
@media (min-width: 992px) and (max-width: 1199px) {
	.job-growth-text-headline, .job-growth-text-subhead { font-size: 3.5em; }
}

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
	.job-growth-text-headline, .job-growth-text-subhead { font-size: 2.75em; }
}

/* Extra Small */
@media (max-width: 767px) {
	.job-growth-circle, .job-growth-text { text-align: center; width: 100%; }
	.job-growth-text-headline, .job-growth-text-subhead { font-size: 2.25em; }
	.hours-text-top { font-size: 4em; text-align: center; }
	.hours-text-bottom { font-size: 2em; text-align: center; }
	#stopwatch { width: 300px; background-size: 100%; }
	#spinner { left: 146px; top: 115px; }
	#stopwatch:after { left: 143px; top: 181px; }
	#section-8, .text-right{
    	text-align: center !important;
	}
}