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

body{
	margin:0;
	padding:0;	
	font-family:Arial, Helvetica, sans-serif;

	}
	
.clear{
	clear:both;
	}	
	
.sup_smaller{
	font-size:10px;
	}	
	
/*-------TIER 1 START-------*/

#header_cline{
	height:2px;
	background-color:#1f8dd8;
	width:100%;
	}
#tier1_holder{
	border-top:3px solid #1f79b5;
	margin:0;
	padding:0;
	width:100%;	
	background-color:#f6f6f6;
	}

#header_tier1{
	max-width:100%;
	min-width:320px;
	width:1010px;
	margin:0 auto 0 auto;
	text-align:right;
	padding:17px 0 17px 0;
/*	border:1px solid #000000;*/
		
	}
	
#tier1_contact{
	float:right;
	margin:0 2% 0 0;
	}	

#tier1_free_trial{
	float:right;
	margin:0 2% 0 0;
	}
	
#tier1_login{
	float:right;
	margin:0 2% 0 0;
	}	
	
	
#tier1_contact p{
	color:#9a9a9a;
	margin:0;
	padding:0;
	font-size:0.850em;
	
	}
	
#tier1_contact a:link {
	color:#727272;
	margin:0;
	padding:0;
	font-size:0.850em;
	text-decoration:none;
	
	}	
	
@media only screen and (max-width: 480px) {
#tier1_contact a:link {
	font-size:0.82em;
	text-decoration:none;
	}

		

}	
	
	
#tier1_free_trial a:link{
	font-size:0.77em;
	text-decoration:none;
	color:#ffffff;
	background-color:#1aabe1;	
	padding:5px 17px 5px 17px;
	}
	

		
#tier1_free_trial a:visited{
	font-size:0.77em;
	color:#ffffff;
	background-color:#2E4877;	
	padding:5px 17px 5px 17px;

	
	}	
	
#tier1_free_trial a:hover{
	font-size:0.77em;
	color:#ffffff;
	background-color:#fc5c3d;	
	padding:5px 17px 5px 17px;
}	
	
#tier1_free_trial a:active{
	font-size:0.77em;
	color:#ffffff;
	background-color:#fc5c3d;	
	padding:5px 17px 5px 17px;
	}	
	
	
@media only screen and (max-width: 480px) {
 
#tier1_free_trial a:link{
	font-size:0.60em;
	}
#tier1_free_trial a:visited{
	font-size:0.60em;
	}
#tier1_free_trial a:hover{
	font-size:0.60em;
	}
#tier1_free_trial a:active{
	font-size:0.60em;
	}
  
}	
	
#tier1_login a:link{
	font-size:0.77em;
	text-decoration:none;
	color:#0079C1;
	background-color:#f6f6f6;
	border:2px solid #0079C1;	
	padding:5px 17px 5px 17px;
	}
	
		
#tier1_login a:visited{
	font-size:0.77em;	
	color:#0079C1;
	background-color:#f6f6f6;
	border:2px solid #0079C1;	
	padding:5px 17px 5px 17px;

	
	}	
	
#tier1_login a:hover{
	font-size:0.77em;
	color:#ffffff;	
	background-color:#0079C1;
padding:5px 17px 5px 17px;	

}	
	
#tier1_login a:active{
	font-size:0.77em;
	color:#ffffff;	
	background-color:#0079C1;
padding:5px 17px 5px 17px;
	}	
	
@media only screen and (max-width: 480px) {
 
#tier1_login a:link{
	font-size:0.60em;
	}
#tier1_login a:visited{
	font-size:0.60em;
	}
#tier1_login a:hover{
	font-size:0.60em;
	}
#tier1_login a:active{
	font-size:0.60em;
	}
  
}
	
/*-------TIER 1 END-------*/	


	
/*-------HEADER START-------*/

#headerhold {
	background-color:#ffffff;
	padding:5px 0 0 0;
	width:100%;
	margin:0;
	
	
	}
	
@media only screen and (max-width: 776px) { 

#headerhold {
	
	padding:0 0 0 0;
	
	
	}
}
	
	
	
	
#header {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0 auto;
	
	}
	
#logo {
	
	float: left;
	display: block;
	margin:0 0 0 0;
	padding:0;
	width:404px;
	}	
	
#logo img{
	width:100%;
	border:none;
	padding:10px 0 0 0;

	}

@media only screen and (max-width: 1080px) {
 
  #logo img{
		margin:5px 0 0px 20px;
width:90%;
	border:none;
	
	}
}







@media only screen and (max-width: 751px) {
 
 #logo {
	
	float: left;
	display: block;
	padding:0;
	}	
 
#logo img{
	width:90%;   
	margin:8px 0 8px 20px;


  }
  
}

@media only screen and (max-width: 480px) {
	 #logo {
	

	width:300px;
	}
 
#logo img{
	width:100%;   
  }
  
}

@media only screen and (max-width: 365px) {
 #logo {
	

	width:250px;
	}	
#logo img{
	width:100%;  
	margin:8px 0 8px 20px;
 
  }
  
}

/*-------HEADER END-------*/






/*-------NAVIGATION START-------*/

#nav{
  float: right;
  margin: 0;

}

.nav-collapse {
  list-style: none;
  width: 265px;
  float: left;
  text-align:left;
  
 
}



.nav-collapse ul {
  list-style: none;
  width: 250px;
  float: left;
  text-align:left;
  padding:5px 0 0 0;

  
 
}

@media only screen and (max-width: 750px) {
	
.nav-collapse,
.nav-collapse ul {
width: 100%;

	}
	
	}

.nav-collapse li {
  float: left;
  font-size: 1em;
  

}



	
#free_trial a:link, #free_trial a:visited {
    color: #ffffff !important;
	background-color:#0079C1 !important;
	display:inline-block;
	margin:0 0 0 10px;
	border-radius:18px;
	padding:0 4px 0 6px;
	border:2px solid #0079C1;
	
	text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px !important;
	
	
    
	  
}

  #free_trial a:hover, #free_trial a:active {
	color: #ffffff !important;
	background-color:#329ee8 !important; 
	border-radius:18px;
	border:2px solid #329ee8 !important;
	
	text-decoration: none;
	
    

	
}	
	
