/*css variable created to fix horizontal scrollbars messing up 100vw width setting*/
:root {
  --scrollbar: 0px;
}
.navbar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.search-bar {
  width: 300px;
  float: right;
  display: inline-block;
}
@media (max-width: 1200px) and (min-width: 901px) {
  .search-bar {
    display: none;
  }
}
@media (max-width: 900px) {
  .search-bar {
    display: block;
    clear: both;
  }
}
#navBarSearchForm [type="text"] {
  width: 200px !important;
}

.parallax {
  background-image: url("../Images/austin_skyline_lg.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
/*  padding-top: 20%;*/
}
.parallax1 {
  background-image: url(../Images/careers.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: ;
}
.parallax2 {
  background-image: url(../Images/CC8.jpg);
  min-height: 1000px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax3 {
  background-image: url("../Images/satellite_downconverters.jpg");
/*
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15%;
  background-color: #808080;
*/
	/*  opacity: 1;*/
	/*  color: #ddd;*/
}
.parallax4 {
  background-image: url("../Images/space-network_background.jpg");
/*  min-height: 0px;*/
/*
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15%;
  background-color: #808080;
*/
}
.parallax5 {
  background-image: url("../Images/pcb3d.jpg");
/*
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15%;
  background-color: #808080;
*/
}
.parallax6 {
	background-image: url("../Images/pillowcase_background2.jpg")
}
.parallax3,
.parallax4,
.parallax5,
.parallax6 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  background-color: #808080;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
	.parallax{
		background-image: url("../Images/austin_skyline_dark.jpg")
	}
	.parallax1 {
		background-image: url("../Images/careers_dark.jpg")
	}

  .mobile-disappear {
    display: none;
  }
  .product-top {
    background-color: none;
  }
}
.head {
  padding: 1em 2.5em;
  width: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  .head {
    padding: 1em;
  }
}
.featurette-divider {
  margin: 40px 0;
}
.featurette-heading {
  /*font-weight:100*/
  margin-top: 30px;
}
.featurette-image {
  display: block;
  max-height: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 3px;
}
.event {
  padding: 8% 0%;
  margin: 0em auto;
  display: block;
}
@media only screen and (max-width: 992px) {
  .event {
    padding: 5%;
  }
}
.event-page {
  margin-top: 70px;
}
@media only screen and (max-width: 600px) {
  .event-page {
/*    margin: 20px 0px;*/
  }
}
.event-tiles-wrapper {
  display: grid;
  grid-template-columns: 35% 35% 35%;
  grid-row-gap: 20px;
  grid-column-gap:20px;
  padding:30px 0px;
}
.event-tiles {
  justify-self: ;
}
.event-text {
  padding-top: 10px;
}
.event-text a {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 1068px) {
  .event-tiles-wrapper {
    grid-template-columns: 50% 50%;
  }
}
@media (max-width: 600px) {
  .event-tiles-wrapper {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }
  .event-text {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.4;
    min-width: 200px;
  }
}
.about {
  max-width: 100%;
  height: auto;
  display: block;
  font-size: 2rem;
}
.spacer {
  height: 500px;
  background-color: none;
}
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 0px;
  }
}
.products h2 a {
  background: -webkit-linear-gradient(to top, #1f5b8b -32%, #dddddd 52%);
  padding: 0.6em 5em;
}
.products li {
  list-style: none;
  padding: 1.4em 0em 1em 0em;
  font-size: 1.6rem;
}
aside .product-banner {
	background:none;
	margin-top:40px;
	color:#444;
}
.product-banner {
    width:100%;
	color: #fff;
  padding: 20px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.9)
  );
}
.banner p,
.product-banner p {
  font-size: 16px;
  max-width: 50em;
  text-align: justify;
}
.product-subheader h2 {
  border-bottom: 2px solid #8b621f;
  padding-bottom: 5px;
}
.downloads,
.key-features {
  margin-right: 10px;
}
.nav-item:hover {
  color: #000;
}
.nav-link {
  background-color: #1f5b8b;
  height: 50px;
}
.nav-link:hover {
  color: #5a5a5a;
}
.holder {
  display: grid;
  grid-template-columns: 40% 60%;
	grid-template-rows:auto;
}
.product-description {
	grid-column:2;
}
@media (max-width: 1068px) {
  .holder {
    grid-template-columns: 100%;
  }
	.product-description {
		grid-column: 1;
	}
}
.bottom {
  margin-top: 0em;
  display: block;
}
@media only screen and (max-width: 992px) {
  .bottom {
    margin-top: 0em;
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 991px) {
}
.indicator,
.more-less {
  float: right;
  color: #fff;
}
.tabcordionmin {
  min-height: 200px;
  background-color: rgba(31, 91, 139, 0.1);
}

.arrow-down,
.arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  left: 5px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  margin-top: 2px;
  text-align: left;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow:before,
.arrow:after,
.arrow-down:before,
.arrow-down:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.arrow:after,
.arrow-down:after {
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: -5px;
  left: 5px;
}
@media only screen and (min-width: 991px) {
  .arrow {
    display: none;
  }
}
.click-text {
  display: block;
  text-align: left;
  padding: 0 12px 16px;
  margin: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
}
.click-text:hover {
  color: rgba(255, 255, 255, 0.6);
  border-bottom-color: rgba(255, 255, 255, 0.4);
}
.privacy {
  margin: 2em 0em 1em 0em;
}
@media only screen and (max-width: 767px) {
  #event {
    display: block;
    margin-top: 50px;
    border-top: 0.7px solid #ddd;
    padding-top: 50px;
  }
  .right-div {
    margin-top: 75px;
  }
  .policy {
  }
}
.backtotop {
  padding-right: 20px;
}
.privacypolicy {
  padding-left: 20px;
}

