@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,300italic,400italic,600italic,700italic|Raleway:400,600,700);

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }.clearfix { display: inline-block; }  html[xmlns] .clearfix { display: block;height:auto; }   * html .clearfix { height: 1%; } .clearfix:before, .container:after { content: ""; display: table; }  .clearfix:after { clear: both; }  /* IE 6/7 */  .clearfix { zoom: 1; } .transparent {  filter: alpha(opacity=50); /* internet explorer */  -khtml-opacity: 0.5;      /* khtml, old safari */  -moz-opacity: 0.5;       /* mozilla, netscape */  opacity: 0.5;           /* fx, safari, opera */  } div.clr{clear:both}div.spacer5{height:5px;}div.spacer10{height:10px;}img { max-width: 100%; }  a img{border:none}/* DO NOT ALTER THE ABOVE - DO NOT ALTER THE ABOVE - DO NOT ALTER THE ABOVE */	
html,body{font-family:"Open Sans",Arial,sans-serif;font-weight:100!important;background-color:#ffffff;color:#f3f3f3;line-height: 1.42857143;}
html *,body *{margin:0;padding:0;font-family: "Open Sans",Arial,sans-serif;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}/*html { -webkit-font-smoothing: antialiased;}*/body {-webkit-font-smoothing:subpixel-antialiased} 
body {height:100%; background-image: none; background-position: center top;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-color: #ffffff;}
.clr{clear:both}
h1,h2,h3,h4,h5,h6{font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600}


/* CUSTOM STYLES */


.container{width:1190px;margin:0 auto;padding:0;}
header,#main,footer{width:100%;margin:0;padding:0;}

header {height:70px;background:#ffffff;z-index:10}

header .container .l{float:left;width:29.95%;text-align:left;margin:0;padding:0;}
header .container .l img{margin-top:15px;}
header .container .r{width:auto;float:right;text-align:right;margin:0;padding:0;}

header .container .r img.navbut{display:none;margin-top:15px;}

header .container .r nav{display:block;}
header .container .r nav a,header .container .r nav a:visited,header .container .r nav a:active{float:left;display:inline-block;  margin: 7px 10px 0px 10px !important;padding:17px 0;border:1px solid transparent;font-size:14px;color: #828282 !important;font-weight:600;text-decoration:none}
header .container .r nav a:hover{float:left;display:inline-block;margin: 7px 10px 0px 10px !important;padding:17px 0;border:1px solid transparent;font-size:14px;color: #333 !important;font-weight:600;text-decoration:none}

header .container .r nav a.cta{
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #e49124 !important;
  background-color: transparent;
  border: 1px solid #e49124 !important;
  margin: 12px 10px 10px 10px !important;
  text-decoration:none;
}

header .container .r nav a.cta:hover{
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #fff !important;
  background-color: #e49124 !important;
  border: 1px solid #e49124 !important;
  text-decoration:none;
}
#main #tops #banner #cta1 div a.maincta{
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #fff !important;
  background-color: #e49124 !important;
  border: 1px solid #e49124 !important;
  margin: 12px 10px 10px 10px !important;
  text-decoration:none;
  font-weight:600;
}

#main #tops #banner #cta1 div a.maincta:hover{
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #fff !important;
  background-color: #f4a934 !important;
  border: 1px solid #e49124 !important;
  text-decoration:none;
  font-weight:600;
}

 /* position: relative;
color: #828282;
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
			 */
#main{height:580px;width:100%;background:#ffffff;position:relative;text-align:center;}
#main #tops{width: 100%;float: left;position: relative;opacity: 1;display: block;z-index: 2;}
#main #tops #banner{background: #0099ff url('images/mathdata1.jpg') no-repeat center top; background-size:cover;margin-top:0;width: auto;min-height:580px;background-repeat: no-repeat;background-size: 100%;text-align: center;}
#main #tops #banner #cta1{padding-top:40px}
#main #tops #banner #cta1 h1{font-size:56px;margin-bottom:18px;font-weight:300;}
#main #tops #banner #cta1 h3{font-size:26px;margin-bottom:18px;}
#main #tops #banner #cta1 h5{font-size:16px;font-style:italic;margin-bottom:26px}

#infoblock{background:#f6fbff;color:#333;margin:0;padding:90px 0;text-align:center}
#infoblock .container h2{font-size:28px;color:#003366;font-weight:600}
#infoblock .container h4{font-size:14px;font-weight:100;color:#334;margin-top:10px;margin-bottom:35px;}
#infoblock .container .l,#infoblock .container .r{width:49.95%;}
#infoblock .container .l{float:left;}
#infoblock .container .r{float:right;text-align:left}

#infoblock  .container .r a.cta1{
	font-size:12px;
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #11447c !important;
  border: 1px solid #003366 !important;
  margin: 3px 10px 10px 60px !important;
  text-decoration:none;
  font-weight:600;
}

#infoblock  .container .r a.cta1:hover{
	font-size:12px;
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #003366 !important;
  border: 1px solid #003366 !important;
  text-decoration:none;
  font-weight:600;
}

#infoblock  .container .r a.cta2{
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #fff !important;
  background-color: #e49124 !important;
  border: 1px solid #e49124 !important;
  margin: 12px 10px 10px 10px !important;
  text-decoration:none;
  font-weight:600;
}

