/* Default */

* {
  /* border: 1px solid red; */
}
a{ text-decoration: none; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  font-size: 16px;
}

.center{
  text-align: center;
}
.blackText{
  color: black !important;
}

.ecBlack {
  font-weight: 900;
}

/* Spacing overrides to keep consistent with older bootstrap3 format */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--bs-gutter-x: 30px;
}
.row {
	--bs-gutter-x: 30px;
}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
}
.modal-footer {
  --bs-modal-footer-gap: 0px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
label.checkbox-inline {
  position: relative;
  display: inline-block;
  /* padding-left: 20px; */
  /* margin-bottom: 0; */
  /* font-weight: 400; */
  vertical-align: middle;
  /* cursor: pointer; */
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type=radio] {
  position: absolute;
  /* margin-top: 4px\9; */
  margin: 4px 0 0;
  margin-left: -20px;
  /* margin-top: 1px\9; */
  line-height: normal;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
.input-group {
  margin-bottom: 15px;
}
@media (min-width: 768px)
{
  .has-feedback.split > div:first-child { padding-right: 15px; }
  .has-feedback.split > div:last-child { padding-left: 15px; }
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.modal-title { margin-top: 0px; }
.text-right { text-align: right; }
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus { z-index: 1; }

/* Transition overrides to make consistent with bootstrap3 version */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height,visibility;
}
.fade {
  transition-duration: 0.15s;
  -webkit-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -moz-duration: 0.15s;
  transition-property: opacity;
  -webkit-property: opacity;
  -o-transition-property: opacity;
  -moz-property: opacity;
}
.modal.in .modal-dialog {
  /* -webkit-transform: translate(0,0); */
  /* -ms-transform: translate(0,0); */
  /* -o-transform: translate(0,0); */
  /* transform: translate(0,0); */
}
.modal.fade .modal-dialog {
  /* -webkit-transition: -webkit-transform .3s ease-out; */
  /* -o-transition: -o-transform .3s ease-out; */
  /* transition: transform .3s ease-out; */
  /* -webkit-transform: translate(0,-50px); */
  /* -ms-transform: translate(0,-50px); */
  /* -o-transform: translate(0,-50px); */
  /* transform: translate(0,-50px); */
}

/* Adjustments to keep container and modal sizes similar to Bootstrap 3 versions */
/* modal-xl didn't seem to work with template on initial pass, hence why adjusted modal-lg instead */
.container { max-width: 100%; }
@media screen and ( min-width: 768px )
{
  .container { max-width: 750px; }
}
@media screen and ( min-width: 992px )
{
  .container { max-width: 970px; }
}
@media screen and ( min-width: 1200px )
{
  .container { max-width: 1170px; }
}
@media screen and ( min-width: 1400px )
{
  .container { /* max-width: 1350px; */ }
}
.modal-lg { --bs-modal-width: auto; }
@media (min-width: 576px)
{
  .modal-lg { --bs-modal-width: 550px; }
}
@media (min-width: 768px)
{
  .modal-lg { --bs-modal-width: 600px; }
}
@media (min-width: 992px)
{
  .modal-lg { --bs-modal-width: 900px; }
}
@media screen and ( min-width: 1200px )
{
  .modal-lg { --bs-modal-width: 1140px; }
}
@media screen and ( min-width: 1400px )
{
  .modal-lg { /* --bs-modal-width: 1320px; */ }
}
.modal-lg{ width: var(--bs-modal-width); }


/*
green line specific colors
*/
.greenline {
	color: #1a6733 ;
}
h1.greenline {
	color: #1a6733 !important;
}
h5 > a.greenline {
	color: #1a6733 ;
}

a {
  color: #5a5a5a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #5a5a5a;
}
h1 {
  font-size: 40px;
}
h1.title {
  color: #760000;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 20px;
}
h3 li {
  font-size: inherit;
}
h4,
h4 a,
h4 a:hover {
  font-size: 36px;
  color: #760000;
}
h4 + p,
.h4p {
  font-size: 20px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}

.title {
  margin-top: 0;
}

.ldcaption {
  margin: 5px 0 0 0;
}

/*h1 a, h2 a, h3 a, h5 a, h6 a {
    color: #5A5A5A;
}*/

p {
  margin-bottom: 10px;
  line-height: 25px;
}

a:hover {
  text-decoration: none;
}

p > a,
p > a:hover,
p > a:focus {
  text-decoration: underline;
}

footer li a:hover,
footer li a:focus,
.industryProject a:hover,
.industryProject a:focus {
  text-decoration: none;
}

/*.industryCameraGroup > h5, .industrySoftwareRow > h5, .industryRow > div > h5 > a, .serviceDetailRow > div > h5 > a, .softwareDetailRow:not(.softwareDetailRowHasLink) > div > h5, .softwareDetailRow.softwareDetailRowHasLink > div > h5 > a {
	white-space: normal;
}*/

li {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.banner_boxshadow {
  box-shadow: 5px 5px 15px  #000;
}

.fauxpointer { cursor: pointer; }

@media screen and (max-width: 991px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 22px;
  }
  #contactUsFooter h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 16px;
    line-height: 1.42857143;
  }
  h4 {
    font-size: 24px;
    line-height: 1;
  }
  .h4p {
    font-size: 16px;
    margin-top: 5px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }

  p {
    font-size: 16px;
  }

  li {
    font-size: 14px;
  }
  #footer li {
    font-size: 13px;
  }
  .subfooter p {
    font-size: 14px;
  }
  
}

/* removes breaks setup for full size display */
/*#pageBanner br,
#pageBanner br: after {
	content: ' ';
}
*/
@media screen and (max-width: 480px) and (orientation: portrait) {
  /*special case for -small- all banners and devices in portrait*/
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
}

/* END Default */

.grecaptcha-badge {
	z-index: 1;
}

.vcenter {
  /*display: inline-block;*/
  vertical-align: middle;
}

.gray-bg {
  background-color: #f0f0f0;
}
.white-bg-page {
  background-color: #fff;
}
.white-bg-page:before {
	height: 0px ;
}
.gray-bg-page {
  background-color: #f0f0f0;
}
.gray-bg-page:before {
	height: 0px ;
}

.boxShadow {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
}

/* Header / NAV */
.header-top {
  background-color: #036;
  border-bottom: 5px solid #ccc;
}
.header-top .social-links li {
  border-right: 1px solid #264d80;
}

.header-top .header-top-dropdown .btn {
  border-left: 1px solid #264d80;
  border-right: 1px solid #264d80;
}
.header-top .header-top-dropdown .btn::after {
  display: none;
}

.header-top .social-links li a,
.header-top-dropdown .dropdown > button {
  color: #ccc;
}

.header-top-dropdown .has-feedback label ~ .form-control-feedback {
  top: 20px;
}

.btn-wide {
  width: 100%;
}

.header {
  padding: 10px 0;
  min-height: 74px;
}
@media (max-width: 767px) {
  .header {
    padding: 0;
  }
}

.main-navigation .navbar-nav > li {
  margin-left: 0;
}

.dropdown > a::before {
  color: #a78282;
}

.logo {
  /*margin-top:12px;*/
  height: 67px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.fixed-header-on .header .logo {
  max-height: 50px;
}
.fixed-header-on .header.fixed { display: flex; align-items: center; }
.logo img {
  /*max-width:initial;*/

  max-height: 55px;
  width: 120%;
  /*width for normal non-20th logo:   width:100%;*/
}

.logo #logo {
  max-width: 313px;
}
.logo #logo2 {
  max-width: 286px;
}

