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

.bottom {
	background-color:#225A2D;
}

.btn-primary {
  color: #ffffff;
  background-color: #2B3681;
  border-color: #2B3681;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #223166;
  border-color: #223166;
}

.well-pad {
	padding:24px 54px;
}

.top-bar {
  left: 0;
  min-width: 100%;
  height: 35px;
  background: #225a2d; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #225a2d 0%, #12840a 50%, #225a2d 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#225a2d), color-stop(50%,#12840a), color-stop(99%,#225a2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #225a2d 0%,#12840a 50%,#225a2d 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #225a2d 0%,#12840a 50%,#225a2d 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #225a2d 0%,#12840a 50%,#225a2d 99%); /* IE10+ */
  background: linear-gradient(135deg,  #225a2d 0%,#12840a 50%,#225a2d 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225a2d', endColorstr='#225a2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.toolbar {
	text-align:center;
	padding:5px 5px 0px 5px;
	color:#2B3681;
}

.tb-padding {
	padding: 6px }


.logo {
	width:170px;
	padding-top:6px;
}

.phone-icon {
position: relative;
  float: right;
  margin-top: 28px;
  margin-right: 15px;
  margin-bottom: 8px;
	
}

.pad-left {
	padding-left:15px;
}



/*----------media Queries----------*/
 
 /* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
 @media only screen and (min-width : 768px) {
	 .nav > li > a { padding: 10px 20px;}
	 .top-bar { height: 95px;}
	 .toolbar { text-align:none; float:right; padding-top:45px}
	 .toolbar-text { text-align:none; float:right; padding-top:5px}
	 .tb-padding { padding: 6px;}
	 .logo { width:334px; 	padding-top:0px}
	   .carousel-caption {right: 10%; left: 10%; padding-bottom: 30px;}
	   .carousel { margin-bottom: 20px; margin-top: -60px;}
	   .carousel .item {height: 500px;}
	 
	 
 }


/* Medium devices (desktops, 992px and up) */
 @media only screen and (min-width : 992px) {
	.nav > li > a {padding: 45px 12px;}
 .carousel-caption {right: 15%; left: 15%; padding-bottom: 10px;}
  .top-bar { height: 65px;}
  .toolbar { padding: 10px;}
  .img-marg {padding:5px 6px;}

}
 
 
 /* Large devices (large desktops, 1200px and up) */
 @media only screen and (min-width : 1200px) { 
	 .carousel-caption { right: 20%; left: 20%; padding-bottom: 10px; 
 
 }