.single {
  width: 100%;
  height: 75%;
}
.single img {
  margin: 1.5em auto;
  display: block;
  max-width: 30%;
}

a[data-toggle="collapse"] {
  position: relative;
}

.tabcordion {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 1028px) {
  .tabcordion {
    min-height: 350px;
  }
}
.tabcordion a[aria-expanded="false"]::before,
.tabcordion a[aria-expanded="true"]::before {
  display: none;
}

.side a[aria-expanded="false"]::before,
.side a[aria-expanded="true"]::before {
  content: "\e259";
  display: block;
  position: absolute;
  right: 20px;
  font-family: "Glyphicons Halflings";
  font-size: 16px;
}
.dropdown a[aria-expanded="false"]::before,
.dropdown a[aria-expanded="true"]::before {
  content: "\e259";
  display: block;
  position: absolute;
  right: 10px;
  font-family: "Glyphicons Halflings";
  font-size: 16px;
}

.side a[aria-expanded="true"]::before,
.dropdown a[aria-expanded="true"]::before {
  content: "\e260";
}
@media only screen and (max-width: 991px) {
  .tabcordion a[aria-expanded="false"]::before,
  .tabcordion a[aria-expanded="true"]::before {
    content: "\e259";
    display: block;
    position: absolute;
    left: -20px;
    bottom: 6px;
    font-family: "Glyphicons Halflings";
    font-size: 16px;
  }
  .tabcordion a[aria-expanded="true"]::before {
    content: "\e260";
  }
}
@media (min-width: 768px) {
  .navbar-btn {
    display: none;
  }
}
.dropdown-header-main {
  font-size: 1em;
  text-align: center;
}

.contact-sales {
  color: #1f5b8b;
  font-size: 1.5rem;
}
.contact-sales:hover {
  color: inherit;
}

.background {
  background-color: rgba(17, 50, 76, 0.1);
}

.featurette {
  padding: 30px 20px 30px 20px;
}

.event-home {
  background-color: #fff;
  padding: 20px 0px 0px 50px;
  width: 100%;
}

.index-mid-background {
  background-color: #ddd;
}
.index-mid {
/*
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  margin: 20px 0px;
*/

}

.product-guide {
  background-color: #eee;
  padding-bottom: 30px;
}
.product-guide img {
  padding: 30px 30px 10px 30px;
}

.austin-home {
  background-image: url(../Images/austin_bridge.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 340px; /* update padding based on product-guide img height to make sure the titles line up */
  padding-bottom: 30px;
	padding-left:20%;
	padding-right:20%;
}
.index-mid-text {
  padding: 10px 0px;
}

.product-guide-title,
.about-title {
  font-size: 32px;
}
.event-title {
  margin-top: 20px;
}
.event-title span {
  border-bottom: 2px solid #1f5b8b;
}
.event-title span:hover {
  border-bottom: 2px solid #11324c;
}

.about-text {
  color: #fff;
}

@media (max-width: 600px) {
  .index-mid {
    grid-template-columns: 100%;
  }
}

.event-img {
  width: auto;
  display: block;
  position: relative;
  margin: auto;
  max-height: 120px;
}
.event-link {
  margin-bottom: 50px;
}
.multi-column {
  list-style: none;
  padding: 5px 5px;
}


.dropdown-subheader {
  color: #8b621f;
  font-size: 16px;
  margin-top: 5px;
}
.dropdown-link {
  color: #444 !important;
}
.dropdown-subheader a {
  color: #808080;
}

.dropdown-link li {
  padding: 5px;
}
.dropdown-link li:hover {
  background-color: rgba(31, 91, 139, 0.1);
}

.product-section {
  padding: 80px 50px 0px 50px;
}
.product-2-column {
	display:grid;
	grid-template-columns: 50% 50%;
	grid-gap:10px;
}
@media (max-width:600px) {
	.multi-column li{
		padding:10px 0px;
	}
	.dropdown-link {
		padding:10px 0px;
		font-size:16px;
	}
}
@media (max-width:800px) {
	.product-2-column {
		grid-template-columns:95%;
		padding-left:10px;
	}
}
@media only screen and (max-width: 1167px) {
  .product-section {
    padding: 100px 10px 0px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .product-section {
    padding: 30px 10px 0px 10px;
  }
}
.contact-form {
  margin: 70px auto 50px auto;
  padding: 0px 20px;
}
@media (max-width: 600px) {
  .contact-form {
    margin: 20px 0px;
  }
}

.product-img img {
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);
  -moz-box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);

  box-shadow: 0 0 6px rgba(132, 132, 132, 0.75);
  transition: all 0.4s ease-in-out;
}
.product-img img:hover {
  transform: scale(2);
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .product-img {
    margin-bottom: 20px;
  }
}

