/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #8b8b8b;
}
@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri-webfont.woff') format('woff'),
         url('../fonts/calibri-webfont.ttf') format('truetype'),
         url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibribold';
    src: url('../fonts/calibrib-webfont.eot');
    src: url('../fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibrib-webfont.woff') format('woff'),
         url('../fonts/calibrib-webfont.ttf') format('truetype'),
         url('../fonts/calibrib-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibriitalic';
    src: url('../fonts/calibrii-webfont.eot');
    src: url('../fonts/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibrii-webfont.woff') format('woff'),
         url('../fonts/calibrii-webfont.ttf') format('truetype'),
         url('../fonts/calibrii-webfont.svg#calibriitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wrap{ background-color:#fff;padding-left:60px;padding-right:60px;margin-top:50px;}
.logo{ padding-left:0;}
.contact_section{ font-size:16px;color:#696969;text-transform:uppercase;font-family:'calibribold';text-align:right;padding-right:0;padding-top:35px;padding-bottom:35px}
.slider_img{ float:right;padding-right:0;padding-left:0;}
.slider_content{ padding-left:0;padding-right:0;position:relative;z-index:10;}
.slider_content h1{ font-size:20px;background-color:#4d4c4c;margin:0;padding:12px 20px;text-transform:uppercase;color:#fff;font-family: 'calibribold';}
.middle_section{ margin-top:60px;padding-bottom:25px;}
footer{ background-color:#eaeaea;padding:20px 25px;font-size:13px;color:#9b9588;
-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow:    inset 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
box-shadow:         inset 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
}
.left p{ margin:0 }
.right{ float:right;}
.right p{ float:left;width:227px;text-align:right;padding-top:6px;margin:0;padding-right:5px;line-height:normal}
.right span{ float:right;}
.banner{ padding:0}
h1{font-size:20px;color:#fff;background-color:#65b845;padding:4px 10px;font-family:'calibribold';margin-top:8px;margin-bottom:20px;}
h2{font-size:20px;color:#000;font-family:'calibribold';}

.left_img{ float:left;margin-right:15px}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


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

/* Carousel base class */
.carousel {
  height: 316px;
}
/* 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: 316px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
/*  min-width: 100%;*/
  height: 316px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
.slider_img{ float:none;}
.logo img{ margin:0 auto }
.contact_section{ padding-top:10px;padding-bottom:10px;}
.nav > li > a{ padding:10px}
.navbar-inverse .navbar-nav > li > a{ border:0}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
border-bottom:0
}
.nav > li{ border:0}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  border-bottom:solid 0px #000000;
}
.navbar-inverse{  border-bottom:solid 4px #61b640}
.contact_section{ text-align:center;font-size:14px;}
.wrap {
    padding-left: 30px;
    padding-right: 30px;
}
}

@media (max-width:1199px) {
/* Carousel base class */
.carousel {
  height: auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: inherit;
  top: 0;
  left: 0;
/*  min-width: 100%;*/
  height: auto;
}

}

@media (min-width: 768px) and (max-width: 991px) {
.nav > li > a{ padding:10px 41.11111112px}
.contact_section{ padding-top:20px;padding-bottom:20px;}
.contact_section{ font-size:13px;}
.nav-justified > li > a{ font-size:15px;padding:1px 15px;}
.slider_content h1{ font-size:16px;padding:6px 15px}
.nav-justified{ padding-bottom:5px;}
.right p{ width:235px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.nav > li > a{ padding:10px 68.6666666px}
.nav-justified > li > a{ font-size:18px;padding:3px 15px;}
.slider_content h1{ font-size:18px;padding:10px 15px}
.nav-justified{ padding-bottom:10px;}
}

@media (max-width: 480px) {
.contact_section {
    font-size: 12px;
    text-align: center;
}
.slider_content h1{ font-size:18px;padding:10px 20px}
.nav-justified > li > a{ font-size:18px;padding:1px 20px}
}


@media (min-width: 768px) {
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }
 
}