@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* font-family: 'Open Sans', 'sans-serif'; */

.car-back {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	background-color: #888888;
	opacity: 1;
}
#carousel-background {
	background-color: #888888;
	opacity: 0;
}
#carousel-background-right {
	background-color: #888888;
	opacity: 0;
}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 8px;
  width: auto;
}
.navbar-inverse {
background-color: #696969;
border-color: #696969;
}
.nav a{
	color: #E7E7E7 !important;
	font-size: 1.2em !important;
}
.dropdown-menu a{
	color: #676767 !important;
	font-size: 1.2em !important;
}
/*
Fade transition for carousel items

.carousel-fade .item {
   left: 0 !important;
   -webkit-transition: opacity 3.7s;
    cmnt > adjust timing here 
   -moz-transition: opacity 3.7s; 
   -o-transition: opacity 3.7s; 
   transition: opacity 3.7s; 
}

.carousel-control { 
   background-image: none !important; 
   cmnt > remove background gradients on controls 
} 

cmnt > Fade controls with items 

.next.left, .prev.right {
   opacity: 1; 
   z-index: 1;
}

.active.left, .active.right {
   opacity: 0;
   z-index: 2;
}
cmnt > end of fade 
*/
.dropdown:hover .dropdown-menu {
display: block;}
.imagehead {
	*-webkit-box-shadow: 5px 5px 4px #777777;
	box-shadow: 5px 5px 4px #777777;
    background-color: #d4d4d4;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #3F3F3F;
	max-height:700px;
}
.imageheadcar {
	*-webkit-box-shadow: 5px 5px 4px #777777;
	box-shadow: 5px 5px 4px #777777;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 2px solid #3F3F3F;
	max-height:500px;

}
.container-fluid.maincontainer .container-fluid .img-responsive {
}
body{
	background-color: #888888;
/*	background-color: #040607; */
}
#image-grid{
	margin:6px; /*6px*/
}
.custom-col{
	padding:8px; /*8px*/
	overflow:hidden;
}
.img-button{
	cursor:pointer;
}

.img-button > .caption{
	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
	position: absolute;
	bottom:-30%;
	opacity:0;
	width:100%;
	height: 100%;
	margin:8px 2px -8px -8px; /* to center shade */
    
	text-align:center;
	background-image: -webkit-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.30) 72.02%);
	background-image: -moz-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.30) 72.02%);
	background-image: -o-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.30) 72.02%);
	background-image: linear-gradient(180deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.30) 72.02%);
}
.img-button:hover > .caption{
	-webkit-transform: translate(0em,-30%);
   -moz-transform: translate(0em,-30%);
   -o-transform: translate(0em,-30%);
	transform: translate(0em,-30%);
	opacity:10;
}
.img-button > .caption p{
	position: absolute;
	bottom: 0;
	width: 85%;
	margin: 20px;
	font-weight: 300;
	font-size: 1em;
	color: white;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
}

.modal {
  text-align: center;
  padding: 0!important;
  	min-height:200px;

}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block; 
  position:fixed; 
  text-align: center;
  vertical-align: middle;
  left: 0;
  /* top:0; */
  /* padding-top:10px; */ 
  /* margin:4px; */
  margin:0px;
  width:100%;
  height:100%; 
  overflow:hidden;
  /* left: 200px; */
  background-color:#E7E7E7;
  	min-height:20px;
}
.modal-body{
	position:absolute;
	margin: auto;
	display: inline-block;
	width: 100%;
	height: 100%;
	/* padding:55px; */
	/* padding-top: -25px; */
	background-color: #E7E7E7;
	min-height: 20px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	top:0;
	left:0;

}
.modal-body img{
/*	width: auto;
	position: absolute; 
	horizontal-align: middle;
	height: auto; */
	display: inline-block;
	line-height: 0;
	padding-top: auto; /* 0.5%; */
	padding-bottom: auto;
	padding-left: auto;
	padding-right: auto; /*55px;*/
	min-height: 20px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 5%;
	max-width:100%;  
	max-height:100%; 
	-webkit-box-shadow: 4px 4px 2px #BDBDBD;
	box-shadow: 4px 4px 2px #BDBDBD;
	border: 4px solid #3F3F3F;
	}
#close-wrapper{
	position:absolute;
	top:0;
	right:0px;
	width:55px;
	height:55px;
	background-color:rgba(0,0,0,0.2);
	border-bottom-left-radius:6px;
}
#close-btn{
	position:absolute;
	top:20px;
	right:25px;
	color:white;
	opacity:1;
}
.popup-caption{
	/*display:none; */
	visibility:hidden;
	top:auto;
	width:100%;
	padding-top:3px;	
	background-color:rgba(0,0,0,0);
}
.popup-caption p{
	text-align:centre;
	font-weight: 300;
	font-size: 1em;
	color: black;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:-4px;
}
/*
@media (min-width:763px){
	.modal-dialog{
		width:80%;	
	}
}

@media (min-width:1250px){
	.modal-dialog{
		width:70%;	
	}
}
*/
/* Additional CSS */