.title-border {
  border-bottom: 2px solid #11324c;
  padding-bottom: 20px;
}

.accordion {
  margin: 0px 20px;
}
.ind-product-title {
	margin-bottom:20px;
	font-size:28px;
}

.ind-product-subtitle {
	margin-bottom: 20px;
	font-size:14px;
	font-weight:100;
	
}
.ind-product-subtitle span {
	background-color: #808080;
	  color:#fff;
	  border-radius: 7px;
	  padding:2px 5px;
}
.ind-product-title span {
	border-bottom:2px solid #8b621f;
	padding-bottom:2px;
	line-height:1.458972364;
}
@media (max-width: 400px) {

}
.product-subheader {
  padding: 5px 20px;
  color: #444444;
/*  margin-bottom: 10px;*/
}

.product-row-down {
  display: grid;
  grid-template-columns: repeat(3, auto) ;
/*	".tile" grid formatting dictates how the products on this page are laid out. The related prodcuts section is also affected by .tile formatting so keep an eye on it.*/
/*	border:4px solid blue;*/
}
.direct {
	grid-column: 1 / span 3;
/*	border: 2px solid black*/
}
.multi-stage {
	grid-column: 1 / span 3;
}
.single-stage {
	grid-column: 1 / span 3;
}
.product-row-synth {
  display: grid;
  grid-template-columns:50% 50%;
}
.product-row-up {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}
.uhfs {
	grid-column:1 / span 2;
}
.vco {
  grid-column:1 / span 2;
}

.nano {
	grid-column:1;
}
/*
.yig {
	grid-column:4;
}
*/
@media (max-width: 1199px) {
  .product-row-down {
/*      is not defining the grid    */
  }
  .direct {
	grid-column: 1 / span 2
	}
  .single-stage {
	  grid-column:1 / span 2;
	  row: 2;
  }
  .multi-stage {
  }
  .product-row-synth {
    grid-template-columns: 50% 50%;
	  grid-template-rows: repeat(3,auto)
  }
	.uhfs {
		grid-column: span 2;
		grid-row:1;
	}
  .vco {
	  grid-column:1 / span 2;
	  grid-row:2;
  }
	.yig {
		grid-column: 1;
	}
  .product-row-up {
    grid-template-columns: 100%;
  }
}

@media (max-width: 600px) {
  .product-row-synth {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: auto;
  }
	.vco {
		grid-column:1;
	}
}

#space {
  overflow: hidden;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.sitemap li {
  list-style: none;
}

.sitemap {
  margin-bottom: 20px;
}

.pull-down {
  margin-top: 70px;
  padding: 15px 0px 0px 0px;
}
@media (max-width: 1068px) {
  .pull-down {
    margin-top: 70px;
  }
}
@media (max-width: 600px) {
  .pull-down {
    margin-top: 10px;
  }
}

.custom-container {
  display: flex;
  align-item: center;
  justify-content: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 20px;
  padding: 40px 0px 40px 0px;
  text-align: justify;
}

