body {
	background-color: #444;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

article#mainContainer  { 
  width: 100%;
  height: 100%;
  margin: auto;
}

.container{
  max-width: 940px;    
}

.navbar-inverse{
  background-image: url(/resources/images/site/nav_bg.png);
  background-repeat: repeat-x;
  background-position: 0 15px;
  height: 200px;
  padding-top: 45px;
  z-index: 10;
  position: absolute;

}

.navbar-inverse .navbar-collapse{
  margin-left: 21%;
}

.navbar-inverse.no-image{
  height: 125px;
}

.navbar-header .logo{
  /*text-indent: -50000px;*/
}

a.navbar-brand{
	position: relative;
	z-index: 16;
	background-image: url(/resources/images/site/logo.png);
  width: 200px;
  height: 200px;
  position: absolute;
  top: -35px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

.navbar-inverse .navbar-nav .active{
  text-shadow: 2px 2px 10px #185e03;
  cursor: pointer;
}

.navbar-inverse .navbar-nav > li > a:hover{
  text-shadow: 2px 2px 10px #185e03;
  cursor: pointer;
}

.dropdown{
  padding-bottom: -1px;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 30px;
  color: #FFF;
  font-size: 12px;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover{
  text-shadow: 2px 2px 10px #185e03;
  cursor: pointer;
  background-color: none;
}


.navbar-nav > li > .dropdown-menu {
background-color: #6EAB24;
border: none;
}

.navbar-wrapper {
  position: relative;
  z-index: 15;
}


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

/* Carousel base class */
.carousel {
  position: relative;
  z-index: 14;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -245px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
.carousel-caption h1{
  margin-bottom: 20px;
}
.carousel-caption p{
  margin-bottom: 20px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}

.carousel .item {
  height: 500px;
  background-color: #777;
}

.carousel .item .slideInner{
  background-image: url(/resources/images/site/slide2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 500px;
  overflow: hidden; 

}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 1920px;
  height: 500px;
}

.btn-primary{
  display: inline-block;
  width: 251px;
  height: 56px;
  background-image: url(/resources/images/site/btn.png);
  background-repeat: no-repeat;
  margin: auto;
  font-size: 16px;
  padding-top: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.btn-primary:hover{
  text-decoration: none;
  background-image: url(/resources/images/site/btn-hover.png);
}

/* Home Items
-------------------------------------------------- */
section#midSection{
  max-width: 100%;
  margin: auto;
  text-align: center;
}

section#midSection h1{
  color:white;
  text-align: center;
  font-size: 32px;
  margin-top: 30px;
}

section#midSection ul{
  padding-left: 0px;
}

section#midSection li{
  margin: 1em;
}

section#midSection ul.gallery li .itemTitle{
  background-image: url(/resources/images/site/bg_black.png);
  padding-top: 10px;
  padding-bottom:10px;
  margin-top: -130px;
  z-index: 100000;
  position: absolute;
  width: 225px;
}

section#midSection ul.gallery a{
  color: white;
  text-decoration: none;
}

section#midSection ul.gallery li h4{
  margin: 0;
  font-weight:300; 
  line-height: 
  
}
section#midSection ul.gallery li h3{
  margin: 0;  
}

section#midSection ul.gallery li{
  padding-right:0px;
  padding-left:0px; 
}

section#midSection ul.inline > h5{
  color: white;
  background-color: black;
  opacity: 0.5;
  text-align:center;
  z-index: 10;
}

/* End Home Items
-------------------------------------------------- */

/*---------------------- Newsletters ---------------------------*/


section#newsLetter {
  background-color: #72AC00;
  width: 100%;
  text-align: center;
  box-shadow: 0 5px 15px #4F7504 inset;
}

section#newsLetter form  {
  display: inline-block;
  max-width: 940px;
}

section#newsLetter .checkbox {
  padding-left: 0px;
}

section#newsLetter .form-group {
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
}

section#newsLetter .form-inline{
  padding-top: 15px;
  padding-bottom: 15px;
}
section#newsLetter .checkbox{
  color: #ffffff;
}

