/*@font-face { 
  font-family: Droid Sans; 
    src: url('../fonts/DroidSans-webfont.eot'); 
    src: local("Droid Sans"), url('../fonts/DroidSans-webfont.woff'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} */
body {
    background-color: #ffffff;
    font-family:  'Open Sans', Helvetice Neue, sans-serif;
    font-size: 12px;	
	font-weight: 300; 
	font-style: normal; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, span, p { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; }

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

p { 
  padding: 0 0 16px 0;
  line-height: 1.7em;
  }

img { 
  border: 0;
}

/*h1, h2, h3, h4, h5, h6 { 
  color: #33D0FD;
  letter-spacing: 0em;
  padding: 0 0 0.5em 0;
  }
*/
/*h1, h2, h3 { 
  font: bold 140% 'News Cycle', arial;
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
}*/

/*.h1 { 
  font-size: 160%;
  font: bold 140% 'News Cycle', arial;
  margin-top:0em;
  padding: 0 0 0 0;
text-align:center;
}



/*h2 { 
  font-size: 160%;
}*/



/*h3 { 
  font-size: 140%;
  padding: 0.5em 0 0 0;
}*/

/*h4, h5, h6 { 
  padding: 0 0 0.5em 0;
  font: normal 120% 'Droid Sans', arial, sans-serif;
}*/

a, a:hover { 
  outline: none;
  text-decoration: none;
color:#000;
  
}

a:hover { 
  text-decoration: underline;
}

blockquote { 
  margin: 2em 0; 
  padding: 1em 2em 0 2em;
  border: 1px solid #E5E5DB;
  background: #FFF;
}

ul { 
  margin: 0.1em 0 1em 2em;
}

ul li { 
	list-style-type: none;
	display: inline-block;
  /*margin: 0 0 0.25em 0; 
  padding: 0 0 0.25em 0.5em;
  line-height: 1.5em;*/
}

ol { 
  margin: 0.1em 0 2em 2em;
}

ol li { 
  margin: 0 0 0.5em 0; 
}
.h2p { 
	font-size: 160%;
	font: bold 140% 'News Cycle', arial;
	text-align:center;
	color:#000000;
}
.head1 { 
	font-size: 300%;
	font: bold 140% 'News Cycle', arial;
	margin-top:0em;
	padding: 0 0 0 0;
	text-align:center;
}

.left { 
  float: left;
  width: auto;
  margin-right: 1em;
  font-size: 13px;
  font-weight:600;
}
.carousel-control{
	left: 20px;	
}
.carousel-control.right{
	right: 20px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 1em;
}

.center { 
  display: block;
  text-align: center;
  margin: 2em auto;
}
.introduction { 	
	margin-top: 1em;
	font-size:100%;
	font-weight: 600;
	font-size: 13px;
	color: #707070;
	padding: 0px;
}
.common_margin{
	margin: 75px 0;
}
.common_text{
	font-size: 14px;
	color: #707070;
	padding: 25px 0;
}
.founder_title{
	font-size: 26px;
	color: green;
	margin: 15px 0 20px;
}
.founder_desi{
    font-size: 14px;
    color: #2BB1E0;
    font-weight: 600;
    margin: 10px 0 0;
    display: inline-block;
}
.centerk { 
	text-align: left;
	margin-top: 1em;
	font-size:130%;
	font-weight: 600;
	font-size: 15px;
}
.brief{
	font-size: 13px;
	font-weight: 500;
	color: #606060;
}

.heading1 { 
  text-align: center;
  margin-top: 0em;
	font-weight: 600;
	font-size: 14px;

}

.borderp
{
border-bottom: 1px solid #959596;

}
#header_container {
	border-bottom: 1px solid #2BB1E0;
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  3px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 5px;
}
.logo {
    /*background: #2BB1E0;
	padding: 0.5em 0.5em 1.5em 1em;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px;*/ 
}