@media only screen and (max-width: 750px) {
	
	
	#free_trial a:link, #free_trial a:visited {
    color: #ffffff!important;
	background-color:#0079C1 !important;
	display: inline-block !important;
		border-radius:0px;

  	padding:0 100% 0 0;
	
	border-bottom:5px solid #185d8a !important;
	margin:0 0 0 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px !important;
	

    
	  
}

  #free_trial a:hover, #free_trial a:active {
	color: #ffffff !important;
	background-color:#329ee8 !important;
	border-bottom:5px solid #185d8a !important;
	padding:0 100% 0 0;
	text-decoration: none;
    

}
	
}









@media only screen and (min-width: 750px) {
 
.nav-collapse li {
 padding:3px 15px 3px 11px;    
  }
  
}


@media only screen and (max-device-width: 750px), screen and (max-width: 750px) {


 #nav{
  width:100%;
  position:relative;
  margin:0;
  
}
 
 #nav ul {
  width: 100%;
  margin:0 0 0 -35px; 
	 
 }
  .nav-collapse li {
	width: 100%;
	margin:0;
	padding:15px 400px 15px 55px;
	border-bottom:1px dotted #efefef !important;
	margin:0 0 1px 0 !important;
	text-align:left; 
	float:none;

  }
  
  #freet{
	  	border-bottom:none !important;
		display:inline-block;
        	   
		margin:0 18% 0 18% !important;
		text-align:center;
		
		 }
  
   
  
}


@media only screen and (max-device-width: 700px), screen and (max-width: 700px) {
	
	#freet{
	  	
		margin:0 18% 0 12% !important;
		
		
		 }
	

}

@media only screen and (max-device-width: 650px), screen and (max-width: 650px) {
	
	#freet{
	  	
		margin:0 18% 0 6% !important;
		
		
		 }
	

}

@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
	
	#freet{
	  	
		margin:0 18% 0 0 !important;
		
		
		 }
	

}

@media only screen and (max-device-width: 550px), screen and (max-width: 550px) {
	
	#freet{
	  	
		margin:0 12% 0 0 !important;
		width:480px;
		
		 }
	

}

@media only screen and (max-device-width: 500px), screen and (max-width: 500px) {
	
	#freet{
	  	
		margin:0 6% 0 0 !important;
		width:420px;
		
		 }
	

}

@media only screen and (max-device-width: 450px), screen and (max-width: 450px) {
	
	#freet{
	  	
		margin:0 0 0 0 !important;
		width:360px;
		
		 }
	

}

@media only screen and (max-device-width: 400px), screen and (max-width: 400px) {
	
	#freet{
	  	
		margin:0 0 0 0 !important;
		width:315px;
		
		 }
	

}

@media only screen and (max-device-width: 350px), screen and (max-width: 350px) {
	
	#freet{
	  	
		margin:0 0 0 0 !important;
		width:265px;
		
		 }
	

}
   .nav-collapse a:link, .nav-collapse a:visited {
    color: #515151;
    text-decoration: none;
    font-family:  Arial, Helvetica, sans-serif;
	
	font-size: 15px;
    line-height: 1.7em;
	  
}

  .nav-collapse a:hover, .nav-collapse a:active {
    color: #929292;
	text-decoration: none;

    

	
}


 .js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom:0;
}

 .nav-collapse.opened {
  max-height: 9999px;
}

 .nav-collapse.disable-pointer-events {
  pointer-events: none !important;
}

 .nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 68px;
  height: 30px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../images/toggle.png) no-repeat 10% 50%;
  position:absolute;
  top:-55px;
  right:8px;
  margin:0;
}

@media only screen and (max-width: 750px) {
	.nav-toggle {
	top:-50px;
  right:8px;
	   
  }
  
 
  
	
	
	}

@media only screen and (max-width: 480px) {
 
.nav-toggle {
	top:-48px;
  right:8px;
	   
  }
  
.nav-collapse li {
  
  font-size: 0.95em;
  padding:15px 200px 15px 57px;
  

}  
  
 
  
  
}

@media only screen and (max-width: 365px) {
 
.nav-toggle {
	top:-42px;
  right:8px;
	   
  }
  

  
}

@media screen and (min-width: 751px) {


	
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
	
  }
  .nav-toggle {
    display: none;
  }
  
  
  
}


/*-------NAVIGATION END-------*/





/*-------JSSOR RESPONSIVE BANNER START -------*/


.slider_bg_hold{
	background-image:url(../images/holder_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover; 
	margin:0;
	
	}
	

#slider1_container{
	position: relative; 
	margin: 0 auto;
    top: 0px; 
	left: 0px; 
	width: 1024px;
	 height: 500px; 
	 overflow: hidden;
	
	}	


#banner_container{
	
	cursor:default; 
	position: absolute; 
	left: 0px;
	top: 0px; 
	width:1024px;
    height: 500px; 
	overflow: hidden;
}	



.banner_1_m {
	position: absolute; 
	height: 120px;
	 top: 155px; 
	 left: 40px; 
	 padding: 5px;
     text-align: left; 
	 line-height:1.3em; 
	 width:425px;
	 font-size: 2.2em;
     color: #ffffff;
	/*  text-shadow: 0px 0px 18px #B3945E;*/
	  
	   
}


@media only screen and (max-width: 500px) {	
.banner_1_m {
	 top: 152px; 
	 left: 40px; 
 	 width:425px;
	 font-size: 2.2em;
 
	/*  text-shadow: 0px 0px 18px #B3945E;*/
	  
	   
}


}



.banner_1_s{
	position: absolute;  
	height: 120px; 
	top: 150px;
	left: 70px; 
	padding: 5px;
    text-align: left;
	line-height: 36px;
    font-size: 1.4em;
	width:350px;
    color: #FFFFFF;
	/*text-shadow: 0px 0px 18px #B3945E;*/
	 
	
	}
	




@media only screen and (max-width: 500px) {	

.banner_1_s{
	position: absolute;  
	height: 120px; 
	top: 225px;
	left: 70px; 
	padding: 5px;
    text-align: left;
	line-height: 36px;
    font-size: 1.6em;
	width:350px;
    color: #FFFFFF;
/*	text-shadow: 0px 0px 18px #B3945E;*/
	 
	
	}


}





	
	
