.container {
    max-width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
}

.top {
	padding-top: 62px;
}

body {
    background-color: white;
}

hr.grad {
    border: 0;
    height: 1px;
    width: 200px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*TABLE*/
table {
	width: 100%;
}


tr {
    height: 35px;
}

td {
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    text-align: center;
}

.first{
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    text-align:left !important;
}

.first-mid{
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    text-align:left !important;
    vertical-align:middle !important;
}


.sub{
   background-color: #D4E4F3;
}


th {
    background-color: #3573B0;
    color: white;
    text-align:center;
}

table img {
	height: 120px;
	display: run-in;
	padding: 0px 0 0px 0 !important;
}

tr:hover {background-color: #f5f5f5}
tr.sub:hover {background-color: #D4E4F3}

/*MISCELLANEOUS*/

img.icon{
	width: 128px  !important;
	height: auto;
}

img.icon-sml{
	width: 90px  !important;
	height: auto;
}


.ImageBorder {
padding: 0 0 0 0 !important;
margin-top: 30px;
margin-bottom: 20px;
border:1px solid black;
}

.row-striped:nth-of-type(odd){
  background-color: #EAEAEA;
}

.row-striped:nth-of-type(even){
  background-color: #F2F2F2;
}

/*NAVIGATION*/

.navbar {
	background-color:white;
	border-bottom:1px solid #b9b9b9;
	min-height:64px !important
}

.navbar a {
	color:#2F4257 !important;
}

.navbar a.trial {
	color: #e89e00 !important;
	font-weight: bold;
}


.navbar a:hover {
	color:#808080 !important;
}

.navbar-nav > li > a {
	padding-top:22px !important; 
	padding-bottom:5px !important;
}

.navbar-header .navbar-brand {
	color:#646464 !important;
	padding-top:12px !important;
	padding-bottom:5px !important;
}

/*HEADER - main page*/

.header {
	background: url('img/bg5.png') no-repeat center center;
	background-size: cover;
	height: 620px;
	width: 100%;
}

.header h1 {
font-size: 3.8em;
	color: #FFCB00;
margin: 5 0 0 0 !important;
padding: 0 0 0 0 !important;
}

.header h2 {
font-size: 2.5em;
	color: #FFCB00;
    margin: 5 0 0 0 !important;
    text-decoration: underline;
}


.header h3 {
	color: #FFCB00;
}

.header p {
font-size: 1.8em;
	color: #FFCB00;
}

.header .padtop {
	margin-top:20px;
}
.header .img {
	/*display: inline;
	max-width: 100%;
	max-height: 300px;*/
}

.header .carousel {
	height: 620px;
	background-color: rgba(80, 80, 80, 0.6);
}

.header .carousel-control {
	color: #FFCB00;
}

.header .carousel .container {
	position: relative;
	z-index: 9;

}

.header .carousel .item {
  background-color: transparent;
}

    
.header .carousel img {
	
}

.header .carousel-caption {
	background-color: transparent;
	position: static;
  /* display: inline-block;
    vertical-align: middle;
    float: none;
	width:100%;
	height: 100%;*/
	 width:80%;
  margin-left: auto;
   margin-right: auto;
margin-top: 40px;
      text-align:center;
     height: 620px;
}

.header .carousel-caption > img {
	max-width: 85%;
    height: auto;
}


   
/*HEADER - other pages - with carousel*/

.headera {
	background: rgb(80, 80, 80) no-repeat center center;
	background-size: cover;
	width:100%;
	height: 560px;
	
}

.headera h1 {
	color: #FFCB00;
}

.headera h3 {
	color: #FFCB00;
}

.headera p {
	color: white;
}

.headera .carousel-caption {
	background: rgba(80, 80, 80, 0.6);
	width: 100%;
	position: absolute;
	left:0px;
	bottom: 15px;
}

/*HEADER - other pages - static*/

.headerb {
	background: url('img/bg5.png') no-repeat center center;
	background-size: cover;
	width:100%;
	height: 300px;
	
}

/*HEADER - Overview.html - static*/

.headerc {
	background: url('img/INDUCTAOverview.png') no-repeat center center;
	background-size: cover;
	width:100%;
	height: 560px;
}

/*Header - RCBLink - static */
.headerd {
	background: url('RCBLink/FlowChart.png') no-repeat center center;
	background-size: cover;
	width:100%;
	height: 400px;
}


/*JUMBO*/

.jumbotron {
  text-align: center;
  background: rgba(80, 80, 80, 0.6);
}
 
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

.jumbotron p {
  padding-top: 30px;
}


.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;
}
 
.row-fluid {height: 100%; display:table-cell; vertical-align: middle;}
 
 

.centering {
  float:none;
  margin:0 auto;
}

.jumbotron-sm {
  text-align: center;
  background: rgba(80, 80, 80, 0.6);
 }


/*ABOUT*/

.about {
	background-color: #46617F;
	color: white;
	padding: 10px 0px 15px 0px;
}

.about h1 {
	font-size: 3em;
}

.about img {
	display: inline;
}


/*VIDEO*/

.video {
	background-color: #cccccc;
	padding: 10px 0 50px 0;
}

.np {
	padding: 10px 0 10px 0 !important;
}


.video h1 {
	text-align: center;
}

.video p {
	text-align: justify;
}

.video h4 {
	height: 50px;
}

.video iframe {
	width: 100%;
	padding: 10px 10px 10px 10px;
}

/*.video img{
	z-index: 1;
	display: block;
   padding: 10px 10px 10px 10px;
  
}
*/

.video .play {
	opacity:0.7 !important;
	z-index: 2 !important;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.video .play:hover {
	opacity:1 !important;
}


/*SOFTWARE*/

.software {
	background-color: #f2f2f2;
	text-align: center;
	padding: 50px 0 20px 0;
}

.software .row {
	padding: 20px 0 20px 0;
}

.software h1 {
	font-size: 1.8em;
}

.software img {
	padding: 10px 0 10px;
}

/*CONTENT*/

.content {
	background-color: #f2f2f2;
	text-align: left;
	padding: 0 30px 20px 30px;
}

.content .row {
	padding: 15px 0 15px 0;
}

.content .row.nopad {
	padding: 0 0 0 0;
}

.content .row.toprow {
	padding: 50px 0 15px 0;
}

.content h1 {
	text-align: left;
}


.content p {
	padding: 10px 0 0 0;
}

.content p.nopad {
	padding: 0 0 0 0;
}

.content p.pad-btm {
	padding: 0 0 20px 0;
}

.content p.pad-top {
	padding: 20px 0 0 0;
}

.content p.pad-topbtm {
	padding: 20px 0 20px 0;
}

.content h3 {
	padding-top: 20px;
}

.content h3.nopad {
	padding-top: 0px;
}


.content h4 {
	padding-top: 20px;
}


.content img {
	padding: 30px 0 20px 0;
}

.content img.nopad {
	padding: 0 0 15px 0;
}

.content img.pad {
	padding: 0 10px 15px 10px;
}

.content img.inline {
	display:inline-block;
	padding:20px 20px 20px 20px;
}

.content h4.aaa {
	padding: 0 0 0 0;
	text-align: center;
}

.content h5.aaa {
	padding: 0 0 0 0;
	text-align: center;
}

.content p.aaa {
	font-size: 0.95em;
	padding: 0 0 0 0;
	text-align: center;
}

.content label.light {
	font-weight: normal;
}

.vids {
	background-color: #f2f2f2;
	text-align: left !important;
	padding: 0 30px 20px 30px;
}

.vids h3 {
	margin-top:0px;
}

.vids p.center{
	text-align:center;
}

.vids img {
	margin-top: 0px;
	display:inline-block;
	max-width:100%;
	height:auto;
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
	
.vertical-align {
    display: flex;
    align-items: center;
}

.content .indent {
	padding-left: 50%;
}

.expand:before {

   content:'See more...';

}

.expand[aria-expanded=true]:before {

    content:'Close';

}

.expand-vh:before {

   content:'Version History';

}

.expand-vh[aria-expanded=true]:before {

    content:'Close';

}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
	border-color:#f2f2f2;
	border-width:1px;
	border-style: solid;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*CLIENTS*/

.clients {
	background-color: #f2f2f2;
	padding: 10px 0px 50px 0px;
	text-align: center;
	overflow: hidden;
}

.clients img {
	max-height: 90px;
	padding: 10px 20px 10px 20px;
}

.photobanner {
	height: 90px;
	width: 2780px;
	text-align:left;
	overflow:hidden;
}

/*keyframe animations*/
.clients .first {
	-webkit-animation: bannermove 25s linear infinite;
	   -moz-animation: bannermove 25s linear infinite;
	    -ms-animation: bannermove 25s linear infinite;
	     -o-animation: bannermove 25s linear infinite;
	        animation: bannermove 25s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -3100px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3100px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3100px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3100px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -3100px;
 }
 
}


/*CAROUSEL*/
/* Carousel base class */
.headera .carousel {
  height: 560px;
 
}

.video .carousel {
  height: 160px !important;
}

.video .carousel .item {
  height: 160px !important;
  background-color: #AFAFAF !important;
}

.video .carousel-control {
  padding-top:10%;
  width: 7%;
}

.item .thumb {
	padding:5px 5px 5px 5px;
	cursor: pointer;
	width: 100%;
}

.item .thumb img {
	object-fit: contain;

	
}
.item img {
	height: 100%;	
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.headera .carousel .item {
  height: 560px;
  background-color: #F2F2F2;
}
.headera .carousel-inner > .item > img {
    height: 100% ;
    display: block;
    margin: auto;
    object-fit: contain;
}

/* No gradient under left/right indicators - all carousels */
.carousel-control.left, .carousel-control.right {
    background-image: none
}


/*NAVBOTTOM*/

.navbottom {
	background-color: #808080;
	color: white;
	padding: 0 10px 10px 10px;
}

.navbottom h3 {
	text-align: left;
	padding-left: 5pt;
	font-size: 1.2em;
	
}

.navbottom p {
	font-size: 0.8em;
	text-align: left;
	line-height:90%;
}

.navbottom p.indent {
	font-size: 0.8em;
	padding-left: 7pt; 
	line-height:90%;
}

.navbottom p.topgap {
	padding-top: 7pt; 
}

.navbottom a {
		   color: white; 
		   background-color:transparent; 
		   text-decoration:none
}


.navbottom a:visited {
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

.navbottom a:hover {
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

.navbottom a:active{
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

/*margins for btns*/
	.bottom5 { margin-bottom:5px; }
	.top20 { margin-top:20px; }

/*FOOTER*/

.footer {
	background-color: #646464;
	text-align: center;
	color: white;
	padding: 12px 0 12px 0;
	font-size: 0.8em;
	height: 36px;
}

.footer a {
		   color: white; 
		   background-color:transparent; 
		   text-decoration:none
}


.footer a:visited {
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

.footer a:hover {
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

.footer a:active{
	color:white; 
	background-color:transparent; 
	text-decoration:none
}

/*Media query - can change settings for smaller devices*/

@media(max-width:1280px) {

}

@media(max-width:768px) {

.header {
	/*height: 450px !important;*/
}

.header h1 {
font-size: 3em;
}

.header p {
font-size: 2em;
}


.header .carousel {
/*	height: 330px;
    margin-bottom: 60px;*/
}

.header .carousel .item {
 /* height: 330px; */
}
    
.header .carousel img {
/*	height: 330px;*/
}
  


.headera {
	height: 350px !important; 
}

.headera .carousel {
  height: 350px;
}

.headera .carousel .item {
  height: 350px;
}

.headera .carousel-inner > .item > img {
    object-fit: contain;
}

.video .carousel {
  height: 644px !important;
}

.video .carousel .item {
  height: 644px !important;
}

.video .carousel-control {
  width: 20%;
}


}

@media(max-width:420px) {


.header .jumbotron {
 /*	padding: 20px 0 20px 0 ;*/
}


.header .jumbotron .btn {
 /* padding: 5px 5px;
  font-size: 15px;*/
}

.header {
	/*height: 400px;*/
}

.header h1 {
font-size: 2em;
}

.header p {
font-size: 1em;
}


.header {
	height: 420px;
}

.header .carousel {
	height: 420px;
}  

.headera {
	height: 220px !important;
}

.headera h1 {
	font-size: 2em;
}


.headera .carousel {
  height: 220px;
}

.headera .carousel .item {
  height: 220px;
}

.headera .carousel-inner > .item > img {
    object-fit: cover;
}

.navbar-brand>img {
  height: 30px;
}

.navbar {
  min-height: 32px !important;
}

.top {
	padding-top: 52px;
}

}



.div-center {margin:0 auto; text-align:center;}