@media (min-width: 992px) {
  .fixed-header-on .header .logo {
    -webkit-display: flex;
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .logo {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .fixed-header-on { margin-top: 88px;}
}

/*.logo object{
	max-width:initial;
	max-height:55px;
	width:100%;
}*/

/*.imgsvg3{
	display: inline-block;
    padding-bottom: 60%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.imgsvg3 img{
	display:block;
	width: 100%;
	height: auto;
	position: absolute;
	top:0;
	left:0;
}*/

.logo img:hover {
  opacity: 1;
}

#logo,
#logo2 {
  margin: 0 auto;
}

/*.site-slogan{
	white-space:nowrap;
	color:#036;
	font-weight:bold;
	font-size:11px;
}*/

#logo2 {
  display: none;
  max-height: 50px;
}

.fixed-header-on #logo2 {
  display: block;
}

.fixed-header-on #logo {
  display: none;
}

.fixed-header-on .header .logo {
  /*TL*/
  /*-webkit-transform-origin: 0 0;
	   -moz-transform-origin: 0 0;
			transform-origin: 0 0;*/
  /*LCENTER*/
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;

  margin: 0;
}

.mega-menu .menu > li > a .badge {
  top: 5px;
}

@media (min-width: 1600px) {
  .col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
    left: -343px;
    width: 1540px;
  }
}

@media (min-width: 1900px) {
  .col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
    left: -243px;
    width: 1540px;
  }
}

/*Navbar Adjustments for Bootstrap upgrade */

.navbar.navbar-default a { text-decoration: none; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent;
}

.dropdown>a:after {
	display: none;
}

.dropdown>a:before { top: 0px; }

.open>.dropdown-menu {
  display: block;
}

.dropdown-menu
{
  border-radius: 0;
  position: absolute;
  top: 160%;
  left: 0;
  /* z-index: 1000; */
  display: none;
  float: left;
  /* min-width: 160px; */
  min-width: 240px;
  /* padding: 5px 0; */
  padding: 0;
  /* margin: 2px 0 0; */
  margin: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  -moz-border-radius: 0;
  /* background-color: #fff; */
  background-color: #fafafa;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* border: 1px solid #ccc; */
  /* border: 1px solid rgba(0,0,0,.15); */
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
  /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
  z-index: 101;
}

.dropdown-menu>li>a
{
  background-color: transparent;
  border-bottom: 1px solid #f1f1f1;
  /* color: #333; */
  color: #666;
  display: block;
  font-size: 15px;
  /* padding: 3px 20px; */
  padding: 12px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  white-space: nowrap;
}

/*Other Navbar adjustments*/

.collapse.in {
  display: block;
}

.navbar-default .navbar-nav > li > a {
  /* padding-right: 5px; */
  color: #760000;
  padding: 12px;
}
.dropdown>a:before { right: 12px; }
.navbar-default .navbar-nav > li.dropdown > a {
  padding-right: 26px;
}
.navbar.navbar-default { margin: 20px 0px 0px; }
.fixed-header-on .header .navbar.navbar-default {
  margin: 12px 0px 0px;
}
@media(min-width: 992px) {
  .navbar-rightside { justify-content: end; }
}

@media (max-width: 767px) {
  .navbar-leftside {
    position: absolute;
  }
  .navbar-rightside > .header-right {
    justify-content: end;
    width: 100%;
  }
  .navbar.navbar-default { margin: 11px 0; }
  .dropdown>a:before { top: 15px; }
  .navbar-default .navbar-nav .open .dropdown-menu { border: none; box-shadow: none; }
}
@media (max-width: 1100px) {
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li.dropdown > a {
    padding-left: 8px;
  }
}
.nav>li {
  position: relative;
  display: block;
}


/*made hamburger next to logo look good on mobile*/
.navbar-default .navbar-toggler { border-color: #ccc; }
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {
  background-color: #fafafa;
  border-color: #036;
  box-shadow: none;
}
.navbar-toggler { --bs-navbar-toggler-font-size: 1em; --bs-navbar-toggler-padding-x: 0.6rem; }
@media (max-width: 767px) {
  .navbar-toggle {
    margin-right: 0;
  }
  .navbar.navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .navbar-rightside { background-color: white; }
  #navbar-collapse-1 { margin-top: 12px; }
  #navbar-collapse-1 > .navbar-nav { background-color: white; }
  #navbar-collapse-1 li { align-items: center; display: flex !important; min-height: 46px; }
  #navbar-collapse-1 li.dropdown { flex-direction: column; align-items: normal; }
  #navbar-collapse-1 > .navbar-nav > li:first-child > a { border-top: 1px solid rgb(241, 241, 241); }
  #navbar-collapse-1 a { width: 100%; }
}
/* END Header / NAV */

.tp-caption {
  line-height: 1.5 !important;
  z-index: 5;
}
.tp-caption.longQuote { line-height: 1.25 !important; }
@media (min-width: 1200px) {
	.tp-caption { line-height: 34px !important; }
	.tp-caption.longQuote { line-height: 28px !important; }
}

/* Page Banner */
.tp-caption.large {
  font-weight: 700;
}
.tp-caption.large .black {
  font-weight: 900;
  font-size: 1.2em;
}

.banner .btn {
  position: absolute;
  bottom: 40px;
  right: 20px;
}
/* END Page Banner */

/* Footer */
footer {
  position: relative;
  width: 100%;
}
#contactUsFooter {
  /*background-color:rgba(0,51,102,0.50);*/ /*036*/
  /*background-color:rgba(153,51,51,0.50);*/ /*933*/
  /*background-color:rgba(118,0,0,0.50);*/ /*760000*/
  /*background-color:#760000;*/
  background-color: rgba(231, 231, 231, 0.7);
  height: 40px;
  transition: background-color 1s linear;
  cursor: pointer;
  margin-top: 25px;
}
#contactUsFooter > .container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#fileUploadForm { margin: 0px !important; }
@media screen and ( max-width: 314px ) {
	#contactUsFooter {
		height: 60px;
	}
}
#contactUsFooter:hover,
.relative #contactUsFooter {
  /*background-color:rgba(0,51,102,1);*/
  background-color: rgba(231, 231, 231, 1);
}
#contactUsFooter:hover h2 {
  /*text-decoration:underline;*/
}

#contactUsFooter h2 {
  text-align: center;
  /* margin: 2px 0 0 0; */
  color: #036;
  margin: 0px;
}

.directory-2 {
  margin-left: -30px;
}

@media (max-width: 767px) {
  .directory-2 {
    margin-left: 0px;
  }
  #contactUsFooter h2 {
    font-size: 21px;
    /* margin-top: 7px; */
  }
}

@media (max-width: 410px) {
  #contactUsFooter h2 {
    font-size: 18px;
    /* margin-top: 10px; */
  }
}

.social_icons {
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;

  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.social_icon {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 30px;
  width: 30px;
  display: inline-block;
}

.footer a {
  color: #666;
}
.footer a:hover,
.footer a:focus {
  color: #036;
}
.footer-link-list li {
  margin-bottom: 15px;
}
.industryProject {
  float: right;
  position: relative;
}
.industryProject p {
  text-align: center;
  font-size: 13px;
}

@media (max-width: 992px) {
  .subfooter {
    text-align: center;
  }
}
/* END Footer */

@media (max-width: 767px) {
  .main-container {
    padding: 30px 0;
  }
  .section {
    padding: 20px 0;
  }
}

#srts .box-style-1 {
  padding: 10px 10px 1px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#srts .box-style-1.white-bg {
  height: calc( 100% - 20px );
}
#srts .box-style-1 h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
}
#srts .box-style-1 p {
  min-height: 38px;
}
@media screen and (max-width: 580px) {
  #srts .box-style-1 {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #srts .box-style-1 .btn,
  #srts .box-style-1 p {
    display: none;
  }
  #srts .box-style-1 h2 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
  }
}

