/* ================= UG Admissions Page ==================== */

/* === Kris fix === */

/* step 2 bullets */
#content .btn-list li {
  background: none!important;
  list-style: none !important;
  padding: 0px; 
}
/*fix the spacing to step 1 */
#content .col-left .step-list li {
  margin-bottom: 20px !important; 
  list-style: none outside none;
  background: none;

}

/* adjust the spacing for list items on step 1 > discover */
#content .col-left .step-list .list li{
  margin-bottom: 0px !important; 
  padding:0 10px 4px !important;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-014.png) no-repeat 0 6px !important;
}

/*fix the spacing and list items for tabs */
#content .top .nav-tabs li{
  background: none!important;
  list-style: none!important;
  padding: 0 0 0 0!important;
  margin: none!important;
}

#content .top .nav-tabs li strong {
list-style: none outside none;
font: 24px/26px "priori-sans-bold",sans-serif;
}



/* welcome-area */
.welcome-area:after{
  clear:both;
  content:'';
  display:block;
}
.welcome-area .text {
  float:left;
  width:60.39%;
}
.info-block {
  padding:18px 20px 10px;
  margin:8px 0 0;
  border:1px solid #ccc;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.info-block .image {
  position:relative;
  overflow:hidden;
  margin:0 0 17px;
}
.info-block .image img {
  vertical-align:top;
  width:100%;
}

.info-block .btn-group a {
  display:block;
  position:relative;
  font:20px/22px 'aptifer-sans-light', sans-serif;
  color:#273d5e;
  padding:11px 10px 13px 50px;
  margin:0 0 12px;
  background:#f0f0f0 url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-007.png) no-repeat;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:2px 2px 3px rgba(2,2,2,0.2);
  -moz-box-shadow:2px 2px 3px rgba(2,2,2,0.2);
  box-shadow:2px 2px 3px rgba(2,2,2,0.2);
  transition:background-color .2s;
  -webkit-transition:background-color .2s;
  -o-transition:background-color .2s;
  -ms-transition:background-color .2s;
}
.info-block .btn-group a:hover {
  text-decoration:none;
  background-color:#999;
  background-position:0 -153px;
  color:#fff;
}
.info-block .btn-group a:before {
  position:absolute;
  left:42px;
  top:0;
  bottom:0;
  width:1px;
  background:#ccc;
  content:"";
}
.info-block .btn-group .tuition { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-008.png); }
.info-block .btn-group .major { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-009.png); }
.info-block .btn-group .deposit { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-deposit.png); }


