@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
/*font-family: 'Ubuntu Condensed', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700,300italic,400italic,500italic);
/*font-family: 'Ubuntu', sans-serif;*/


/*theme-----------#4e7c17*/

body { background:url(../img/hoffman.png); background-attachment:fixed; font-family: 'Ubuntu Condensed', sans-serif; font-size:16px; line-height:200%;}

#bg-white { background:#fff;}

.top { margin:15px 0px;}





/*==========navbar=============*/

.navbar { position: relative; min-height: 50px;  margin-bottom: 0px !important; border: 1px solid transparent;margin-top:20px;}

.navbar-inverse2 .navbar {margin-top:0px !important; min-height:40px !important;}

.navbar-inverse2 {background-color: #426b10; padding:5px;}

.contact h3{ color:#fff !important;}

.navbar-nav.navbar-right:last-child {  margin-right: -1px; padding-top:5px; font-size:18px; color:#fff;}

.navbar-inverse2  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px;}

.navbar-inverse2 .navbar-inverse { border-radius:0px; background:#4e7c17;}

.navbar-inverse2  p { margin:0px !important;}

.navbar-inverse { border-radius:0px; background:#313e69;}

.navbar-inverse .navbar-nav > li > a {  color: #fff;}

.search form { margin-top:45px;}

.image-size { height: 200px; overflow: hidden; width: 100%;}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #212e59;
}


.navbar-inverse2 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #426b10;
}

.navbar-inverse2 .navbar-inverse  a:hover {background-color: #426b10 !important;}

.navbar-inverse  a:hover {background-color: #212e59 !important;}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px !important;
	padding-right: 16px;
}


/*==========navbar=============*/


.search-aera-top {}

.mobile-show { display: none;}



.headingfirst { padding: 25px 0px 10px;}

.headingfirst h1 { font-size:36px;}

.headingfirst span{ color:#4e7c17;}


.btn-success {background:#4e7c17; border:#4e7c17;}


.image-caption h3 { text-align:center; font-size:22px; border-bottom:1px solid #999; padding-bottom:20px;}


.image-caption2 h3 { font-size:22px !important;}



.formcss { color:#8d8d8d;}

.formcss form { padding:0px 20px; margin-left:-25px;}
/*--------------------hr style css--------------------------*/


.bordertop { border:3px solid #313e69;}


.imgh4bg h4 { background:#4e7c17; padding:10px 0px;}
.imgh4bg  a { color:#fff;}

hr.style-two {
	margin:35px 0px 35px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


.footernav ul li { list-style-type:none; display:inline; margin-right:10px;}

.footernav ul li a { color:#fff;}

.img-right img { margin-right:10px;}

.footer { background:url(../img/footerbg.png); padding:50px 0px; border-top:5px solid #4e7c17; color:#fff;}

.footer h2 { margin-bottom:20px; font-size:20px;}

.gallery ul li  img { width:30%; border:2px solid #222; transition:0.5s; margin-bottom:10px;}
.gallery ul li  img:hover { border:2px solid #4e7c17;}

.gallery ul li { list-style-type:none; display:inline; margin-right:5px; margin-bottom:10px;}

.gallery ul  {  margin-left:-35px;}


.copyright { background:#313e69; padding:10px 0px 2px; color:#fff;}




/*--------------margin25-------------------*/

.margin25 { margin:25px 0px;}

.bg-white-pattern { background:url(../img/content.png); padding:10px !important; border:1px solid #4e7c17;}

/*-----------------tab-style------------------------*/

.nav-tabs {
    border-bottom:none !important;
}


.tabs-left .tab-content {
    border: 1px solid #4e7c17;
    margin-left: 112px;
    padding: 0px 14px;
	background:url(../img/content.png);
}


.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
  background:#4e7c17;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 100%;
  margin-right: 0;
  margin-bottom: 3px;
  color:#FFF;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  border-radius:0px;
 
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  background:#426b10;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  background:#426b10;
  color:#FFF;
}



div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			font-size: 12px;
			display: none;
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}
		
		

#topmenu ul li { list-style-type:none; display:inline-block; margin-right:10px;}	

#topmenu .linkimg img {
width: 26px;
top: 7px;
margin-top: -3px;
position: relative;
}		
		
	
.margin-20 { margin-top:-20px;}		

.navbar-inverse .navbar-toggle {
border-color: #fff;
}		
	
.navbar-toggle { color:#fff;}	

.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    border: none;
    border-radius: 0px;
    width: 100%;
	font-size: 20px;
	text-align: center;
}
	

	

/*-------------media tag---------------------*/

@media only screen and (max-width: 1024px) {
.navbar-nav > li > a {
    padding-right: 0px;
}

}

@media (max-width: 768px) {
	
.navbar-header {float: none;}

.navbar-toggle { display: block;}

.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}

.navbar-collapse.collapse { display: none!important;}

.navbar-nav { float: none!important;}	

.navbar-nav>li { float: none;}

.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }

.navbar-collapse.collapse.in {display: block!important; }

.collapsing { overflow: hidden!important;}

.navbar-inverse .navbar-right { float: left !important;}

.navbar-nav {margin: 7.5px -0px !important;}

.navbar-collapse { text-align: center;}

.navbar-nav > li > a {
    padding-right: 25px;
}

}








@media (max-width: 640px) {
	
.footer { text-align:center !important;}
.footer .img-responsive { display:inline-block !important}		
	  
.table-responsive{ overflow: scroll !important;}
			  
#topmenu .linkimg img { width: 100% !important; top: 10px; margin-top: 2px !important;}		  
.margin-20 { margin-top: 259px !important;}		  
#hiddenarea { display:inline-block !important;}			  
.top .col-xs-12 { text-align:center;}		  
.top { text-align:center !important;}
.copyright { text-align:center;}	
.copyright ul { text-align:center !important;}		
.navbar-collapse { text-align: center;}
.navbar-nav > li > a {
    padding-right: 25px;
}

.col-xs-12 { padding:0px 0px;}
.tabbable .nav-tabs { width: 100%}

.mobile-show { display: inline-block !important;}

.navbar-form { margin: 8px 30px;}


}


@media (max-width: 480px) {
.footer { text-align:center !important;}
.footer .img-responsive { display:inline-block !important}			
.table-responsive { overflow: scroll !important;}		
.margin-20 { margin-top: 259px !important;}
.top .col-xs-12 { text-align:center;}	
.top { text-align:center !important;}
.copyright { text-align:center;}	
.copyright ul { text-align:center !important;}		
.navbar-collapse { text-align: center;}
.navbar-nav > li > a {
    padding-right: 25px;
}

.col-xs-12 { padding:0px 0px;}
.tabbable .nav-tabs { width: 100%}

.mobile-show { display: inline-block !important;}

.navbar-form { margin: 8px 30px;}
	
	 }	 


@media (max-width: 360px) {
	
.footer { text-align:center !important;}

.footer .img-responsive { display:inline-block !important}	
		
.table-responsive { overflow: scroll !important;}
			
#topmenu .linkimg img { width: 28px !important; top: 10px; margin-top: 2px !important;}
.margin-20 {margin-top: 259px !important;}	
.top .col-xs-12 { text-align:center;}	
.top { text-align:center !important;}
.copyright { text-align:center;}	
.copyright ul { text-align:center !important;}	
.navbar-collapse { text-align: center;}
.navbar-nav > li > a {
    padding-right: 25px;
}

.col-xs-12 { padding:0px 0px;}
.tabbable .nav-tabs { width: 100%}

.mobile-show { display: inline-block !important;}

.navbar-form { margin: 8px 30px;}
	
	 }	 
	 	 

@media (max-width: 320px) {
.footer { text-align:center !important;}

.footer .img-responsive { display:inline-block !important}	
	
.table-responsive { overflow: scroll !important;}
			
#topmenu .linkimg img { width: 100% !important; top: 16px; margin-top: 2px !important;}
.margin-20 {margin-top: 259px !important;}	
.top .col-xs-12 { text-align:center;}	
.top { text-align:center !important;}
.copyright { text-align:center;}	
.copyright ul { text-align:center !important;}	
.navbar-collapse { text-align: center;}
.navbar-nav > li > a {
    padding-right: 25px;
}

.col-xs-12 { padding:0px 0px;}

.tabbable .nav-tabs { width: 100%}

.mobile-show { display: inline-block !important;}

.navbar-form { margin: 8px 30px;}
	
	 }
	 