.flex-wrap-group {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-wrap-group:before,
.flex-wrap-group:after {
   content: normal; // IE doesn't support `initial`
}

.light-bg .title {
  color: #036;
}

.parallax-bg-3 {
  background: rgba(0, 0, 0, 0)
    /*url("/graphics/home/New_York_State_Thruway_Marina_Background.jpg") no-repeat*/
    scroll 50% 0;
}

.dark-translucent-bg:after {
  background: -webkit-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* Standard syntax (must be last) */
  /*background-color: rgba(0, 0, 0, 0.4) !important; /*because slider > dark is overriden*/
  /*background-color: rgba(0, 51, 102, 0.4) !important;*/ /*because slider > dark is overriden*/
  z-index: 25;
}

.dark-translucent-bg .container {
  z-index: 26;
}

.call-to-action .title {
  color: #fff;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
}
.light-bg .call-to-action .title {
  text-shadow: none;
}

.pattern-6 .call-to-action h1 {
  margin-top: 20px;
  color: #036;
}

.call-to-action {
  margin-top: 0;
  margin-bottom: 0;
}

.contact_scale {
	font-size: 35px;
}

.super { font-size: 15px; top: -0.7em; }

@media (max-width: 1200px) {
	.contact_scale {
		font-size: 29px;
	}
	
	.super { font-size: 13px; top: -0.8em; }
}


.btn-yellow {
  background-color: #fff022;
  color: #000000 !important;
  border-color: #fff022; /*2c5fb3;*/
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #000000 !important;
  background-color: #eee011; /*2c5fb3;*/
  border-color: #eee011; /*2c5fb3;*/
}

.btn-default {
  background-color: #036;
  color: #f1f1f1 !important;
  border-color: #036; /*2c5fb3;*/
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #fff !important;
  background-color: #036; /*2c5fb3;*/
  border-color: #036; /*2c5fb3;*/
}

.btn-grey {
  background-color: #333333;
  color: #f1f1f1 !important;
  border-color: #333333; /*2c5fb3;*/
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-color: #CCCCCC;
  color: #333333 !important; /*2c5fb3;*/
  border-color: #333333; /*2c5fb3;*/
}

/*.btn-red {
	background-color:#760000;
}*/

.scrollToTop {
  background-color: #036;
  border-radius: 25px;
  bottom: 15px;
  right: 15px;
}

/* Portfolio modifications */
.image-box img {
  width: 100%; /*make small portfolio imgs fit*/
}

a.overlay {
  background-color: rgba(0, 51, 102, 0.3);
}

.overlay span,
a.overlay i {
  color: #fff;
}

.overlay span {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
}

a.overlay.small i {
  font-size: 40px;
  margin-left: -18px;
  margin-top: -18px;
}

.isotope-container {
  margin-bottom: 0; /*we dont want extra padding*/
}

.isotope-container > div {
  float: left;
}

.isotope-item.mobile-isotope-style {
	/*padding: 0px 40px;*/
	/* used to be active, but we removed it to remove spacing in the portfolio items */
}

.nav.nav-pills
{
  /* display: table; */
  /* content: " "; */
}
.nav-pills > li > a {
  color: #5a5a5a;
  display: block;
  font-size: 24px;
  font-weight: normal;
  padding: 10px 50px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: #036;
  border: 1px solid #039;
  color: #fff;
  box-shadow: 0px 1px 3px #999;
}
.nav-pills > li.active > a::after {
  color: #036;
}
.nav-pills > li.active > a:hover::after,
.nav-pills > li.active > a:focus::after,
.nav-pills > li > a:hover::after,
.nav-pills > li > a:focus::after {
  color: #036;
}
/* END Portfolio */

/* News / Press */
.box-style-1 blockquote {
  margin-top: 0;
  margin-bottom: 0;
}
#newsandpress .box-style-1 {
  text-align: left;
}
.aboutNewsElement, .referralElement {
  margin-top: 10px;
  margin-bottom: 10px;
}
.aboutNewsInfo {
  text-align: right;
}
.aboutNewsInfo a {
  font-weight: bold;
}
.aboutNewsCopy p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0;
}
.learnMore {
  text-align: center;
  margin: 20px 0 0 0;
}

.aboutPressElement {
  margin-bottom: 10px;
}
.aboutPressElement .pressDate {
  font-weight: bold;
}
.aboutPressElement p {
  margin-bottom: 0;
}
/* END News / Press */

.media-testimonial-location {
  font-weight: bold;
}
.media-testimonial-text {
}

#clienttestimonials {
  background-color: #036;
}

#clienttestimonials h1,
#clienttestimonials a {
  color: #fff;
}

.filters .nav {
  justify-content: center;
  text-align: center;
}
.filters .nav li {
  float: none;
  display: inline-block;
}

.separator-0 {
  display: block;
  width: 30px;
  height: 5px;
  margin: 15px 0 15px;
  background-color: transparent;
  position: relative;
}
.separator-0.right {
  margin-left: auto;
}

/* BANNER BG ONLY */
.banner-bg-only {
  position: relative;
  /*height:388px;*/
  background-color: #036;
}

.banner-bg-only .slider-banner {
  height: 388px;
}
.banner-bg-only #pageBannerTextContainer,
#pageBanner #pageBannerTextContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 25;
  margin: 3.125% 0 0 0;
  width: 100%;
}
@media (min-width: 2561px) {
	.banner-bg-only #pageBannerTextContainer,
	#pageBanner #pageBannerTextContainer {
	  margin: 2.75% 0 0 0;
	}
}
.banner-bg-only h1,
.banner-bg-only h2,
.banner-bg-only h3,
.banner-bg-only h3 a {
  color: #fff;
  margin: 0; /* 0 0 0 10px;*/
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}

#pageBanner {
  clear: both;
  position: relative;
  overflow: hidden;
  background-color: #036;
  background-size: 100%;
}
#pageBanner.large {
  height: 0px;
  padding-bottom: 40%;
}
#pageBanner.large.adjust {
  height: 56vh;
  max-height: 550px;
  padding-bottom: 0%;
}
#pageBanner.medium {
  height: 388px;
  /*padding-bottom: 20.208333333333333333333333333333%;*/
}
#pageBanner.small {
  height: 388px;
  /*padding-bottom: 20.208333333333333333333333333333%;*/
}

@media( min-width: 1200px ){
  #pageBanner.medium { height: 425px; }
}
@media( min-width: 1400px ){
  #pageBanner.medium { height: 450px; }
  /*.slider-banner { max-height: 550px !important; height: 550px !important; }*/
}
@media( min-width: 1921px ){
  #pageBanner.medium { height: 475px; }
}
@media (max-width: 767px) {
  #pageBanner.small {
    height: 300px;
  }
  #pageBanner.large.adjust {
	height: 388px;
	padding-bottom: 0%;
  }
}

#pageBanner .background,
#pageBanner .items,
#pageBanner .item {
  width: 100%;
  height: 100%;
}

#pageBanner .theImageDiv {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

#pageBannerTextContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
#pageBanner h1,
#pageBanner h2,
#pageBanner h3,
#pageBanner li,
#pageBanner p,
#pageBanner a {
  color: #fff;
  margin: 0;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}