#prev-button{
	height:45px;
	width:45px;
	background-color:rgba(0,0,0,0.1);
/*	border-color:rgba(0,0,0,0.2);
    border-style:solid;
    border-width:thin ; */
    border:1px solid rgba(0,0,0,0.5);
    border-radius:6px;
	position:absolute;
	top:auto; 
	left:5px;
	cursor:pointer;
}
#prev-button span{
	position:absolute;
	top:8px;
	left: 10px;
	font-size:1.8em;
	color:white;
	
}
#next-button{
	height:45px;
	width:45px;
	background-color:rgba(0,0,0,0.1);
    border:1px solid rgba(0,0,0,0.5);
/*	border-top-left-radius:6px;
	border-bottom-left-radius:6px; */
	border-radius:6px;
	position:absolute;
	top:10%;
	right:5px;
	cursor:pointer;
}
#next-button span{
	position:absolute;
	top:8px;
	right: 10px;
	font-size:1.8em;
	color:white;
}
#grid-button{
	height:45px;
	width:45px;
	background-color:rgba(0,0,0,0.1);
    border:1px solid rgba(0,0,0,0.5);
	border-radius:6px;
	position:absolute;
	top:20%;
	right:5px;
	cursor:pointer;
}
#grid-button span{
	position:absolute;
	top:7px;
	left: 10px;
	font-size:1.8em;
	color:white;
}
#info-button{
	height:45px;
	width:45px;
	background-color:rgba(0,0,0,0.1);
    border:1px solid rgba(0,0,0,0.5);
	border-radius:6px;
	position:absolute;
	top:20%;
	right:5px;
	cursor:pointer;
}
#info-button span{
	position:absolute;
	top:7px;
	left: 6px;
	font-size:2.2em;
	color:white;
}

@media (min-width:763px){
	.modal-dialog{
		width:100%;	
	}
/*	#next-button{
		background-color:rgba(0,0,0,0.1);
	}
	#next-button span{
	}
	#prev-button{
		background-color:rgba(0,0,0,0.1);
	}
   */
	#close-wrapper{
		background-color:rgba(0,0,0,0.1);
	}
}
@media (min-width:1250px){
	.modal-dialog{
		width:100%; /*70% */	
	}
}
/* end of sample */
/* tooltip */
.tooltip{
	position:absolute;
	display:in-block;
}
.tooltip-inner{
	visibility:visible;
	display:inline;
	background-color: rgb(180,180,180);
	color: rgb(255,255,255);
	border:1px solid rgba(128,128,128,1.00);
	text-align:center;
	position:absolute;
	top:-11px;
	left:-10px;
	white-space:nowrap;
	max-width:none; /*110px;*/
	padding:2px;
	font-size:1.0em;
	z-index:1;
	opacity:1;
	transition:opacity 2s;
}
.tooltip-arrow{
	visibility:hidden;
}

.imageholder {
	background-color: #aaaaaa;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.maincontainer {
	width: 100%;
	margin-right: 0px;
	margin-top: 0px;
	padding-right: 0%;
	padding-left: 0%;
	padding-top: 0%;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.mainbody {
	width: 100%;
	background-color: #aaaaaa;
	margin-bottom: 4px;
}
.headercontainer {
	background-color:#aaaaaa;
	margin-bottom: auto;
	margin-top: auto;
}
.navtext {
	margin-left: 10px;
	margin-right: 10px;
}
#topNavLayout {
	margin-bottom: 0%;
	top: 0%;
	margin-top: 0%;
}
.h1text {
	color: #383838;
	text-align: right;
	margin-right: 5%;
	padding-top: 0%;
	margin-top: -10px;
}
.h2text {
	color: #383838;
	font-size: 1.6em;
	text-align: right;
	margin-right: 5%;
	padding-top: 0%;
	margin-top: -10px;
}
.abouttext {
	color: #303030;
	font-size: 1.2em;
	text-align: justify;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 0%;
	margin-top: 10px;
}
.abouttext4 {
	color: #383838;
	font-size: 1.8em;
	text-align: left;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 0%;
	margin-top: 0px;
	padding-bottom: 0.5%;
}
.abouttext4-2 {
	color: #383838;
	font-size: 1.6em;
	text-align: left;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 0%;
	margin-top: -10px;
	margin-bottom: 0px;
	padding-bottom: 1.8%;
}

.navTopLayout {
	margin-bottom: auto;

}
.footergeneral {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
	color: #F0F0F0;
	font-size: 1.6em;
	padding-top: 4px;
	font-style: normal;
	font-weight: lighter;
	background-color: #696969;
	width:100%;
	padding-bottom: 0px;
	bottom:0;
	position:fixed;
}
.thumb-gen {
	background-color: #888888;
	border-color: #888888;
	max-height: 400px;
}

.col-gen {

}
.imagefit {
	max-height: 1000px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;


}