@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);
@import url(https://fonts.googleapis.com/css?family=Sanchez);
/* Move down content because we have a fixed navbar that is 50px tall */

body {
  color: #818181;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size:14px;
  background:#4c4c4c url(../img/bg_body.png) repeat-x;
  
}
a { color:#555555;}
a:hover { color:#959595;}
p{ font-size:15px;
	margin-top:10px;
	margin-bottom:30px;}
h2 { margin-top:10px;}
h3 { margin-top:0px;
	padding-top:0px;}
.jumbotron {
background: #358CCE;
color: #FFF;
border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px; }
.jumbotron small {
color: #FFF;
}

.greybg-top{
	min-height:157px;
	width:100%;
	background:#bdbdbd;
	}
.headertitle1 a{
	color:#ff9001;
	font-family:roboto;	
	font-size:20px;
	font-style:italic;
	text-decoration:none;}

.headertitle1 a:hover{
	color:#3f467a;	
	font-weight:700;
	text-decoration:none;	
	}

.headertitle2{
	color:#737373;
	font-family:roboto;	
	font-size:14px;
	font-style:italic;}

.white-link a{
	color:#fff;}
.img-alignpara{
	float:right;
	margin-left:5px;
	margin-bottom:5px;}
.h1 small {
font-size: 24px;
}
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
#wrap{
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D3D8E8));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D3D8E8 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D3D8E8 100%);
background-repeat: no-repeat;
background-attachment: fixed;
}
legend{
	color:#141823;
	font-size:25px;
	font-weight:bold;
}
.signup-btn {
  background: #79bc64;
  background-image: -webkit-linear-gradient(top, #79bc64, #578843);
  background-image: -moz-linear-gradient(top, #79bc64, #578843);
  background-image: -ms-linear-gradient(top, #79bc64, #578843);
  background-image: -o-linear-gradient(top, #79bc64, #578843);
  background-image: linear-gradient(to bottom, #79bc64, #578843);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 0px 1px 0px #898a88;
  -webkit-box-shadow: 0px 0px 0px #a4e388;
  -moz-box-shadow: 0px 0px 0px #a4e388;
  box-shadow: 0px 0px 0px #a4e388;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #3b6e22  1px;
  text-decoration: none;
}

.signup-btn:hover {
  background: #79bc64;
  background-image: -webkit-linear-gradient(top, #79bc64, #5e7056);
  background-image: -moz-linear-gradient(top, #79bc64, #5e7056);
  background-image: -ms-linear-gradient(top, #79bc64, #5e7056);
  background-image: -o-linear-gradient(top, #79bc64, #5e7056);
  background-image: linear-gradient(to bottom, #79bc64, #5e7056);
  text-decoration: none;
}
.navbar-default .navbar-brand{
		color:#fff;
		font-size:30px;
		font-weight:bold;
	}
.form .form-control { margin-bottom: 10px; }
@media (min-width:768px) {
	#home{
		margin-top:50px;
	}
	#home .slogan{
		color: #0e385f;
		line-height: 29px;
		font-weight:bold;
	}
	.well{ 
		min-height:450px;
		margin-top: 8px;
	}
}
.logo-container{
	background:url(../img/company-logo.png) no-repeat;
	width:176px;
	height:142px;
	margin-top:8px;
}
.tel-icon{
	background: url(../img/tel-icon.png)left bottom no-repeat;
	min-height:28px;
	min-width:23px;
	padding-top:10px;
}
.tel-text{ color:#555555;
font-size:20px;
font-weight:600;}

.navbarbg-img{
	background: #fff url(../img/navbar-bg.jpg) bottom repeat-x;
	border-bottom:1px solid #e7e7e7;
	height:52px;
	}
.navbar-default {
background: #fff url(../img/navbar-bg.jpg) bottom repeat-x;
border-bottom:1px solid #e7e7e7;
/*border-color: #636363;*/
/*height:42px;*/
}



.navbar-brand{
	padding-top:10px;}

.navbar-nav > li > a { text-transform:uppercase; font-weight:400; color:#797777 !important; }
.navbar-nav > li > a:hover { color:#949494 !important; }

.navbar {
border-radius: 0px;}
element.style {
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #cfd1ce;}

.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px;
}
@media (min-width:768px) {
	.navbar-collapse {
		padding-left: 0px;
	}
	.navbar-nav > li > a { border-right:1px solid #e7e7e7;/*border:1px solid #bdc3cf; margin:1px;*/ }
}

.green-div{
	background:#5f9932;
	height:335px;
	border:1px solid #89b567;
	color:#FFF;
	text-align:center;
	padding-top:15px;
	text-transform:uppercase;}

.white-heading1{ font-size:36px; font-weight:500;}
.white-heading2{ font-size:72px; font-weight:900;}
.white-heading3{ font-size:60px; font-weight:900;}

.prod-bar1{ 
	min-height:64px;
	border:1px solid #c6c9d2;
	background:#e6e6ee;
	color:#7b7b7b;
	text-transform:uppercase;
	font-size:18px;
	font-weight:600;
	padding:12px 0 0 15px;}
.prod-bar2{ 
	min-height:38px;
	border:1px solid #080d2e;
	background:#3f467a;
	color:#fff;
	text-transform:uppercase;
	font-family:Roboto;
	font-size:24px;
	font-weight:700;
	padding:2px 0 0 15px;}

.prod-box{
	min-height:150px;
	border:1px solid #d9c296;
	font-size:12px;
	color:#ebb27b;
	text-align:center;
	padding:15px;
	margin-top:15px;
	}
.prod-title{
	background:#eff5eb;
	height:50px;
	color:#5f9935;
	border-top: 1px solid #5f9935;
	min-height:50px;
	padding-top:8px;
	font-size:14px;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 335px;
  margin-bottom: 25px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 328px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 328px;
}
.carousel-control{
	background-image:none !important;}
.carousel-caption{ left:10%; right:40%; padding-bottom:60px; text-align:left;}

.fullgrey{
	background:#eeeeee;
	min-height:100px;}
.main-heading{
	 color: #555555;	 
	 font-weight:400;
	 font-size:30px;
	 text-transform:uppercase}
.pro1{
	font-style:italic;
	font-weight:700;
	color:#000;}
.pro2{
	font-style:italic;
	font-weight:700;
	color:#ffb813;}
.user-box{
	min-height:150px;
	padding:5px 0 0 10px;	
	color:#fff;
	font-size:14px;	
	}
.user-box a{
	font-size:26px;
	color:#FFF;}
.yellowbox-bg{
	background:#fca401;
	}
.bluebox-bg{
	background:#3f467c;
	}
.redbox-bg{
	background:#f83260;
	}

.footer-bg{
	background:#262938 url(../img/bg_body.png) repeat-x;
	color:#fff;
	font-size:14px;
	margin-top:15px;
	min-height:187px;}

.footer-bg a{
	color:#fff;
	font-size:13px;}
.footer-bg ul > li > a{
	color:#fff;
	font-size:13px;
	}

.footer-heading{
	 font-family:'Roboto';
	 font-weight:500;
	 font-size:18px;  
	 text-transform:uppercase;	 
	 }