.banner_1_link{
	position: absolute;  
	top: 363px;
	left: 45px; 
	
	color: #FFFFFF;
	width:930px;
	}
	
	
	@media only screen and (max-width: 790px) {	
.banner_1_link{
	position: absolute;  
	top: 360px;
	left: 45px; 
	 
	
	color: #FFFFFF;
	width:930px;
	}
	


}	
	
@media only screen and (max-width: 500px) {	
.banner_1_link{
	position: absolute;  
	top: 363px;
	left: 45px; 
	 
	
	color: #FFFFFF;
	width:930px;
	}
	


}	
	
	
		
.banner_1_link ul{
	display:inline;
	margin:0;
	padding:0;
	
	}

.banner_1_link li{
	list-style:none;
	
	}	
	
	
.banner_1_link a:link{
	
	font-size: 1.4em;
	text-decoration:none;
	color:#ffffff;
	border-radius: 25px;
	background-color:#30dddb;
	padding:1.5% 13% 1.5% 13%;

	
	

	}
	
		
.banner_1_link a:visited{
	font-size: 1.4em;
	text-decoration:none;
	color:#ffffff;
	border-radius: 25px;
	background-color:#30dddb;
	padding:1.5% 13% 1.5% 13%;

	
	

	
	}	
	
.banner_1_link a:hover{
	font-size: 1.4em;
	color:#ffffff;	
	border-radius:25px;
	background-color:#44edeb;
	padding:1.5% 13% 1.5% 13%;

}	
	
.banner_1_link a:active{
	font-size: 1.4em;
	color:#ffffff;
	border-radius:25px;	
	background-color:#48e5bb;
	padding:1.5% 13% 1.5% 13%;

	}	
	
	
	
	@media only screen and (max-width: 790px) {	
	
	
	.banner_1_link a:link{
		border-radius:50px;	
	padding:1.5% 10% 1.5% 10%;

	font-size: 2em;
	}
	
	
	.banner_1_link a:visited{
		border-radius:50px;	
	padding:1.5% 10% 1.5% 10%;

	font-size: 2em;

	}
	
	.banner_1_link a:hover{
		border-radius:50px;	
	padding:1.5% 10% 1.5% 10%;

	font-size: 2em;

	}
	
	.banner_1_link a:active{
		border-radius:50px;	
	padding:1.5% 10% 1.5% 10%;

	font-size: 2em;

	}
	
	}
	
	
	
	@media only screen and (max-width: 500px) {	
	
	
	.banner_1_link a:link{
	border-radius:50px;	
	font-size: 2em;
	padding:1.5% 10% 1.5% 10%;
	}
	
	
	.banner_1_link a:visited{
	border-radius:50px;	
	font-size: 2em;
	padding:1.5% 10% 1.5% 10%;
	}
	
	.banner_1_link a:hover{
	border-radius:50px;	
	font-size: 2em;
	padding:1.5% 10% 1.5% 10%;
	}
	
	.banner_1_link a:active{
	border-radius:50px;	
	font-size: 2em;
	padding:1.5% 10% 1.5% 10%;
	}
	
	}
	


/*-------JSSOR RESPONSIVE BANNER END-------*/

/*-------HOME FEATURE HIGHLIGHTS START-------*/

.feature_hme_holder{
	background-color:#ffffff;
		padding:4% 0 4% 0;

	
	}
.feature_cen_holder{
	max-width:1024px;
	min-width:320px;
	width:100%;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	/*border:1px solid #000000;*/
	}
	
	
.feature_cen_holder a{
	text-decoration:none;
	}	
	
.feature_cen_holder h1{
	font-family:arial;
	font-size:18px;
	color:#515151;
	margin:3% 0 5px 0;
	text-align:center;

	}
	
.feature_hme_1 h1{
	margin:3% 0 8px 0;
	
	}
	
.feature_hme_3 h1{
	margin:3% 0 8px 0;
	
	}
		
	
@media only screen and (max-width: 800px) {
	
	.feature_cen_holder h1{
	font-size:15px;
	}
	
	}	
	
.feature_cen_holder p{
	font-family:arial;
	font-size:14px;
	color:#515151;
	line-height:1.5em;
	margin:0 0 7% 0;
	text-align:left;

}


	


@media only screen and (max-width: 800px) {
	
	.feature_cen_holder p{
	font-size:13px;
	}
	
	}

.feature_cen_holder img{
	display:block;
	border:none;
	margin:0 auto 0 auto;
	width:103px;

	
	}	
	
@media only screen and (max-width: 600px) {

.feature_cen_holder p{
	
	text-align:center;
	width:75%;
	margin:0 auto 0 auto;
	font-size:14px;
	}
	
.feature_cen_holder h1{
	font-size:14px;
	}	
		
}

@media only screen and (max-width: 480px) {

.feature_cen_holder p{
	
	text-align:center;
	width:85%;
	margin:0 auto 0 auto;
	font-size:14px;
	}
	

.feature_cen_holder img{
	display:block;
	border:none;
	margin:0 auto 0 auto;
	width:82px;

	
	}	
		
}	
	


.feature_hme_1{
	width:27%;
	float:left;
	padding:0 4% 0 4%;
	}

.feature_hme_2{
	width:28.3%;
	float:left;
	padding:0 4% 0 1%;
	

	}

.feature_hme_3{
	width:27.7%;
	float:left;
	padding:0 3% 0 1%;
	
	}


@media only screen and (max-width: 600px) {
	.feature_hme_1{
	width:100%;
	padding:0 0 3% 0;
	border-bottom:1px solid #f5f5f5;
	}
	
	.feature_hme_2{
	width:100%;
	padding:3% 0 3% 0;
	border-bottom:1px solid #f5f5f5;

	}
	
	.feature_hme_3{
	width:100%;
	padding:3% 0 0 0;
/*	border-bottom:1px solid #f5f5f5;*/

	}
	

	
	}

	
/*-------HOME FEATURE HIGHLIGHTS END-------*/