#infoblock  .container .r a.cta2:hover{
	display:inline-block;
  padding: 10px 25px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #fff !important;
  background-color: #f4a934 !important;
  border: 1px solid #e49124 !important;
  text-decoration:none;
  font-weight:600;
}


a.cta50{
	font-size:14px;
	display:inline-block;
  padding: 14px 20px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #11447c !important;
  border: 1px solid #003366 !important;
  margin: 20px 10px 10px 0px !important;
  text-decoration:none;
  font-weight:600;
}

a.cta50:hover{
	font-size:14px;
	display:inline-block;
  padding: 14px 20px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #003366 !important;
  border: 1px solid #003366 !important;
  text-decoration:none;
  font-weight:600;
}

.infoitem{margin:8px 0 29px;color:#003366}
.infoitem .ico{font-size:32px;}
.infoitem .ico i{float:left;}
.gl{font-family: 'Glyphicons Regular';position: relative;top: 1px;display: inline-block;-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;line-height: 1;}
.gl.hist::before{content: "\E058";}
.gl.srch::before{content: "\e003";}
.gl.stat::before{content: "\e042";}
.gl.cale::before{content: "\e046";}
.gl.wifi::before{content: "\e074";}
.gl.fold::before{content: "\e145";}
.gl.mntr::before{content: "\e161";}
.gl.lock::before{content: "\e204";}
.gl.tool::before{content: "\e281";}
.infoitem .service{}
.infoitem .service h6{margin-top: 0;padding-top: 4px;margin-left: 60px;font-size:22px;font-family:"Raleway",Helvetica,Arial,sans-serif;font-weight:600;color:#003366;-webkit-font-smoothing: antialiased;}
.infoitem .service p{margin-left:60px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:normal;font-size:14px;line-height:24px;color:#5c5c5c;-webkit-font-smoothing: antialiased;}



#areas{background:#eeeff3;padding:40px 0;margin:0 auto}
#areas .container{text-align:center}
#areas .container h2{margin-bottom:18px;font-size:28px;font-family:"Raleway",Helvetica,Arial,sans-serif;font-weight:600;color:#777799;-webkit-font-smoothing: antialiased;}

#free-report{background:#fff;min-height:500px;padding:60px 0 40px;margin:0 auto}
#free-report .container .l67{float:left;text-align:center;width:66.95%;padding-top:50px;}
#free-report .container .r33{float:right;text-align:center;width:33%;}
#free-report .container .l67 div{width:70%;margin:0 auto}
#free-report .container .l67 h4,
#free-report .container .l67 p{text-align:left;}
#free-report .container .l67 p{color:#333;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;font-size: 14px;line-height: 24px;margin-bottom:18px;}
#free-report .container .l67 h4{margin-top:90px;margin-bottom:30px;font-size:28px;font-family:"Raleway",Helvetica,Arial,sans-serif;font-weight:600;color:#003366;-webkit-font-smoothing: antialiased;}

#bigcta{background:#00569e;}
#bigcta .container{text-align:center;padding:40px 0;}
#bigcta .container h2{display:inline-block;color:#ffffff}
#bigcta .container .demo{display:inline-block;}
 a.democta{
	font-size:18px;
	display:inline-block;
  padding: 18px 28px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #f58e00 !important;
  border: 1px solid #f58e00 !important;
  margin: 20px 10px 10px 10px !important;
  text-decoration:none;
  font-weight:600;
}

a.democta:hover{
	font-size:18px;
	display:inline-block;
  padding: 18px 28px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #ffc000 !important;
  border: 1px solid #ffc000 !important;
  text-decoration:none;
  font-weight:600;
}
footer{background:#333333;}
footer .container{padding:50px 0;}
footer .container section.widget{float:left;width:30%;margin:0 auto;position: relative;min-height: 1px;padding:0 1.6666666666665%}
footer .container section.widget .group{width:100%;margin-bottom:40px;}
footer .container section.widget .group h5{position: relative;font-size: 18px;font-weight: 400;margin-top: 0;padding-bottom: 12px;margin-bottom: 20px;}
footer .container section.widget .group h5::after{position: absolute;bottom: 0px;left: 0;content: '';width: 25px;height: 2px;background-color: #8fba3d;}
footer .container section.widget .group div ul{list-style:inside none}
footer .container section.widget .group div.text{font-size:14px;line-height:21px;}
footer .container section.widget .group div ul li{margin:0;padding:6px 0;width:100%;border-top:#383838;border-bottom:#444444;}
footer .container section.widget .group div ul li a{color:#f4f4f4;text-decoration:none;display:inline-block;}
footer .container section.widget .group div ul li a:hover{color:#fff;text-decoration:none;display:inline-block;}
footer .container section.widget .group .soci{margin-top:14px;}
footer .container section.widget .group .soci .soc a{color: #cbcbcb;font-size:14px;}
footer .container section.widget .group .soci .soc a:hover{color: #eeeeee;font-size:14px;}
footer .container section.widget .group .soci .soc{color:#4e4e4e;font-size: 32px;margin: 0;padding: 0 3px 6px 0 !important;font-family: 'Glyphicons Social Regular';position: relative;top: 1px;display: inline-block;-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;line-height: 1;}
footer .container section.widget .group .soci .soc:hover{color:#666666;}
footer .container section.widget .group .soci .facebook::before{content: "\E031";}
footer .container section.widget .group .soci .instagram::before{content: "\E033";}
footer .container section.widget .group .soci .twitter::before{content: "\E032";}
footer .container section.widget .group .soci .youtube::before{content: "\E023";}
footer .container section.widget .group div a.cta333{
  font-size:14px;
  display:inline-block;
  padding: 14px 20px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #11447c !important;
  border: 1px solid #003366 !important;
  margin: 20px 10px 10px 0px !important;
  text-decoration:none;
  font-weight:600;
}

footer .container section.widget .group div a.cta50:hover{
  font-size:14px;
  display:inline-block;
  padding: 14px 20px!important;
  border-radius: 3px !important;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  color: #ffffff !important;
  background-color: #003366 !important;
  border: 1px solid #003366 !important;
  text-decoration:none;
  font-weight:600;
}

.signup-slide{height:500px;width:400px;margin:0;padding:0;} 
.signup-slide-one{} 
.signup-slide-two{display:none;}

/* RESPONSIVES */

@media only screen and (max-width: 1503px){.container{width:1180px;}
  #main{height:500px}#main #tops #banner{min-height:500px;width: auto;}	
  #free-report .container .l67 h4{margin-top:90px;}

}

@media only screen and (max-width: 1260px){.container{width:996px;}
  #main{height:400px}#main #tops #banner{min-height:400px;width: auto;}	
  #free-report .container .l67 h4{margin-top:50px;font-size:28px}
  #free-report .container .l67 p{font-size:14px;}
}

@media only screen and (max-width: 1024px){.container{width:725px;}
  #main{height:400px}#main #tops #banner{min-height:400px;width: auto;}	
  #main #tops #banner #cta1 h1{font-size:44px;margin-bottom:16px;font-weight:300;}
#main #tops #banner #cta1 h3{font-size:24px;margin-bottom:18px;}
#main #tops #banner #cta1 h5{font-size:14px;font-style:italic;margin-bottom:26px}
#main #tops #banner #cta1{padding-top:40px}
header .container .r nav{display:block;}
header .container .r img.navbut{display:none}
header .container .l{width:29.95%;}
 #infoblock .container .l,#infoblock .container .r{width:49.95%;}
#infoblock .container .l{float:left;}
#infoblock .container .r{float:right;}
 #infoblock  .container .r a.cta1{margin-left:60px !important}
 #free-report .container .l67 h4{margin-top:20px;font-size:18px;}
 #free-report .container .l67 p{font-size:12px;}
 #free-report .container .l67{float:left;width:66.95%}
 #free-report .container .r33{float:right;width:33%}
 #free-report .container .l67 div{width:70%;margin:0 auto}
 footer .container section.widget{float:left;width:30%;margin:0 auto;}
}

@media only screen and (max-width: 767px){.container{width:560px;}
  #main{height:280px}#main #tops #banner{background: #1769a6 url('images/mathdata1.jpg') no-repeat center top;min-height:280px;width: auto;background-repeat: no-repeat;background-size: 100%;padding-bottom:0;}
#main #tops #banner #cta1 h1{font-size:40px;margin-bottom:16px;font-weight:300;}
#main #tops #banner #cta1 h3{font-size:18px;margin-bottom:18px;}
#main #tops #banner #cta1 h5{font-size:14px;font-style:italic;margin-bottom:26px}
#main #tops #banner #cta1{padding-top:30px}
header .container .r nav{display:none;}
header .container .r img.navbut{display:block}
header .container .l{width:60%}header .container .l img{margin-top:15px;}
 #infoblock .container .l,#infoblock .container .r{width:99.95%;float:none;}
 #infoblock  .container .r a.cta1{margin-left:40px !important}
 
 #free-report .container .l67{float:none;width:99.9%}
 #free-report .container .r33{float:none;width:99.9%}
 #free-report .container .l67 div{width:90%;margin:0 auto}
 footer .container section.widget{float:none;width:75%;margin:0 auto;}
}

@media only screen and (max-width: 600px){.container{width:360px;}
    #main #tops #banner{background-image: none;}#main,#main #tops #banner{height:auto;min-height:auto;padding-bottom:20px;}
    #main #tops #banner #cta1 h1{font-size:32px;margin-bottom:14px;font-weight:300;}
#main #tops #banner #cta1 h3{font-size:16px;margin-bottom:16px;}
#main #tops #banner #cta1 h5{font-size:12px;font-style:italic;margin-bottom:26px}
#main #tops #banner #cta1{padding-top:20px}
header .container .l{width:70%}header .container .l img{margin-top:18px;}
 #infoblock  .container .r a.cta1{margin-left:30px !important}
 footer .container section.widget{float:none;width:84%;margin:0 auto;}
}

@media only screen and (max-width: 400px){.container{width:220px;}
    #main #tops #banner{background-image: none;}#main,#main #tops #banner{height:auto;min-height:auto}
    #main #tops #banner #cta1 h1{font-size:24px;margin-bottom:12px;font-weight:300;}
#main #tops #banner #cta1 h3{font-size:16px;margin-bottom:14px;}
#main #tops #banner #cta1 h5{font-size:12px;font-style:italic;margin-bottom:26px}
#main #tops #banner #cta1{padding-top:14px}
header .container .l{width:70%}header .container .l img{margin-top:23px;}
 #infoblock  .container .r a.cta1{margin-left:20px !important}
 footer .container section.widget{float:none;width:96%;margin:0 auto;}
}

@media only screen and (max-width: 240px){.container{width:220px;}
    #main #tops #banner{background-image: none;}#main,#main #tops #banner{height:auto;min-height:auto}
    header .container .l{width:70%}header .container .l img{margin-top:28px;}
     #infoblock  .container .r a.cta1{margin-left:0 !important}
}