section#newsLetter .btn-default {
  color: #ffffff;
  background-color: #333333;
  border-color: #555555;
  width: 150px;
  padding-right: 10px;
  padding-left: 10px;
}

section#newsLetter .btn-default:hover {
  color: #ffffff;
  background-color: #222222;
  border-color: #555555;
}

section#newsLetter .control-label{
  color: red; 
}

section#newsLetter #ajaxMessage{
  min-height: 60px;
  padding: 1px;
}

section#newsLetter #ajaxMessage h2{
  font-size: 24px;
  color: #fff;
  margin-top: 35px
}


/*---------------------- End Newsletters 
---------------------------*/

/*---------------------- Top Footer 
---------------------------*/

section#about{
  width: 100%;
  background-color: #DEDEDE;  
  padding-top: 20px;
  padding-bottom: 20px;
  margin: auto;
  box-shadow: 0 5px 15px #bbb inset;
}

section#about .about-inner{
  max-width: 940px;
  margin: auto;
  text-align: center;
}

section#about .about-left{
  max-width: 550px;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  padding-left: 20px;
}

section#about .about-left img{
  display: inline-block;
  padding-bottom: 20px;
}

section#about .about-left p{
  text-align: center;
  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}

section#about .contact-right{
  max-width:300px;
  padding-right: 20px;
  padding-left:20px;
  vertical-align: top;
  display: inline-block;;
}

section#about .contact-right .btnLook{
  display: inline-block;
  width: 160px;
  height: 35px;
  background-image: url(/resources/images/site/btn-contact.png);
  background-repeat: no-repeat;
  margin: auto;
  font-size: 13px;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;;
}

section#about .contact-right .btnLook:hover{
  text-decoration: none;
  background-image: url(/resources/images/site/btn-contact-hover.png);
}

/*---------------------- End Top Footer 
---------------------------*/


/*---------------------- Footer 
---------------------------*/

footer{
  margin: auto;
  width: 100%;
  padding-bottom: 10px;
  background-color: white;
}

footer p{
  text-align: center;
  padding-top: 15px;
  margin-bottom: 15px;
  color: #999;
  font-size: 10px;
}

/*---------------------- Default Page 
---------------------------*/

#pageImage{
  position: relative;
  z-index: 14;
  margin-top: -200px;
}

#pageImage .pageImage-inner{
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: center;

}
#pageImage .pageImage-inner img{
  max-width: 1920px;

}
section#midSection #mainContent{
  text-align: left;
  display: block;
  max-width: 73%;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 55px;
  padding: 30px;
  border-radius: 5px;
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(/resources/images/site/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

section#midSection #mainContent p{
  color: #444;
  text-align: justify;
}

section#midSection #mainContent #pageGallery ul.gallery {
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

section#midSection #mainContent #pageGallery ul.gallery li.item{
  background-image: url(/resources/images/site/home_item.jpg);
  background-repeat: no-repeat; 
  width: 195px;
  height: 195px;
  margin: 10px;
}

section#midSection ul.gallery li.item:hover{
  opacity:0.65;
  box-shadow: 1px 1px 5px #000;
  cursor: pointer;
}

section#midSection ul.gallery li .itemTitle{
  background-image: url(/resources/images/site/bg_black.png);
  padding-top: 10px;
  padding-bottom:10px;
}

/*---------------------- End Default Page 
---------------------------*/

/*---------------------- Menus Template 
---------------------------*/


section#midSection #menuItem {
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(/resources/images/site/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  display: block;
  max-width: 73%;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 55px;
  padding: 25px;
  border-radius: 5px;
}

section#midSection #menuItem #menuLeft{
  /*width: 68%; /*Modi Blue*/
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
  text-align: left;
}


section#midSection #menuItem #menuLeft h5{
  font-weight: 700;
  font-size: 16px;
}

section#midSection #menuItem #menuLeft li{
  
}

/*Modi Blue*/
section#midSection #menuItem #menuLeftO{
  /*width: 68%; /*Modi Blue*/
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
  text-align: left;
}

section#midSection #menuItem #menuLeftO h5{
  font-weight: 700;
  font-size: 16px;
}