#pageBanner .foregroundImage{
	margin-left: auto;
    margin-right: auto;
	margin-top: 14%;
	max-width: 50%;
	transform: translatey(-50%);
}
@media (min-width: 1600px) {
	#pageBanner .foregroundImage{
		margin-top: 13%;
	}
}
@media (min-width: 1921px) {
	#pageBanner .foregroundImage{
		margin-top: 13%;
	}
}
@media (min-width: 2561px) {
	#pageBanner .foregroundImage{
		margin-top: 11%;
	}
}
@media (max-width: 1199px) {
	#pageBanner .foregroundImage{
		margin-top: 17%;
	}
}
@media (max-width: 992px) {
	#pageBanner .foregroundImage{
		margin-top: 22%;
		max-width: 60%;
	}
	.isotope-item.mobile-isotope-style {
		padding: 0px 40px !important;
	}
}
@media (max-width: 580px) {
	#pageBanner .foregroundImage{
		margin-top: 175px;
	}
}
@media (max-width: 576px) {
	.isotope-item.mobile-isotope-style {
		padding: 0px 30px !important;
	}
}

#pageBanner a {
  text-decoration: underline;
}

.banner-bg-only .dark-translucent-bg:after {
  background: -webkit-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ) !important; /* Standard syntax (must be last) */
  /* background-color:rgba(0,0,0,0.4)!important; */
  z-index: 100;
}

.banner-series {
  /*background-color:#036;*/
}

.banner-series h1,
.banner-series h2,
.banner-series h3,
.banner-series h3 a {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

.banner-series .slider-banner {
  /*opacity:0.75;*/
  height: 388px; /*init so it looks good on load will get overridden*/
}

.banner-industry blockquote,
.banner-industry blockquote br {
  /*font-size:20px !important;*/
  margin-top: 0;
  line-height: 30px !important;
  font-size: 19px !important;
}

@media (max-width: 1199px) {
	.banner-industry blockquote,
	.banner-industry blockquote br {
	  font-size: 17px !important;
	}
}
@media (max-width: 991px) {
	.banner-industry blockquote,
	.banner-industry blockquote br {
	  font-size: 15px !important;
	}
}
@media (max-width: 809px) {
	.banner-industry blockquote,
	.banner-industry blockquote br {
	  font-size: 13px !important;
	}
}

.banner-industry .pseudoBullets {
  /*font-size:20px !important;*/
  line-height: 1.4 !important;
}

.banner-industry blockquote footer {
  color: #fff;
}

.banner-industry .text {
  visibility: visible !important;
}

@media (max-width: 767px) {
  .banner-industry .industry-video {
    left: 0 !important;
  }
}

.banner-industry li:after,
.banner-industries li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgba(0, 51, 102, 0.75),
    rgba(255, 255, 255, 0)
  ) !important; /* Standard syntax (must be last)
	/* background-color:rgba(0,0,0,0.4)!important; */
  z-index: 3;
}

.banner-industry li.weak:after,
.banner-industries li.weak:after {
  background: -webkit-linear-gradient(
    rgba(0, 51, 102, 0.4),
    rgba(255, 255, 255, 0)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgba(0, 51, 102, 0.4),
    rgba(255, 255, 255, 0)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgba(0, 51, 102, 0.4),
    rgba(255, 255, 255, 0)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgba(0, 51, 102, 0.4),
    rgba(255, 255, 255, 0)
  ) !important; /* Standard syntax (must be last)
	/* background-color:rgba(0,0,0,0.4)!important; */
}

.banner-industry li.none:after,
.banner-industries li.none:after {
  background: -webkit-linear-gradient(
    rgba(0, 51, 102, 0),
    rgba(255, 255, 255, 0)
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    rgba(0, 51, 102, 0),
    rgba(255, 255, 255, 0)
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    rgba(0, 51, 102, 0),
    rgba(255, 255, 255, 0)
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    rgba(0, 51, 102, 0),
    rgba(255, 255, 255, 0)
  ) !important; /* Standard syntax (must be last)
	/* background-color:rgba(0,0,0,0.4)!important; */
}

.imageMarginAdjust { margin-left: 0px; }
.solsticeImage {
	width: 1100px;
}
.awardsImage {
	width: 429px;
}
.anniversaryImage {
	width: 500px;
}
img.product_image_title_height_match { margin-top: 40px; }
div.product_image_title_height_match { width: calc(100% + 25px); margin-left: -25px; }
@media ( max-width: 1600px ) {
	.solsticeImage {
		margin-left: 25px;
	}
}
@media ( max-width: 1200px ) {
	.solsticeImage {
		margin-left: 0px;
	}
}
@media ( max-width: 1199px ){
  div.product_image_title_height_match { width: calc(100% + 15px); margin-left: -15px; }
}
@media ( max-width: 992px ){
  div.product_image_title_height_match { width: 100%; margin-left: 0px; }
}
@media ( max-width: 767px ) {
  img.product_image_title_height_match { margin-top: 0px; }
	.awardsImage {
		margin-top: 10px;
	}
	.solsticeImage {
		margin-left: -5px;
	}
	.imageMarginAdjust { margin-left: -10px; }
}
@media ( max-width: 575px ) {
	.awardsImage {
		width: 350px;
		margin-top: 25px;
	}
	.anniversaryImage {
		width: 450px;
		padding-right: 20px;
	}
	.solsticeImage {
		margin-left: -10px;
	}
	.imageMarginAdjust { margin-left: -15px; }
}
@media ( max-width: 400px ) {
	.awardsImage {
		width: 300px;
		margin-top: 32px;
	}
	.anniversaryImage {
		width: 400px;
	}
	.imageMarginAdjust { margin-left: -20px; }
}

.about-me h1,
.about-me h2,
.about-me h3,
.about-me h3 a {
  margin-top: 0;
}

.about-me .box-style-1 h3 {
  margin-bottom: 0;
}

.system {
  background-color: #fafafa;
}
.system h1:not(.product_page_title),
.system h2 {
  text-align: right;
}
.system h1 {
  font-weight: 900;
  font-size: 30px;
  white-space: nowrap;
}
.system h2 {
  font-style: italic;
  margin-top: 30px;
  color: #036;
}
.system h3 {
  margin-top: 0;
  color: #5a5a5a;
}

.system img {
  /*margin-top:25px;*/
}

.system .underLink{
	font-size: 18px;
	margin-top: 20px;
	text-align: center;
	text-decoration: underline;
}

.system .fa-check {
  color: #036;
}

.system .system-benefits li {
  /*color:#343434;*/
  color: #5a5a5a;
  font-size: 16px;
}

@media (max-width: 767px) {
  .system .underLink{
	font-size: 16px;
  }
  .system .system-benefits li {
    font-size: 14px;
  }
}

.system .side li {
	/* commenting out for now, 7/12/2022 */
	white-space: nowrap;
}

/*.system-square .side{
	margin-top:-75px;
	float:right;
}*/

.system-vertical .side {
  /* 7/12/2022 -- commenting out for now, causing issues with box alignment and too squished*/
  /*float: right;*/
  }

/*.system-square .list-group-item,*/
#features .list-group-item {
  border: 0;
  padding-left: 15px;
}

.listing-item-body {
  padding-top: 0px;
}
.listing-item-body p {
  margin-bottom: 0;
}

.img-fluid {
  width: 100%;
}

.overlay-container img {
  margin: 0 auto;
}

.product-banner {
  /*background: transparent url('http://www.earthcam.net/graphics/products/banners/product_banner.png') no-repeat 0 0;
	background-size:100% 100%;*/
  height: auto;
  max-height: 388px;
  overflow: hidden; /*TEMP*/
}

.product-banner .col-md-9 {
  position: relative;
}

.product-banner h1 {
  margin: 15px 0 10px 0;
}
.product-banner h2,
.product-banner h3 {
  margin: 0px 0 10px 0px;
  /*text-shadow:3px 3px 10px rgba(0,0,0,0.5);*/
}