#header h1 a { 
  /*font: normal 180% 'News Cycle', arial, sans-serif;*/
  border-bottom: 0;
  text-transform: none;
  margin: 0;
  color: #FFF;
  text-decoration: none;
}

#header h2 { 
  font: normal 100% 'News Cycle', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin-top: -1em;
  color: #FFF;
}

#header h1 a .header_colour { 
  color: #ffffff;
}
#header h1 a .header_colour1 { 
  color: #000000;
}

#header a:hover .header_colour { 
  color: #FFF;
}
.service
{
	color: #ffffff;
	font-weight:bold;
	font-size:150%;
	}
.button {
	border-radius: 0.5em;
	//box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5);
	color: #369ab8;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	border: none;
}


#main-nav ul { 
    font: normal 100% 'News Cycle', arial;
	float: right;
	list-style: none;
	margin-top: 5.2em;
	padding: 1em 2em 1.25em 2em; 
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 	
}

#main-nav ul li { 
	display: inline-block; 
	margin: 0; 
	padding: 0.1em 0em 0.1em 0em; 
	border-radius: 0.5em; 
}

#main-nav ul li a { 
	color: #000000;
	font-weight:bold; 
	padding: 0.1em 1em 0.40em 1em;
}

#main-nav ul li a.active, #main-nav ul li a:hover { 
	color: #000000; 
	text-decoration: none;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
}

#banner_wrapper {
    padding: 0.5em 0em;
	background: #2BB1E0;
	margin-bottom: 1em;
	border-top: 1px solid #67C6E9;	
	border-bottom: 1px solid #67C6E9;	
}

#banner {
	color: #ffffff;
	text-align: center;
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0) 0px 3px 5px;
}

#site_content {
    margin-bottom: 2em;
}

.box {
/*    margin-bottom: 2em;
	text-shadow: 1px 1px #323232;
	background: #2BB1E0;
	padding: 1em 1em 1em 2em;
	color: #FFF;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;	*/
	border-radius: 4px 4px 0px 0px;
	color: #404040;
	margin: 10px 10px 20px;
	border: 1px solid #DDD;
}
.box h3{
	margin: 15px;
border-top: 1px solid #ddd;
}
.box a{
	font-size: 13px;
	font-weight: 600;
	color: #505050;
}
.boxp {
    margin-bottom: 2em;
	text-shadow: 1px 1px #323232;
	background: #2BB1E0;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	color: #FFF;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;	
}
.boxk {
    margin-bottom: 2em;
	text-shadow: 1px 1px #323232;
	background: #2F4F4F;
	padding-top: 0em;
	padding-bottom:0em;
	padding-left: 1em;
	padding-right: 1em;
	color: #FFF;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;	
}
.boxk1 {
    margin-bottom: 2em;
	text-shadow: 1px 1px #323232;
	background: #2F4F4F;
	padding-top: 0em;
	padding-bottom:0.015em;
	padding-left: 1em;
	padding-right: 1em;
	color: #FFF;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;	
}
/*.box h2, .box h3, .box h4, .box h5, .box a  {
	color: #FFFFFF;
}*/ 
.boxad {
    margin-bottom: 2em;
	/*text-shadow: 1px 1px #323232;
	background: #ffff00;*/
	color: #FFFFFF;
	/*border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;*/	
}

.image {
	display: inline-block;
	width: 100%;
	max-height: 300px;
	overflow: hidden;
	padding: 15px;
}
.image img {
	display: block;
	width: 100%;
/*	background: #2BB1E0;
	padding: 1em;
*/	margin-top: 0.5em;
/*	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px; 
*/}

#footer { 
    //font: 100% 'Droid Sans', arial, sans-serif;
    text-align: center; 
        border-top: 1px solid #ddd;
        padding: 25px 0 0;
    /*margin: 0;
    background: #2BB1E0; 
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border: 7px 7px 0px 0px; 
	-moz-box-shadow: rgba(0, 0, 0, 0.5)  0px 3px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px;	*/	
}

#footer p { 
    line-height: 1.7em;
    color: #505050;
     font-weight: 600; 
    font-size: 14px;
    margin: 0px 0;
    display: inline-block;
}