/*-------------INTRO START---------------------*/	
	
	.intro_holder {
	background-color:rgba(3,45,70, 0.3);
	padding:4% 0 4% 0;
	width:100%;
	margin:0;
	
		background-image:url(../images/intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover; 
	
	
	}
	
	
@media only screen and (max-width: 455px) {
.intro_holder {	
padding:6% 0 6% 0;

}
}
	
.intro_cen_holder {
	
	width: 90%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}
	
	

	
.intro_cen_holder h3{
	
font-family:arial;
font-size: 38px;

margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
font-weight:normal;
	}	
	
	
.intro_cen_holder p {
font-family:arial;
font-size: 16px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
}

@media only screen and (max-width: 1024px) {

.intro_cen_holder h3{
	
padding:0 0 0 4%;

	}


.intro_cen_holder p {

padding:0 0% 0 4%;
width: 95%;

}

}


 
	
	
	
@media only screen and (max-width: 600px) {
	
.intro_cen_holder h3{
padding:0 0% 0 3%;

font-size: 25px;
}
	
.intro_cen_holder p {
padding:0 0% 0 3%;

font-size: 14px;
}
		

}	
		
	
@media only screen and (max-width: 455px) {
	

	
.intro_cen_holder p {
font-size: 14px;
}
		

}	
	
	
/*-------------INTRO END---------------------*/	


/*-------------FEATURE 1 START---------------------*/	

.feature_1_holder {
	background-color:#ffffff;
	padding:2% 0 2% 0;
	margin:0;
	width:100%;
	margin:0;
	
	}
	
.feature_1_cen_holder {
	
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	}
	
	
.feature_1_left{
	float:left;
	width:12%;
	padding:3% 0 2% 0;
	margin:0 0 0 0%;


	}


.feature_1_right{
	float:left;
	width:77%;
	padding:0 0 0% 7%;
	


	}	
	
.feature_1_left img{
	
	width:103px;
	display:block;
	border:none;
	text-align:left;
	margin: 0 auto 0 auto;
	
}		



@media only screen and (max-width: 1024px) {
.feature_1_left{

	width:10%;
	padding:2% 0 2% 9%;



	}

.feature_1_right{
	float:left;
	width:62%;
	padding:0 0 0% 7%;
	


	}	
	
}
	
	
	
@media only screen and (max-width: 720px) {
	.feature_1_left{
	padding:5% 0 0 5%;
	width:89%;
	text-align:center;
	}
	
	
	.feature_1_right{
	padding:2% 0 0 5%;
	width:93%;
	
	
	
	}	
.feature_1_left img{
	
	width:88px;

	
}	
	
}




.feature_1_right h1{
	font-size:26px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:30px 0 0px 0;
	
	}
.feature_1_right p{
	font-size:16px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	line-height:1.8em;
	
	}

@media only screen and (max-width: 1024px) {
.feature_1_right h1{
	padding:10px 0 0px 0;
	
	}


}






@media only screen and (max-width: 720px) {
	.feature_1_right p{
	font-size:14px;
			text-align:center;

	}
	
	.feature_1_right h1{
	font-size:21px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
		text-align:center;

	
	}
	
	
	}

@media only screen and (max-width: 500px) {
.feature_1_right h1{
	font-size:18px;
	
	
	}
	
.feature_1_right p{
	font-size:13px;
	line-height:1.6em;
	
	}

	
	}

.feature_1_right a:link{
	font-size:16px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}


.feature_1_right a:visited{
	font-size:16px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}



.feature_1_right a:hover{
	font-size:16px;
	text-align:left;
	color:#1e8fd3;
	text-decoration:underline;
	margin:0 0 0.4% 0;
	padding:0;

}



.feature_1_right a:active{
	font-size:16px;
	text-align:left;
	color:#1e8fd3;
	text-decoration:uderline;
	margin:0 0 0.4% 0;
	padding:0;

}




/*-------------FEATURE 1 END--------------------*/	


/*-------------FEATURE 2 START---------------------*/	

.feature_2_holder {
	background-color:#ffffff;
	padding:2% 0 2% 0;
	margin:0;
	width:100%;
	margin:0;
	
	}
	
.feature_2_cen_holder {
	
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	}
	
	
.feature_2_left{
	float:left;
	width:12%;
	padding:3% 0 2% 0;
	margin:0 0 0 0%;


	}


.feature_2_right{
	float:left;
	width:77%;
	padding:0 0 0% 7%;
	


	}	
	
.feature_2_left img{
	
	width:103px;
	display:block;
	border:none;
	text-align:left;
	margin: 0 auto 0 auto;
	
}		



@media only screen and (max-width: 1024px) {
.feature_2_left{

	width:10%;
	padding:2% 0 2% 9%;



	}

.feature_2_right{
	float:left;
	width:62%;
	padding:0 0 0% 7%;
	


	}	
	
.feature_2_left img{
	
	width:88px;

	
}		
	
}
	
	
	
@media only screen and (max-width: 720px) {
	.feature_2_left{
	padding:5% 0 0 5%;
	width:89%;
	text-align:center;
	}
	
	
	.feature_2_right{
	padding:2% 0 0 5%;
	width:89%;
	
	
	
	}	
	
}




.feature_2_right h1{
	font-size:26px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:30px 0 0px 0;
	
	}
.feature_2_right p{
	font-size:16px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	line-height:1.8em;
	
	}

@media only screen and (max-width: 1024px) {
.feature_2_right h1{
	padding:10px 0 0px 0;
	
	}


}






@media only screen and (max-width: 720px) {
	.feature_2_right p{
	font-size:14px;
			text-align:center;

	}
	
	.feature_2_right h1{
	font-size:21px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
		text-align:center;

	
	}
	
	
	}

@media only screen and (max-width: 500px) {
.feature_2_right h1{
	font-size:18px;
	
	
	}
	
.feature_2_right p{
	font-size:13px;
	line-height:1.6em;
	
	}

	
	}


/*-------------FEATURE 2 END--------------------*/	


/*-------------FEATURE 3 START---------------------*/	

.feature_3_holder {
	background-color:#ffffff;
	padding:2% 0 5% 0;
	margin:0;
	width:100%;
	margin:0;
	
	}
	
.feature_3_cen_holder {
	
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	}
	
	
.feature_3_left{
	float:left;
	width:12%;
	padding:3% 0 2% 0;
	margin:0 0 0 0%;


	}


.feature_3_right{
	float:left;
	width:77%;
	padding:0 0 0% 7%;
	


	}	
	
.feature_3_left img{
	
	width:103px;
	display:block;
	border:none;
	text-align:left;
	margin: 0 auto 0 auto;
	
}		



@media only screen and (max-width: 1024px) {
.feature_3_left{

	width:10%;
	padding:2% 0 2% 9%;



	}

.feature_3_right{
	float:left;
	width:62%;
	padding:0 0 0% 7%;
	


	}	
	
.feature_3_left img{
	
	width:88px;

	
}		
	
	
	
}
	
	
	
@media only screen and (max-width: 720px) {
	.feature_3_left{
	padding:5% 0 0 5%;
	width:89%;
	text-align:center;
	}
	
	
	.feature_3_right{
	padding:2% 0 0 5%;
	width:89%;
	
	
	
	}	
	
}




.feature_3_right h1{
	font-size:26px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:30px 0 0px 0;
	
	}
.feature_3_right p{
	font-size:16px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	line-height:1.8em;
	
	}

@media only screen and (max-width: 1024px) {
.feature_3_right h1{
	padding:10px 0 0px 0;
	
	}


}






@media only screen and (max-width: 720px) {
	.feature_3_right p{
	font-size:14px;
			text-align:center;

	}
	
	.feature_3_right h1{
	font-size:21px;
	font-family:arial;
	color:#515151;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
		text-align:center;

	
	}
	
	
	}

@media only screen and (max-width: 500px) {
.feature_3_right h1{
	font-size:18px;
	
	
	}
	
.feature_3_right p{
	font-size:13px;
	line-height:1.6em;
	
	}

	
	}


/*-------------FEATURE 3 END--------------------*/	


/*-------------DISCOVER START---------------------*/	
	
	.discover_holder {
	background-color:rgba(3,45,70, 0.3);
	padding:2% 0 2% 0;
	width:100%;
	margin:0;
	
		background-image:url(../images/intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover; 
	
	
	}
	
	
@media only screen and (max-width: 455px) {
.discover_holder {	
padding:6% 0 6% 0;

}
}
	
.discover_cen_holder {
	
	width: 88%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}
	
	

	
.discover_cen_holder h3{
	
font-family:arial;
font-size: 28px;

margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
font-weight:normal;

	}	
	
	
.discover_cen_holder p {
font-family:arial;
font-size: 16px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
}

@media only screen and (max-width: 1024px) {

.discover_cen_holder h3{
	text-align:center;

padding:0 0 0 4%;

	}


.discover_cen_holder p {

padding:0 0% 0 4%;
width: 90%;

}

}


 
	
	
	
@media only screen and (max-width: 750px) {
	
.discover_cen_holder h3{
font-size: 25px;
text-align:center;
}
	
.discover_cen_holder p {
font-size: 14px;
}
		

}	
		
	
@media only screen and (max-width: 455px) {
	
.discover_cen_holder h3{
font-size: 20px;
text-align:center;
}
	
.discover_cen_holder p {
font-size: 14px;
}
		

}	
	
	
/*-------------DISCOVER END---------------------*/	

/*-------------CAROUSEL START---------------------*/	

.comp_logos{
	width:88%;
	max-width:950px;
	margin:0 auto 0 auto;
	padding:2% 0 0 0;
	
	}
	
.logo_control img{
	width:180px; 
	display:block;
	text-align:center;
		margin:0 auto 0 auto;


	
	}


/*-------------CAROUSEL END---------------------*/	


/*-------TWO SECTION START-------*/

.twosection_hme_holder {
	background-color:#f4f4f4;
	margin:3% 0 3% 0;
	padding:0;
	width:100%;
	margin:0;
	
/*	background-image:url(../images/free_trial_bottom_home_bg.png);
	background-repeat: no-repeat;
	background-position: center center ;

	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: auto; 
	margin:0;
*/	
	}
	
.twosection_cen_holder {
	
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	}
.twosection_left{
	float:left;
	width:50%;
	padding:8% 3% 3% 0%;

	margin:0 0 0 0%;
	

	}
	
@media only screen and (max-width: 1100px) {
	.twosection_left{

	width:45%;
	padding:8% 3% 3% 5%;

	
	

	}
	
	
}
	
@media only screen and (max-width: 600px) {
	.twosection_left{
	padding:13% 3% 3% 5%;
	}
	
	}	
	
		
.twosection_right{
	float:left;
	width:38%;
	padding:5% 3% 6% 5%;
	background-color:#0079c1;


	}	

@media only screen and (max-width: 1100px) {
.twosection_right{
	float:left;
	width:35%;
	padding:5% 3% 6% 5%;
	background-color:#0079c1;


	}

}

.twosection_right h1{
	font-size:24px;
	font-family:arial;
	color:#ffffff;
	
	}
	
.twosection_right p{
	font-size:14px;
	font-family:arial;
	color:#ffffff;
	margin:0 0 9% 0;
	line-height:1.4em;
	}	

@media only screen and (max-width: 600px) {
	.twosection_right h1{
	font-size:18px;
	
	
	}
	
.twosection_right p{
	font-size:14px;
	line-height:1.5em;
	
	}	

	
	
	}



.twosection_left h1{
	font-size:34px;
	font-family:arial;
	color:#0079C1;
	margin:0 0 0 0;
	padding:0;
	
	}
	
.twosection_left p{
	font-size:14px;
	font-family:arial;
	color:#515151;
	margin:0 0 4.5% 0;
	line-height:1.6em;
	
	}



@media only screen and (max-width: 600px) {
.twosection_left h1{
	font-size:28px;
	
	
	}
	
.twosection_left p{
	font-size:14px;
	
	
	}

	
	}



.twosection_left a:link{
	font-size:1em;
	text-decoration:none;
	color:#ffffff;
	background-color:#0079C1;	
	border:3px solid #187abc;
	border-radius:18px;
	padding:1.6% 19% 1.6% 19%;
	
	}
	
		
.twosection_left a:visited{
	font-size:1em;
	color:#ffffff;
	background-color:#0079C1;	
	border:3px solid #187abc;
	border-radius:18px;
	padding:1.3% 19% 1.3% 19%;
	

	
	}	
	
.twosection_left a:hover{
	font-size:1em;
	color:#ffffff;	
	background-color:#329ee8;	
	border:3px solid #329ee8;
	border-radius:18px;
	padding:1.6% 19% 1.6% 19%;


}	
	
.twosection_left a:active{
	font-size:1em;
	color:#ffffff;	
	background-color:#329ee8;	
	border:3px solid #329ee8;
	border-radius:18px;
	padding:1.6% 19% 1.6% 19%;


	}

@media only screen and (max-width: 600px) {

.twosection_left a:link{
	font-size:0.80em;
	
	}
	
		
.twosection_left a:visited{
	font-size:0.80em;
	
	}	
	
.twosection_left a:hover{
	font-size:0.80em;

	}	
	
.twosection_left a:active{
	font-size:0.80em;
	
	}


}



.twosection_right a:link{
	font-size:0.77em;
	text-decoration:none;
	color:#396b90;
	border-radius:25px;
	background-color:#f7f7f7;
	border:3px solid #f7f7f7;		
	padding:5px 17px 5px 17px;
	}
	
		
.twosection_right a:visited{
	font-size:0.77em;
	text-decoration:none;
	color:#396b90;
	border-radius:25px;
	background-color:#f7f7f7;
	border:3px solid #f7f7f7;		
	padding:5px 17px 5px 17px;

	
	}	
	
.twosection_right a:hover{
	font-size:0.77em;
		text-decoration:none;

	border-radius:25px;
	color:#005f98;	
	background-color:#ffffff;
	border:3px solid #ffffff;
padding:5px 17px 5px 17px;	

}	
	
.twosection_right a:active{
	font-size:0.77em;
		text-decoration:none;

	border-radius:25px;
	color:#005f98;	
	background-color:#ffffff;
	border:3px solid #ffffff;
	padding:5px 17px 5px 17px;
	}



@media only screen and (max-width: 600px) {

.twosection_right a:link{
	font-size:0.77em;
	
	}
	
		
.twosection_right a:visited{
	font-size:0.77em;
	
	}	
	
.twosection_right a:hover{
	font-size:0.77em;

	}	
	
.twosection_right a:active{
	font-size:0.77em;
	
	}


}

/*-------TWO SECTION END-------*/


/*-------FOOTER START-------*/

#footer_holder {
	background-color:#fafafa;
	padding:2% 0 2% 0;
	width:100%;
	}
	

@media only screen and (max-width: 480px) {
	
	#footer_holder {
	
	padding:3.5% 0 3.5% 0;
	
	}
	
	}