.product-banner .owl-carousel .owl-item > div img {
  margin: 0 auto;
}

.product_page_title, .product_page_title_with_icon { text-align: end; }
@media (max-width: 991px) {
	
	.product_page_title {
		white-space: normal !important;
	}
	
	.product_page_title_with_icon {
		white-space: nowrap !important;
	}
	
}

.product_title_brand_icon {
	max-width: 80px;
	height: auto;
	margin-bottom: 20px;
}

@media (max-width: 830px) {

	.product_title_brand_icon {
		max-width: 60px;
		height: auto;
	}

}

@media (max-width: 431px) {

	.product_title_brand_icon {
		max-width: 50px;
		height: auto;
	}

}

@media (max-width: 391px) {

	.product_title_brand_icon {
		max-width: 50px;
		height: auto;
	}
	
	.product_page_title_with_icon  {
		font-size: 150% !important;
	}

}

ul {
  padding-left: 20px;
}

hr {
  margin: 0;
  border-top: 1px solid #eee;
  opacity: 1;
}

.gray-bg hr {
  border-color: #aaaaaa -moz-use-text-color -moz-use-text-color;
}

hr:last-child {
  display: none;
}

.tp-caption.large {
  font-size: 40px;
}

.parallax {
  padding: 40px 0;
}
@media( max-width: 576px ) {
	.parallax.mobile-adjust {
	  padding: 30px 0;
	}
}

.parallax h1 {
  margin-bottom: 0;
  font-weight: normal;
}

.banner li {
  line-height: 1;
  margin-bottom: 7px;
  top: 0;
}

a > .box-style-1 {
  cursor: pointer;
  -webkit-transition: box-shadow 500ms;
  -moz-transition: box-shadow 500ms;
  -o-transition: box-shadow 500ms;
  -ms-transition: box-shadow 500ms;
  transition: box-shadow 500ms;
}
a:hover > .box-style-1 {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  background-color: #f0f0f0;
}

.btn:hover,
a:hover > .box-style-1 .btn {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}

.box-style-1 .btn,
a:hover > .box-style-1 .btn {
  text-transform: none;
  background-color: transparent;
  color: #5a5a5a !important;
  border-color: #ccc;
}

a:hover > .box-style-1 p {
  color: #5a5a5a;
}

.box-style-1 h2 {
  margin-top: 20px;
  /*font-size:28px;*/ /*override to fit 4 columns*/
}

h5,
.h5 {
  color: #036;
  font-weight: bold;
  margin-top: 0;
  /*white-space: nowrap;*/
  text-transform: none;
}
/*
.header-top h5, .header-top .h5 {
	color: #036 !important;
}
*/

h5 > a,
h5 > a:hover {
  text-decoration: none;
}

h5 > a {
  color: #036;
}

h5 > a:not(.onlyTag):hover {
  color: #760000;
}

h5 > a:not(.onlyTag):after {
  font-family: "FontAwesome";
  content: "\f105";
  /*position: absolute;
	right: 5px;
	top: 0px;*/
  margin-left: 10px;
  color: #036;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

h5 > a:not(.onlyTag):hover:after,
h5 > a:not(.onlyTag):focus:after {
  /*right: 0px;*/
  margin-left: 20px;
  color: #760000;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  h5 > a:after {
    margin-left: 5px;
  }
  h5 > a:hover:after,
  h5 > a:focus:after {
    margin-left: 10px;
  }
}

.tp-caption.text {
  color: #fff;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
}

/*Price Quote Button*/
#priceQuoteButton {
  width: 300px;
  height: 50px;
  background-image: url("/graphics/products/GetaPriceQuote.png");
  background-position: 0 -50px;
  cursor: pointer;
}
#priceQuoteButton:hover {
  background-position: 0 -100px;
}
#priceQuoteButton:active {
  background-position: 0 -100px; /*0px;*/
}
/*END Price Quote Button*/

/*SUB_SERVICES*/
.clientLogos {
  float: right;
}

/*END SUB_SERVICES*/

/*INDUSTRIES*/
#cameraRow .cameraItemTitle {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
  white-space: nowrap;
}
#cameraRow .cameraItemSubTitle {
  font-style: italic;
  white-space: nowrap;
}
#cameraRow a:hover,
#cameraRow a:focus {
  text-decoration: none;
}
/*END Industries*/

/*INDUSTRY*/
.minor-container {
  padding: 20px 0;
}
#software {
  padding-bottom: 0;
  /*background-color:#f1f1f1;*/
}
.industryCameraGroup h5 {
 /* margin-bottom: 0px;*/
  margin-bottom: 7px;
}
@media (max-width: 767px) {
	.industryCameraGroup { margin-bottom: 10px; }
	.vidAdjust { margin-top: 10px; }
}
@media (max-width: 580px) {
	.vidAdjust { margin-top: 15px; }
}
@media (max-width: 410px) {
	.vidAdjust { margin-top: 17px; }
}
.h4-container {
  padding-top: 35px;
  padding-bottom: 30px;
}
h4.title {
  margin-bottom: 0px;
}
.industryCamera a {
  color: #5a5a5a;
}
.industryCamera:hover a {
  color: #036;
  text-decoration: none;
}
.triBox img {
  border: 1px solid #eee;
}

.tp-caption.medium {
  /*line-height:28px !important;*/
}