#footer a { 
    text-decoration: none;
    color: #505050;
    display: inline-block;
    margin: 5px;
    font-weight: 600;
    letter-spacing: 0.4px;
    font-size: 13px;
}

#footer a:hover { 
  text-decoration: underline;
  color: #505050; 
}

/* A single menu */
.dropotron { 
	background: #1D1D1D; 
	border-radius: 0.5em; 
	list-style: none; 
	margin: 0; 
	min-width: 10em; 
	padding: 0.75em 1em 0.75em 1em; 
}
			
.dropotron > li { 
	border-top: solid 1px #555;
	margin: 0;
	padding: 0;
}

.dropotron > li:first-child { 
	border-top: 0;
}
			
.dropotron > li > a { 
	color: #FFF; 
	display: block; 
	padding: 0.5em 0 0.5em 0; 
	text-decoration: none; 
}

.dropotron > li.active > a, .dropotron > li:hover > a {
    color: #33D0FD;
}

/* Only applies to top level ("level-0") menus */
.dropotron.level-0 { 
	margin-top: 1.25em;
}

.dropotron.level-0:before {
	content: ''; 
	position: absolute; 
	border-bottom: solid 0.5em #444; 
	border-left: solid 0.5em transparent;
	border-right: solid 0.5em transparent; 
	top: -0.5em; 
}

nav select {
  display: none;
}
 
@media (max-width: 480px) {
  nav ul     { display: none; }
  nav select { display: inline-block;}
}  

.form_settings { 
	margin: 1em 0 0 0;
}

.form_settings p {
	padding: 0 0 0.25em 0;
}

.form_settings span {
	float: left; 
	width: 22em; 
	text-align: left;
}
  
.form_settings input, .form_settings textarea {
/*	padding: 0.25em; 
	width: 20em; 
	font: 100% arial; 
	margin-bottom: 1em;
	border: 1px solid #bbb; 
	color: #47433F;*/
}
  
.form_settings input[type="checkbox"] {
	padding: 0; 
	width: 1em; 
	font: 100% arial; 
	border: 0; 
	color: #47433F;
}

.form_settings .submit { 
	font-family: 'Source Sans Pro';
	font-weight: 700;
	border: 1px solid; 
	width: 6em; 
	margin: 0 0 0 14em; 
	height: 2em;
	cursor: pointer; 
	background: #33D0FD;
	border-radius: 5px;
	color: #FFF;
}
  
.form_settings .submit:hover {
	background: #2BB1E0;
}
.trr {
	background: #7FFFD4;
	font-weight:bold;
text-align:right;
padding-right:2em;
}
.trl {
	background: #7FFFD4;
	font-weight:bold;
text-align:left;
padding-left:2em;
}
table { 
  margin: 1em 0 3em 0;
}