#footer{
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	padding:0 0 0 0;
	
	}
	



	
.copyright{
	
	color:515151;
	font-size:12px;
	padding:0 0 0 0;
	}	
	
@media only screen and (max-width: 480px) {	
.copyright {
	display:block;
	text-align:center;
	width:100%;
	margin:0 auto 0 auto;
	}

}		

	
	
.copyright p{
	float:left;
	color:#515151;
	font-size:12px;
	margin:3px 0 0 0;
	}	
	
@media only screen and (max-width: 480px) {	
.copyright p{
	
	font-size:11px;
	
	}

}	
	
	

	
.copyright img{
	float:left;
	width:16px;
	padding:0 0 0 0;
	border:none;
	display:block;
	
	}	
	

@media only screen and (max-width: 1024px) {	
.copyright img{
	float:left;
	width:16px;
	padding:0 0 0 4.5%;
	border:none;
	display:block;
	
	}

}
		
		
.policy_terms{
	
	color:#515151;
	font-size:11px;
	padding:0.5% 0 0 0;
	margin:0;
	
	}
	
@media only screen and (max-width: 1024px) {	

.policy_terms{
	
	color:#515151;
	font-size:11px;
	padding:0.5% 0 0 5%;
	margin:0;
	
	}

}


.policy_terms a:link{
	
	color:#515151;
	font-size:11px;
	
	}	
	
	