#panoVideoRow #flashObject {
  width: 100%;
  height: 100%;
}
/*.industry-icon-box .box-style-1:hover{
	background-color:#999 !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.industry-icon-box{
	width: 16.666%;
	padding: 0 15px;
	margin: 0px;
	float: left;
}
.industry-icon-box h2{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0;
	padding-bottom: 8px;
}
.industry-icon-box:hover {
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.industry-icon-box img{
	padding: 0 15px;
	margin: 0 auto;
}*/
.gray-box {
  background-color: transparent;
  /*border-radius: 100px;*/
  /*border: 3px solid #6a98c9;*/
  /*box-shadow: 0 0 0 5px #6a98c9;*/
}
ul.industry-buttons {
  display: grid;
  /*margin: 10px 0;*/
  margin: 0 auto;
  min-height: 75px;
  /*padding-left: 8px;*/
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.industry-buttons li {
  list-style-type: none;
  float: left;
  padding: 15px 0px;
  /*margin: 0 22px;*.
  width: 12.4%;
  /*width: 72px;*/
  text-align: center;
  color: #555;
  font-size: 12px;
}
.industry-buttons > li > a {
  text-align: center;
}
.industry-buttons > li > a > span.textSpan {
  max-width: 76px;
  margin: 0px auto;
  display: block;
}
@media screen and (max-width: 954px) {
  .industry-buttons li {
    /*margin: 20px 40px;*/
  }
  ul.industry-buttons {
    /*padding-left: 40px;*/
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (max-width: 809px) {
  ul.industry-buttons {
    /*padding-left: 100px;*/
  }
}

@media screen and (max-width: 690px) {
  .industry-buttons li {
    /*margin: 20px;*/
    /*-webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);*/
  }
  ul.industry-buttons {
    /*padding-left: 20px;*/
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 580px) {
  .industry-buttons li {
    /*margin: 7px;*/
  }
}

@media screen and (max-width: 410px) {
  ul.industry-buttons {
    /*padding-left: 15px;*/
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .industry-buttons li {
    /*margin: 1px;*/
  }
}
.industry-icons {
  display: inline-block;
  position: relative;
  width: 70px;
  min-height: 69px;
  border-radius: 10px;
  border: none;
  box-shadow: none;
  background-color: transparent;

  padding: 5px;
}
/*industry-icons > span.image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}*/
a:hover > span.industry-icons.image {
  opacity: 1;
  padding: 5px;
  filter: brightness(80%);
  /*background-color: #e4e4e4;*/
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.arenas-image {
  background: url(/graphics/home/industryicons/Arenas.svg) no-repeat
    center center;
}
.arenas-icon {
  background: url(/graphics/home/industryicons/Arenas.svg) no-repeat
    center center;
}

.aviation-image {
  background: url(/graphics/home/industryicons/Aviation.svg) no-repeat
    center center;
}
.aviation-icon {
  background: url(/graphics/home/industryicons/Aviation.svg) no-repeat
    center center;
}

.budget-image {
  /*background: url(/graphics/home/industryicons/Budget.svg) no-repeat
    center center;*/
}
.budget-icon {
  /*background: url(/graphics/home/industryicons/Budget.svg) no-repeat
    center center;*/
}

.education-image {
  background: url(/graphics/home/industryicons/Education.svg) no-repeat
    center center;
}
.education-icon {
  background: url(/graphics/home/industryicons/Education.svg)
    no-repeat center center;
}

.energy-image {
  /*background: url(/graphics/home/industryicons/Energy.svg) no-repeat
    center center;*/
}
.energy-icon {
  /*background: url(/graphics/home/industryicons/Energy.svg) no-repeat
    center center;*/
}

.government-image {
  background: url(/graphics/home/industryicons/Government.svg)
    no-repeat center center;
}
.government-icon {
  background: url(/graphics/home/industryicons/Government.svg)
    no-repeat center center;
}

.healthcare-image {
  background: url(/graphics/home/industryicons/Healthcare.svg)
    no-repeat center center;
}
.healthcare-icon {
  background: url(/graphics/home/industryicons/Healthcare.svg)
    no-repeat center center;
}

.hotels-image {
  background: url(/graphics/home/industryicons/Hotels.svg) no-repeat
    center center;
}
.hotels-icon {
  background: url(/graphics/home/industryicons/Hotels.svg) no-repeat
    center center;
}

.mixed-use-image {
  background: url(/graphics/home/industryicons/Mixed-Use.svg) no-repeat
    center center;
}
.mixed-use-icon {
  background: url(/graphics/home/industryicons/Mixed-Use.svg)
    no-repeat center center;
}

.museums-image {
  background: url(/graphics/home/industryicons/Museums.svg) no-repeat
    center center;
}
.museums-icon {
  background: url(/graphics/home/industryicons/Museums.svg)
    no-repeat center center;
}

@media (min-width: 768px) and (max-width: 991px) {
	.retail-adjustable { display: none; }
}
.retail-image {
  background: url(/graphics/home/industryicons/Retail.svg) no-repeat
    center center;
}
.retail-icon {
  background: url(/graphics/home/industryicons/Retail.svg) no-repeat
    center center;
}

.roads-image {
  background: url(/graphics/home/industryicons/Bridges.svg)
    no-repeat center center;
}
.roads-icon {
  background: url(/graphics/home/industryicons/Bridges.svg)
    no-repeat center center;
}

.tourism-image {
  background: url(/graphics/home/industryicons/Tourism.svg) no-repeat
    center center;
}
.tourism-icon {
  background: url(/graphics/home/industryicons/Tourism.svg)
    no-repeat center center;
}

.international-image {
  background: url(/graphics/home/industryicons/Global.svg)
    no-repeat center center;
}
.international-icon {
  background: url(/graphics/home/industryicons/Global.svg)
    no-repeat center center;
}
/*END INDUSTRY*/

/*PRODUCTS*/
.listing-item {
  background-color: #fafafa;
}
.listing-item p {
  color: #5a5a5a;
  font-size: 16px;
}

#options ul {
  padding-right: 25px;
}

.grid-space-20 .col-6, .grid-space-20 .col-4, .grid-space-20 .col-3 { padding-left: 10px; padding-right: 10px;}

/*SERIES*/
.seriesInfoTitle {
  margin-bottom: 0px;
}
.seriesInfoDesc {
  margin-bottom: 5px;
}
/*END Series*/

/*SYSTEM*/
.about-me h1 {
  /*.page-title?*/
  margin-bottom: 25px;
}

.about-me h3,
.about-me h3 + div .list-icons {
  margin-left: 30px;
}
.about-me h3 + div .list-icons li {
  font-size: 14px;
}

.about-me .team-member h3 {
  margin: 0;
}

.team-member.gray-bg::before {
  display: none;
}

.team-member.gray-bg {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
}

.about-me i.fa-check {
  color: #036;
}

.vertical-divider-left,
.vertical-divider-left-lg {
  padding-left: 30px;
}

#features li {
  font-size: 16px;
  margin-bottom: 10px;
  background-color: transparent;
}

#standardfeatures .container.single-line-section {
  min-width: 100%;
  padding: 0px;
}
#standardfeatures .container.single-line-section > .row { margin: 0px; }
#standardfeatures .container.single-line-section > .row > div { padding: 0px; }
#standardfeatures .container.single-line-section .flex-wrap-group { margin: 0px; }
#standardfeatures .container.single-line-section .single-line-item {
  text-align: center;
  padding: 0px 5px;
}
#standardfeatures .container.single-line-section .single-line-item:nth-child(4n+1) { padding: 0px 7.5px 0px 0px; }
#standardfeatures .container.single-line-section .single-line-item:nth-child(4n+2) { padding: 0px 5px 0px 2.5px; }
#standardfeatures .container.single-line-section .single-line-item:nth-child(4n+3) { padding: 0px 2.5px 0px 5px; }
#standardfeatures .container.single-line-section .single-line-item:nth-child(4n) { padding: 0px 0px 0px 7.5px; }
@media ( max-width: 991px ) {
  #standardfeatures .container.single-line-section .single-line-item:nth-child(2n+1) { padding: 0px 10px 0px 0px; }
  #standardfeatures .container.single-line-section .single-line-item:nth-child(2n) { padding: 0px 0px 0px 10px; }
}
@media ( max-width: 767px ) {
  #standardfeatures .container.single-line-section .single-line-item:nth-child(n) { padding: 0px; }
}

#standardfeatures .listing-item-body p,
#options .listing-item-body p {
  min-height: 58px;
}
/*END System*/
/*END Products*/

/*SOFTWARE*/
.softwareReleaseVersion {
  font-size: 15px;
}

.softwareDetailCopyColumn img {
  display: inline-block;
}

.linkSpan { 
  margin-top: -80px;        /* Size of fixed header */
  padding-bottom: 80px; 
  display: block;
}

.softwarePreviewThumbs.main-container {
  padding-bottom: 0;
  padding-top: 10px;
}

.softwarePreviewThumbs p {
  font-size: 16px;
  min-height: 34px;
  padding-top: 5px;
}

.softwarePreviewThumbs .showRow {
  margin-bottom: 0;
  min-height: initial;
}

/*.softwarePreviewThumbs .d-table{
	overflow:hidden;
}*/
.softwarePreviewThumbs .softwarePreviewThumb {
  /*float:none;
	display:inline-block;
	vertical-align: top;
	padding-left:7px;
	padding-right:7px;*/
}
/*.softwarePreviewThumbs .softwareVideo {
  padding-bottom: 52.25%;
  position:relative;
  margin-bottom: 30px;
}
.softwarePreviewThumbs .softwareVideo > iframe, .softwarePreviewThumbs .softwareVideo > .youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.softwareVideoContainer {
	margin: 10px 0px;
}*/
.softwarePreviewThumbs .softwareVideoContainer > .vidText {
  /*position: absolute;
  bottom: 10px;
  left: 25%;*/
  padding: 10px 0;
}

.portfolioGroup.extraSpacing {
	margin-top: 30px;
}

.youtube-player {
	position: relative;
	padding-bottom: 55%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin: 5px;
	box-shadow: 3px 3px 3px grey;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;
}

/*.softwarePreviewThumbs p.showRow{
	text-align:right;
}*/

#details:before {
  content: "";
  display: block;
  position: relative;
  width: 0;
  height: 3em;
  margin-top: -1em;
}

