.jumbotron{
	margin-bottom: 0px;
}

.jumbotron .logo {
	width: 15%;
	margin-top: -1.5%;
	float: left;
}

.download{
	text-align: center;
}

hr.product {
	height: 4px;
	width: 100%;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 186, 0.5);
}

#grad {
  background: #CEE3F6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#CEE3F6, #A9D0F5, #CEE3F6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#CEE3F6, #A9D0F5, #CEE3F6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#CEE3F6, #A9D0F5, #CEE3F6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#CEE3F6, #A9D0F5, #CEE3F6); /* Standard syntax */
  color:#333333;
} 

div.transbox {
     margin: 50px;
	 width:  305px;
	 height: 206px;
	 /*background: -webkit-linear-gradient(#333333, #CCCCCC, #333333);  For Safari 5.1 to 6.0 */
	 /*background: -o-linear-gradient(#333333, #CCCCCC, #333333);  For Opera 11.1 to 12.0 */
	 /*background: -moz-linear-gradient(#333333, #CCCCCC, #333333);  For Firefox 3.6 to 15 */
     /*background-color: linear-gradient(#333333, #CCCCCC, #333333);*/	
	 background: #008CBA;
     border: 1px solid #008CBA;
     opacity: 0.6;
     filter: alpha(opacity=60); /* For IE8 and earlier */
	 position:relative; 
	 z-index: 888;
	 top: -258px; 
	 left: 348px;
 }
 
div.transbox:hover{  
	 background: #197098; 
     border: 1px solid #FFF;
     opacity: 0.7;
     filter: alpha(opacity=70); 
 }

.boxBtn{
    border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;	
	border-bottom-width: 1px;
	border-left-width: 1px;
    border-color: #ffffff;
}

.boxBtn:hover,
.boxBtn.active{
    border-top-color: yellow;
    border-bottom-color: yellow;
	border-left-color: yellow;
    border-right-color: yellow;
	opacity: 0.6; 
}
/*
.footer{
	padding: 20px;
    width: 1080px;
	margin-top: 30px;
	color: #333;
	border-top: 1px #0000BA solid;
	background-color: #eee;
}

.news{
	padding: 20px;
    width: 359px;
	height: 300px; 
	margin-top: 30px;
	background-color: #DEF5FB;
	color: #333;
	border: 1px #00BA8C solid;
}

.news:hover{
	border: 1px #008CBA solid;
	background-color: #fff;
}*/

.gradient {
  /* these will reset other properties, like background-position, but it does know what you mean */
  background: #008CBA;
  background: linear-gradient(#008CBA, #e7e7e7);
}

.infoBtn1{
  background-color: #FFFFFF; 
  border-top: 1px solid #008CBA; 
  border-left: 1px solid #008CBA; 
  border-right: 1px solid #008CBA; 
  border-bottom: 0px solid #008CBA; 
  color: #008CBA;
  width: 120px; 
  height:120px;
}

.infoBtn2{
  background-color: #FFFFFF; 
  border-top: 1px solid #008CBA; 
  border-left: 1px solid #008CBA; 
  border-right: 1px solid #008CBA; 
  border-bottom: 1px solid #008CBA; 
  color: #008CBA; 
  width: 120px; 
  height:120px;
}

.infoBtn3{
  background-color: #FFFFFF; 
  border-top: 0px solid #008CBA; 
  border-left: 1px solid #008CBA; 
  border-right: 1px solid #008CBA; 
  border-bottom: 1px solid #008CBA; 
  color: #008CBA; 
  width: 120px; 
  height:120px;
}

.infoBtn1:hover {
  border-top: 1px solid #00BA8C; 
  border-left: 1px solid #00BA8C; 
  border-right: 1px solid #00BA8C; 
  border-bottom: 1px solid #00BA8C;  
  color: #000000;
  background-color: #eeeeee;  
}

.infoBtn2:hover {
  border-top: 1px solid #00BA8C; 
  border-left: 1px solid #00BA8C; 
  border-right: 1px solid #00BA8C; 
  border-bottom: 1px solid #00BA8C;  
  color: #000000;  
  background-color: #eeeeee;
}

.infoBtn3:hover {
  border-top: 1px solid #00BA8C; 
  border-left: 1px solid #00BA8C; 
  border-right: 1px solid #00BA8C; 
  border-bottom: 1px solid #00BA8C;  
  color: #000000;  
  background-color: #eeeeee;
}

.card {
	width: 80%;
	height: 200px;
	border: 1px #ccc solid;
}
/*
.card:hover {
	border: 1px #008CBA solid;
    background: linear-gradient(#FFFFFF, #008CBA);
}*/

.card-grid {
  /*width: 100px;
  height: 150px;
  margin: 20px;
  display: inline-block;*/
  width: 80%;
  height: 200px;
  border: 1px #fff solid;
  display: inline-block;
}

.card-grid:hover {
	border: 1px #008CBA solid;
    background: linear-gradient(#FFFFFF, #008CBA);
}

.card-grid .front, .card-grid .back {
  padding: 10px;
  text-align: center;
  border: 1px #333 solid;
}

.card-grid .front {
  background-color: #eee;
}

.card-grid .back {
  background-color: #333;
  color: white;
}

.card .front{
	text-align: center;
	font-size: 14px;
	font-weight: 200;
}

.card .back{
	text-align: center;
	font-size: 14px;
	font-weight: 200;
	background-color: #eee;
}

.download{
	background-color: #252525;
	padding: 20px;
}

.card img{
	width: 100%;
	height: 100%;
}
.card > .back{
	word-wrap: break-word;
}
.margin-top{
	margin-top: 10px;
}

.col-md-6 button.btn-primary {
  float: left;
  width: 35%;
  margin: 8px 8px 0 0;
}
.table-wrapper{
	overflow-x: scroll; 
}