.policy_terms a:visited{
	
	color:#515151;
	font-size:11px;
	
	}	
	
.policy_terms a:hover{
	
	color:#515151;
	font-size:11px;
	
	}	
	
	
.policy_terms a:active{
	
	color:#515151;
	font-size:11px;
	
	}		
	


/*-------FOOTER END-------*/

/*-------------CONTACT INTRO START---------------------*/	
	
	.contact_intro_holder {
	background-color:rgba(3,45,70, 0.3);
	padding:4% 0 4% 0;
	width:100%;
	margin:0;
	
		background-image:url(../images/intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover; 
	
	
	}
	
	
@media only screen and (max-width: 455px) {
.contact_intro_holder {	
padding:6% 0 6% 0;

}
}
	
.contact_intro_cen_holder {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}
	
	

	
.contact_intro_cen_holder h3{
	
font-family:arial;
font-size: 38px;

margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
font-weight: bold;
	}	
	
	
.contact_intro_cen_holder p {
font-family:arial;
font-size: 20px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
font-weight:bold;
}

@media only screen and (max-width: 1024px) {

.contact_intro_cen_holder h3{
	
padding:0 0 0 4%;

	}


.contact_intro_cen_holder p {

padding:0 0% 0 4%;
width: 90%;

}

}


 
	
	
	
@media only screen and (max-width: 600px) {
	
.contact_intro_cen_holder h3{
font-size: 28px;
text-align:center;
}
	
.contact_intro_cen_holder p {
font-size: 16px;
text-align:center;

}
		

}	
		
	
@media only screen and (max-width: 455px) {
	
.contact_intro_cen_holder h3{
font-size: 23px;
}
	
	
.contact_intro_cen_holder p {
font-size: 16px;
}
		

}	
	
	
/*-------------CONTACT INTRO END---------------------*/	


	
/*-------CONTACT FORM START-------*/	





.con_intro_2 {
	font-size:14px;
	text-align:left;
	color:#515151;
	margin:0 0 0.4% 0;
	padding:0 0 0 0;
	line-height:1.5em;

}

@media only screen and (max-width: 1024px) {
.con_intro_2 {
	
	padding:0 0 0 4%;
	

}

}

.con_intro_2 a:link{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}


.con_intro_2 a:visited{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}



.con_intro_2 a:hover{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}



.con_intro_2 a:active{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	margin:0 0 0.4% 0;
	padding:0;

}

@media only screen and (max-width: 600px) {

.con_intro_2 a:link{
	font-size:14px;
	

}


.con_intro_2 a:visited{
	font-size:14px;


}



.con_intro_2 a:hover{
	font-size:14px;

}



.con_intro_2 a:active{
	font-size:14px;
	

}

}



a.contact_sales_inline:link{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	border-bottom:1px dotted #0079c1;
	margin:0 0 0.4% 0;
	padding:0;

}


a.contact_sales_inline:visited{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	border-bottom:1px dotted #0079c1;
	margin:0 0 0.4% 0;
	padding:0;

}



a.contact_sales_inline:hover{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	border-bottom:1px dotted #0079c1;
	margin:0 0 0.4% 0;
	padding:0;

}



a.contact_sales_inline:active{
	font-size:14px;
	text-align:left;
	color:#0079c1;
	text-decoration:none;
	border-bottom:1px dotted #0079c1;
	margin:0 0 0.4% 0;
	padding:0;

}



@media only screen and (max-width: 600px) {


a.contact_sales_inline:link{
	font-size:14px;
	

}


a.contact_sales_inline:visited{
	font-size:14px;

}



a.contact_sales_inline:hover{
	font-size:14px;
	
}



a.contact_sales_inline:active{
	font-size:14px;
	

}



}




	

/**********************************/

.contact_1_holder {
	background-color:#ffffff;
	padding:2% 0 3% 0;
	margin:0;
	width:100%;
	margin:0;
	
	}
	
.contact_1_cen_holder {
	
	width: 100%;	
	max-width:1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	
	}

	
.form{
	
	margin:0;
	padding:0 0 0 0;
	width:80%;
	

	}

@media only screen and (max-width: 1024px) {
.form{
	
	margin:0;
	padding:0 0 0 4%;
	width:80%;
	

	}


}

@media only screen and (max-width: 535px) {
	
	.form{
	width:93%;
	margin:0 !important;
	}
	
	}	



form{
	margin:0 !important;
	
	}

.form_contact{
	
	margin:0 !important;

	
}

#form_contact{
	
	margin:0 !important;

	
}