/*table tr th, table tr td { 
  background: #323232;
  color: #FFF;
  padding: 0.75em 0.5em;
  text-align: left;
}
  
table tr td { 
  background: #FFF;
  color: #47433F;
  border-top: 1px solid #EEE;
}*/

	#tfheader{
		background-color: 	#2BB1E0;
			}
	#tfnewsearch{
		float:center;
		padding:30px;
		border:solid 2px #ffffff;
		border-top-right-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
			}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}

	.navbar-nav li a{
		font-size: 11px;
		color: #777777;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0.4px;
	}
	.no-padding{
		padding: 0px;
	}
	.nav>li>a{
		padding: 10px 20px;
	}
	.nav>li>a:focus, , .actives{
		background-color: #2BB1E0;
		color: #fff !important;
	}
	#navbar .nav>li>a:hover{
		background-color: #2BB1E0;
		color: #fff !important;	
	}

	#header{
	box-shadow: 1px 1px 3px #BDBEBF;
	//background-color: #2F2C2C;
	}
	#phone{
		padding: 9px 0;
		font-size: 12px;
		color: #2bb1e0;
		//font-weight: 600;
		text-shadow: none;
		letter-spacing: 0.5px;
		font-weight: 600;
	}
	#email{
		padding: 9px 0;
		font-size: 12px;
		color: #2bb1e0;
		//font-weight: 600;
		text-shadow: none;
		letter-spacing: 0.5px;
		font-weight: 600;
	}
	.top-header{
		background-color:#f5f5f5;
	}
	.navbar{
		min-height: 0px !important;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.navbar-toggle{
		background-color: #2BB1E0;
	}
	.navbar-toggle .icon-bar{
		background-color: #fff;
	}
	#labour-carousel{
	background: url('../images/banner-2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom: 0;
    height: 400px;
}
	#about-carousel{
	background: url('../images/about-us.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom: 0;
    height: 400px;
}
#welcome h6{
	font-size: 42px;
	font-weight: normal;
	font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif;
	color: #333333;
}
#welcome span{
	color: #2BB1E0;
}
#welcome h1{
	font-size: 14px;
	color: #929292;
	margin: 15px;
	font-style: italic;
	letter-spacing: 0.4px;
}
.btn-blue{
	background-color: #2BB1E0;
    border-bottom: 2px solid #189dcc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: 600;
    padding: 6px 20px;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue{
	background-color: #189dcc;
	color: #ffffff;
}
#welcome{
	padding: 25px 0;
	border-bottom: 1px solid #ddd;
}
hr{
	border-bottom: 1px solid #cccccc;
	border-top: none;
	margin-top: 20px;
}
.title{
	margin: 30px 0;
}
.title h3{
	margin: 10px 0;
	font-size: 21px;
	text-align: center;
	text-transform: uppercase;
}
.title span{
	color: #2BB1E0;

}
.social-icon-fb {
    background: url('../images/social-icon-fb.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-fb {
    background: url('../images/social-icon-fb-over.png') no-repeat;
}

.social-icon-rss {
    background: url('../images/social-icon-rss.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-rss {
    background: url('../images/social-icon-rss-over.png') no-repeat;
}

.social-icon-twitter {
    background: url('../images/social-icon-twitter.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-twitter {
    background: url('../images/social-icon-twitter-over.png') no-repeat;
}

.social-icon-linkedin {
    background: url('../images/social-icon-linkedin.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-linkedin {
    background: url('../images/social-icon-linkedin-over.png') no-repeat;
}
#footer ul{
	margin: 0px;
	padding: 10px 0;
}

#welcome a:hover{
	text-decoration: none;
	color: #303030;
}
.general-text{
	font-size: 14px;
    text-align: center;
    /* font-weight: 600; */
    color: #505050;
    padding: 15px 0;
}

#contact p{
	padding: 5px 0 !important;
	margin: 0px;
	font-weight: 600;
}
#contact h5{
    font-size: 12px;
    font-weight: 600;
    color: #555555;
}
.recuriment{
	background: #323232;
	color: #FFF;
	 padding: 0.75em 0.5em; 
	text-align: left;
	font-weight: 600;
	    margin: 10px 0;
}
.odd{
	padding: 12px 10px;
	//background-color: #f7f7f7;
	font-weight: 600;
    color: #555555;	
}
.even{
    padding: 12px 10px;
    background-color: #f7f7f7;
    font-weight: 600;
    color: #555555;
}
#contact-address h3{
	color: #FF4500;
	font-size: 28px;
	font-weight: normal;
	margin: 0px 15px;
}
#contact-address h4{
	color: #4a4a4a;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 15px;
}
#contact-address h5{
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 600;
    margin: 8px 15px;
}
.form-horizontal .form-group{
	margin-right: 0px;
	margin-left: 0px;
}
.form-horizontal .button{
	margin: 10px 0 20px;
}
.modal-body{
	overflow: hidden;
}
.modal-body  h2{
	margin: 15px 10px;
	font-size: 20px;
	color: #2BB1E0;
}
.demo-list ul{
	margin: 0px;
	padding: 0px;
}
.demo-list ul li{
	margin: 10px 0;
	padding: 0px 40px;
}
.form-label{
	font-size: 13px;
	color: #555;
	margin-top: 8px;
}
.modal-footer{
	overflow: hidden;	
}
#navbar .button{
	margin: 0px 10px;
	font-size: 12px;
	padding: 11.5px 20px;
}