/* step-tabs */
.step-tabs {
  background:#f0f0f0;
  padding:0 25px 25px;
  font:14px/20px 'aptifer-sans', sans-serif;
  color:#424242;
  margin-top: 30px;
}
.step-tabs .top {
  padding:29px 0 26px;
  margin:0 -25px;
}
.step-tabs .nav-tabs {
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
  font:17px/22px 'priori-sans-bold', sans-serif;
  text-transform:uppercase;
}
.step-tabs .nav-tabs li {
  float:left;
  width:25%;
  text-align:center;
}
.step-tabs .nav-tabs a {
  display:inline-block;
  vertical-align:top;
  color:#a7a7a7;
  padding:55px 0 0;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-010.png) no-repeat 50% 0;
}
.step-tabs .nav-tabs a strong {
  display:block;
  font-size:26px;
  line-height:28px;
  font-weight:normal;
  text-transform:none;
}
.step-tabs .nav-tabs .apply { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-011.png); }
.step-tabs .nav-tabs .commit { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-012.png); }
.step-tabs .nav-tabs .enroll { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-013.png); }
.step-tabs .nav-tabs a:hover,
.step-tabs .nav-tabs .ui-state-active a {
  text-decoration:none;
  color:#2c4263;
  background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-010-hover.png);
}
.step-tabs .nav-tabs .apply:hover,
.step-tabs .nav-tabs .ui-state-active .apply { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-011-hover.png); }
.step-tabs .nav-tabs .commit:hover,
.step-tabs .nav-tabs .ui-state-active .commit { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-012-hover.png); }
.step-tabs .nav-tabs .enroll:hover,
.step-tabs .nav-tabs .ui-state-active .enroll { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-013-hover.png); }
.step-tabs .tabarea {
  position:relative;
  background:#fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.step-tabs .tabarea .tab { padding:20px 19px 20px; }
.step-tabs .col-holder:after{
  clear:both;
  content:'';
  display:block;
}
.step-tabs .col-holder .col-left {
  float:left;
  width:58.2%;
  padding:12px 0 0;
}
.step-tabs .col-holder .col-right {
  float:right;
  width:38.06%;
}
.step-tabs .step-list {
  list-style:none;
  margin:0;
  padding:0;
}
#content .step-tabs .step-list li { padding:0 0 17px; }
#content .step-tabs .subtitle {
  font:26px/28px 'priori-sans-bold', sans-serif;
  color:#2c4263;
  margin:0 0 7px;
  padding:0 0 8px;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
.step-tabs .subtitle .num {
  float:left;
  position:relative;
  width:22px;
  height:21px;
  margin:4px 7px 0 4px;
  padding:1px 0 0;
  font-size:18px;
  line-height:20px;
  color:#fff;
  text-align:center;
  background:#273d5e;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.step-tabs .subtitle .txt {
  display:block;
  overflow:hidden;
}
.step-tabs .step-list p { margin:0 0 8px; }
.step-tabs .list {
  list-style:none;
  margin:0;
  padding:0;
}
.step-tabs .col-holder .list li {
  padding:0 10px 8px;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-014.png) no-repeat 0 6px;
}
.step-tabs .col-holder .step-list .list li { padding:0 10px; }
.step-tabs .btn {
  font:14px/16px 'aptifer-sans-light', sans-serif;
  color:#fff;
  background:#75adcf;
  padding:7px 18px;
  margin:0 0 5px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.step-tabs .btn:hover { background:#999; }
.step-tabs header .btn { margin:0 0 14px; }
/* connect-form */
.connect-form {
  font-size:18px;
  line-height:20px;
  color:#273d5e;
}
.connect-form .row:after{
  clear:both;
  content:'';
  display:block;
}
.connect-form .row {
  width:266px;
}
.connect-form .row .wrap { 
  margin:0 44px 0 0; 
  width: 100% !important;
}
.connect-form .select-area {
  float:left;
  width:220px!important;
  overflow:visible;
  background:#f6f6f6;
  font:14px/18px 'aptifer-sans', sans-serif;
  height:30px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.connect-form .select-area.select-active {
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
}
.connect-form .select-area .center {
  background:none;
  color:#273d5e;
  padding:6px 35px 6px 17px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.connect-form .select-area .select-opener {
  width:33px;
  border-left:1px solid #ccc;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-002.png) no-repeat 10px 12px;
}
.connect-form .select-area.select-active .select-opener { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-015.png); }
.connect-form .btn-submit {
  position:relative;
  width:35px;
  height:30px;
  margin:0 0 0 10px;
  padding:0 0 2px;
  border:0;
  background:#999;
  font:18px/23px 'aptifer-sans', sans-serif;
  text-transform:uppercase;
  color:#fff;
  cursor:pointer;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s;
  -ms-transition:all .2s;
}
.connect-form .btn-submit:hover { background:#75adcf; }
.select-options.drop-sel-03 { background:none; }
.select-options.drop-sel-03 ul {
  background:#f6f6f6;
  padding:4px 0 6px;
  border-top:1px solid #ccc;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.select-options.drop-sel-03 ul li { padding:0 15px 4px; }
.select-options.drop-sel-03 ul a {
  display:inline-block;
  vertical-align:top;
  padding:0;
}
.select-options.drop-sel-03 .item-selected a,
.select-options.drop-sel-03 ul a:hover {
  background:none;
  color:#75adcf;
}
/* info-holder */
.info-holder {
  background:#273d5e;
  padding:16px 12px 24px;
  margin:0 0 18px;
}
.info-holder .ico {
  overflow:hidden;
  margin:0 -5px 17px;
  text-align:center;
}
.info-holder .ico span {
  display:inline-block;
  vertical-align:top;
  position:relative;
  width:29px;
  height:27px;
  padding:2px 0 0;
  border:3px solid #f0f0f0;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.info-holder .ico span:before {
  position:absolute;
  left:-1005px;
  top:14px;
  height:1px;
  width:1000px;
  background:#68788f;
  content:"";
}
.info-holder .ico span:after {
  position:absolute;
  right:-1005px;
  top:14px;
  height:1px;
  width:1000px;
  background:#68788f;
  content:"";
}
.info-holder header { padding:0 4px 26px; }
#content .info-holder h3 {
  font:34px/36px 'mendoza-medium', serif;
  text-transform:uppercase;
  color:#75adcf;
  margin:0;
}
.info-holder h4 {
  font:24px/26px 'mendoza-book', serif;
  color:#fff;
  margin:0;
  text-shadow:1px 1px rgba(0,0,0,0.46);
}
.subscribe-form .txt {
  display:block;
  position:relative;
  width:100%;
  font:18px/22px 'aptifer-sans-light', sans-serif;
  height:35px;
  color:#273d5e;
  background:#fff;
  border:0;
  padding:6px 6px 7px;
  margin:0 0 13px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.info-holder .btn-submit {
  display:block;
  position:relative;
  margin:29px auto 0;
  width:145px;
  height:54px;
  padding:0;
  border:0;
  font:20px/22px 'aptifer-sans-medium', sans-serif;
  background:#999;
  color:#fff;
  cursor:pointer;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s;
  -ms-transition:all .2s;
}
.info-holder .btn-submit:hover { background:#75adcf; }
.apply-block { margin:-10px 0 0; }
.apply-block label {
  display:block;
  font-size:18px;
  line-height:20px;
  color:#f6f6f6;
  padding:0 4px 10px;
}
.apply-block .select-area {
  float:none;
  width:auto !important;
  height:35px;
  background:#f6f6f6;
  margin:0 0 33px;
  font:18px/23px 'aptifer-sans', sans-serif;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.apply-block .select-area.select-active {
  -webkit-border-radius:6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  border-radius:6px 6px 0 0;
}
.apply-block .select-area .center {
  background:none;
  color:#273d5e;
  padding:6px 38px 6px 10px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.apply-block .select-area .select-opener {
  width:34px;
  border-left:1px solid #cecece;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-002.png) no-repeat 9px 15px;
}
.apply-block .select-area.select-active .select-opener { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-015.png); }
.select-options.drop-sel-04 { background:none; }
.select-options.drop-sel-04 ul {
  background:#f6f6f6;
  padding:4px 0 7px;
  border-top:1px solid #ccc;
  font:18px/23px 'aptifer-sans', sans-serif;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.select-options.drop-sel-04 ul li { padding:0 10px 4px; }
.select-options.drop-sel-04 ul a {
  display:inline-block;
  vertical-align:top;
  padding:0;
  color:#273d5e;
}
.select-options.drop-sel-04 .item-selected a,
.select-options.drop-sel-04 ul a:hover {
  background:none;
  color:#75adcf;
}
/* student-box */
.student-box {
  background:#f0f0f0;
  padding:20px 21px 16px;
}
.student-box p { margin:0 0 16px; }
.student-box .btn-group { margin:0 -9px 0 -6px; }
.student-box .btn-group a {
  display:block;
  position:relative;
  font:18px/20px 'aptifer-sans-light', sans-serif;
  text-align:center;
  color:#273d5e;
  background:#fff;
  margin:0 0 10px;
  padding:7px 7px 8px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s;
  -ms-transition:all .2s;
}
.student-box .btn-group a:hover {
  text-decoration:none;
  background:#999;
  color:#fff;
}
/* btn-list */
.step-tabs .btn-list {
  list-style:none;
  margin:-12px -6px 11px;
  padding:0;
  font:14px/16px 'aptifer-sans-light', sans-serif;
}
.step-tabs .btn-list li {
  display:inline-block;
  vertical-align:top;
  width:100%;
  text-align:center;
  margin:0 0 14px;
}
.step-tabs .btn-list li a {
  display:block;
  position:relative;
  margin:0 6px;
  padding:12px 2px 12px;
  color:#273d5e;
  background:#f0f0f0;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  transition:all .2s;
  -webkit-transition:all .2s;
  -o-transition:all .2s;
  -ms-transition:all .2s;
}
.step-tabs .btn-list li a:hover {
  text-decoration:none;
  background:#999;
  color:#fff;
}
.step-tabs .text {
  font-size:10px;
  line-height:13px;
}
.step-tabs .text p { margin:0 0 8px; }
#content .step-tabs h2 {
  font:25px/29px 'mendoza-medium', serif;
  margin:0 0 3px;
  color:#75adcf;
  text-transform:uppercase;
}
.step-tabs .col-left header { margin:-13px 0 19px; }
.step-tabs .btn-holder { padding:5px 52px 0 15px; }
.step-tabs .btn-holder .btn {
  display:block;
  font-size:16px;
  line-height:18px;
  letter-spacing:-1px;
  padding:16px 5px 13px;
  margin:0 0 11px;
}
.step-tabs .sign-up {
  display:block;
  position:relative;
  font-size:18px;
  line-height:18px;
  color:#545353;
  background:#f0f0f0;
  margin:0 0 12px;
  padding:5px 25px 5px 12px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.step-tabs .sign-up:before {
  position:absolute;
  right:13px;
  top:29px;
  width:8px;
  height:12px;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/co-10.png) no-repeat;
  content:"";
}
.step-tabs .sign-up:hover {
  text-decoration:none;
  color:#273d5e;
}
.step-tabs .sign-up:hover:before { background-image:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-018.png); }
.step-tabs .sign-up:hover .date { background:#273d5e; }
.step-tabs .sign-up:after{
  clear:both;
  content:'';
  display:block;
}
.step-tabs .sign-up .date {
  float:left;
  width:44px;
  position:relative;
  background:#363637;
  font-size:24px;
  line-height:20px;
  font-style:normal;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  margin:6px 12px 0 0;
  padding:6px 2px 9px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.step-tabs .sign-up .date span {
  display:block;
  font-size:13px;
  line-height:15px;
  margin:0 0 -2px;
}
.step-tabs .sign-up .cell {
  display:table-cell;
  vertical-align:middle;
  height:60px;
}
.step-tabs .video-box {
  border:4px solid #fff;
  position:relative;
  margin:0 0 20px;
  -webkit-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  -moz-box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
  box-shadow:2px 2px 3px rgba(2, 2, 2, 0.2);
}
.step-tabs .video-box img {
  vertical-align:top;
  width:100%;
}
.step-tabs .video-box .play {
  position:absolute;
  left:50%;
  top:50%;
  width:81px;
  height:81px;
  margin:-40px 0 0 -40px;
  background:url(http://mcweb.messiah.edu/_media/_img/img-admissions/ico-019.png) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}
/* clock */
.clock {
  font:14px/16px 'mendoza-book', serif;
  color:#fff;
  overflow:hidden;
  margin:-6px -12px 16px -2px;
}
.clock .time {
  float:left;
  text-align:center;
  padding:0 10px 0 0;
}
.clock .time span {
  display:block;
  font:44px/46px 'mendoza-medium', serif;
  color:#75adcf;
}
.clock .time span:after{
  clear:both;
  content:'';
  display:block;
}
.clock .time span .divider {
  float:right;
  width:10px;
  margin:0 -10px 0 0;
}
.info-holder .time-text {
  font:16px/18px 'aptifer-sans-light', sans-serif;
  color:#fff;
  margin:0;
}
@media only screen and (max-width: 1204px) and (min-width: 1025px) {
  .clock .time span {
    font-size:30px;
    line-height:32px;
  }
}
/* tablet media */
@media only screen and (max-width: 1024px) {
  /* welcome-area */
  .welcome-area { padding:0 0 30px; }
  .welcome-area .text {
    float:none;
    width:auto;
    padding:0 0 1px;
  }
  .info-block {
    float:none;
    width:auto;
    overflow:hidden;
    padding:12px 0 12px 12px;
  }
  .info-block .image {
    float:left;
    width:53.66%;
    margin:0 10px 0 0;
  }
  .info-block .btn-group {
    overflow:hidden;
    padding: 0 12px 0 0;
  }
  .info-block .btn-group a {
    font-size:18px;
    line-height:20px;
    padding:11px 5px 10px 47px;
    margin:0 0 11px;
    background-size:39px auto;
  }
  .info-block .btn-group a:hover { background-position:0 -139px; }
  .info-block .btn-group a:before { left:39px; }
  /* step-tabs */
  .step-tabs { padding:0 12px 14px; }
  .step-tabs .top {
    padding:19px 0 22px;
    margin:0 -12px;
  }
  .step-tabs .nav-tabs a {
    background-size:38px auto;
    padding:38px 0 0;
  }
  .step-tabs .nav-tabs .apply { background-size:42px auto; }
  .step-tabs .nav-tabs .commit { background-size:52px auto; }
  .step-tabs .nav-tabs .enroll { background-size:49px auto; }
  .step-tabs .tabarea .tab { padding:14px 12px 16px 16px; }
  #content .step-tabs .subtitle {
    font-size:24px;
    line-height:20px;
    padding:0 0 10px;
  }
  .step-tabs .col-holder .col-left {
    width:48%;
    padding:0;
  }
  .step-tabs .col-holder .col-right { width:50%; }
  .step-tabs .step-list li { padding:0 0 22px; }
  .step-tabs .btn { margin:0 0 2px; }
  .step-tabs .subtitle .num { margin:0 7px 0 4px; }
  /* connect-form */
  .connect-form {
    font-size:15px;
    line-height:18px;
    padding:8px 0 0;
  }
  .connect-form .row { width:auto; }
  .connect-form .row .wrap { margin:0 40px 0 0; }
  /* info-holder */
  .info-holder {
    padding:16px 12px 19px;
    margin:0 0 16px;
  }
  #content .info-holder h3 {
    font-size:28px;
    line-height:30px;
    margin:0 0 2px;
  }
  .info-holder h4 {
    font-size:22px;
    line-height:24px;
  }
  .info-holder header {
    padding:0 0 11px;
    margin:0 -10px 0 0;
  }
  .info-holder .ico { margin:0 -5px 12px;}
  .info-holder .btn-submit {
    margin:23px auto 0;
    width:131px;
    height:48px;
  }
  /* student-box */
  .student-box { padding:9px 11px 11px; }
  .student-box .btn-group { margin:0 -4px 0 -2px; }
  .step-tabs .btn-list { margin:-20px 0 0; }
  .step-tabs .btn-list li {
    display:block;
    width:auto;
  }
  .step-tabs .btn-list li a { margin:0; }
  .step-tabs .text {
    padding:10px 0 0;
    font-size:9px;
    line-height:12px;
  }
  #content .step-tabs h2 {
    font-size:21px;
    line-height:24px;
    letter-spacing:-1px;
    margin:0 0 4px;
  }
  .step-tabs .col-left header { margin:3px 0 16px; }
  .step-tabs .btn-holder { padding:8px 0 9px; }
  .step-tabs .btn-holder .btn {
    font-size:14px;
    line-height:17px;
    padding:8px 5px 5px;
  }
  .step-tabs .sign-up {
    font-size:16px;
    line-height:17px;
    padding:5px 15px 5px 12px;
  }
  .step-tabs .sign-up .date { margin:6px 8px 0 0; }
  .step-tabs .sign-up:before { right:6px; }
  /* video-box */
  .step-tabs .video-box { margin:0 0 15px; }
  .step-tabs .video-box .play {
    width:69px;
    height:69px;
    margin:-35px 0 0 -35px;
    background-size:cover;
  }
  .step-tabs header .btn { margin:-4px 0 7px; }
  /* clock */
  .clock {
    font-size:12px;
    line-height:14px;
    margin:-3px -18px 13px -10px;
  }
  .clock .time span {
    font-size:36px;
    line-height:38px;
  }
  .info-holder .time-text {
    line-height:17px;
    text-align:center;
    margin:0 0 -2px;
  }
}
/* mobile media */
@media only screen and (max-width: 767px) {
  /* welcome-area */
  #content .welcome-area h2 { margin:0 0 7px; }
  .welcome-area { padding:0 0 33px; }
  .welcome-area .text { padding:0 0 3px; }
  /* info-block */
  .info-block { padding:17px 14px 12px; }
  .info-block .image {
    float:none;
    width:auto;
    margin:0 0 13px;
  }
  .info-block .image .subtitle {
    top:9px;
    left:11px;
    right:11px;
  }
  .info-block .btn-group {
    padding:0;
    overflow:visible;
  }
  .info-block .btn-group a {
    font-size:20px;
    line-height:22px;
    padding:12px 5px 13px 50px;
    background-size:auto;
  }
  .info-block .btn-group a:before { left:43px; }
  .info-block .btn-group a:hover { background-position:0 -153px; }
  /* step-tabs */
  .step-tabs { margin:0 -20px; }
  .step-tabs .top { padding:14px 0 12px; }
  .step-tabs .nav-tabs {
    font-size:12px;
    line-height:15px;
  }
  .step-tabs .nav-tabs a strong {
    font-size:20px;
    line-height:22px;
    margin:0 0 -2px;
  }
  .step-tabs .nav-tabs a {
    background-size:20px auto;
    padding:21px 0 0;
  }
  .step-tabs .nav-tabs .apply { background-size:25px auto; }
  .step-tabs .nav-tabs .commit { background-size:30px auto; }
  .step-tabs .nav-tabs .enroll { background-size:30px auto; }
  .step-tabs .col-holder .col-left {
    float:none;
    width:auto;
    padding:0 0 8px;
  }
  .step-tabs .col-holder .col-right {
    float:none;
    width:auto;
  }
  .step-tabs .tabarea .tab { padding:16px 14px 14px; }
  .step-tabs .subtitle .num { margin-left:0; }
  #content .step-tabs .subtitle { margin:0 0 4px; }
  .step-tabs .step-list li { padding:0 0 29px; }
  .step-tabs .btn { margin:7px 0 12px; }
  .connect-form { padding:5px 0 13px; }
  .connect-form .row .wrap { margin:0 44px 0 0; }
  .info-holder header { padding:0 5px 11px; }
  .student-box { padding:15px 19px 11px; }
  .student-box p { margin:0 0 10px; }
  .step-tabs .btn-list { margin:-26px 0 0; }
  .step-tabs .text { padding:20px 0 0; }
  .apply-block { margin:4px 0 5px; }
  .apply-block label { padding:0 7px 9px; }
  .apply-block .select-area { margin:0 0 26px; }
  .step-tabs .col-left header { margin:-3px 0 24px; }
  .step-tabs .btn-holder { padding:8px 0 16px; }
  .step-tabs .btn-holder .btn {
    letter-spacing:0;
    padding:8px 20px 5px;
  }
  .step-tabs .col-holder .step-list .list { padding:0; }
  .step-tabs .col-holder .list { padding:0 0 13px; }
  .step-tabs .sign-up { margin:-4px 0 14px; }
  .step-tabs .video-box { margin:0 0 18px; }
  .step-tabs .video-box .play {
    width:79px;
    height:79px;
    margin:-40px 0 0 -40px;
  }
  .step-tabs header .btn { margin:4px 0 5px; }
  .clock {
    font-size:14px;
    line-height:16px;
    text-align:center;
    margin:-1px -10px 13px 0;
  }
  .clock .time {
    float:none;
    display:inline-block;
    vertical-align:top;
  }
  .clock .time span {
    font-size:42px;
    line-height:44px;
    margin:0 0 -2px;
  }
  .info-holder .time-text {
    font-size:15px;
    line-height:17px;
    margin:0 0 11px;
  }
}