body {
margin:0px;
padding:0px;
padding-top: 50px;
padding-bottom: 0px;
color: #5a5a5a;
}
@media only screen and (max-width: 600px) {
body {
padding-top: 70px;
}
}
.navbar-wrapper {
top: 0;
right: 0;
left: 0;
z-index: 20;
}
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
}
.carousel {
max-height: 280px;
max-width:980px;
margin: 0 auto;
}
.carousel-caption {
top: 0;
bottom: auto;
left: 50px;
z-index: 10;
text-align: left;
}
.carousel .item {
height: 280px;
background-color: #eeeeee;
margin: 0 auto;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
width: 980px;
height: 280px;
margin: 0 auto;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
right: 15px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
left: 15px;
width : 1%;
z-index: 9;
}
.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
color: #3b5998;  
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
font-weight: 400;
color:#444;
}
.featurette-divider {
margin: 16px 0;
}
.featurette-heading {
font-weight: bold;
line-height: 1;
}
.featurette {
margin-right: 20px;
margin-left: 20px;
}
.featurette h4{
margin-top: 10px;
margin-bottom: 30px;
}
@media (min-width: 600px) {
.navbar-wrapper {
margin-top: 5px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
margin-bottom: 5px;
padding-bottom: 0px;
}
.navbar-wrapper .navbar {
border-radius: 4px;
}
.carousel-caption p {
margin-bottom: 20px;
font-size: 20px;
line-height: 1.4;
color:#003366;
}
.carousel-caption h1 {
color:#20b2aa;
}
.featurette-heading {
font-size: 24px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 20px;
}
}
.navbar {
background-color: #3b5998;
border-color: #E7E7E7;
}
.navbar .navbar-brand {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color: #ffffff;
	font-size: 32px;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
color: #ffff00;
}
.navbar .navbar-nav > li > a {
color: #ffffff;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #3b5998;
}
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #3b5998;
}
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #3b5998;
}
.navbar .navbar-nav > .dropdown > a .caret {
border-top-color: #777;
border-bottom-color: #777;
}
.navbar .navbar-nav > .dropdown > a:hover .caret,
.navbar .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333;
border-bottom-color: #333;
}
.navbar .navbar-nav > .open > a .caret, 
.navbar .navbar-nav > .open > a:hover .caret, 
.navbar .navbar-nav > .open > a:focus .caret {
border-top-color: #555;
border-bottom-color: #555;
}
.navbar .navbar-toggle {
border-color: #2894FF;
background-color: #3b5998;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
background-color: #4f71ba;
}
.navbar .navbar-toggle .icon-bar {
background-color: #CCC;
}

.dropdown-toggle{
background-color: #003366;
font-size: 16px;
}
@media (min-width: 979px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
}

#logo {
height : 100%;
margin-top : -3px;
margin-right: 5px;
display:inline;
}
.dropdown-header li {
align: center;
color: #e68000;
}

.section-banner {
background: url(../img/lgrey064.jpg) repeat-x 0 0;
padding: 5px 0px;

margin: 0 auto;
margin-bottom: 10px;
}

.section-banner h2 {
font-size: 22px;
text-align: right;
color: #3b5998;
margin: 18px 0;
}

.section-banner h2 span {
font-size: 30px;
color: #ff8000;
}
.steps-banner {
list-style: none;
margin: 10px 0px;
padding: 0px;
overflow: auto;
}
.steps-banner li {
float: left;
font-size: 16px;
margin-right: 50px;
position: relative;
padding-left: 80px;
}
.steps-banner li span {
display: block;
margin: 20px 0px;
line-height: 20px;
color:#003366;
}
.steps-banner i {
background: rgba(255, 255, 255, .2);
border: 2px solid rgba(255, 255, 255, .8);
border-radius: 100%;
box-shadow: 0 0 3px #999;
color: #3399ff;
font-size: 26px;
left: 0;
margin: 10px;
padding: 15px;
position: absolute;
text-align: center;
width: 62px;
}
.steps-banner li.active i {
background: #0000ff;
color: #fff;
}
.footer-links ul {
padding: 0px;
margin: 0;
}
.footer-links ul li {
list-style: none;
float: left;
margin: 0 5px 0 0;
}
.footer-links ul li a {
padding-right: 5px;
color: rgba(255, 255, 255, .8);
}
.footer-links ul li a:hover {
color: rgba(255, 255, 255, 1);
}
.footer .copyright {
clear: both;
}
.footer {
background: #444;
color: #ccc;
overflow: auto;
font-size: 13px;
padding: 10px 0px;
margin-top: 20px;
clear: both;
}
.footer-group {
background: #444;
padding: 0px;
margin: 0px;
display: block;
color: #aaa;
overflow: auto;
font-size: 13px;
}
.footer-group a {
color: #ddd;
}
.footer-group a:hover {
color: #fff;
}
.footer-group ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.leftsidefooter {
width: 25%;
float: left;
}

.leftsidefooter ul li {
float: left;
}
.leftsidefooter ul li a {
color: #fff;
text-decoration: none;
color: #fff;
margin: 0px 3px;
}
.leftsidefooter h4 {
font: bold 16px / 24px Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
margin: 0px;
}
.rightsidefooter {
width: 75%;
float: right;
color: #aaa;
text-align: right;
}
.rightsidefooter ul li {
float: right;
}
.rightsidefooter h4 {
font: bold 16px / 24px Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
margin: 0px;
}
.featurette {
max-width: 1200px;
margin: 0 auto;
padding-top: 10px;
margin-top: 10px;
overflow: hidden;
}
.green {
color: green;
}
hr.style1{
display: block;
height: 1px;
border: 0;
border-top: 0 solid #cccccc;
margin: 1em 0;
padding: 0; 
border-color: #cccccc;
color:#cccccc;
background-color: #cccccc;
}
.button-margin{
margin-top: 40px;
}
@media (max-width: 600) {

	
.navbar .navbar-nav .open .dropdown-menu {
background-color: #318ce7;
}

.navbar .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;
background: #318ce7;
font-weight: bold;
}
/*
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
}
*/
.dropdown-header{
background: #318ce7;
color: #ffffff;
}

/*
#myCarousel {
display:none !important;
}
#carousel-example-generic {
display:none !important;
}
*/
.leftsidefooter {
width: 100%;
}

.carousel {
max-height: 148px;
max-width:420px;
margin: 0 auto;
}
.carousel-caption {
top: 0;
bottom: auto;
left: 50px;
z-index: 10;
text-align: left;
}
.carousel .item {
height: 148px;
background-color: #eeeeee;
margin: 0 auto;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
width: 420px;
height: 148px;
margin: 0 auto;
}
.carousel-caption p {
margin-bottom: 20px;
font-size: 20px;
line-height: 1.4;
color:#003366;
}
.carousel-caption h1 {
color:#20b2aa;
}
}