@charset "utf-8";
/* CSS Document */

body{
	
	background-color:#f2f2f2;
	margin:0;
	padding:0;
	font-family:'Maven+Pro', sans-serif;
    font-size:1.0em;
    color:#222;
}



	img{
 max-width:100%;height:auto;
 border:0;
  
   }
   
  h1,h2,h3,h4{
	 margin:0;
	 padding:0;
	 padding-top:0.0em;
    font-family: 'Open Sans', sans-serif;
    font-size:1.0em;
    
 }
	 
h1{
   color:#222;
    text-align:center;	
	line-height:30px;
	
      
}
 
 h2{
	margin-top:0px;
    text-transform: uppercase;
	/*color:#1f458e;*/
	color:#0154a4;
	text-align:center;
    
}


h3{
	
	text-transform: capitalize;
	color:#0154a4;
	
}


a{color:#0154a4;text-decoration:none; }

a:hover{ color:#0154a4; }

a .selected { color:#81c443; }
	
p{
	color:#222222;	
	
}

.wrapper{
	width:95%;
	text-align:center;
	margin:0px auto;
   height:auto;
   
}

.top{
	width:100%;
	height:auto;
	background-color:#ecebeb;
	padding-bottom:35px;
	padding-top:5px;
}


.social{
	float:right;
	display:inline-block;
	margin:1px;	
}
.login a {
	
	padding:6px;
	color:#0154a4;
	display:inline-block;
	float:right;
	margin-left:3px;
	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	
}

.login a:hover{
		color:#81c443;
}


.logo{
	float:left;
	display:inline-block;
      margin-top:5px;
	 padding:0;
	
}

.menu{
	width:100%;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	z-index:-99999;
    display:block;
}

.menu ul{
	margin:0;
	padding:0;
	float:right;
}
	
.menu ul li{
		margin:0;
	padding:0;
	display:inline-block;
}

.menu ul li a{
	color:#313131;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:10px;
	border-radius:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	font-family:'oswald', sans-serif;
    
	
}

.menu .selected a{
	background-color:#0154a4;
	padding-top:5px;
	color:#fff;
}


.menu ul li a:hover{
	background-color:#0154a4;
	color:#fff;
}

.blueline,.liner{
	width:100%;
	background-color:#0154a4;
	float:left;
	display:inline-block;
	padding-bottom:5px;
	
}

.liner{
	
    padding-top:10px;
padding-bottom:10px;
color:#fff;
text-align:center;
font-family: 'Open Sans', sans-serif;
 font-size:1.1em;  
text-indent:10px;
  
}

.slider{
	width:99.9%;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	display:inline-block;
	margin-top:0px;
	float:left;
	
}


.innerslide {
	width:98%;
	height:auto;
	display:inline-block;
	text-align:center;
	background-color:#deeecb;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px auto;
	margin-bottom:10px;
	border-bottom:2px solid #81c443;
	
}


.container {
	width:100%;
	background-color:#fff;
	float:left;
	padding-top:10px;
	
}
.hometext{
	width:88%;
	tetx-align:center;
	color:#363636;
	margin:0px auto;
	line-height:26px;
	
}


.content {
	text-align:left;
	width:98%;
	line-height:25px;
	margin:0px auto;
	padding-bottom:20px;
	
}

.iwrap{
	width:95%;
    text-align:center;
	margin:0px auto;
    margin-right:2px;
}

.pone,.ptwo,.pthree,.pfour,.innercircle{
	width: 22%;
	display:inline-block;
    float:left;
	margin-bottom:15px;
   margin-left:10px;
   margin-top:15px;
}

.ptwo{
width: 22%;
 }

.pthree{
width: 22%;
 } 
 
 .pfour{
width: 22%;
 }


.innercircle{
	width:30%;
}



.icon{
	width: 100%;
    text-align:center;
   margin:0px auto;
}




.punch{
	width: 100%;
   text-align:center;
   margin:0px auto;
}


.punch h2{
color:#81c443;  }


.innerpunch{
	text-align:center;
	float:left;
	display:inline;
	margin-top:18px;
	margin-left:5px;
}

.text{
	text-align:center;
	color:#5d5d5d;
	display:inline-block;
    font-size:0.9em;
}
	
.footer{
	width:100%;
	background-color:#0154a4;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	float:left;
	display:inline-block;
	text-align:center;
    font-size:0.8em;
}


.services h2  {
text-align:center;
color:#fff;
font-weight:bold;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
width:33%;
padding:10px;
margin:10px auto;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
background-color:#1158b0;
 }

 .servlis{
 width:33%;
 margin-top:10px;
 padding:0px;
 display:inline-block;
 color:#1158b0;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
padding:15px;
cursor:text;
text-align:left;
margin:10px;
padding-right:0px;
padding-left:10px;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
  text-indent:15px;
  background-color:#fff;
 
  }
 
  .servlis ul{
   margin:0px;
  padding:0px;
  
   }
 

.servlis ul li{
     margin:0px;
  padding:0px;
  list-style-type:none;
  background:url(../images/arrow1.jpg) no-repeat;
  background-position: 0% 50%;

 }   
   
 .servlis ul li a{


 
 } 
 
 
  .servlis ul li a:hover{
  color:#0154a4; }
   

.listings{
	width:30%;
	margin-bottom:20px;
	display:inline-block;
	float:left;
    background-color:#f8f8f8;
    margin-left:2px;
	border:1px solid #cfcfcf;
    margin-left:27px;
    margin-top:20px;
}
	
	.listings ul{
	margin:0px;
	padding:0px;
	
	
	
	}
	.listings ul li{
text-align:left;
list-style-type: disc;
margin-left:25px;
	}
	
    
	.listings ul li a{
		display:block;
		text-align:left;
		text-decoration:none;
		margin:5px;
		color:#222222;
		cursor: default;
		line-height:25px;
				
	}
	
	.listings ul li a:hover{
	    color:#222222;
	}
    
	.perfomance{
		width:95%;line-height:30px;background:none;border:none;
	}
	
	.graph{
	   margin-left:10px;
	  
	}
	
    .cone{
    float:left;width:25%; }
    
    
    .ctwo{
    float:right;width:60%; }
    
    
    .cols{
    width:33%;display:inline-block;float:left; text-align:left;}
    
    
.colsone{
    width:37%;display:inline-block;float:left; text-align:left;}
    
    
    @media screen and (max-width: 320px),(min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait)
     {

     
     .wrapper{
	width:95%;
	text-align:center;
	margin:0px auto;
   height:auto;
   
}

     
   .logo{
	width:80%;
	display:inline-block;
      margin-top:10px;
	 padding:0;
	margin-left:28px;
    margin-bottom:10px;
}  
     
     
   .menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	z-index:-99999;
    margin:0px auto;
    
	
}


.menu ul li a{
	color:#313131;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:5px;
	border-radius:5px;
	padding-top:3px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:5px;
	font-family:'oswald', sans-serif;
 	
}



.iwrap{
	width:95%;
    text-align:center;
	margin:10px auto;
    margin-bottom:10px;
    position:relative;
    
}

.pone,.ptwo,.pthree,.pfour,.innercircle{
	width: 100%;
	display:inline-block;
    float:left;
	margin-bottom:15px;
   margin-left:0px;
   margin-top:15px;
}

.ptwo{
width: 100%;
 }

.pthree{
width: 100%;
 } 
 
 .pfour{
width: 100%;
 }




.smallicon{
	display:inline;
	width:25%;
	float:left;
}


.innerpunch{
	text-align:center;
	float:left;
	display:inline;
	margin-top:18px;
	margin-left:5px;
}

.text{
	text-align:center;
	color:#5d5d5d;
	display:inline-block;
}



.content {
	text-align:left;
	width:90%;
	line-height:25px;
	margin:0px auto;
	padding-bottom:20px;
	
}


.listings{
	width:100%;
	margin-bottom:20px;
	display:inline-block;
	float:left;
    margin-left:0px;
    }


.cone{
    float:left;width:100%; }
    
    
    .ctwo{
    float:right;width:100%; }
    
    
    .cols{
    width:100%;display:inline-block;float:left; }
    
    
   .services h2  {
text-align:center;
color:#fff;
font-weight:bold;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
width:95%;
padding:10px;
margin:10px auto;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
background-color:#1158b0;
  
 }

 .servlis{
 width:100%;
 margin-top:10px;
 padding:0px;
 display:inline-block;
 color:#0154a4;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
padding:0px;
cursor:text;
text-align:left;
margin:0px;
padding-right:0px;
padding-left:0px;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
  text-indent:0px;
  background-color:#000;
 
 
  }
 
  .servlis ul{
   margin:0px;
  padding:0px;
  
   }
 

.servlis ul li{
     margin:0px;
  padding:0px;
  list-style-type:none;
  background:url(../images/arrow1.jpg) no-repeat;
  background-position: 0% 50%;

 }   
   
 .servlis ul li a{
 width:100%;

 
 } 
 
 
  .servlis ul li a:hover{
  color:#0154a4; }
    
    .cols{
    width:100%;display:inline-block;float:left; text-align:left;}
    
    
    
    
.colsone{
    width:100%;display:inline-block;float:left; text-align:left;margin-left:12px;}
    
} 
    
    
 @media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {

 .menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	z-index:-99999;
    margin:0px auto;
    
	
}


.menu ul li a{
	color:#313131;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:5px;
	border-radius:5px;
	padding-top:3px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:5px;
	font-family:'oswald', sans-serif;
 	
}



.content {
	text-align:left;
	width:93%;
	line-height:25px;
	margin:0px auto;
	padding-bottom:20px;
	
}

.iwrap{
	width:90%;
    text-align:center;
	margin:0px auto;
}


.smallicon{
	
	width:100%;
text-align:center;
margin:0px auto;
}


.innerpunch{
	width:100%;
    text-align:center;
	text-align:center;
margin:0px auto;
	
	
}
.listings{
	width:100%;
	margin-bottom:20px;
	display:inline-block;
	float:left;
    margin-left:0px;
   
}
	

 .services h2  {
text-align:center;
color:#fff;
font-weight:bold;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
width:95%;
padding:10px;
margin:10px auto;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
background-color:#1158b0;
  margin-right:60px;
 }

 .servlis{
 width:80%;
 margin-top:10px;
 padding:0px;
 display:inline-block;
 color:#0154a4;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
padding:15px;
cursor:text;
text-align:left;
margin:10px;
padding-right:5px;
padding-left:5px;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
  text-indent:15px;
  background-color:#fff;
  margin-right:60px;
 
  }
 
  .servlis ul{
   margin:0px;
  padding:0px;
  
   }
 

.servlis ul li{
     margin:0px;
  padding:0px;
  list-style-type:none;
  background:url(../images/arrow1.jpg) no-repeat;
  background-position: 0% 50%;

 }   
   
 .servlis ul li a{
 

 
 } 
 
 
  .servlis ul li a:hover{
  color:#0154a4; }

    .cone{
    float:left;width:100%; }
    
    
    .ctwo{
    float:right;width:100%; }
	
	   .cols{
    width:100%;display:inline-block;float:left; }

    


}


 @media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {

.pone,.ptwo,.pthree,.pfour,.innercircle{
	width: 100%;
	display:inline-block;
    float:left;
	margin-bottom:15px;
   margin-left:0px;
   margin-top:15px;
}


   .logo{
	width:80%;
	display:inline-block;
      margin-top:10px;
	 padding:0;
	margin-left:28px;
    margin-bottom:10px;
} 





 .services h2  {
text-align:center;
color:#fff;
font-weight:bold;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
width:90%;
padding:10px;
margin:10px auto;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
background-color:#1158b0;
 
 }

 .servlis{
 width:95%;
 margin-top:10px;
 padding:0px;
 display:inline-block;
 color:#0154a4;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
padding:5px;
cursor:text;
text-align:left;
margin:0px;
padding-right:5px;
padding-left:5px;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
  text-indent:12px;
  background-color:#fff;
   font-size:0.9em;
 
  }
 
  .servlis ul{
   margin:0px;
  padding:0px;
  
   }
 

.servlis ul li{
     margin:0px;
  padding:0px;
  list-style-type:none;
  background:url(../images/arrow1.jpg) no-repeat;
  background-position: 0% 50%;

 }   
   
 .servlis ul li a{


 
 } 
 
 
  .servlis ul li a:hover{
  color:#0154a4; }


 .menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	z-index:-99999;
    margin:0px auto;
    
	
}


   .cols{
    width:100%;display:inline-block;float:left; }

    
}


 @media screen and (min-width: 600px) and (max-width: 600px), (min-device-width: 320px) and
(max-device-width: 400px) and (orientation : landscape) {

 .menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	z-index:-99999;
    margin:0px auto;
    
	
}


.menu ul li a{
	color:#313131;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:5px;
	border-radius:5px;
	padding-top:3px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:5px;
	font-family:'oswald', sans-serif;
 	
}

}

@media all and (max-width: 1000px) and (min-width: 400px) {
  
   .menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	top:2px;
	z-index:-99999;
    margin:0px auto;
    
	
}


.menu ul li a{
	color:#313131;
	background-color:#f2f2f2;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:5px;
	border-radius:5px;
	padding-top:3px;
	padding-bottom:8px;
	padding-right:5px;
	padding-left:5px;
	font-family:'oswald', sans-serif;
 	
}


}


@media all and (max-width: 1024px) and (min-width: 568px) {

.servlis{
 width:54%;
 margin-top:10px;
 padding:0px;
 display:inline-block;
 color:#1158b0;
border:1px solid #e0e0e0;
border-radius:4px;
text-transform:capitalize;
padding:15px;
cursor:text;
text-align:left;
margin:10px;
padding-right:0px;
padding-left:10px;
-moz-box-shadow:    2px 2px 2px 2px #eee;
  -webkit-box-shadow: 2px 2px 2px 2px #eee;
  box-shadow:         2px 2px 2px 2px #eee;
  text-indent:15px;
  background-color:#fff;
 
  }


  .listings{
	width:31%;
	margin-bottom:20px;
	display:inline-block;
	float:left;
    background-color:#f8f8f8;
    margin-left:2px;
	border:1px solid #cfcfcf;
    margin-left:8px;
    margin-top:20px;
}
	
	
	.listings ul li{
text-align:left;
list-style-type: disc;
margin-left:28px;
	}
	
  
  
}

 
@media all and (orientation:landscape){



iwrap{
	width:100%;
    text-align:center;
	margin:0px auto;
    
}

.pone,.ptwo,.pthree,.pfour,.innercircle{
	width: 21%;
	display:inline-block;
    float:left;
	margin-bottom:15px;
   margin-left:13px;
   margin-top:15px;
}

.ptwo{
width: 21%;
 }

.pthree{
width: 21%;
 } 
 
 .pfour{
width: 23%;
 }


.innercircle{
	width:30%;
}

 

 }