section#midSection #menuItem #menuLeftO li{
  
}


section#midSection #menuItem #menuLeftOT{
  /*width: 68%; /*Modi Blue*/
  width: 85%;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
  text-align: left;
}

section#midSection #menuItem #menuLeftOT h5{
  font-weight: 700;
  font-size: 16px;
}

section#midSection #menuItem #menuLeftOT li{
  
}


section#midSection #menuItem  #menuRightO{
  width: 250px; /*Blue*/
  display: inline-block;
 /* text-align: center;*/ /*Blue*/
  text-align: left;
}

section#midSection #menuItem #menuRightO img{
  max-width: 250px; /*Blue*/
  margin-bottom: 25px;
  margin-top: 25px;
}


/*Modi Blue*/
section#midSection #menuItem #menuCenter{
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
  text-align: left;
}


section#midSection #menuItem #menuCenter h5{
  font-weight: 700;
  font-size: 16px;
}

section#midSection #menuItem #menuCenter li{
  
}
/***********/

section#midSection #menuItem  #menuRight{
  width: 200px; /*Blue*/
  display: inline-block;
 /* text-align: center;*/ /*Blue*/
  text-align: left;
}

section#midSection #menuItem #menuRight img{
  /*max-width: 250px; /*Blue*/
  margin-bottom: 25px;
  margin-top: 25px;
}

section#midSection #menuItem #menuRight #pdfDownload{
  width: 250px
}

section#midSection #menuItem #menuRight #pdfDownload img{
  max-width: 250px;
  margin-right: 15px;
  margin-top: 0px !important;
}

h3.btnLook{
  display:inline-block;
  width:251px;
  height: 55px;
  background-image: url(/resources/images/site/btn.png);
  background-repeat: no-repeat;
  margin: auto;
  font-size: 24px;
  padding-top: 14px;
  padding-bottom:8px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

h3.btnLook span{ 
  font-size: 10px;
}

/*----------------------  Gallery Template 
---------------------------*/
section#midSection #gallery{
  margin-top: -80px;
}
section#midSection .pagination {
  margin: auto;
  width: 80%;
  text-align: center;
  color: white;
  margin-top: 30px;
  margin-bottom: 15px;
}

section#midSection .pagination a{
  color: white;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  cursor: pointer;
}

section#midSection .pagination a:hover{
  background-color: #72AC00;
  border-radius: 5px;
}

section#midSection .pagination-bottom {
  margin: auto;
  width: 80%;
  text-align: center;
  color: white;
  margin-top: 10px;
  margin-bottom: 30px;
}

section#midSection .pagination-bottom a{
  color: white;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  cursor: pointer;
}

section#midSection .pagination-bottom a:hover{
  background-color: #72AC00;
  border-radius: 5px;
}

section#midSection #albumGallery {
  margin-bottom: 30px;
}

section#midSection #albumGallery ul.gallery {
  margin: auto;
  text-align: center;
}

section#midSection #albumGallery li.album{
  background-image: url(/resources/images/site/gallery_item.jpg);
  background-repeat: no-repeat; 
  width: 270px;
  height: 300px;
  margin: 20px;
}
section#midSection ul.gallery li{
  display: inline-block;
}
section#midSection ul.gallery li.album:hover{
  opacity:0.65;
  box-shadow: 1px 1px 5px #000;
  cursor: pointer;
}

section#midSection ul.gallery li .albumTitle{
  background-image: url(/resources/images/site/bg_black.png);
  margin-top: -190px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;

}

section#midSection ul.gallery li h4{
  margin: 0;
  font-weight:300; 
  color: white;  
}
section#midSection ul.gallery li h3{
  margin: 0;
  color: white;  
  margin-bottom: 5px;
  }


section#midSection ul.inline > h5{
  color: white;
  background-color: black;
  opacity: 0.5;
  text-align:center;
  z-index: 10;
}

/*----------------------  End Gallery Template 
---------------------------*/

/*----------------------  Album Full View Template 
---------------------------*/