/*MOBILE*/
#iconRow {
  clear: both;
  width: 100%;
}
#iconRow img {
  float: left;
}
#prevB,
#nextB {
  background-image: url("/graphics/iphone/device_arrows-sprite.gif");
  margin: 15px 8px;
  cursor: pointer;
  width: 32px;
  height: 39px;
  display: inline-block;
}
#prevB {
  background-position: 0 0;
}
#prevB:hover {
  background-position: 0 -39px;
}
#prevB:active {
  background-position: 0 -78px;
}
#nextB {
  background-position: -32px 0;
}
#nextB:hover {
  background-position: -32px -39px;
}
#nextB:active {
  background-position: -32px -78px;
}
#crossPromo {
  font-size: 24px;
  margin-bottom: 15px;
}
#crossPromo:hover {
  text-decoration: underline;
}

.brands {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 0.25rem;
  margin-left: -1.25rem;
  justify-items: center;
}
.brands > div {
  padding: 1rem;
  position: relative;
  display: grid;
}
.brands > div::before,
.brands > div > a > img {
  grid-area: 1 / 1 / 2 / 2;
}
.brands > div::before {
  /*content: "";*/
  /*padding-bottom: 25%;*/
  /*display: block;*/
}
.brands > div > a > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  min-width: 100px;  /*firefox won't display svg unless it has a min-width*/
}
/*END Software*/

#customersSaying span.quoteMark {
  font-weight: bold;
  font-family: Georgia, serif;
  font-size: 14px;
}

#customersSaying p.attribution {
  font-size: 12px;
  font-weight: bold;
  clear: both;
  text-align: right;
  margin: 5px 0 20px 0px;
}

/*LIVEDEMOS*/

.showRow {
  cursor: pointer;
}

.subIndustryColumn .gray-bg {
  background-color: #fafafa;
}
.h4-container:before,
#featuredGroup:before,
.softwarePreviewThumbs:before {
  box-shadow: none;
}

.subIndustryColumn h6 {
  white-space: nowrap;
}

.yellow-hover, .yellow-hover:visited {
	color: #ffffff;
}
.yellow-hover:hover, .yellow-hover:hover {
	color: yellow !important;
}

/*END LiveDemos*/

/*Advantage*/
#goodTL object,
#goodTL embed,
#badTL object,
#badTL embed {
  margin: 0 auto;
}
#goodTL,
#badTL,
#goodTL + p,
#badTL + p {
  text-align: center;
}

/*END Advantage*/

/****** SIDE SCROLLER ******/

#scroller {
  overflow: hidden;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
  max-width: none;
}

/* Custom class modifications - adds to / overrides above */

/* Container DIV */
.simply-scroll {
  width: 100%;
  height: 44px;
  margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 44px;
}

/* Explicitly set height/width of each list item */ /*WB: Seems not totally necessary, which is useful when width is variable */
.simply-scroll .simply-scroll-list li {
  float: left; /* Horizontal scroll only */
  width: auto;
  height: 44px;
}

/* Default pause button rules */
.simply-scroll-btn {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 3;
  cursor: pointer;
}

.simply-scroll-btn-pause {
  right: 0px;
  top: 0px;
  background-image: url(/graphics/industry/clientlogos/clients-scroll_pause.png);
}
.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
}

.simply-scroll-btn-pause.active {
  background-image: url(/graphics/industry/clientlogos/clients-scroll_play.png);
}
.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
}
/*SIDE SCROLLER*/

/*Testimonials*/
.testimonial-body {
  padding-top: 0;
}
/*END Testimonials*/

/*ABOUT*/

.right-image {
	float: right;
	margin: 0 0 10px 10px;
}
@media (max-width: 420px) {
	.right-image {
		float: none;
		margin: 0 auto;
	}
}

/*END About*/

/*FACEBOOK*/

/*.fb-page,
.fb-page iframe[style],
.fb-page span {
	width: 100% !important;

} */

/*SHOWCASE MODAL*/
.modal-content .modal-title {
  color: #333;
  text-align: left;
}

@media (max-width: 575px) {
  .modal-title {
    font-size: 24px !important;
  }
}
.modal-footer > .row { width: 100%; }
.modal-footer > .row > * { padding: 0px; }
.modal-footer > .row > div:not(:first-child) { display: flex; justify-content: end; }
.modal-footer > .row > div:not(:first-child) > button { height: 36px; }
/*contact fix icon */
.contact-form .row .row .form-control-feedback {
  right: 15px;
}
.contact-form .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.contact-form form {
  margin: 0;
}

.contact-form .radio {
  margin-top: 0;
}

.contact-form #error > strong { font-weight: 700; }

.contact-video-insert {
	width: 300px;
	height: 172px; 
	display: block;
	z-index: 0;
	visibility: inherit;
	opacity: 1;
	position: absolute;
	right: calc( 50% );
	border-color: rgb( 90, 90, 90 );
	border-width: 1px;
	top: 100px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX( 50% );
	transform: translateX( 50% );
}
.contact-video-insert:not(.fullsize) { 
	width: 250px;
	height: 143px;
	top: 120px;
	right: 135px;
}
@media ( max-width: 630px ) {
	.contact-video-insert:not(.fullsize) { 
		width: 200px;
		height: 113px;
		top: 215px;
		right: 105px;
	}
	.contact-video-insert {
		top: 150px;
	}
}
@media ( max-width: 480px ) {
	.contact-video-insert:not(.fullsize) { display: none; }
}
@media ( min-width: 768px ) {
	.contact-video-insert { width: 400px; height: 225px; }
	.contact-video-insert:not(.fullsize) { top: 80px; right: 110px; }
}
@media ( min-width: 992px ) {
	.contact-video-insert:not(.fullsize) { top: 105px; right: 125px; }
}
@media ( min-width: 1200px ) {
	.contact-video-insert:not(.fullsize) { top: 70px; right: 100px; }
	.contact-video-insert { top: 30px; right: 25%; }
}
/*@media ( min-width: 1600px ) {
	.contact-video-insert { right: 200px; }
}*/
@media ( min-width: 1900px ) {
	.contact-video-insert:not(.fullsize) {
		width: 300px;
		height: 173px;
		top: 60px;
		right: 0px;
	}
	.contact-video-insert.fullsize { top: 20px; }
}
@media ( min-width: 2561px ) {
	.contact-video-insert:not(.fullsize) { 
		width: 350px;
		height: 203px;
		top: 50px;
	}
	.contact-video-insert.fullsize { width: 500px; height: 281px; top: -55px; }
}

/*aespecs*/
.aeSpecsGrid img.Thumb,
.aeSpecsGrid img.ThumbOver {
  margin: 0 auto;
}
.aeSpecsGrid img.icon {
  display: inline-block;
}
.section-divider {
  margin: 20px 0;
}
p.aespec {
  margin-bottom: 3px;
}
.camera_bullets {
  font-size: 14px;
}
.image_border{
	border: 1px solid #666666;
}

/*installation*/
.sampleInstallationPhotoThumb {
  margin-top: 15px;
  margin-bottom: 15px;
}

#sampleInstallationPhotoThumbs .row > div {
  border-radius: 10px;
  overflow: hidden;
}