.form_field
{ 

display: inline-block; 
margin:7px 0 7px 0; 
padding: 1% 0 1% 1%; 
width:93%;
min-width:270px;
max-width:450px;
color: #666;
border: 1px solid #bcbcbc;
vertical-align: middle;
font-size:14px; 

	}

.form_field_phone
{ 

display: inline-block; 
margin:7px 0 7px 0; 
padding: 1% 0 1% 1%; 
width:93%;
min-width:220px;
max-width:385px;
color: #666;
border: 1px solid #bcbcbc;
vertical-align: middle;
font-size:14px; 

	}

@media only screen and (max-width: 900px) {
	
	.form_field_phone{ 
width:78%;
min-width:220px;
max-width:385px;


	}
	
	}

@media only screen and (max-width: 650px) {
	
	.form_field_phone{ 
width:78%;
min-width:220px;
max-width:388px;


	}
	
	}

@media only screen and (max-width: 535px) {
	
	.form_field_phone{ 
width:78%;
min-width:220px;
max-width:452px;


	}
	
	}
	
@media only screen and (max-width: 450px) {
	
	.form_field_phone{ 

width:78%;
min-width:220px;
max-width:422px;

	}
	
	}	
		
@media only screen and (max-width: 395px) {
	
	.form_field_phone{ 
width:74.8%;
min-width:220px;
max-width:400px;
}
	
	}	
	

@media only screen and (max-width: 341px) {
	
.form_field_phone{ 
width:70%;
min-width:220px;
max-width:290px;

	}
	
	}	
	

.form_field_ext
{ 

display: inline-block; 
margin:7px 0 7px 0; 
padding: 1% 0 1% 1%; 
width:4%;
min-width:45px;
color: #666;
border: 1px solid #bcbcbc;
vertical-align: middle;
font-size:14px; 

	}	
	
@media only screen and (max-width: 336px) {
	
	.form_field_ext{ 

min-width:40px;

	}
	}
	
	
	
.form textarea{
	font-size:14px; 
  height: 100px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;

}


.red{
	color:#F00;
	
	}


.con_intro{
	padding:0 3% 0 0;
	color:#515151;
	font-size:16px;
	margin:0 0 5px 0;
	
	
	}

@media only screen and (max-width: 1024px) {
.con_intro{
	padding:0 3% 0 4%;
	color:#515151;
	font-size:16px;
	margin:0 0 5px 0;
	
	
	}


}
	


.btn_primary{
	padding:3px 7px 3px 7px;
	margin:0;
	
	}



/*-------CONTACT FORM END-------*/	
	
