@font-face {
 font-family: montserrat;
 src: url("../fonts/Montserrat-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: montserrat;
 src: url("../fonts/Montserrat-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: sourceSansPro-b;
 src: url("../fonts/SourceSansPro-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: sourceSansPro-b;
 src: url("../fonts/SourceSansPro-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: sourceSansPro-r;
 src: url("../fonts/SourceSansPro-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: sourceSansPro-r;
 src: url("../fonts/SourceSansPro-Regular.ttf") /* TTF file for CSS3 browsers */
}
*{padding:0;margin:0;}
body,html{height:100%;}
body{padding:0;margin:0;font-family:sourceSansPro-r;}
header{
	width:100%;
	height: 72px;
	background-color: #220d56;
}
.logo a{
	display:block;
	margin: 12px 0;
}
.navbar-default {
    background-color: #C1322B;
    border-color: transparent;
}
.analytics-bg{
	width:100%;
	min-height: 828px;
	background:url(../images/analytics-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.analytics-title{
	width: 100%;
	text-align: center;
	margin:100px 0 70px 0; 
}
.analytics-title h1{
	font-family:montserrat; 
	font-size:40px;
	color: #ffffff;
	margin: 0;
}
.analytics-box{
	width:100%;
}
.analytics-box a{display: block;}
.analytics-box a:hover{ background-color:#381273;text-decoration: none; }
.analytics-box-top{
	width:100%;
	min-height: 270px;
	max-height: 270px;
	display: block;
	padding: 15px;
	border:1px solid #7f66af; 
}
.analytics-box-top span.icon{
	width:140px;
	height: 140px;
	display: block;
	margin: 20px auto;
}
.analytics-box-top .icon.service{background:url(../images/service-icon.png) no-repeat; background-size: 100% 100%;}
.analytics-box-top .icon.myspeed{background:url(../images/myspeed-icon.png) no-repeat; background-size: 100% 100%;}
.analytics-box-top .icon.test{background:url(../images/test-icon.png) no-repeat; background-size: 100% 100%;}
.analytics-subtitle h2{
	font-family:sourceSansPro-b;
	font-size: 26px;
	color: #ffffff;
	margin: 0;
	text-align: center;
}
.analytics-box-bottom{padding:20px 10px}
.analytics-box-bottom p{
	font-family:sourceSansPro-r ;
	font-size:18px;
	color: #ffffff;
	line-height: 22px;
	text-align: center; 
}
@media all and (max-width: 1024px){}
@media all and (max-width: 992px){
.analytics-box-top{min-height: 245px; max-height: 245px;}
.analytics-subtitle h2{font-size: 22px;}
}
@media all and (max-width: 800px){
.analytics-box-top{min-height: 285px; max-height: 285px;}
.analytics-title h1{font-size: 34px;}
}
@media all and (max-width: 768px){
.analytics-title {margin: 50px 0 40px 0;}
.analytics-title h1 {font-size: 32px;}
}
@media all and (max-width: 640px){
.analytics-title {margin: 50px 0 40px 0;}
.analytics-title h1 {font-size: 26px;}
}
@media all and (max-width: 568px){
.analytics-title h1 {font-size: 24px;}
}
@media all and (max-width: 480px){
.analytics-bg .col-xs-4{width:100%;}
}
@media all and (max-width: 411px){
.analytics-title h1 {font-size: 22px;}
}
@media all and (max-width: 375px){
.analytics-title h1 {font-size: 20px;}
}