/*aboutus*/
.hqabout p {
  line-height: 1.5;
}
.region {
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  /*font-size:14px;*/
}
.region b {
  line-height: 16px;
  font-size: 16px;
}
.hq-region {
  background-image: url("/graphics/about/EarthCam_HQ.png");
}
.int-region {
  background-image: url("/graphics/about/International.png");
}
.ne-region {
  background-image: url("/graphics/about/NE_region.png");
}
.se-region {
  background-image: url("/graphics/about/SE_region.png");
}
.mt-region {
  background-image: url("/graphics/about/Mnt_region.png");
}
.pc-region {
  background-image: url("/graphics/about/Pac_region.png");
}
.mw-region {
  background-image: url("/graphics/about/MW_region.png");
}
.sw-region {
  background-image: url("/graphics/about/SW_region.png");
}

/*Project Portfolio*/
.project-portfolio {
  margin-bottom: 15px;
  padding: 1%;
  background-color: #f7f7f7;
}

.project-portfolio.gray-bg {
  box-shadow: none;
}

.project-portfolio p {
  margin-bottom: 5px;
}

.row-vertical-center > div {
  float: none;
  /* display: inline-block; */
  align-items: center;
  /* display: flex; */
  vertical-align: middle;
  margin-right: -4px;
}

/*PRINT*/
/*@page {
  min-width: 1170px;
}
@media print {
  body {
    margin: 0;
    padding 0 !important;
    min-width: 1170px;
  }
  .container {
    width: auto;
    min-width: 1140px;
  }
}*/

/*@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}*/

@media print {
  @page {
    size: 330mm 427mm;
    margin: 14mm;
  }
  html,
  body,
  .container {
    width: 1100px !important;
  }

  * {
    transition: none !important;
  }

  /*remove inline links*/
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  /*end remove*/

  .header-top {
    display: none;
  }

  .logo,
  .logo img {
    width: 376px;
    height: 66px;
    max-height: none;
    max-width: none;
  }

  /*pb*/
  .banner-bg-only .dark-translucent-bg::after {
    background-color: none !important;
  }
  .banner-bg-only #pageBannerTextContainer {
    position: relative;
  }
  .banner-bg-only img {
    display: none;
  }
  .banner-bg-only .slideshow {
    display: none;
  }
  .banner-bg-only .slider-banner {
    height: auto;
  }

  #footer .footer {
    display: none;
  }
  #problemWithLink {
    display: none;
  }

  .scrollToTop {
    display: none !important;
  }

  section,
  .section,
  .listing-item {
    page-break-inside: avoid;
  }

  /*System Adjustments*/
  .system h1 {
    /*font-size: 45px !important;*/
    font-weight: 900;
    white-space: normal !important;
  }
  aside.side,
  #showcase,
  section.parallax {
    display: none;
  }

  .object-non-visible {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #standardfeatures .listing-item-body p,
  #options .listing-item-body p {
    min-height: 77px;
  }
}

/*fixes iphone zooming on contact page*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}

/*Add styling to invalid fields on contact page*/
.invalid{
	border-color: #900;
	background-color: #FDD;
}

/*override style.css using fontello and replace with font awesome*/
.scrollToTop i {
  line-height: 45px;
  font-size: 2em;
}
@media only screen and (max-width: 768px) {
  .scrollToTop i {
	  line-height: 40px;
	  font-size: 2em;
	}
}
.tparrows.round:before {
  font-family: "FontAwesome";
  font-size: 2em;
  content: "\f104"; /*fa-angle-left*/
  display: inline-block;
  line-height: 52px;
}
.tparrows.round.tp-rightarrow:before {
  content: "\f105"; /*fa-angle-right*/
}
.owl-controls .owl-buttons div:after {
  font-family: "FontAwesome";
  font-size: 1.5em;
  line-height: 26px;
}
.owl-prev:after {
  content: "\f104"; /*fa-angle-left*/
}
.owl-next:after {
  content: "\f105"; /*fa-angle-right*/
}

/*made std bootstrap carousel fade*/
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-indicators [data-bs-target]
{
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  height: 8px;
  margin: 3px;
  opacity: 1;
  width: 8px;
}

.carousel-indicators [data-bs-target].active
{
  background-color: #FFFFFF;
  border-radius: 7px;
  height: 10px;
  margin: 2px;
  width: 10px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item > img {
  margin-left: auto;
  margin-right: auto;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#check-system .row {
  margin-bottom: 10px;
}

#check-system .red,
#check-system .testresult-error,
#check-system .testresult-needsupgrade {
  color: #760000;
  font-weight: bold;
}

/* Slideshow - Header for industries, timelapse and live demos pages */

.slideshow-varheight {
	/*height:770px;*/
	min-height: 145px;
}
@media (max-width: 1199px) {
	.slideshow-varheight {
		height: initial;
		max-height: 770px;
	}
}

.tp-caption.fullscreenvideo { /*display: none;*/ margin-left: 0px !important; }
/*@media (pointer: fine) {
	.tp-caption.fullscreenvideo { display: block; }
}*/

/* Buy Page Button */

.buyPageButton {
	background-color: rgb( 254, 242, 0 );
	border: none;
	color: rgb( 50, 48, 51 );
	padding: 16px 26px;
}
.buyPageButton:hover {
	background-color: rgb( 255, 246, 75 );
	color: rgb( 70, 68, 71 );
}
.buyPageButton:active {
	background-color: rgb( 224, 212, 0 );
	color: rgb( 30, 28, 31 );
}

/* Partners Items CSS (Mostly partners page, though also on main page as well)*/

.alignLogo {
	display: inline;
	max-width: 80%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.logoPadding { margin: 0 2px 0 2px; }
.firstAdjust { margin-left: 2%; }

.procoreLogoFix {
	transform: translateY(-75%) !important;
}

.alignLink {
	width: 20%;
	height: 50px;
  /*line-height: 50px;*/
	float: left;
}
.alignLink > img { vertical-align: middle; }

.alignLinkTop {
	width: 14.5%;
	height: 75px;
	float: left;
}
.marginCreator { float: left; width: 12.5%; height: 10px; }
@media( min-width: 992px ) {
	.firstAdjust { margin-left: 2.5%; }
}
@media( max-width: 767px ) {
	.alignLink {
		width: 33% !important;
		height: 50px;
		float: left;
		margin: 10px auto;
	}
	.alignLogo {
		margin: 0px auto;
		max-height: 40px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
  .alignLogo.autodeskFix {
    max-height: 150px;
  }
  .alignLogo.square {
    max-height: 65px;
  }
	.alignLinkTop {
		width: 50% !important;
		height: 50px;
		float: left;
		margin: 0px auto;
	}
	.firstAdjust { margin-left: 0%; }
  .marginCreator { display: none; }
}
@media( min-width: 768px ) and ( max-width: 992px ) {
	.infotech_adjust { padding-bottom: 2px !important; }
	.triax_adjust { padding-bottom: 0px !important; /*padding-bottom: 2px !important;*/ }
	.procore_adjust { padding-bottom: 0px !important; }
}
@media( min-width: 568px ) and ( max-width: 767px ){
  .alignLogo.autodeskFix {
    transform: translate(-0%, -50%) !important;
  }
}
blockquote.no-quotes:after {
  content: ""
}

/* Referral Page */
/* moved into teh referral/reseller page itself */

/* Misc */

.visible-xl-block { display: none !important; }
@media ( min-width: 2560px ) {
	.visible-xl-block { display: block !important; }
}
@media ( max-width: 410px ) {
	.smallFiddy { width: 50% !important; }
}
.isotope-item > div > div > .softwareVideoContainer { padding: 0px; }

/*CUSTOM 5-COLUMN CODE */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}