.iso {
  margin: 0px 0px -75px 0px;
  border: none !important;
}
.home-about {
  background-image: url(../Images/austin_bridge.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   width:100%;
/*	margin-top:20px!important;*/
  padding-top: 100px!important;
  padding-bottom: 100px!important;
  color:#fff!important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	
}
.home {
	margin-top: 0px;
/*  padding: 0px 20px 50px 20px;*/
	color:#444;
}
.custom {
  max-width: 60em;
/*	min-height: 15em;*/
}
.custom-design {
	max-width: 70em;
}
.marketing {
  background-image: url(../Images/pillowcase_background2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   width:100%;
/*	margin-top:20px!important;*/
  padding-top: 100px!important;
	padding-bottom: 100px!important;
  color:#fff!important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
@media (max-width: 900px){
	.custom-design {
		padding:20px;
	}
}

.custom-container h1 {
  text-align: left;
}
.about-page,
.career-page {
  color: #fff;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.9)
  );
	height:75vh;
/*  border: 1px solid blue;*/
/*  height:50vh*/
}
.about-page-text,
.career-page-text{
	position:absolute;
	max-width:1000px;
	bottom:calc(100vh - 75vh);
	padding-bottom:50px;
}
@media (max-width:600px) {
	.about-page,
	.career-page {
		height:100vh;
	}
	.about-page-text,
	.career-page-text {
		bottom:0;
		padding-right:20px;
	}
}
.career-date {
	font-size:12px;
/*	background-color:#1f5b8b;*/
	color:#808080;
	padding-right:15px;
	border-radius:10px;
}
@media (max-width:800px) {
/*
	.custom{
		padding: 20px;
	}
*/
}
@media (max-width:600px) {
	.career-date {
		padding-right:5px
	}
}

.page-break {
	padding-top:20px;
	border-bottom: 1px solid #dddddd;
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.submit {
  text-align: center;
  box-shadow: 1px 2px 1px 2px #ddd;
  max-width: 400px;
  border-radius: 5px;
  margin: 70px auto 0 auto;
  padding: 20px;
}
.submit p {
  margin-top: 20px;
}
.submit span {
}
.submit i {
  color: green;
}
.submit h4 {
  margin-top: 20px;
  color: #808080;
  font-weight: 400;
  line-height: 1.4;
}
.tile-content h4 {
	line-height: 25px
}

.footer-blue {
  background-color: #1f5b8b;
  color: #fff;
}

.footer-copyright {
  background-color: #11324c;
  color: #fff;
  padding: 10px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .footer-copyright {
    text-align: center;
  }
}
.footer-copyright a {
  color: #9b9b9b;
}
.footer-copyright a:hover {
  color: #ddd;

}
.page-footer {
  background-color: #1f5b8b;
  color: #fff;
/*  margin-top: 100px;*/
  padding-top: 30px;
/*  margin-top:40px;*/

}
.footer-links-wrapper {
  display: grid;
  grid-template-columns: 25% 40% 35%;
  padding:0px 400px;
	margin:auto;
}
.footer-links {
  padding: 2px 0;
}
.footer-links a {
  color: #fff;
}
.footer-links a:hover {
  color: #ddd;
}
.footer-links-title {
  font-size: 18px;
  padding-bottom: 5px;
}
.footer-address,
.footer-email,
.footer-phone {
  padding-bottom: 10px;
}

.footer-links-wrapper .footer-contact {
  justify-self: end;
}
@media (max-width:1450px) {
	.footer-links-wrapper {
		padding:0px 200px;
	}
}
@media (max-width: 1200px) {
	.footer-links-wrapper {
		padding:0px 50px;
	}
}
@media (max-width: 1020px) {
	.footer-links-wrapper {
		padding:0px 20px;
	}
}
@media (max-width: 600px) {
  .footer-links-wrapper {
    grid-template-columns: 100%;
    grid-gap: 30px;
/*    padding-left: 20px;*/
  }
  .footer-links-wrapper .footer-contact {
    justify-self: left;
  }
	.footer-links-title {
		font-size:20px;
	}
	.footer-phone,
	.footer-links a{
		line-height:2.2;
		font-size:18px;
	}
}
.cta {
	width:75%;
	height:36px;
}
@media (max-width: 768px) {
  .cta {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }
}

.search-btn {
  height: 36px;
}

@media (max-width: 800px) {
  .search-btn {
    height: 48px;
  }
}

@media (min-width: 611px) {
  .mobile-br {
    display: none;
  }
}
/*this might work for the buttons on the heatsink carousel page - the br has this class at 1068px width to make sure the buttons do not go below the dot indicators*/
@media (max-width: 1068px) {
  .desktop-br {
    display: none;
  }
}

.distributor-country {
  margin-top: 0 !important;
}
/* sales.html */
/*css grid formatting for the form and headquarter contact information */
.sales {
  display: grid;
  grid-gap: auto;
  grid-template-columns: 50% 30% 30%;
  grid-template-rows: 3;
}
.sales-wrapper {
  grid-column: 2;
}
.asia-sales-wrapper {
  grid-column: 3;
}
.form {
  height: auto;
  display: grid;
  grid-row: span 3;
}
@media (max-width: 1024px) {
  .sales {
    grid-template-columns: 50% 50%;
    grid-template-rows: 3;
  }
  .sales-wrapper {
    grid-column: 1;
    grid-row: 2;
  }
  .asia-sales-wrapper {
    grid-column: 2;
    grid-row: 2;
  }
  .form {
    grid-column: span 2;
    grid-row: 1;
  }
}
@media (max-width: 600px) {
  .sales {
    grid-template-columns: 100%;
    grid-template-rows: 3;
  }
  .sales-wrapper {
    grid-column: 1;
    grid-row: 2;
  }
  .asia-sales-wrapper {
    grid-column: 1;
    grid-row: 3;
  }
  .form {
    grid-column: 1;
    grid-row: 1;
  }
}

/*css grid formatting for the world distributors*/
.distributors {
  display: grid;
  grid-gap: 50px 20px;
  width: 100%;
  grid-template-columns: 25% 25% 25% 25%;
}
.wrapper-americas {
  padding: 10px;
  display: grid;
  grid-template-rows: 30px 50px 1fr 50px 50px 50px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  /*  box-shadow: 1px 2px 1.5px 2px #ddd;*/
  font-size: 14px;
  align-items: start;
}
.wrapper-asia {
  padding: 10px;
  display: grid;
  grid-template-rows: 30px 50px 1fr 30px 50px 50px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  /*  box-shadow: 1px 2px 1.5px 2px #ddd;*/
  font-size: 14px;
  align-items: start;
}
.wrapper-europe {
  padding: 10px;
  display: grid;
  grid-template-rows: 30px 50px 1fr 30px 50px 25px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  /*  box-shadow: 1px 2px 1.5px 2px #ddd;*/
  font-size: 14px;
  align-items: start;
}
.box {
  padding: 5px;
  line-height: 1.5;
}

.country {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}
.company p {
  font-size: 18px;
  border-bottom: 2px solid #a9ceec;
}

@media (max-width: 1024px) {
  .distributors {
    grid-template-columns: 50% 50%;
  }
}

@media (max-width: 600px) {
  .distributors {
    grid-template-columns: none;
  }
  .wrapper-americas,
  .wrapper-asia,
  .wrapper-europe {
    grid-template-rows: auto;
    font-size: 16px;
  }
}
/*formatting for dropdown boxes in the form */
/*css grid formatting for key features product section.*/


/*For the split column key features for 26.5 GHz.*/
.split-specifications {
  display: grid;
  grid-template-columns: repeat(2, auto);
  max-width: fit-content; /* this makes the 2 columns only as wide as the text. justify-items is not necessary with this applied*/
	grid-column-gap:20px;
}
.spec-title {
  grid-column: 1;
  /*	line-height: 2;*/
  color: #8b621f;
	text-align: right;
}
.spec-text {
  grid-column: 2;
}

.specifications {
  display: grid;
  grid-template-columns: repeat(1,auto);
}
.specifications-2-column {
  display: grid;
  grid-template-columns: 50% 50%;
	grid-gap:10px;
}
@media (max-width:680px) {
	.specifications-2-column {
		grid-template-columns: 100%;
	}
}
.spec-columns {
  display: grid;
/*  grid-template-columns: 2 auto;*/
/*  grid-template-rows: repeat(6, 20px);*/
  grid-row-gap: 15px;
	
	justify-self:start;
}
.spec {
  color: #444;
  margin: 7px 0px;
}
.spec span {
/*  border-bottom: 2px solid #ddd;*/
  padding: 2px;
  line-height: 1.8;
}

/* this @media formatting is necessary so that the rows line up on mobile views.*/
@media (max-width: 600px) {
	.split-specifications {
		grid-template-columns:50% 50%;
		grid-column-gap:20px;
	}
	.spec-columns {
    grid-template-columns:auto ; 
		grid-template-rows: repeat(6, 1fr);
/*		grid-column-gap: 10px;*/
  }
	.spec-text,
	.spec-title {
/*		font-size:14px;*/
/*		text-align:left;*/
	}
}


/*formatting for tiles*/
.tile {
  display: grid;
  grid-template-columns: repeat(4, auto);
	margin:20px; /* this margin keeps it in line with the headings on the main product pages AND keeps the shadow box formatting correctly placed on mobile views. The Related Products heading does not have the 20px margin formatting. */
/*	border:2px solid black;*/
}
.tile a {
/*	border:2px solid green;*/
	max-width:400px;
/*	this formatting is important to make the link only clickable inside the shadow box that forms on hover (see .tile-wrapper:hover). Don't let the link expand outside of the hover shadow box!*/
}
.tile-wrapper {
/*  min-width: 200px;*/
	max-width:350px;
  padding-top:15px;
	padding-bottom: 10px;
  box-shadow: none;
  text-align: center;
/*padding and margins affect the a link sizing. If adjusting, check ".tile a" formatting to make sure it is not affected*/
}

.tile-content img { 
	max-width:200px;/* setting width as a percentage screws up the formatting a bit. Setting it to px keeps all images resized exactly the same */
}
.tile-content h3 {
	font-size:20px;
	font-weight: 500;
	line-height:30px;
}
.tile-content p {
	color:#808080;
}
.platform {
  margin-bottom: 10px;
}
@media (min-width: 1068px) {
  .tile-wrapper:hover {
    box-shadow: 0px 1px 2px 2px #ddd;
  }
}
@media (max-width: 1068px) {
  .tile {
    grid-template-columns: repeat(2, auto);
	  grid-gap: 20px;
  }
	.tile-wrapper {
		box-shadow: 0px 1px 2px 2px #ddd;
/*		max-width:300px;*/
	}
}
@media (max-width: 600px) {
  .tile {
    grid-template-columns: repeat(1, auto);
	margin:20px;
/*	  grid-gap:10px;*/
  }
}
/*sitemap css grid*/
.sitemap-wrapper {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 4;
}
.sitemap-wrapper a {
  line-height: 1.4934857234;
}

@media (max-width: 1068px) {
  .sitemap-wrapper {
    grid-template-columns: 50% 50%;
    grid-template-rows: 4;
    padding: 20px;
  }
}
@media (max-width: 600px) {
  .sitemap-wrapper {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1068px) {
  .page-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*box shadow formatting for tabcordion children*/

.wrapper-order-info {
  background-color: transparent;
  box-shadow: 1px 1px 1px 1px #ddd;
  padding: 10px 15px;
  color: #000;
  align-items: center;
  transition-duration: 0.2s;
  min-width: 100%;
}

/*CSS Grid formatting for the order information section in the product pages*/
.wrapper-order-info,
.titles {
  display: grid;
	grid-template-columns: 12% 11% 35% 15% 15%;
  grid-template-rows: auto;
}
/*
.titles-without-bw,
.without-bw{
	grid-template-columns: 12% 11% 35% 15% 15%;
}
*/
/*CSS grid updated to fit in column for BW - only on 2.5 GHz Downconverter Order Information (so far)*/
.titles-bw,
.with-bw {
	grid-template-columns: 12% 11% 22% 20% 15% 15%;
}
/*end BW column code*/
.wrapper-order-info:hover {
  background-color: #eee;
}
.titles {
  font-size: 18px;
  padding: 7px 15px;
  font-weight: 500;
	align-items:end;
}
.slide-left i {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid transparent;
}
.slide-left:hover i,
.slide-left:active i,
.slide-left:focus i {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.link {
  padding: 7px 5px;
  background-color: #1f5b8b;
  color: #fff;
  transition-duration: 0.2s;
  text-align: center;
}
.link:active,
.link:hover,
.link:focus {
  background-color: #11324c;
  color: #fff;
}

@media (max-width: 1068px) {
	.mobile-invisible {
		display:none;
	}
	.titles {
    display: none;
  }
  .wrapper-order-info {
    grid-template-columns: 100%;
    grid-template-rows: repeat(6, auto);
    box-shadow: 0 1px 2px 1px #ddd;
    text-align: left;
    grid-gap: 7px;
    padding: 7px 20px;
  }

  .part {
    grid-column: 1;
/*    grid-row: 1;*/
    font-weight: 500;
  }
  .model {
    grid-column: 1;
/*    grid-row: 2;*/

    color: #444;
    font-weight: 500;
  }
  .model span {
    border-bottom: 2px solid #a9ceec;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
  }
  .model span {
    border-bottom: 2px solid #a9ceec;
    padding-bottom: 2px !important;
  }
  .description-order {
    grid-column: 1;
/*    grid-row: 3;*/
    color: #444;
  }
	.bw-order {
		grid-column: 1;
/*		grid-row: 4;*/
		font-size: 90%
	}
  .platform-order {
    grid-column: 1;
	  font-size:90%;
	  padding-bottom:10px;
/*    grid-row: 5;*/
  }
	
	.quote {
		width:200px;
	}
  .link {
    grid-column: 1;
/*    grid-row: 6;*/
    padding: 10px;
    background-color: #1f5b8b;
    color: #fff;
    transition-duration: 0.2s;
    width: 70%;
    justify-self: center;
  }
  .link:hover,
  .link:active,
  .link:focus {
    color: #fff;
    background-color: #11324c;
    box-shadow: 0 0 0;
  }
}

/*end CSS grid formatting for order information section in the product pages*/

/*CSS grid formatting for software documentation section*/
.wrapper-software,
.software-titles {
  display: grid;
  grid-template-columns: 20% 25% 10% 15% 10% 20%;
  grid-template-rows: auto;
	grid-gap:10px;
  /*  max-width: 1000px;*/
}
.wrapper-software {
  color: #000;
  align-items: center;
  transition-duration: 0.2s;
  box-shadow: 1px 1px 1px 1px #ddd;
  background-color: transparent;
  padding: 7px 10px;
  font-size: 14px;
}
.software-titles {
  font-size: 16px;
  font-weight: 500;
  padding: 7px 10px;
}
.wrapper-software:hover {
  background-color: #eee;
}
.doc-label {
  margin: 20px 0px 10px 0;
  border-bottom: 2px solid transparent;
  font-size: 20px;
}
.model-title {
  font-size: 20px;
  font-weight: 500;
  margin-right: 7px;
}
.platform-title {
  color: #808080;
  font-size: 14px;
}
.sw-dl {
  justify-self: center;
  align-self: center;
}
.sw-link {
  padding: 7px 10px;
  border-radius: 5px;
  background-color: #1f5b8b;
  color: #fff;
  transition-duration: 0.2s;
}
.sw-link i {
  padding-left: 5px;
}
.sw-link:hover,
.sw-link:active,
.sw-link:focus {
  color: #fff;
  background-color: #11324c;
  box-shadow: 0 0 0;
}

.sw-description {
  font-size: 12px;
  max-width: 300px;
}
.sw-model {
  font-size: 16px;
}
/* read more code */
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: 0.2s;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: 14px;
  max-height: 999em;
  padding-top: 10px;
  padding-right: 15px;
}

.read-more-state ~ .read-more-trigger:before {
  content: "Show Description";
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: "Hide Description";
}

.read-more-trigger {
  cursor: pointer;
  color: #1f5b8b;
  font-size: 14px;
  line-height: 2;
}
.more-mobile {
  display: none;
}
.wrapper-software-split {
	display:grid;
	grid-template-columns:50% 50%;
	border:1px solid black;
}
@media (max-width: 1068px) {
  .software-titles {
    display: none;
  }
  .wrapper-software-display {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .wrapper-documentation-display,
  .wrapper-order-info-display {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
  }
  .wrapper-software-display,
  .wrapper-documentation-display,
  .wrapper-order-info-display {
    grid-gap: 10px;
    justify-items: center;
    min-width: 100%;
    margin-left: -10px;
    margin-rigth: -10px;
	  font-size:14px;
  }

  .sw-description {
    max-width: 100%;
    font-size: 16px;
  }
  .wrapper-software {
    grid-template-columns: 100%;
    min-width: 100%;
    box-shadow: 0 1px 2px 1px #ddd;
    text-align: center;
    padding: 10px 5px;
  }
  .doc-label {
    text-align: center;
  }
  .sw-model {
    font-size: 18px;
    font-weight: 500;
  }

  .sw-link {
    width: 100%;
    padding: 10px;
    background-color: #1f5b8b;
    color: #fff;
    transition-duration: 0.2s;
  }
  .sw-dl {
    margin: 10px 0;
    justify-self: center;
  }
  .wrapper-order-info:hover {
    background-color: transparent;
  }
/*
  .line-item {
    padding-bottom: 10px;
  }
*/
  .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: 14px;
    max-height: 999em;
    padding-right: 0;
  }

  .more-mobile {
    display: block;
  }
  .more {
    display: none;
  }
}

@media (max-width: 600px) {
  .wrapper-software {
    min-width: 100%;
    margin: 0;
/*    min-height: 225px;*/
  }
  .wrapper-software:hover {
    background-color: transparent;
  }
  .sw-publish {
    font-size: 14px;
    padding-top: 2px;
  }
  .sw-size {
    font-size: 14px;
  }
  .wrapper-software-display,
  .wrapper-documentation-display,
  .wrapper-order-info-display {
    grid-template-columns: 100%;
  }
  .link {
    padding: 16px 2px;
  }
}
/*end css grid formatting for software documentation*/

.related-products {
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1;
  clear: both;
}


.morecontent span {
  display: none;
}
.morelink {
  display: block;
}

/* Error feedback for Recaptcha on Sales page (US Only) */

.msg-error {
  color: #c65848;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 19em;
}

.application-form {
	width:50%;
}
.gallery {
	grid-column: 1;
	grid-row:span 2;
	align-self: center;
	justify-self: center;
}
.product-highlight .gallery {
    border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
@media (max-width:1068px) {
	.aspect-ratio-box-gallery {
  		height: 0;
		overflow: hidden;
		padding-top:25px;
		padding-bottom:400px;
 		background: white;
 		position: relative;
	}
	.aspect-ratio-box-gallery-inside {
		position: absolute;
  		top: 0;
  		left: 0;
		width:100%;
		height:100%;
	}
	.product-highlight .gallery {
		border: none;
		justify-self:flex-start;
	}
}

.grey-box {
	background-color: rgb(31, 91, 139, .5);
	height: 10px;
	margin-top: 20px;
/*    border: 3px solid #eeeeee;*/
	border-radius: 5px;
}

.product-highlight {
	background-color:;
	padding:10px;
}

.gallery-img {
	border: 2px solid black;
}





.heat-sink {
	color:#eee;
	line-height:2;
	border:1px solid #eee;
	padding:5px;
}

@media (min-height:400px) and (max-height:1000px) {
.sp-lightbox {
	padding-top:50px;
	max-height:90vh;
	margin-top:10vh;
	} }

/*Comparison Chart Formatting for Falcon Versions on 20ghz_signal-source page AND Signal Generators main product page*/

.comparison-chart {
	margin:0;
}

/* this class is used for the comparison chart on Falcon Versions on 20ghz_signal-source_with_b.html */
.versions-container {
  display: grid;
  grid-template-columns: repeat(5, auto);
  max-width:fit-content;
  grid-row-gap:0px;
	margin:50px auto 0px auto;
	white-space: nowrap;
	border-bottom:1px solid #ddd;
}

/*
.versions-container-sources {
	  grid-template-columns: 1fr 0.8fr 1.3fr 1.3fr 1.2fr 1.1fr 1fr;
}
*/
.versions-container-sources,
.versions-container-downconverters,
.versions-container-upconverters,
.versions-container-nanocircuits {
  display: grid;
  max-width:1000px;
  grid-row-gap:0px;
	margin:50px auto;
	white-space: nowrap;
/*	border-bottom:1px solid #ddd;*/
}
.versions-container-sources:last-child,
.versions-container-downconverters:last-child,
.versions-container-upconverters:last-child,
.versions-container-nanocircuits:last-child {
	border-bottom:1px solid #ddd;
}
.versions-container-sources {
	  grid-template-columns: 1fr 0.8fr 1.3fr 1.3fr 1.2fr 1.1fr 1fr;
}
.versions-container-downconverters,
.versions-container-upconverters{
	grid-template-columns: 1fr 1.3fr 1.3fr 1.2fr 1.1fr 1fr 1fr;
}
.versions-container-nanocircuits {
	grid-template-columns:0.7fr 0.5fr 1fr 1fr 1.1fr 0.8fr 1fr;
}
.versions-item-header-wrapper,
.versions-item-wrapper{
	display:grid;
	grid-template-columns:12% 10% 18% 17% 17% 10% 15% 10%;

}
.versions-item,
.versions-item-grey {
	  text-align: left;
  padding:10px;
	font-size:14px;
	
}

.versions-item-grey {
  background-color:#eee;
}
.versions-item-header {
	background-color:#1f5b8b;
	color:#fff;
	font-weight:500;
	padding:10px;
}
.grid-col-one {
	grid-column:1
}
.grid-col-two{
	grid-column:2
}
.grid-col-three {
	grid-column:3
}
.grid-col-four {
	grid-column:4
}
.grid-col-five {
	grid-column:5
}
.grid-col-six {
	grid-column:6
}
.grid-col-seven {
	grid-column:7
}
.grid-col-eight {
	grid-column:8;
}

.descr {
  font-weight:500;
}
.descr-sm {
	font-size:14px;
	font-weight:500;
	text-wrap: wrap;
	min-width:150px;
}
.product-select {
	color:#444;
	box-shadow:1px 2px 1px 1px #ddd;
	transition:0.2s ease-in-out;
}
.product-select:hover,
.product-select.versions-item-grey:hover{
	background-color:#ddd;
}
.green {
  color:green;
  font-weight: 800;
}
.red {
  color:#8b2c1f;
}
.left-margin {
 margin-left:20px;
}
.sci-blue {
  background-color:#808080;
	color:#fff;
}
.span-2-cols {
	grid-column: span 2;
}
.banner-text {
	max-width:1000px;
	margin:auto;
}
@media (max-width:1025px) {
	.versions-container-sources,
	.versions-container-downconverters,
	.versions-container-upconverters{
		width:100vw; /* keep this for old browsers */
	width: calc(100vw - var(--scrollbar)); /* adjusts for scrollbar width so that 100vw doesn't add margin to the end off the screen. */
	overflow-y:hidden;
	overflow-x: scroll;
	white-space:nowrap;
		margin:50px 0 0 0;
	}

	.banner-text {
		display:block;
		width:100%;
/*		margin:auto;*/
	}
	.versions-item-header-wrapper,
.versions-item-wrapper{
	display:grid;
	grid-template-columns:10% 10% 15% 17% 13% 10% 15% 10%;

}
}
@media (max-width:792px) {
	.versions-container-sources,
	.versions-container-downconverters,
	.versions-container-upconverters,
	.versions-container-nanocircuits{
	width:100vw; /* keep this for old browsers */
	width: calc(100vw - var(--scrollbar)); /* adjusts for scrollbar width so that 100vw doesn't add margin to the end off the screen. */
	overflow-y:hidden;
	overflow-x: scroll;
	white-space:nowrap;
		margin:50px 0 0 0;
	}
  .versions-item-header-wrapper {
    font-size:14px;
  }
.versions-item-header-wrapper,
.versions-item-wrapper{
	grid-template-columns:13% 10% 22% 20% 25% 12% 17% 10%;

}
	.product-select {
		background-color:#fff;
	}
	.product-select:hover,
	.product-select.versions-item-grey:hover{
		background-color:#fff;
	}
	
  .sticky {
    position: sticky!important;
    left:0!important;
    border-right:1px solid #ddd;
    box-shadow: 2px 0 1px -2px #444;
  }
  .white {
    background-color:#fff;
  }
	.left-margin{
		margin-left:10px;
	}
	.descr {
		padding-left:15px;
		padding-right:15px;
		font-size:14px
	}
/*
	.descr-sm {
		font-size:10px;
	}
*/

}


@media(max-width:600px){
.versions-container { 
	width:100vw; /* keep this for old browsers */
	width: calc(94vw - var(--scrollbar)); /* adjusts for scrollbar width so that 100vw doesn't add margin to the end off the screen. */
	overflow-y:hidden;
	overflow-x: scroll;
	white-space:nowrap;
		margin:30px auto 0 auto;
	}

}




@media (max-width:680px){
    .nanocircuits a, 
    .synthesizers a,
    .downconverters a,
    .upconverters a,
    .legacy-products a,
    .company-list a {
    	line-height:2.2;
}}

.included-box .question-mark {
	display:none;
}
.included-box:hover .question-mark {
	display:block;
	position:absolute;
	max-width:fit-content;
	height:auto;
	box-shadow: 1px 1px 1px 1px #ddd;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:5px;
	color:#444;
	font-size:90%;
	padding:10px;
	z-index:1;
}
.index-product-wrapper {
	padding-top:50px;
	padding-bottom:50px;
}

.index-events-wrapper {
	padding-top:50px;
	padding-bottom:50px;
}

.iso-wrapper {
	margin-bottom:40px;
}

.info {
	color:rgba(0,0,0,0.20);
	margin-left:5px;
}

.bullet-point {
	color:rgb(0,0,0,0.20);
	margin-right:5px;
}