body{ margin:0px; padding:0px; font-family:"Roboto"; font-size:14px;}
.clear{ clear:both;}
.align-center{ text-align:center;}
.martop30{ margin-top:30px;}
.martop70{ margin-top:70px;}
.martopbot50{ padding:50px 0px;}

/* social icons start */
.st_facebook_large .stButton .stLarge {
    background-image:url(../images/facebook-icon.png) !important;
	background-repeat:no-repeat !important;
	background-position:top center !important;
	width:26px !important;
	height:26px !important;
}
.st_facebook_large .stButton .stLarge:hover {
    background-image:url(../images/facebook-icon.png) !important;
	background-repeat:no-repeat !important;
	background-position:top center !important;
	width:26px !important;
	height:26px !important;
}
.st_twitter_large .stButton .stLarge {
   background-image:url(../images/twitter-icon.png) !important;
	background-repeat:no-repeat;
	background-position:top center;
	width:26px !important;
	height:26px !important;	
}
.st_twitter_large .stButton .stLarge:hover {
   background-image:url(../images/twitter-icon.png) !important;
	background-repeat:no-repeat;
	background-position:top center;
	width:26px !important;
	height:26px !important;	
}
.st_googleplus_large .stButton .stLarge {
   background-image:url(../images/g-plus-icon.png) !important;
	background-repeat:no-repeat;
	background-position:top center;
	width:26px !important;
	height:26px !important;
}
.st_googleplus_large .stButton .stLarge:hover {
   background-image:url(../images/g-plus-icon.png) !important;
	background-repeat:no-repeat;
	background-position:top center;
	width:26px !important;
	height:26px !important;
}
.stButton .chicklets {
    background-repeat: no-repeat;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: nowrap;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    display: inline-block;
    height:auto;
    line-height: 16px;
}

/* social icons end */

#schl3o .nav li a{
	color:#fff;
}

