*{ margin:0; padding:0;}
.mainWrap{ width:100%; float:left;} 
.wrap{ margin:0 auto; max-width:1150px;}
header { position:relative; text-align:center}
header .logo{ float:left; position:absolute; left:0; top:20px; z-index:10; }
header .rightText{ float:right; color:#157fd2; text-align:right; font-size:38px; padding:25px 0;  font-family:calibri, calibriregular; }
.sliderTop{ float:left;  width:100%;}
.textCenter{ color: #3a89cb;
float: left;
font-family: calibri, calibriregular;
font-size: 34px;
padding: 40px 0;
text-align: center;
width: 100%;}
.blueBg{ background:#3A89CB; padding:35px 0;}
.infoBox{ float:left; min-height:310px; width:22.5%; margin-right:3%; background:#fff;}
.infoBox:nth-child(4){ margin-right:0}
.infoBox .imageInfo{ float:left; width:100% }
.infoBox .infoText{ float:left; padding:10px; min-height:90px; line-height:30px; font-family:calibri, calibriregular; font-size:20px; color:#444;}
.infoBox .infoButton{ float:left; margin-left:10px; background:#a3ca44; font-family: calibri; font-size:16px; color:#fff; padding:7px 14px; border-radius:4px;}
.infoBox .infoButton a{ color:#fff; text-decoration:none;}
h2{ text-align:center; font-family:calibri, calibriregular; font-size:60px; margin:0; text-transform:uppercase; font-weight:normal; color:#666; padding:35px 0;}
.steps{ float:left; width:28%; margin-right:5%; margin-bottom:30px;}
.steps .stepsIcon{ text-align:center; width:100%} 
.steps .stepsText{ float:left; padding:20px 0 15px 0; width:100%; font-family:calibri, calibriregular, calibriregular; text-align:center; font-size:17px; color:#444;}
.greyBg{ background:#ddfdce; padding-bottom:30px;}
.graphImg{float: left;margin-bottom: 24px;text-align: left;}
.graphBox{ float:right; width:570px; }
.graphHeading{ color:#157fd2; font-size:23px; font-family:calibri, calibriregular; width:100% }
.graphText{ color:#444; padding-top:10px; font-size:18px; font-family:calibri, calibriregular; width:100%; text-align:justify}
.graphText a{ color:#005a8c; font-size:18px; font-family:calibri, calibriregular;}
.blogImg{float:left; width:200px; height:126px;}
.blogBox{ float:right; width:100%; }
.demoButton{ position:fixed; z-index:10; cursor:pointer; right:0; top:65%;background:url(../images/requestDemoButton.png) right top no-repeat; width:193px; height:56px;}
.black_overlay{display: none;  position: fixed; top: 0%; left: 0%;  width: 100%;
    height: 100%;
    background-color: black;
    z-index:99;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}.white_content {
    display: none;
    position: fixed;
  /*  top: 15%; */
    left: 29%;
       right: 29%;
    width: 40%;
    height: auto;
    min-height: 400px;
    padding: 16px;
    background-color: white;
    z-index:999;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 top: 80px;
} 
.youtube_img {
    cursor: pointer;
}
   .modal-header {
   border-bottom: 1px solid #e5e5e5
;
   min-height: 16.43px;
   padding: 15px;
}
.modal-header .close {
   margin-top: -2px;
}
.modal-header h4{ margin: 0; font-size: 20px; font-weight: bold; text-align: center;}
button.close {
   background: #000;
   border: 2px solid #fff;
   cursor: pointer;
   padding: 0 4px 3px;
   -webkit-padding-after: 2px;
    -webkit-padding-before: 1px;
    -webkit-padding-start: 8px;
    -webkit-padding-end: 8px;
}
.bgMargin{ padding-bottom:30px; background:#eff8ff;}
.close {
   color: #fff;
   float: right;
   font-size: 21px;
   font-weight: 700;
   /*line-height: 1;*/
   /*opacity: 0.2;*/
   text-shadow: 0 1px 0 #fff;
   border-radius: 100%;
}
#signup .header h3 {
   color: #333333
;
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 5px;
}#signup .header p {
   color: #8f8f8f
;
   font-size: 14px;
   font-weight: 300;
}#signup .sep {
   height: 1px;
   background: #e8e8e8
;
   width: 406px;
   margin: 0px -25px;
}
.inputs div{float: left; width: 100%}
.inputs span{float: left; padding-top: 6px;}
#signup .inputs {
   margin-top: 25px;
}#signup .inputs label {
   color: #8f8f8f
;
   font-size: 12px;
   font-weight: 300;
   letter-spacing: 1px;
   margin-bottom: 7px;
   display: block;
}input::-webkit-input-placeholder {
   color:    #b5b5b5
;
}input:-moz-placeholder {
   color:    #b5b5b5
;
}#signup .inputs input[type=phone], input[type=name], input[type=email] {
   background: #fff
;
   font-size: 17px;
   border:1px solid #999;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
  
   padding: 9px 10px;
   width: 78%;
   float:right;
   margin-bottom: 20px;
}#signup .inputs input[type=phone]:focus, input[type=name]:focus, input[type=email]:focus {
   background: #fff;
 
   outline: none;  
}#signup .inputs .checkboxy {
   display: block;
   position: static;
   height: 25px;
   margin-top: 10px;
}#signup .inputs input[type=checkbox] {
   float: left;
   margin-right: 10px;
   margin-top: 3px;
}#signup .inputs label.terms {
   float: left;
   font-size: 14px;
   font-style: italic;
}#signup .inputs #submit {
   /*width: 35%;*/
   margin-top: 20px;
   padding: 10px 15px;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   font-family: calibri;
   letter-spacing: 1px;
   text-align: center;
   text-decoration: none;
   background: #ec6319;
/*   background: linear-gradient(
       top,
       #67afe7
0%,
       #4991c9
);
       background: -moz-linear-gradient(
       top,
       #67afe7
0%,
       #4991c9
);
   background: -webkit-gradient(
       linear, left top, left bottom,
       from(#67afe7
),
       to(#4991c9
));*/
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #db560f
;
   -moz-box-shadow:
       0px 5px 5px rgba(000,000,000,0.1),
       inset 0px 1px 0px rgba(255,255,255,0.5);
   -webkit-box-shadow:
       0px 5px 5px rgba(000,000,000,0.1),
       inset 0px 1px 0px rgba(255,255,255,0.5);
   box-shadow:
       0px 5px 5px rgba(000,000,000,0.1),
       inset 0px 1px 0px rgba(255,255,255,0.5);
   text-shadow:
       0px 1px 3px rgba(000,000,000,0.3),
       0px 0px 0px rgba(255,255,255,0);
   display: table;
   position: static;
   clear: both;
}#signup .inputs #submit:hover {
    background: #db560f;
/*   background: linear-gradient(
       top,
       #4991c9
0%,
       #67afe7
);
       background: -moz-linear-gradient(
       top,
       #4991c9
0%,
       #67afe7
);
   background: -webkit-gradient(
       linear, left top, left bottom,
       from(#4991c9
),
       to(#67afe7
));*/
} 
.nivo-controlNav {display:none;}

footer{width: 100%; float: left; background: #131313;}
.tab_container{width: 100%; background: #383838; float: left}
.tab_button{ float:right;position:relative; left:-50%; text-align:center;}
.tab_button ul{margin: 0; padding: 0;list-style: none;}
.tab_button ul li{list-style:none;float: left;position:relative;left:50%; padding: 0; margin: 0;}
.tab_button ul li a{cursor: pointer; color:#fff; font-family: calibri,calibriregular; float: left; font-size: 22px; text-decoration: none; padding: 38px 25px; text-align: center;}
.tab_button ul li a:hover{background: #000;}
.tab_button ul li.current{background: #000;}
.tab_content{width: 100%; background: #131313; display: table;}
.tab_content h1{font-size: 30px; font-family: calibri,calibriregular; font-weight: normal; color: #fff; width: 100%; margin: 0; padding: 0 0 10px 0}
.tab_content ul li{color: #fff; font-size: 18px; font-family: calibri,calibriregular; list-style-type: disc; list-style-position: inside; margin: 0; padding: 0 0 5px 0; text-align: left;display: list-item;}
.tab_content ul li:last-child{padding-bottom: 45px;}
.tab_content img{margin-left: 115px;}
#tab-1 {
 display: none;   
}
.schoolImg{ float:left; width:100%; text-align:center}
.tab-content {
    display: none;
     padding-top: 30px;
}
.howitWork{float: left;
margin-left: 12%;
width: 400px;}
@media only screen and (max-width: 1220px) {
	.howitWork{ margin-left:9%}
}
@media only screen and (max-width: 1100px) {
#signup .inputs input[type=phone], input[type=name], input[type=email] { width:95%}
.modal-header h4{ font-size:24px !important}
}
@media only screen and (max-width: 1020px) {
	.howitWork{margin-left:11%; width:auto}
}
@media only screen and (max-width: 1000px) {
	.graphImg{ width:100%; text-align:center}
	.graphBox {
  float: right;
  width: 100%;
  padding: 0 20px ;
  box-sizing: border-box;
  text-align: center;
}
.schoolImg img{ width:100%}
.graphText{ text-align:center}
.graphHeading{ text-align:center}
}
@media only screen and (max-width: 995px) {
	.tab_button ul li a{font-size:17px;}
	.tab_content img{ margin-left:9%}
}
@media only screen and (max-width: 880px) {
	header .logo{ position:static; float:none}
	header .rightText{ text-align:center; font-size:30px; padding:0 0 25px; width:100%}
	.textCenter{ font-size:26px;}
	.infoBox .infoText{ font-size:17px;}
	}
@media only screen and (max-width: 800px) {
	.tab_button ul li a{ padding:25px 14px; font-size:16px;}
}
@media only screen and (max-width: 800px) {
	.infoBox{width:35%; margin-left:10%; margin-bottom:4%}
	}
@media only screen and (max-width: 800px) {
	.tab_content img {margin-left: 9%;width: 140px;}
	.howitWork{width:50%; margin-left:25%}
}
@media only screen and (max-width: 765px) {
	.tab_button{ left:0; position:static; float:left; width:100%}
	.tab_button ul li{position:static; width:100%; text-align:center; left:0}
	.tab_button ul li a{ padding:13px 0 !important; text-align:center; width:100%; border-bottom:1px solid #444; float:left;}
	.white_content{ width:60% !important; left:20%; position: absolute}
	
	}
@media only screen and (max-width: 700px) {
	.steps .stepsText{ font-size:21px}
	.steps{width:100%;}
	}
@media only screen and (max-width: 700px) {
	.infoBox{ margin-left:25%; width:50%}
	}
@media only screen and (max-width: 515px) {
	.white_content{ width:80% !important; left:8%}
	}
@media only screen and (max-width: 470px) {
	.infoBox{ margin-left:17%; width:66%}
	}