@charset "utf-8";
/* CSS Document */

.sbc_section {width:100%; position:relative; box-sizing:border-box;}
.sbc_content {max-width:1000px; margin:0 auto; position:relative; box-sizing:border-box;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Top */
#student_top {background:#fff url(../images/student_hero21-mobile.jpg) center bottom no-repeat; border-bottom: 25px solid #3a9948;}
#student_top .sbc_content {padding:24px 15px 210px 15px;}
#student_top .sbc_content h1 {margin:0; padding:0; font-family:BrandonText-Light, sans-serif; font-weight:400; color:#58b947; font-size: 36px; line-height: 30px;}
#student_top .sbc_content h1 strong {font-family:BrandonText-Medium, sans-serif; font-weight:400; display: block;}
#student_top .sbc_content p {margin:0; padding:10px 0 0 0; font-family: Arial, sans-serif; color:#383838; font-size: 18px; line-height: 22px;}
#student_top .sbc_content ul li {background: url(../images/small_bullet.png) 4px 11px no-repeat; margin:0 17px 0 0px; padding:0 0 0 20px; font-size: 18px; line-height: 24px;}
#student_credit {display:block; position:absolute; bottom:-145px; left:15px; font-family: Arial, "sans-serif"; color:#fff; font-size: 14px; height: 25px; line-height: 18px;}
#student_credit sup {font-size:6px; vertical-align:baseline; position:relative; top:-0.6em;}

/* Thanks */
#student_thanks-bg {background:#fff url(../images/student_thanks-mobile1.png) center bottom repeat-x; border-bottom: 50px solid #3a9948;}
#student_thanks {background:url(../images/student_thanks-mobile2_21.png) center bottom no-repeat; background-size:312px 238px;}
#student_thanks .sbc_content {padding:23px 15px 235px 15px;}
#student_thanks .sbc_content h1 {margin:0; padding:0; font-family:BrandonText-Light, sans-serif; font-weight:400; color:#58b947; font-size: 36px; line-height: 30px;}
#student_thanks .sbc_content p {margin:0; padding:10px 0 0 0; font-family: Arial, sans-serif; color:#383838; font-size: 18px; line-height: 23px;}

#student_thanks #student_credit {display:block; position:absolute; bottom:-30px; left:15px; font-family: Arial, "sans-serif"; color:#fff; font-size: 14px; height: 25px; line-height: 18px;}



/* Form */
#formSection {}
#errorBody {color:#F00; display:none; width: 300px; margin: 0 auto; padding-top: 20px;}

#formTop {background: #58b947; border-bottom: 26px solid #3a9948; padding-bottom: 116px;}

#form_lizard {display: block; position: absolute;  left: 0; right: 0; bottom:-120px; text-align: center; }
#form_lizard img {width: 100%; max-width: 299px; height: auto;}

#formSection .form-left {width:300px; margin: 0 auto;}
#formSection .form-right {width:300px; margin: 0 auto;}
#formSection .form-full {width:300px; margin: 0 auto;}
#formSection h3 {margin:0 0 16px 0; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:15px; line-height:20px; color:#fff; text-transform:uppercase}

#formBottom h3 {margin-bottom: 0;}
#formBottom h4 {margin:0 0 10px 0; padding:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px;}

#form-disclaimer {margin:0 0 18px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#fff;}
#form-disclaimer a {color:#fff; text-decoration:underline;}


#frmSubmit {}
.form-group {margin-bottom: 15px;}
.form-group small {font-size:10px;}
.form-group label {display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#fff; font-weight:400; margin-bottom:0;}
.form-group label span {font-size: 10px;}
.form-group select {
    height: 33px;
    border:1px solid #d2d2d2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/dropdown_arrow.png') no-repeat;
    background-position: 0 0;
    width: 308px;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 5px 5px 5px 10px;
    margin-left: 0px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#a1a1a1; 
	font-size:14px;
	box-sizing:border-box;
}

.dropdown_initial .customSelect .selectedValue {color:#a1a1a1 !important;}

.form-group input[type="text"] {height:33px; width:300px; background:#fff; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a; font-size:14px; padding:0 10px; border:1px solid #d2d2d2;}

.form-group-check {}
.form-group-check:after {
  content: "";
  display: table;
  clear: both;
}
.form-group.form-group-check label {display:inline-block}


#formSection .caret {
    margin-left: 0px;
    vertical-align: middle;
    border: none;
}
.customSelect .jspDrag .jspDragBottom {box-sizing:content-box;}

.custom-narrow1 dd {max-width: 180px;}

#form_links {text-align: right; padding-bottom: 36px;margin: 26px 0 0 0;}
#form-buttons {}
#form-buttons a#form-submit {background:#f88000; width:190px; display:inline-block; height:60px; line-height:60px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:700;}
#formSection .customSelect .selectedValue {color:#3a3a3a}

#formSection .form-textarea {position: relative; margin-bottom: 20px;}
#formSection .form-textarea textarea  {width:100%; height:138px; resize:none; background:#fff; display:block; box-sizing:border-box; border:1px solid #d2d2d2; padding:14px;}
#formSection .form-textarea label {position: absolute; top:0; left:0; font-family: Arial, sans-serif; color:#3a3a3a; font-size: 16px; line-height: 30px; width:100%; padding: 14px 16px; box-sizing: border-box;}
#formSection .form-textarea label span {display: block; font-size: 14px; color:#a1a1a1;}

/* Media Queries */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 600px) {


}

@media only screen and (min-width: 760px) {

/* Top*/
#student_top {background: url(../images/student_hero21.jpg) center bottom no-repeat; background-size: 1294px;}
#student_top .sbc_content {padding:32px 15px 50px 3px;}
#student_top .sbc_content h1 {font-size: 63px; line-height:63px; margin-bottom: 11px;}
#student_top .sbc_content h1 strong {}
#student_top .sbc_content p {font-size: 18px; line-height: 24px; color: #383838; padding: 4px 0 0 2px;}





/* Thanks */
#student_thanks-bg {background:#fff url(../images/student_thanks1.png) left bottom repeat-x; border-bottom: none;}
#student_thanks {background: url(../images/student_thanks2_21.jpg) center bottom no-repeat; background-size:1294px 332px;}
#student_thanks .sbc_content {padding:10px 15px 15px 3px; min-height: 332px;}
#student_thanks .sbc_content h1 {font-size: 100px; line-height: 100px;}
#student_thanks .sbc_content p {font-size: 18px; line-height: 25px; max-width: 520px;}
#student_thanks #student_credit {bottom:0;}

/*Intro */



/* Form */
#errorBody {width:100%; margin: 0;}
#formSection .form-container {width:680px; margin: 0 auto;}
#formSection .form-left {width:300px; float:left;}
#formSection .form-right {width:300px; float:right;}
#formSection .form-full {width:680px; margin: 0 auto;}
#formSection .form-textarea textarea {width:680px; height:138px; resize:none; background:#fff; display:block; box-sizing:border-box; border:1px solid #d2d2d2;}

}

@media only screen and (min-width: 960px) {

#student_top .sbc_content h1 strong {display:inline;}

#form_lizard {display: block; position: absolute;  left: initial; right: 200px; bottom:-120px; text-align: center; }
}

@media only screen and (min-width: 1024px) {
#student_credit {left:0;}
#student_thanks #student_credit {left:0;}
}

@media only screen and (min-width: 1280px) {

}