/*-------------DEMO START---------------------*/	
	
	.demo_intro_holder {
	background-color:rgba(3,45,70, 0.3);
	padding:4% 0 4% 0;
	width:100%;
	margin:0;
	
		background-image:url(../images/intro_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover; 
	
	
	}
	
	
@media only screen and (max-width: 455px) {
.demo_intro_holder {	
padding:6% 0 6% 0;

}
}
	
.demo_intro_cen_holder {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}
	
	
.demo_intro_cen_holder h3{
	
font-family:arial;
font-size: 38px;

margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #ffffff;
font-weight: bold;
	}	
	
	

@media only screen and (max-width: 1024px) {

.demo_intro_cen_holder h3{
	
padding:0 0 0 4%;

}

}

@media only screen and (max-width: 600px) {
	
.demo_intro_cen_holder h3{
font-size: 28px;
text-align:center;
}
	
}

@media only screen and (max-width: 455px) {
	
.demo_intro_cen_holder h3{
font-size: 23px;
}

}	



/***********************************************/
.demo_mod1_holder {
background-color:#ffffff;
padding:4% 0 2% 0;
width:100%;
margin:0;
	
}
	
	
@media only screen and (max-width: 455px) {
.demo_mod1_holder {	
padding:6% 0 6% 0;

}
}
	
.demo_mod1 {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}	
	
	
	
.demo_mod1 h4 {
font-family:arial;
font-size: 20px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;
font-weight:bold;
}
	
	
.demo_mod1 p {
font-family:arial;
font-size: 16px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;

}



@media only screen and (max-width: 1024px) {

.demo_mod1 p {

padding:0 0% 0 4%;
width: 90%;

}

.demo_mod1 h4 {
width: 90%;
padding:0 0 0 4%;

}


}


 
	


@media only screen and (max-width: 600px) {

.demo_mod1 p {
font-size: 15px;

}

.demo_mod1 h4 {
font-size: 17px;

}		

}	
		
		
		
		
.vid_cont_holder {
background-color:#ffffff;
padding:0 0 2% 0;
margin:0;
width:100%;
overflow:hidden;
	
}
	
	
@media only screen and (max-width: 455px) {
.vid_cont_holder {	
padding:0 0 6% 0;

}
}
	
.vid_cont {
	width:100%;
	max-width:1024px;
	overflow:hidden;
	text-align:left;
	margin:0 auto 0 auto;
	
	}	

@media only screen and (max-width: 1024px) {
.vid_cont {
	width:92%;

	}

}
	


/********************************************/


.demo_mod2_holder {
background-color:#f4f4f4;
padding:3% 0 1% 0;
width:100%;
margin:0;
	
}
	
	
@media only screen and (max-width: 455px) {
.demo_mod2_holder {	
padding:6% 0 6% 0;

}
}
	
.demo_mod2 {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}	
	
	
	
.demo_mod2 h4 {
font-family:arial;
font-size: 20px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;
font-weight:bold;
}
	
	
.demo_mod2 p {
font-family:arial;
font-size: 16px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;

}



@media only screen and (max-width: 1024px) {

.demo_mod2 p {

padding:0 0% 0 4%;
width: 90%;

}

.demo_mod2 h4 {
width: 90%;
padding:0 0 0 4%;

}


}


 
	


@media only screen and (max-width: 600px) {

.demo_mod2 p {
font-size: 15px;

}

.demo_mod2 h4 {
font-size: 17px;

}		

}		
	
	


.pre_holder {
background-color:#f4f4f4;
padding:0 0 3% 0;
width:100%;
margin:0;
	
}
	
	
	
.pre_cen {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}	


	
.try {
font-family:arial;
font-size: 16px;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;


}

@media only screen and (max-width: 1024px) {
	
.try {
padding:0 0 0 4%;
}
}

@media only screen and (max-width: 600px) {

.try {
font-size: 14px;
}
}
	
	
pre {
	background-color:#eaeaea;
	padding:2.5%;	
 margin:0;
 width:87%;	
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

@media only screen and (max-width: 1024px) {
pre {
 width:87%;	
 margin:0 auto 0 auto;

}


}

/***********************************************/

.demo_mod3_holder {
background-color:#ffffff;
padding:4% 0 4% 0;
width:100%;
margin:0;
	
}
	
	
@media only screen and (max-width: 455px) {
.demo_mod3_holder {	
padding:6% 0 6% 0;

}
}
	
.demo_mod3 {
	
	width: 100%;	
	max-width: 1024px;
	min-width:320px;
	margin:0 auto 0px auto;
	text-align:left;
	
	}	
	
	
	
.demo_mod3 h4 {
font-family:arial;
font-size: 20px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;
font-weight:bold;
}
	
	
.demo_mod3 p {
font-family:arial;
font-size: 16px;

width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
line-height: 1.50;
color: #515151;

}



@media only screen and (max-width: 1024px) {

.demo_mod3 p {

padding:0 0% 0 4%;
width: 90%;

}

.demo_mod3 h4 {
width: 90%;
padding:0 0 0 4%;

}


}


 
	


@media only screen and (max-width: 600px) {

.demo_mod3 p {
font-size: 15px;

}

.demo_mod3 h4 {
font-size: 17px;

}		

}	
	
/*-------------DEMO END---------------------*/	


/*-------404 START-------*/	

.four_start_holder{
	margin:0;
	padding:0;
	width:100%;	
	background-color:#0172B6;
	}

.four_start_cen_holder{
	max-width:960px;
	min-width:320px;
	width:100%;
	margin:0 auto 0 auto;
	text-align:center;
	padding:6% 0 6% 0;
	

/*border:1px solid #000000;*/
		
	}
	
@media only screen and (max-width: 600px) {
.four_start_holder{
	padding:1% 0 0 0;
		
	}
}



.four_start_left{
	
	width:80%;
	padding:0 0 0 4%;
	
	}

.four_start_left h1{
	font-size:32px;
	text-align:left;
	color:#ffffff;
	margin:0 0 0.4% 0;
	padding:0;

}


@media only screen and (max-width: 600px) {
	.four_start_left h1{
		font-size:27px;
		text-align:center;
		padding:0 2% 0 2%;
		}
	
}


.four_start_left h2{
	font-size:18px;
	text-align:left;
	color:#ffffff;
	margin:0;
	padding:0;
	line-height:1.3em;

}

@media only screen and (max-width: 600px) {
	.four_start_left h2{
		text-align:center;
		font-size:16px;
		line-height:1.4em;
		}
	
}


.four_start_right{
	float:left;
	width:30%;
	padding:0 0 0 0;

	}
	
.four_start_right img{
	float:left;
	width:100%;
	padding:0 0 0 0;

	}	

@media only screen and (max-width: 600px) {
	
	.four_start_right{
	
	width:100%;
	padding:6% 0 0 0;
	text-align:center;
	
	}
	
	
	
	.four_start_left{
	width:100%;
	padding:4% 0 0 0;
	
	}
}




.four_start_left a:link{
	color:#ffffff;
	text-decoration:underline;
	
	
	}
.four_start_left a:visited{
	color:#ffffff;
	text-decoration:underline;
	
	}
.four_start_left a:hover{
	color:#eaeaea;
	text-decoration:underline;
	
	}
.four_start_left a:active{
	color:#eaeaea;
	text-decoration:underline;
	}

.filler{
	background-color:#fafafa;
	width:100%;
	min-height:100%;
	padding:450px 0 0 0;
	
	}




/*-------404 END-------*/