/* banner start */
.main { width: 100%; position: relative; border-top: 10px solid #ec1d30; border-bottom:2px solid #ec1d30;}
#home-banner-web{ width:100%; height:1000px;}
#home-banner-web .buttonBar{display:none;}
.player {font-size: 1px;}
#home-banner-web img{ width:100%;}
#home-banner-mobile img{ width:100%;}
.banner-logo {top:0px;	left:0px; right:0px; position: absolute; width: 1170px;	margin:0px auto;}
.banner-text{ top:450px; left:0px; right:0px; position: absolute; width: 1170px; margin:0px auto;	z-index:9999;}
.banner-text1{ top:550px;	left:0px; right:0px; position: absolute; width: 1170px;	margin:0px auto;}
.banner-content{ width:32%; padding:10px; font-family:"Roboto Slab"; font-size:57px; line-height:50px; font-weight:600; color:#fff; background-color:#ec1d30;}
.banner-content1{ width:40%; padding:20px 10px 20px 10px; font-family:"Roboto Slab"; font-size:80px; line-height:80px; font-weight:600; color:#000; background-color:#fff;}
#scroll_down_home {width: 100%; position: absolute; z-index: 9999; text-align: center; padding: 10px 0px;}
/* banner end */
/* content start */
.main-section{ width:100%; border-bottom:2px solid #ec1d30;	padding:150px 0px 150px 0px;
	}
.container{ width:1170px; margin:0px auto;}
.page-heading{ font-size:50px; font-family:"Roboto Slab"; font-weight:bold; color:#000; text-align:center; padding:0px 210px 20px 210px; line-height:50px;}
.page-heading span{ color:#ec1d30;}
.page-text{ font-size:17px; line-height:21px; font-family:Roboto; color:#000; text-align:center; padding:0px 150px;}
.page-text span{ color:#ec1d30;}
#schl3o .page-text span a{ color:#ec1d30;}
.company-info{ width:100%; margin-top:85px;}
.col{ width:350px; float:left; margin:0px 20px;}

.author-image{ text-align:center; opacity:0.8;}
.author-image:hover{ opacity:1;}
.name{ font-size:28px; line-height:28px; font-family:"Roboto Slab"; color:#000; text-align:center; font-weight:400; padding:0px 50px; margin:20px 0 30px 0;}
#schl3o .name a{ color:#000; text-decoration:none}

.btn{font-family:Arial; text-align:center; text-transform:uppercase;}
#schl3o .btn a{width:250px; margin:0px auto; display:block; line-height:20px; font-size:12px; color:#fff; font-weight:600; text-decoration:none; padding:10px 0px; background-color:#ec1d30; border-radius:30px;}
#schl3o .btn a:hover{ background-color:#ac0212;}
/* content start */
/* sign up start */
.signup-bg{
	padding:150px 0px 150px 0px;
	background-image:url(../images/signup-bg.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-size:100% 100%;
	}
.signup{ width:750px; margin:0px auto; margin-top:85px;}
.signupl{ width:370px; float:left; padding:0 20px 0 0;}
.signupr{ width:370px; float:left; padding:0 0 0 20px;}
.text-box {
    width: 350px;
    background-color: #fff;
    border:1px solid #a8a8a8;
    padding: 7px 0px 7px 15px;
    font-size: 16px;
    font-family:"Roboto";
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
	color:#5E5D5D;
}
.text-area {
    width: 350px;
	height:120px;
    background-color: #fff;
    border:1px solid #a8a8a8;
    padding: 7px 0px 7px 15px;
    font-size: 16px;
    font-family:"Roboto";
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
	color:#5E5D5D;
}
.signup-text{ font-size:18px; font-family:"Roboto Slab"; font-weight:400; color:#000; text-align:center; padding:0px; line-height:20px;}
.signup-text span{ color:#ec1d30;}
#schl3o .signup-text span a{ color:#ec1d30;}
.contact-section-this{ padding:10px 0px 30px 0px;}
.contact-section-this-is{ float:left; width:60px;}
.contact-section-this-is-my{ font-size:16px; font-family:"Roboto"; color:#5E5D5D; text-align:left; font-weight:400; line-height:22px; padding:0px;}
.contact-section-this-is-myhome{ font-size:16px; font-family:"Roboto"; color:#5E5D5D; text-align:left; font-weight:400; line-height:22px; padding:0px;}
.selected-state{ color:#ec1d30; font-size:12px; font-family:"Roboto";}
.contact-form-submit-button{ background-color:#ec1d30; padding:15px 80px; font-size:22px; font-weight:600; text-transform:uppercase; font-family:"Roboto Slab"; color:#fff; border:none; border-radius:30px; cursor:pointer; margin:30px 0 0 0;}
.styled-select select {
	-webkit-appearance:none;
    width: 350px;background-color: #fff;
    border:1px solid #a8a8a8;
    padding: 7px 0px 7px 15px;
	font-size: 16px;
	font-family: "Roboto";
	color: #5E5D5D;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 15px;
    -moz-appearance: none;
	background-image:url(../images/job-title-arrow.png);
	background-repeat:no-repeat;
	background-position:96% 50%;
	 cursor:pointer;
}
/* sign up end */

/* connectnow start */
.connectnow{}
#schl3o .connectnow h1{ font-size:50px; font-family:"Roboto Slab"; font-weight:bold; color:#000; text-align:center; padding:50px 0px 50px 0px; line-height:50px;}
.connectnow h1 span{ color:#ec1d30;}
.break{ display: block;}
.connectnow-banner img{ width:100%;}
.connectnow-content{ width:1170px; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.connectnow-contentl{ width:75%; float:left;}
.connectnow-contentr{ width:25%; float:left; background-color:#ec1d30;}
.connectnow-text{ font-size:16px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 20px 0px 0px; line-height:24px;}
#schl3o .connectnow-text a{ color:#ec1d30; padding:0px 0px 0px 0px; cursor:pointer;}
#schl3o .connectnow-text h1{ font-size:20px; font-weight:600; padding:0px 0px 10px 0px; text-align:left; line-height:24px;}
.connectnow-text p{ padding:0 0 10px 0;}
.connectnow-text b{ font-weight:600;}
.connectnow-text span{ color:#ec1d30;}
.connectnow-follow-me{ background-color:#ec1d30; padding:50px; text-align:center;}
#schl3o .connectnow-follow-me h1{ font-size:20px; text-transform:uppercase; font-family:"Roboto"; font-weight:600; color:#fff; padding:0px 0px 20px 0px; line-height:20px; margin:0px;}
.connectnow-follow-me img{ margin-right:10px;}
/* connectnow start */
/* success start */
.success-content{ width:100%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.success-contentl{ width:60%; float:left; border-right:1px solid #fff;}
.blue-bg{ background-color:#005f9b; padding:20px 0px;}
.success-contentr{ width:40%; float:left;}
.success-text { font-size:17px; font-family:"Roboto"; color:#000; padding:0px 0px 0px 0px; line-height:24px;}
#schl3o .success-text h1{ font-size:20px; font-family:"Roboto Slab"; font-weight:600; padding:0px 0px 10px 0px; line-height:24px; text-align:left;}
.success-text p{ padding:0 0 10px 0;}
.success-text b{ font-weight:600;}
.success-text span{ color:#ec1d30;}
.success-links { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 0px 0px 0px; line-height:28px;}
#schl3o .success-links a { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#ec1d30; line-height:28px; text-decoration:underline}
#schl3o .success-links a:hover { color:#ec1d30; text-decoration:underline}
/* success end */

.grade-students{ width:80%; font-family:"Roboto Slab"; color:#fff66d; padding:15px 0px 0px 0px; line-height:28px; text-transform:uppercase;}
#schl3o .grade-students h1{ font-size:24px; font-weight:600; color:#fff66d; margin:0px; padding:0px; text-align:center; line-height:28px;}
#schl3o .grade-students h2{ font-size:24px; font-weight:400; color:#fff66d; margin:0px; padding:0px 0px 0px 0px; text-align:center;}
.chart{ width:80%;}
.chartl{ width:50%; float:left; text-align:center; padding-top:34px;}
.chartr{ width:50%; float:left; text-align:center; -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
    animation-delay: 6s;}

.chart2013{
    position:relative;
    width:88px;
    height:124px; margin:0px auto;
    overflow:hidden;
  }
  .curtain1{
    position:absolute;
    display:none;
    bottom:0px; height:124px;
    width:88px;
    background:#fc3a44; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;}
  
.curtain1 span {position:absolute; bottom:10px; left:25%; color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;}

.chart2014{
    position:relative;
    width:88px;
    height:158px; margin:0px auto;
    overflow:hidden;
  }
  .curtain2{
    position:absolute;
    display:none;
    bottom:0px; height:158px;
    width:88px;
    background:#fc3a44; border-top-left-radius:2px; border-top-right-radius:2px; -moz-border-top-left-radius:2px; -moz-border-top-right-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;}
	
.curtain2 span {position:absolute; bottom:10px; left:25%; color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;}








.year{ font-size:27px; font-family:"Roboto"; font-weight:normal; color:#fff; padding:10px 0px 0px 0px; line-height:24px;}
.year span{ display:block; font-size:18px;}
.year-afterhead{ font-size:22px; font-family:"Roboto"; font-weight:800; color:#fff; padding:10px 40px 10px 40px; line-height:24px; text-align:center; text-transform:uppercase;}
.year-afterhead span{ font-weight:400;}
.year-aftertext{ font-size:17px; font-family:"Roboto"; font-weight:600; color:#fff; padding:15px 0px 0px 0px; line-height:19px; text-align:center; text-transform:uppercase;}
.year-aftertext span{ display:block;}
.year-aftersmall{ font-weight:400;}
.increase-content{width:270px; position:relative; height:140px; margin:0px auto; background-image:url(../images/arrow-up.png); background-position:right top; background-repeat:no-repeat;}
.percentage{ font-size:122px; font-family:"Roboto"; font-weight:800; color:#fff66d; padding:0px; line-height:122px;}
.increase{ font-size:40px; font-family:"Roboto Slab"; font-weight:400; color:#fff66d; padding:0px; line-height:10px;}
.up-arrow{ position:absolute; right:0; top:2;}
@media only screen and (max-width : 767px){	
#home-banner-web{ display:none;}
#forweb{ display:none;}

}
@media only screen and (min-width : 768px){	
#home-banner-mobile{ display:none;}
#formob{ display:none;}
}
@media only screen and (min-width : 993px) and (max-width : 1199px) {
.banner-logo { width: 970px;}
.banner-text { top: 450px; left: 0px; right: 0px; position: absolute; width: 970px; margin: 0px auto; z-index: 9999;}
.banner-content { width: 36%;}
.banner-text1 { top:550px; width: 970px;}
.banner-content1 { width: 48%; }
.container{ width:970px; margin:0px auto;}
.page-text { padding: 0px 120px;}
.col{ width:280px; float:left; margin:0px 20px;}
.col:hover {
  }
.name { padding: 0px 20px;}
.page-heading {padding: 0px 110px 20px 110px;}
/* connectnow start */
.connectnow-content{ width:96%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.connectnow-contentl{ width:70%; float:left;}
.connectnow-contentr{ width:30%; float:left; background-color:#ec1d30;}
.connectnow-text { padding: 0px 20px 0px 0px;}
.connectnow-follow-me { padding: 40px;}
/* connectnow start */
/* success start */
.success-content{ width:96%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.success-contentl{ width:60%; float:left; border-right:1px solid #fff;}
.blue-bg{ background-color:#005f9b; padding:20px 0px;}
.success-contentr{ width:40%; float:left;}
.success-text { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 0px 0px 0px; line-height:24px;}
#schl3o .success-text h1{ font-size:20px; font-family:"Roboto Slab"; font-weight:600; color:#000; padding:0px 0px 10px 0px; line-height:24px; text-align:left;}
.success-text p{ padding:0 0 10px 0;}
.success-text b{ font-weight:600;}
.success-text span{ color:#ec1d30;}
.success-links { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 0px 0px 0px; line-height:28px;}
#schl3o .success-links a { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#ec1d30; line-height:28px; text-decoration:underline}
#schl3o .success-links a:hover { color:#ec1d30; text-decoration:underline}
.year-afterhead { padding: 10px 0px 15px 0px;}
/* success end */

}
@media only screen and (min-width : 320px) and (max-width : 767px) {
.banner-logo {
    top: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}
.banner-text {
    top: 240px; width:90%;
	z-index:9;
}
.banner-content {
    width:190px;
    font-size:30px;
    line-height:24px;
}
.banner-text1 {
    top: 290px;
    width: 90%;
	}
.banner-content1 {
    width: 230px;
    font-size: 40px;
    line-height: 35px;
	padding:20px 0 10px 0;
}
.main-section {
    width: 100%;
    border-bottom: 0px solid #EC1D30;
    padding: 70px 0px 10px 0px;
}
.container {
    width: 94%;
    margin: 0px auto;
}
.page-heading {
    font-size: 38px;
    font-family: "Roboto Slab";
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 38px;
    padding: 0px 0px 20px;
}
.page-heading span {
    color: #EC1D30;
    display: block;
}
.page-text { padding:0px 10px;}
.company-info {
    margin-top: 40px;
}
.col {
    width: 300px;
    float: none;
    margin: 0px auto;
	margin-bottom:50px;
}
.name {
    padding: 0px 20px;
}
.signup-bg {
    padding: 50px 0px;
}
.signup {
    width: 100%;
    margin: 85px auto 0px;
}
.signupl {
    width: 96%;
	padding:0px;
	float:none;
	margin:0px auto;
}
.signupr {
    width: 96%;
	padding:0px;
	float:none;
	margin:0px auto;
}
.text-box {
    width: 295px;
}
.text-area {
    width: 295px;
}
.martop70 {
    margin-top: 10px;
}
.signup-form{ width:295px; margin:0px auto;}
.styled-select select {
    width: 295px;
}


/* connectnow start */
.connectnow{}
#schl3o .connectnow h1{ font-size:32px; font-family:"Roboto Slab"; font-weight:bold; color:#000; text-align:center; padding:50px 20px 50px 20px; line-height:40px;}
.connectnow h1 span{ color:#ec1d30;}
.connectnow-banner img{ width:100%;}
.connectnow-content{ width:96%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.connectnow-contentl{ width:100%; float:left;}
.connectnow-contentr{ width:100%; float:left; background-color:#ec1d30; margin-top:30px;}
.connectnow-text{ font-size:17px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 0px 0px 0px; line-height:20px;}
#schl3o .connectnow-text h1{ font-size:20px; font-family:"Roboto Slab"; font-weight:600; color:#000; padding:0px 0px 10px 0px; line-height:20px; text-align:left;}
.connectnow-text p{ padding:0 0 10px 0;}
.connectnow-text b{ font-weight:600;}
.connectnow-text span{ color:#ec1d30;}
.connectnow-follow-me{ background-color:#ec1d30; padding:50px;}
#schl3o .connectnow-follow-me h1{ font-size:20px; text-transform:uppercase; font-family:"Roboto"; font-weight:600; color:#fff; padding:0px 0px 20px 0px; line-height:20px; margin:0px;}
.connectnow-follow-me img{ margin-right:10px;}
/* connectnow start */
/* success start */
.success-content{ width:94%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.success-contentl{ width:100%; float:left; border-right:0px solid #fff; border-bottom:1px solid #fff;}
.blue-bg{ background-color:#005f9b; padding:20px 0px;}
.success-contentr{ width:100%; float:left;}
.success-text { padding:0px 10px 0px 10px; line-height:24px;}
#schl3o .success-text h1{ font-size:20px; font-family:"Roboto Slab"; font-weight:600; color:#000; padding:0px 0px 10px 0px; line-height:24px; text-align:left;}
.success-text p{ padding:0 0 10px 0;}
.success-text b{ font-weight:600;}
.success-text span{ color:#ec1d30;}
.success-links { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#000; padding:0px 10px 0px 10px; line-height:24px;}
#schl3o .success-links a { font-size:17px; font-family:"Roboto"; font-weight:normal; color:#ec1d30; line-height:20px; text-decoration:underline}
#schl3o .success-links a:hover { color:#ec1d30; text-decoration:underline}

.grade-students{ width:100%; font-family:"Roboto Slab"; color:#fff66d; padding:20px 0px 0px 0px; line-height:28px; text-transform:uppercase;}
#schl3o .grade-students h1{ font-size:24px; font-weight:600; color:#fff66d; margin:0px; padding:0px 0px 10px 0px; text-align:center; line-height:28px;}
#schl3o .grade-students h2 {
    font-size: 24px;
    font-weight: 400;
    color: #FFF66D;
    margin: 0px;
    padding: 0px 20px 30px 20px;
    text-align: center;
}
.chart {
    width: 100%;
}
.year-afterhead {
    padding: 30px 40px 10px 40px;
    line-height: 28px;
}
/* success end */
}
@media only screen and (min-width : 768px) and (max-width : 992px) {
.banner-logo {width: 750px;}
.banner-text { top: 380px; left: 0px; right: 0px; position: absolute; width: 750px; margin: 0px auto; z-index: 9999;}
.banner-content { width: 36%; font-size: 45px; line-height: 35px;}
.banner-text1 { top:450px; width: 750px;}
.banner-content1 { width: 48%; font-size: 60px; line-height: 50px; padding:30px 10px 20px 10px;}
.container{ width:750px; margin:0px auto;}
.page-text { padding: 0px 30px;}
.col{ width:28%; float:left; margin:0px 20px;}
.col:hover {
  }
.name { padding: 0px 10px; font-size: 24px; line-height: 26px;}
.page-heading { padding: 0px 20px 20px 20px;}
.btn{font-family:Arial; text-align:center; text-transform:uppercase;}
#schl3o .btn a{width:180px; margin:0px auto; display:block; line-height:20px; font-size:12px; color:#fff; font-weight:600; text-decoration:none; padding:10px 0px; background-color:#ec1d30; border-radius:30px;}
#schl3o .btn a:hover{ background-color:#ac0212;}
/* connectnow start */
.connectnow-content{ width:96%; margin:0px auto; margin-top:50px; margin-bottom:50px;}
.connectnow-contentl{ width:67%; float:left;}
.connectnow-contentr{ width:33%; float:left; background-color:#ec1d30;}
.connectnow-text { padding: 0px 20px 0px 0px;}
.connectnow-follow-me { padding: 40px;}
/* connectnow start */

.success-contentl {
    width: 55%;
    float: left;
    border-right: 1px solid #FFF;
}
.success-contentr {
    width: 45%;
    float: left;
	padding:0px;
}
.chart {
    width: 85%;
}
.grade-students {
    width: 85%;
}
.grade-students h2 {
    font-size: 20px;
	line-height:22px;
}
.year-afterhead{ color:#fff; padding:0px 0px 15px 0px;}
.year-afterhead {
    font-size: 18px;
}
.up-arrow {
    position: absolute;
    right: 0px;
    top: 3px;
}
.oops_message{ text-align:center; font-size:18px; font-family:"Roboto"; color:#000; padding:0 20px 5px 20px;}
.oops_message p{ font-weight:bold;}
.oops_message span{ font-weight:normal;}
.right-mar{ margin-right:10px;}
@media only screen and (min-width : 0px) and (max-width : 767px) {
.break1{ display:block;}
}