section#midSection #albumView {
  max-width: 85%;
  margin: auto;
  margin-top: 20px;
}

section#midSection #albumView ul.gallery  {
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

section#midSection #albumView ul.gallery li.photo  {
  margin: auto;
  margin:10px;
  text-align: center;
}
section#midSection #albumView p{
  color: white;
  font-weight: 400;
}

section#midSection #albumView ul.gallery li.photo img  {
  margin-bottom:10px;
  text-align: center;
}


section#midSection #albumView ul.gallery li.photo img:hover{
  opacity:0.65;
  box-shadow: 1px 1px 5px #000;
  cursor: pointer;
}

/*----------------------  End Album Full View Template 
---------------------------*/

/*---------------------- Contact Us Template ---------------------------*/

section#midSection #contactAligner{
  width: 80%;
  margin: auto;
  text-align: center;
  margin-top: 30px;
}

section#midSection #contactAligner form{
  color: white;
  width: 250px;
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 10%;
}

section#midSection form button.btnLook{
  display: inline-block;
  width: 160px;
  height: 35px;
  background-image: url(/resources/images/site/btn-contact.png);
  background-repeat: no-repeat;
  margin: auto;
  font-size: 13px;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 5px;
}

section#midSection form button.btnLook:hover{
  text-decoration: none;
  background-image: url(/resources/images/site/btn-hover.png);
}

section#midSection #companyDetails{
  width: 300px;
  display: inline-block;
  vertical-align: top;
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px;
}

section#midSection #companyDetails img{
  margin-bottom: 20px;
}

/*---------------------- End Contact Us Template ---------------------------*/


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 768px) {


  .carousel-inner > .item > img {
    margin-left: -50%;
  }
  .navbar-collapse{
  text-align: center;
    background-color: #6EAB24;

  } 
  
  .navbar-inverse .navbar-collapse{
    width:100%;
    margin-left: 0px;
       } 
 
 .navbar-inverse .navbar-nav > li > a {
  color: #fff;
  background-color: #6EAB24;
}

.navbar-nav .open .dropdown-menu{
  background-color: #5C921C;
}
 
 a.navbar-brand{
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  top: 20px;
  margin-left: 1em;

  }

  /* Navbar positioning foo */
  .navbar-wrapper {

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

  /* Bump up size of carousel content */


  .featurette-heading {
    font-size: 50px;
  }

  section#midSection #mainContent{
    max-width: 85%;
  }
  
  
  section#midSection #menuItem #menuLeft{
   /* margin-right: 0;  /*Blue*/
		margin-left: 0px;   
		width: 86%;
	    margin-right: 0px; 
  }
  
  /*************Blue*********************/
  
  section#midSection #menuItem #menuLeftO {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0px;
    text-align: left;
}

  
  section#midSection #menuItem #menuRightO {
    width: 80%;
    display: inline-block;
    /* text-align: center; */
    text-align: left;
    vertical-align: top;
    margin-right: 0px;
  }
  
  section#midSection #menuItem #menuRight {
    /*width: 210px;*/
    /*display: inline-block;*/
    /* text-align: center; */
    /* text-align: left; */
    margin-left: 0px;
    width: 86%;
    margin-right: 0px;
}

section#midSection #menuItem #menuLeftOT {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0px;
    text-align: left;
}


  
   section#midSection #menuItem #menuCenter{
	   margin-left: 0px;  
	   width: 86%;
	   margin-right: 0px; 
  }
  
  
  /*************************************/

  
  section#midSection #menuItem {
 padding: 0;
 }

   section#midSection  #menuItem #menuLeft h2{
    /*text-align: center; /*Blue*/
   }

  section#midSection #contactAligner form{
  color: white;
  width: 300px;
  margin-right: 0px;
  margin: auto;
  margin-bottom: 30px;
  }

  section#midSection #companyDetails{
  width: 350px;
  }
}

@media (max-width: 500px) {

  .carousel-caption h1 {
  font-size: 26px;
  }  
  .carousel-caption p {
  font-size: 16px;
  } 


}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/*Blue*/
h2, .h2 {
    font-size: 20px;
}