/*form styles*/

#wizard {
	height: 100%;
	/*Image only BG fallback*/
	background: url('http://thecodeplayer.com/uploads/media/gs.png');
	/*background = gradient + image pattern combo*/
	background: 
	linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)), 
	url('http://thecodeplayer.com/uploads/media/gs.png');
}

#msform {
	/*width: 400px;*/
	/*margin: 50px auto;*/
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	    height: 450px;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;	
	//margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	/*margin-bottom: 10px;*/
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
	background-color: transparent;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
    font-weight: normal;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 600;
    /* text-align: left; */ 	
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
	font-weight: 600;
}
.fs-desc{
	font-size: 13px;
	font-weight: 600;
	padding: 8px 0;
	margin-bottom: 0px;

}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	margin: 0px 0px 25px;
	padding: 0px;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 25%;
	float: left;
	position: relative;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    font-weight: 600;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}

.progressbar .nav>li>a:focus, .nav>li>a:hover, .active{
	background-color: transparent;
}

#progressbar li:before{
	background-color: #2BB1E0;
	color: #fff;
}

.success-mes{
	background-image: url('../images/success.png');
	background-color: #f3f3f3;
	border-left: 5px solid #2BB1E0;
	padding: 10px 0;
	box-shadow: 2px 2px 2px #a2a2a2;
	background-repeat: no-repeat;
	background-position: 3% 55%;
	font-size: 15px;
	color: #616161;
	font-weight: 600;
	text-indent: 50px;
}
.error-mes{
    background: url("../images/error.png");
    background-position: 3% 55%;
    background-repeat: no-repeat;
    background-color: #fff;
    float: left;
    margin: 5px 0;
    box-shadow: 1px 1px 1px #999;
    color: #505050;
    font-size: 12px;
    text-indent: 0px !important;
    border-bottom: 3px solid #ee4145;
    clear: both;

}
.error-mes p{
	padding: 6px 5px;
	font-size: 12px;
	font-weight: 600;
	color: #505050 !important;
	float: right;
	margin-bottom: 0px;
	font-weight: bold !important;
	padding-left: 35px;
	text-indent: 40px;
}
.clear{
	clear: both;
}

.logo img{
	margin: 8px 0;
}

.big-title{
	text-align: center;
    font-size: 22px;
    color: #505050;
    font-weight: 400;
}

.big-title a{
	color: #2BB1E0
}


.heading_title{
	font-size: 16px;
	font-weight:600;
	color: #2BB1E0;
	text-align: center;
}
.profile-img{
	width: 210px;
}
.banner-img{
	height: 450px;
	overflow: hidden;
}
.more_business h5{
	color: #FF4500;
	font-size: 15px;
	font-weight: 500;
}
.more_business p{
    font-weight: 600;
    color: #606060;
    font-size: 13px;
}
.row_1{
	float: left;
}

.customized_navbar{
	margin: 25px 0;
}


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

	.logo img{
		margin: 0px;
	}
	.navbar-toggle{
		margin-top: 30px;
	}
	#welcome h6{
		font-size: 24px;
	}
	#welcome h1{
		font-size: 13px;
	}
	#footer p{
		font-size: 11px;
	}
	#footer a{
		font-size: 11px;
	}
	#phone{
		float: none !important;
		text-align: center;
	}
	#email{
		float: none !important;
		text-align: center;
	}
        .mobile-pad{
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-label{
		font-size: 12px;
                text-align: right !important;
                width: 100%;
	}
        .mobile-right{
		float: right;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	.nav > li > a{
		padding: 10px 12px;
	}
	#phone{
		width: 50%;
	}
	#email{
		width: 50%;
	}


}