@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,700italic|Abel|Lora:400,700);
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body { padding-bottom: 40px; color: #5a5a5a; }
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.header-swf { background:url(../../images/header-bg_green.jpg) repeat-x; border-top:7px solid #222222; padding-bottom:20px; position:relative; }
.header-swf .container { }
.navbar-wrapper { background:#222222; position:relative; }
.navbar-nav { }
.navbar-nav li { }
.navbar-nav li a { margin:0; padding:15px 21px; font-size:12px; }
.navbar-nav li a:hover { background:#2a2a2a !important; }
.welcome-box { float:left; width:100%; font-family:'Abel', Helvetica, sans-serif; font-size:16px; }
.welcome-box h2.featurette { font:400 24px 'Lora', Helvetica, sans-serif; color:#da241c; text-transform:uppercase; }
.welcome-box .container { }
.welcome-box .container .row { }
/* Special class on .container surrounding .navbar, used for positioning it into place. */
/*.navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; }*/
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container { padding-right: 0; padding-left: 0; }
.navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; }
.navbar-wrapper .navbar .container { width: auto; }
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel { height:350px; margin-bottom: 30px; }
/* 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-inner{background:url(../../images/banner_02-V2.jpg) no-repeat top center; }*/
.carousel .item { height: 350px; background-color: #777; }
/*.carousel-inner .item.active{background:url(../../images/banner_02-V2.jpg) no-repeat top center; }*/
item active { }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height:350px; }
/* services CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.services-box { background:#eef8f4; width:100%; float:left; font-family:'Abel', Helvetica, sans-serif; font-size:16px; }
.services-box .col-lg-4 { margin-bottom: 20px; text-align: center; }
.services-box h2 { font:400 30px 'Lora', Helvetica, sans-serif; color:#4cae4c; text-transform:uppercase; padding:10px 0; }
.services-box h3 { font:400 18px 'Lora', Helvetica, sans-serif; color:#03416b; text-transform:uppercase; }
.services-box .col-lg-4 p { margin-right: 10px; margin-left: 10px; }
.services-box .glyphicon { font-size:100px; color:#222222; }
.services-box .glyphicon:hover { color:#03416b; }
/* misc CONTENT
-------------------------------------------------- */
.misc-box { background:#021420; width:100%; float:left; font-family:'Abel', Helvetica, sans-serif; font-size:16px; padding:15px 0 25px 0; color:#223f5b; }
.misc-box .col-lg-4 { text-align:center; color:#d8d8d8; font-size:17px; }
.misc-box .col-lg-4 strong { text-transform:uppercase; font-size:17px; color:#dedede; }

.misc-box .col-lg-3 { text-align:center; color:#d8d8d8; font-size:15px;}
.misc-box .col-lg-3 strong { text-transform:uppercase; font-size:15px; color:#dedede; }

/* quick CONTENT
-------------------------------------------------- */
.quick-glance-box { background:#fff; width:100%; float:left; font-family:'Abel', Helvetica, sans-serif; font-size:16px; padding:5px 0 25px 0; color:#000; }
.quick-glance-box ul { text-align:center; }
.quick-glance-box ul li { margin:5px 20px; list-style:none; display:inline-block; }
.quick-glance-box ul li img { }
/* FAQ CONTENT
-------------------------------------------------- */
#accordion { }
a.accordion-toggle { text-decoration:none; }
a.accordion-toggle:hover { color:#4cae4c; }
/* Servicess CONTENT
-------------------------------------------------- */
.inner-box { float:left; width:100%; font-family:'Abel', Helvetica, sans-serif; font-size:16px; }
/* Featurettes
------------------------- */


.footer-box { background:#021420; width:100%; float:left; font-family:'Abel', Helvetica, sans-serif; font-size:14px; padding:15px 0 25px 0; color:#d8d8d8; }
.featurette-divider { margin: 80px 0; /* Space out the Bootstrap <hr> more */ }
/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; }
/* RESPONSIVE CSS


-------------------------------------------------- */

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

  /* Navbar positioning foo */
  .navbar-wrapper {
/* margin-top: 20px;*/
}
 .navbar-wrapper .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .navbar-wrapper .navbar {
 padding-right: 0;
 padding-left: 0;
}

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
 border-radius: 4px;
}

  /* Bump up size of carousel content */

.carousel-caption h1 {
text-transform:uppercase;
font:700 25px 'Lora', Helvetica, sans-serif;
color:#fff;
background:#000;
opacity:0.7;
padding:7px 15px;
display:inline-block;
margin:2px 0;
}
 p.service {
/* margin-bottom: 20px;*/
font:300 20px 'Abel', Helvetica, sans-serif;
 color:#fff;
background:#bc0a0e;
opacity:0.9;
padding:7px 15px;
display:inline-block;
}
p.carousel-title {
font:300 14px 'Abel', Helvetica, sans-serif;
width:100%;
text-align:center;
 color:#fff;
background:#017346;
opacity:0.7;
padding:7px;
display:inline-block;
margin-top:15px;
}
}
 @media screen and (min-width: 481px) and (max-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
/* margin-top: 20px;*/
}
 .navbar-wrapper .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .navbar-wrapper .navbar {
 padding-right: 0;
 padding-left: 0;
}

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
 border-radius: 4px;
}
 .carousel-caption h1 {
text-transform:uppercase;
font:700 25px 'Lora', Helvetica, sans-serif;
color:#fff;
background:#000;
opacity:0.7;
padding:7px 15px;
display:inline-block;
margin:2px 0;
}
 p.service {
/* margin-bottom: 20px;*/
font:300 18px 'Abel', Helvetica, sans-serif;
 color:#fff;
background:#bc0a0e;
opacity:0.9;
padding:7px 15px;
display:inline-block;
}
p.carousel-title {
font:300 14px 'Abel', Helvetica, sans-serif;
width:100%;
text-align:center;
 color:#fff;
background:#017346;
opacity:0.7;
padding:7px;
display:inline-block;
margin-top:15px;
}
}
 @media screen and (min-width: 300px) and (max-width: 481px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
/* margin-top: 20px;*/
}
 .navbar-wrapper .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .navbar-wrapper .navbar {
 padding-right: 0;
 padding-left: 0;
}

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
 border-radius: 4px;
}
 .carousel-caption h1 {
text-transform:uppercase;
font:700 25px 'Lora', Helvetica, sans-serif;
color:#fff;
background:#000;
opacity:0.7;
padding:7px 15px;
display:inline-block;
margin:2px 0;
}
 p.service {
/* margin-bottom: 20px;*/
font:300 16px 'Abel', Helvetica, sans-serif;
 color:#fff;
background:#bc0a0e;
opacity:0.9;
padding:7px 15px;
display:inline-block;
}
p.carousel-title {
font:300 14px 'Abel', Helvetica, sans-serif;
width:100%;
text-align:center;
 color:#fff;
background:#017346;
opacity:0.7;
padding:7px;
display:inline-block;
margin-top:15px;
}
#navbar{ width:100%;}
}