@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,500|Roboto:300,400,500|Open+Sans:300,400,700');

.patentseal {
    padding: 0.05em;
    text-align: center;
    margin-right: 0.8em;
    height: 1.5em;
}

@media (min-width: 992px) {
.marginfix {
    width: 65% !important;
	margin-left: 15px !important;
}
}

.subnav.affix {
    padding-top: 10px;
}

@-moz-document url-prefix() {
    @supports not (animation: calc(0s)) {
        /* Gecko */
        .firefix {
            margin-bottom: 0 !important;
        }
    }
//		.container {
//		margin-top: -10px;
		}
}

.overlay1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay1:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 100px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  text-align: left;
}

@media all and (max-width: 768px) {

.popup {
  width: 95%;
  height: auto;
  margin: 5px;
    } 

}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.srvalt-container {
    width: 500%;
    margin-left: -200%;
    background-color:#aaa;
    padding: 20px;
}

.srvalt {

}

.srvalert2 a:hover {
    color: #000 !important;
  }

.srvalert2 a:visted {
    text-color: #000 !important;
  }

.modal-backdrop {
    z-index: 0 !important;
}

.modal {
    z-index: 1 !important;
}

.srvalert {
	height: 20px;
	width: 100%;
	background-color: #fbb040 !important;
	z-index: 1050 !important;
	margin-top: 0;
	clear: both;
	text-align: center;
	color: #fff;
}

.srvalert2 a {
    text-decoration: underline;
  }

.srvalert a:hover {
    color: #000;
  }

.srvalert a:visted {
    text-color: #000 !important;
  }

.srvalerttxt {
	color: #f2f2f2 !important;
}

.srvalert:before {
  content:"";
  background-color:#000;
  position: absolute;
  height: 100%;
  width: 200vw;
  left: -100vw;
  z-index: -1;
}



*{
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  padding: 0;
  margin: 0 0 10em 0;
  color: #444;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;   
  overflow-y: scroll;
}

a:link{
  color: #b47e2d;
  text-decoration: none;
}

a:visited{
  color: #b47e2d;
  text-decoration: none;
}

a:hover{
  color: #FBB040;
  text-decoration: none;
}

a:focus, a:hover{
  color: #FBB040;
}

.lead{
  font-size: 1.25em;
  line-height: 1.35em;
  letter-spacing: 0.025em;
  font-weight: 300;
}

p{
  color: #0f0f0f;
  line-height: 1.5em;
  font-size: 1em;
  font-weight: 400;	
}

ul{
  line-height: 1.5em;
  letter-spacing: .01em;
  font-size: 1em;
  font-weight: 400;	
  color: #0f0f0f;
  list-style-position: inside;
  list-style-type: disc;
}

th {
	vertical-align: middle;
	text-align: center;
}

th img{
	margin: 0 auto;
}


h1{
  font-size: 2em;
  letter-spacing: 2px;
  color: #222;
  margin-top: 3em;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}


.secondclass{
  font-family: 'Raleway', sans-serif;
  font-weight: 400;	
  font-size: 2em;
  letter-spacing: 2px;
  color: #222;
  margin-top: 1em;
}


h2{
  font-family: 'Raleway', sans-serif;
  font-weight: 400;	
  font-size: 1.5em;
  line-height: 1.75em;
  letter-spacing: 1px;
  color: #222;
}


h3{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;	
	font-size: 1.2em;
    line-height: 1.5em;
	letter-spacing: .05em;
    color: #222;
}

h4{
	font-size: .8em;
	letter-spacing: .02em;
    color: #222;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;	
}

h5{
	font-size: .7em;
	letter-spacing: .02em;
    color: #222;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;	
}

.btn{
  margin: 5px;
  border: 1px #b47e2d solid;
  background-color: transparent;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #fbbd3f;
  position: relative;
  z-index: 500;	
}

.btn:hover, .btn:active, .btn:focus{
  border: 1px #fbbd3f solid;
  background-color: transparent;
  color: #fbbd3f
}

.btn:hover:active{
  background-color: transparent;
  border: 1px #fbbd3f solid;
  color: #fbbd3f
}

.lightcopy{
	color: #f1f1f1 !important;
}

.smallcopy{
	font-size: .75em !important;
}

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

.dark-page{
  background-color: #171717;
  color: #f1f1f1 !important;
}

.white-bg{
  background-color: #f1f1f1;
  color: #171717 !important;
}

.b1{
	background-color: #f1f1f1;
  }

.b2{
	background-color: #f0f0f0;
  }

.b3{
  background-color: #f8f8f8 !important;
  }

.b4{
  background-color: #fff !important;
}

.orange{
  color: #f99e35!important; 
}

.boldertext{
  font-weight: 900; 
}

.light-text{
  color: #fff !important; 
}

.light-border-left{
	border-left: 1px #f1f1f1 solid;
	margin-top: 1em;
	padding-right: 3em;
}

.light-border-right{
	border-right: 1px #f1f1f1 solid;
	margin-top: 1em;
	padding-left: 3em;
}

.no-border{
	margin-top: 1em;
}

.nopadding{
	padding:0;
}

.topbuffer{
	margin-top: 8em !important;	
}

.smallbuffer{
	margin-top: 2.5em !important;	
}

.techbuffer{
	margin-top: 1.5em !important;	
}

.negmargin{
	margin-top: -1em;
}

.tmmargin{
	margin-top: -0.45em;
}

.product-top-buffer{
	padding-top: 5em !important;	
}

.shortbuffer{
  margin: 1em 0 0 0;  
}

.bottombuffer{
	margin-bottom: 4em;
}

.smallbottombuffer{
  margin-bottom: 2em;
}

.parallax-window {
  min-height: 30em;
  background: transparent;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Nav * * * * * * */


 
 .btn-blk{
  margin: 8px 5px 5px 5px;
  border: 0;
  background-color: transparent;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #aaa
}

 .btn-blk:hover,  .btn-blk:active,  .btn-blk:focus{
  border: 0;
  background-color: transparent;
  color: #fff;  
}

 .btn-blk:hover:active{
  background-color: transparent;
  border: 0;
  color: #fff;  
}

#logo{
	max-height: 100%;
	margin: -0.2em auto 0 auto;
}

#svglogo{
	margin: -2px auto 0 auto;
  height: 100px;
	max-height: 100% !important;
	width: auto;
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {#svglogo{max-height: 130% !important; margin: -0.2em auto 0 auto;}
}

nav{
  z-index: 15;
  font-size: small !important;
  line-height: 1.5em;
  font-weight: lighter !important;
  letter-spacing: -.01em !important;
  border-bottom: 0;
	background-color: rgba(0,0,0,0.95);
  	background-image:
    linear-gradient(
      to right, 
      #191919, #434343
    );
}

.navbar-inverse .navbar-nav > li > a {
  color: #fcfcfc !important;
  -webkit-transform:translate3d(0,0,0);
}


.navbar-brand>img {
  padding: 0;
}

.navbar-brand {
  height: 2.75em !important;
}

.navbar-toggle {
  padding: 5px;
  margin: 15px 5px 5px 0;
}

.navlist ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.navlist li{
	list-style-type: none;
	margin: 0;
}

.navlist-header{
	color: #ffffff;
}

.mega-dropdown { 
  position: static !important; 
}

.dropdown-menu{
  height: auto;
  width: 100%;	
  background-color: #f1f1f1;
  border-radius: 0 !important;
  border: 0 !important;
  padding: .5em;	
  z-index: 10000 !important;	
}

.dropdown-menu h1{
  font-size: 1.8em;
  letter-spacing: 1px;
  color: #222;
  margin-top: .5em;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}

.dropdown-menu > .container-fluid{
  height: 8em;
  padding: 0;
  margin: .5em auto;
  display:flex;
  width: 95%;
}

.dropdown-menu > .long-container-fluid{
  height: 14em;
  padding: 0;
  margin: .5em auto;
  display:flex;
  width: 95%;
  text-align: center;
}



.massivedropdown{
  display: flex;
  width: 100%;
}

.massivedropdown-row{
  margin: 1.25em auto .25em auto !important;
  text-align: center;
  justify-content: center;
  align-items: center;	
}

.massivedropdown-titles{
  margin: 0 auto !important;
  padding: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;	
}


.dd-fx-titles h2{
  margin: .5em auto -0.5em auto !important;
  padding-top: 20px;
  padding-bottom: 5px;	
}

.dd-le-titles h2{
  margin: .5em auto -0.5em auto !important;
  padding-top: 20px;
  padding-bottom: 5px;	
}

.dd-dr-titles{
  margin: -0.5em auto -1.75em auto !important;
  padding-top: 10px;
  padding-bottom: 5px;	
}

div.navlist {
  position: relative;
  top: .5em;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.navlist-1{
 flex-grow: 2
}

.navlist-2{
 flex-grow: 1;
}

.figcaption-0 {
position: absolute;
top: 5px;
left: 0;
right: 0;
bottom: 5px;
border-style: solid;
border-color: white;
border-width: 2px 0 2px 2px !important;
z-index: -1;
}

figcaption {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-color: white;  
  border-width: 0 0 0 2px;
  z-index: -1;
}

figcaption-1 {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-color: white;  
  border-width: 0 2px 0 0;
  z-index: -1;
}

.figcaption-2 {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-color: white; 
  border-width: 0 2px 2px 2px;
  margin-right: -1px;
  z-index: -1;
}

.figcaption-3{
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-color: white; 
  border-width: 0 2px 0 2px;
  margin-right: -1px;
  z-index: -1;
}

.figcaption-4 {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-color: white;  
  border-width: 0 0 2px 0;
  z-index: -1;
}

.ddrule {
  width: 2px;
  height: 90%;
  margin-left: 1em;
  position: relative;
  overflow: hidden;
}
.ddrule > .inner {
  position: absolute;
  width:100%;
  height: 75%;
  background: #fff;
  top: 15px;
  bottom: 10px;
}

.caption{
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  top: 0;
  margin-top: -2.45em;
  display: flex;
  z-index: -1;	
}

.caption h2 {
  margin: .55em auto 0 auto;
  padding: 0 2px;
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  font-size: .8em;
  line-height: 2.25em;
  display: flex;
  align-items: center;
  text-align: center;
}

.caption h2 span { 
    background: #f1f1f1; 
    padding: 0 5px; 
    margin: 0 45px;
    z-index: 5;
}


.caption h2 span .one{ 
    width: 75%
}

.caption h2 span .two { 
    width: 25%
}

.caption h2:before{
  margin-right: 4%;
  left: -1000%;
  width: 1000%;
}

.caption h2:after{
  margin-left: 4%;
  right: -1000%;
  width: 1000%;
}

.caption h2:before,
.caption h2:after {
  top: 50%;
  height: 2px;
  content: '';
  background: white;
  position: absolute;
  display: block;
}

.caption2{
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-top: -2.6em;
  display: flex;
}


.caption2 h2,
.caption2 h3 {
  margin: 0 auto;
  padding: 0 5px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  font-size: .70em;
  line-height: .95em;
  text-align: center;
}




.caption2 h2:before,
.caption2 h3:before{
  margin-right: 5%;
  left: -1000%;
  width: 1000%;
}

.caption2 h2:after,
.caption2 h3:after{
  margin-left: 5%;
  right: -1000%;
  width: 1000%;
}

.caption2 h2:before,
.caption2 h2:after,
.caption2 h3:before,
.caption2 h3:after {
  bottom: 50%;
  height: 2px;
  content: '';
  background: white;
  position: absolute;
  display: block;
}

ul.sublist{
  padding: 0;
  margin: 0em auto;
  height: 6em;
  display: flex;
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  list-style: none;
  text-align: center;
}

ul.sublist li{
  padding: .5em;
  margin: 0 .5em;
  font-size: 0.75em;
  font-weight: 400;
  text-align: center;
}

 .sublist-short,
 .sublist2{
  padding: 0;
  margin: 0em auto;
  display: flex;
}

 .sublist2 {
  height: 10em;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  align-self:flex-start;
  margin-top:1em;
}

.sublist-short h4{
	padding: 0;
	margin: 0;
}

 .sublist-short {
  margin-top: -1em;
  height: 2em;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;	 
}

.sublist-long{
  padding-left: 3em;	
 }


 .sublist2 table{
  font-size: 0.75em;
  font-weight: 400;
  text-align: left;
 }


.sublist-icon{
  display: block;
  text-align: center;
  height: 1.5em;
  margin: .5em auto .75em auto;
}

.product-icon{
  text-align: center;
  margin: 0 auto;
  display: block; 
}

.sublist-le{
  width: 5em;
  margin-bottom: 5px;		
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Footer * * * * * * */


footer {
	bottom: 0;
	width: 100%;
	height: 10em;
	background-color: rgba(0,0,0,0.95);
  	background-image:
    linear-gradient(
      to right, 
      #191919, #434343
    );
  color: #f8f8f8;
  clear: both;
  position: absolute;
  z-index: 10;
  padding: 2em 0 0 0;
  margin: 0;
}


.footer-text{
  color: #b47e2d;
  font-size: .8em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .10em;
  margin-top: .5em;
}

.footer-link{
  text-decoration: underline !important;
  color: #b47e2d !important;
}


.footer-link:hover{
  text-decoration: none !important;
  color: #fbb040 !important;
}

footer hr{
	border: 5px solid #191919 !important;
  display: none;
}

.top-button{
  color: #b47e2d;
  size: .9em;
  letter-spacing: .15em;
  border: 2px solid #b47e2d;
  padding: .5em;
  margin-top: .2em;
  display: inline-block;
  text-decoration: none;
}

.top-button:hover{
  color: #fbb040;
  border: 2px solid #fbb040;
  text-decoration: none;
}

.social-links{
  color: #b47e2d!important;
  size: 1.25em;
  padding: .15em;
  margin-top: .2em;
  display: inline-block;
  text-decoration: none;
}

.social-links:hover{
  color: #fbb040 !important;
  size: 1.25em;
  padding: .15em;
  margin-top: .2em;
  display: inline-block;
  text-decoration: none;
}

.social-link-text{
  color: #191919 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Home * * * * * * */

.home-aionbrands-block{
  height: 10em;
  min-height: auto;
  background-color: #171717;
  border-right: 6px #ffffff solid;
  border-left: 6px #ffffff solid;
  border-top: 12px #ffffff solid;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; 
  text-align: center;
}

.home-aionbrands-logo{
  height: 3em;
  margin: 0 auto;
}

.tenyears{
  display: block;
  height: 4em;
  width: auto;
  margin: 0 auto;
}

.no-js #loader { 
  display: none;  
}

.js #loader { 
  display: block; 
  position: absolute; 
  left: 100px; 
  top: 0; 
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('') center no-repeat #010101;
}

.home-multi-slider{
  margin: 2em auto 0 auto;
}

.home-multi-slider .flickity-slider{
  transform: none !important;  
}

.home-slider {
  background: #f8f8f8;
}

.home-cell {
  width: 100%;
  height: 90vh;
  margin-right: 0;
  display: flex;
  align-items:center;
  justify-content:center;
  position: relative;
  left: 0 !important;
}


.home-cell.is-selected{
	opacity: 1;
}


.home-cell h1,
.home-cell h2,
.home-cell h3{
  font-family: 'Open Sans', sans-serif;
  -webkit-transform: translate3d(0,0,0);
}

.flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background: transparent;
  opacity: 0.6;
}

.flickity-prev-next-button:hover {
  background: transparent;
  opacity: 1;
}

.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}

/* closer to edge */
.flickity-prev-next-button.previous { 
left: 15px; 
}

.flickity-prev-next-button.next { 
right: 15px; 
}

.flickity-page-dots .dot {
  background-color: #f8f8f8
}


/* * * * * * Slider Images * * * * * */


#home-img-1, #home-dls{
  background-color: #010101;
}

#home-dls a img{
  height: 35em;
  width: auto;
  margin: 2em auto;
  padding: 1em;
  position: relative;
  z-index: 500;
}

#home-img-3{
  background: #333 url('../images/home/slide3.jpg') no-repeat;
  background-position: top center;
  background-size: cover;  
}

#home-img-4{
  background: #333 url('../images/home/slide4.jpg') no-repeat;
  background-position: top center;
  background-size: cover;  
}

#home-img-5{
  background: #333 url('../images/home/slide5.jpg') no-repeat;
  background-position: top center;
  background-size: cover;  
}

#home-img-6{
  background: #333 url('../images/home/slide6.jpg') no-repeat;
  background-position: top left;
  background-size: cover;  
}

#home-img-7{
  background: #333 url('../images/home/slide7.jpg') no-repeat;
  background-position: top center;
  background-size: cover;  
}

#home-img-8{
  background: #010101 url('../images/home/slide8.jpg') no-repeat;
  background-position: top center;
  background-size: cover;  
}

#home-img-9{
  background:  #010101 url('../images/home/slide9.jpg') no-repeat;
  background-position: top center;
  background-size: cover;
}

#home-img-10{
  background:  #010101 url('../images/home/slide10.jpg') no-repeat;
  background-position: center center;
  background-size: cover; 
}

#home-img-11,
#home-img-12{
  background: url('');
  background-color: #010101;
  background-size: cover;  
}

/* * * * * * Slider Content * * * * * */

.slider-def-content svg{
	height: 30em;
	width: auto;
}

.st0 {
    fill: none;
	stroke: #fff;
    stroke-width: 2;
	stroke-miterlimit:10;
    stroke-dasharray: 750px;
    stroke-dashoffset: 750px;
    animation-name: draw;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: linear;
  }
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

#Layer_2{
	margin: 0 auto;
}

.slider-def-text{
	text-align: center;
	margin: 1em auto;
	align-self: flex-end;
}

.slider-def-text span{
  font-weight: 800;	
}

.slider-def-content{
  height: 90%;
  width: 100%;
  margin-left: 0!important;
  margin-right: 0!important;
  display: flex;
  justify-content: center;
  flex-direction:column;
  align-content: center;
  margin: 0 auto;
  position: static;
}

#ja8-slide{
  height: 85vh;
  background-color: #f1f1f1;
  width: 100%;
  margin: 0!important;
  padding-bottom: 0 !important;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
}

#ja8-slide a img{
  width: 40% !important;
  height: auto;
  margin-top: 5em;
  position: relative;
  z-index: 500;		
}

.slide2-container{
  width: 60%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content:flex-start;  
  flex-direction: row;	
  position:absolute;
  right: 5%;
  top: 8%;
}

.slide2-max-item,
.slide2-lg-item,
.slide2-item{
  margin: 1.5em;
  height: auto;
  width: 6em;
  align-self: center;
  text-align: center;
}

.slide2-max-item img{
  height: auto;
  width: 100%;
}

.slide2-item img{
  height: auto;
  width: 70%;
}

.slide2-lg-item img{
  height: auto;
  max-width: 40%;
}

.slider-left-content{
  height: 90vh;
  width: 45%;
  margin: 0!important;
  padding-bottom: 0 !important;
  display: flex;
  justify-content: center;
  flex-direction:column;
  position: absolute;  
  left: 10%;
}

.slider-left-text{
	text-align:left;
	display: block;
	margin-left: 2em;
}

.slide2-left-text{
	text-align: left;
	display: block;
	margin: -2em 0 0 0;
}

.slider-center-container{
  height: 90vh;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 auto;
  position: relative;	
  text-align: center;
}

.slider-container{
  height: 90vh;
  width: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0;
  right: 0;
  top: 0;
  position: absolute;
}

.slider-greybox-container{
  height: 90vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.slider-content-black-bar{
	position: absolute;
	top: 0;
	right: 50%;
	background-color: #010101;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: space-around;
	height: 100%;
	width: 8%;
	padding: .25em;
}

.slider-content-spec-icon{
  height: 4em;
  width: 4em;
  margin: 1em;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.slider-content-selected-icon{
  display: block;
  height: 4em;
  width: 4em;
  margin: 1em;
}

.slider-spec-content{
  height: 90vh;
  width: 45%;
  margin: 0!important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  position: absolute;  
  left: 0;
  text-align:center;
}

.slider-spec-content h1{
  margin: 0!important;	
}

.slider-content-grey-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: #333;
  height: 50%;
  width: 35%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=95);
  opacity: 0.95;
  padding: 1em;
  text-align: center;
  }
  
.slider-content-tech-logo{
  height: 5em;
}


.slider-content-dtg-logo{
  height: 5em;
  margin-top: -.75em;
}

.slider-ratings-string{
	display: flex;
	width: 40%;
	justify-content: space-around;
	align-content: center;
	margin: 0 auto;	
	text-align: center;
}


.ul-ratings-icon{
	padding: .25em;
	text-align:center;
	margin-top: -1em;
	height: 3.5em;	
}


.slider-ratings-icon{
	padding: .25em;
	text-align:center;
	height: 2em;	
}

.slider-container .btn{
	font-size: 1.5em;
	border: 1px #b47e2d solid;
	margin: 0 auto;
	text-align:center;
	color: white;
	letter-spacing: .1em;
	position:relative;
	background-color: transparent;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
  position: relative;
  z-index: 500;
}

.slider-container .btn:hover, .btn:active, .btn:focus{
	border: 1px #FBB040 solid;
	color: #fbbd3f;
	background-color: transparent;
}

.slider-container .btn:hover:active{
	border: 1px #FBB040 solid;
	background-color: transparent;
}

.slider-last-page-string{
	display: flex;
	width: 40%;
	justify-content: space-around;
	align-content: center;
	margin: 0 auto;	
	text-align: center;
}

.slider-last-page-icons{
	padding: .25em;
	text-align:center;
	height: 7em;	
}

/* * * * * * Home Content * * * * * */


.home-border{
  border-right: 1px solid #ccc;
}

.home-text{
  margin: 2em auto !important;
}

.home-button{
  margin: 2em auto !important;
  text-align: center;
}

.home-button:first-child{
  border-right: 4px solid #f1f1f1;
}

.home-button:last-child{
  border-left: 4px solid #f1f1f1;
}

#home-qube{
  background:  #010101;
}

.home-qube-img{
  background: url('../images/qube-shot.png') no-repeat;
  background-position: top left;
  background-size: contain;
  height: 80%;
}

.qube-logo-home{
  height: 5em;
  width: auto;
  display: block;
  margin: 0 auto 3em auto;
}

.qube-text{
  color: #f1f1f1 !important;
  text-align: center;
}


.qube-tour-show{
  background: url('../images/news/2019_LFI_3b.jpg') no-repeat;
  background-position: center;
  background-size: cover;
  height: 450px;
}

.qube-tour-party{
  background: #000000 url('../images/news/2019_stratusparty_3b.jpg') no-repeat;
  background-position: left center;
  background-size: 75%;
  height: 450px;
}

.ratings-string {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.ratings-string-centered {
  width: 90%;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.ratings-icon-sm {
  padding: 0.05em;
  text-align: center;
  margin: 0.5em;
  height: 1.5em;
}

.ratings-icon-lg {
  padding: 0.20em;
  text-align: center;
  margin: 0.5em;
  height: 3em;
}

.ratings-icon-xl {
  padding: 0.20em;
  text-align: center;
  margin: 1em;
  height: 4em;
}

hr.product-feature{
  background-color: #f8f8f8;
  height: 2px;
  border: none;
}

.home-product-spotlight{
  height: 300px;
  margin: 1em auto;
  display: block;
}

.home-product-feature:first-child{
  border-right: 2px solid #f8f8f8;
}

.home-product-feature:last-child{
  border-left: 2px solid #f8f8f8;
}

.home-product-feature{
  background-color: #fff;
}

.home-product-feature:hover{
  background-color: #f8f8f8
}


.home-product-spotlight-logo{
  display: block;
  max-width: 90%;
  height: 3.5em;
  margin: 0.75em auto;
}

.home-product-spotlight-image{
  display: block;
  max-height: 175px;
  margin: 1em auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Product nav Page  * * * * * * */ 
 .product-icon-home
 .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: transparent;
}

.product-icon-home
.flickity-prev-next-button:hover {
  background: transparent;
}

.product-icon-home
.flickity-prev-next-button .arrow {
  fill: #999;
}

.product-icon-home
.flickity-prev-next-button.no-svg {
  color: #999;
}

.product-icon-home
.flickity-prev-next-button.previous {
  left: -40px;
}

.product-icon-home
.flickity-prev-next-button.next {
  right: -40px;
}

.product-icon-home
.flickity-page-dots {
  display: none;	
}
 
.product-icon-home h2 {
  margin-top: 1.5em;
  border-top: 2px solid white;
  text-align: center;
  height: 15px;  
}
 
.product-icon-home h2 span {
  background: #f1f1f1;  
  padding: 0 0.3em;
  position: relative;
  top: -0.8em;
}

.product-icon-slider{
  margin: 0 auto;
  width: 90%;
  border-bottom: 2px solid #fff;
}

.product-cell {
  width: 5.5em;
  height: 6.5em;
  margin-right: 10px;
}

.product-cell img{
  text-align: center;
  margin: -1em auto 0 auto;
  display: block; 
}
 
.product-label{
  display: block;
  padding: 0 auto; 
  margin: 0 auto;
  text-align: center;
  color: #626467;
  font-size: .7em;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .09em;  
}
 
 
#productnav-le{
  width: 10px;
}

#productnav-mt102{
  width: 14px;
}

#productnav-mt{
  width: 17px;
}
 
#productnav-at401{
  width: 23px;
}
 
#productnav-at402{
  width: 22px;
}
 
#productnav-at801{
  width: 26px;  
}
 
#productnav-at802{
  width: 26px;
}
 
#productnav-at845{
  width: 30px;   
}
 
#productnav-st{
  width: 50px;
}
 
#productnav-wrtype{
  width: 12px;
}
 
#productnav-uf{
  width: 13px;
}
 
#productnav-9524{
  width: 60px;
}
 
#productnav-dtm{
   height: 40px;    
}
 
.productnav-401:hover{
  background-image: url(../images/products/atrack-profile-beam.png);
    background-repeat: no-repeat;
  background-position: left 50% top 2.55em;
  background-size: 100%;
}
 
.productnav-402-801:hover{
  background-image: url(../images/products/atrack-profile-beam.png);
    background-repeat: no-repeat;
  background-position: left 50% top 3em;
  background-size: 100%;
}
 
.productnav-802:hover{
  background-image: url(../images/products/atrack-profile-beam.png);
    background-repeat: no-repeat;
  background-position: left 50% top 3.75em;
  background-size: 100%;
}
 
.productnav-at845:hover{
  background-image: url(../images/products/at845-profile-beam.png);
    background-repeat: no-repeat;
  background-position: right 190% top 2.75em;
  background-size: 75%;
}
 
.productnav-skytrack:hover{
  background-image: url(../images/products/st-profile-beam.png);
    background-repeat: no-repeat;
  background-position: right 50% top -1em;
  background-size: 100%;
}
 
.productnav-grazer:hover{
  background-image: url(../images/products/grazer-profile-beam.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 50%;
}
 
.productnav-wt-bg{
  background-image:url(../images/products/rainbg.png);
  background-size: 20%;
  background-repeat: repeat;
  background-position: 50% 90%; 
}
 
.productnav-dtm:hover{
  background-image: url(' ');
   background-repeat: no-repeat;
  background-position: left 50% top 50%;
  background-size: 35px 35px;
}
 
 
.product-buttons{
  margin: 3em auto !important;
}
 
.product-buttons:first-child{
  border-right: 4px solid #f8f8f8;
}
 
.product-buttons:last-child{
  border-left: 4px solid #f8f8f8;
}
 
.thumbnail{
  background-color: #ffffff;
  border: 1px solid #ffffff !important;
  border-radius: 0px;
  padding: 0;
  margin-bottom: 10px;
  line-height: 1;
}
 
 
.thumbnail:hover{
  background-color: #ffffff;
  border: 1px solid #FBB040 !important;
  border-radius: 0px;
  padding: 0;
  margin-bottom: 10px;
  line-height: 1;
}
 
a.thumbnail h3{
  font-weight: 500;
  text-align: center;
  margin-bottom: -0.25em;
}
 
a.thumbnail p{
  font-weight: 300;
  letter-spacing: .05em;
  text-align: center;
  margin-top: -0.5em;
  padding-bottom: 1em;
  border-top: 0;
}

.product-info li span{
  font-weight: 600 !important;
    padding-right: 0.5em !important;
}

.product-info li span::after {
  content: ":" !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Stocking Partners * * * * * * */

.newproduct{
	position: relative;
	height: 2em;
	margin-left: 0.25em;
}

.preferred{
	position: relative;
	height: 2.5em;
	margin-left: 0.25em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}


#stocking-head{
  background-color:#fff;
  height: 10em;
  padding-top: 5em;
  display: flex;
  text-align: center;	
}

.partnerlist{
	border-bottom: 2px #aaaaaa solid;
}

.partnerlist li{
	font-size: 18px;;
}

.splogo{
	display: block;
	height: 2.5em;
	margin-left: 0 ;
}


.stocking-partner-logo{
  height: 5em;
}

.side-rep-finder{
	margin-top: 3em;
	padding: 1em;
	background-color: #f1f1f1;
}

.side-rep-finder h3{
	text-align: center;
	padding-bottom: .1em;
}

.partner-row{
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

h3 img.sp-icon {
	width: 2em;
	display: inline-block;
	margin-right: .5em;
}

.partner-logo{
  height: 3em;
  margin: .5em 0;
  display: inline-block;
  text-align: center;
}

.purch-partner-slider{
  margin: 2.5em 0;
  text-align: center;
}

.purch-partner-cell {
  width: 40%;
  height: 10em;
  margin-right: 10px;
  background: #fcfcfc;
  text-align: center;
}

.purch-merch{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.purch-merch p{
  line-height: 1.15em;
  font-size: .9em;
  font-weight: 300;	
}

.purch-box{
  height: 25em;
}

.sp-img{
	background-color: #888;
	display: block;
	margin: 0 auto;
	text-align: center;
	height: 300px;
	width: 100%;
}

#sp-leroll{
    background: url('../images/letyperoll.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}

#sp-wr{
    background: url('../images/wrtype-aion-pref.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}


#sp-atrack{
    background: url('../images/spatrack.png') no-repeat;
	background-size: contain;
	background-color: #121212;
	background-position: bottom center;	
}
 
#sp-fc{
    background: url('../images/fieldconnectors-ill.svg') no-repeat;
	background-color: #121212;
	background-size: 120%;
	background-position: center;
}
 
#sp-dcblue{
    background: url('../images/dcbluefam.jpg') no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: #121212;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * About * * * * * * */

.about-top-string{
	display: block;
	margin: 0 auto;	
	text-align: center;
}

.about-top-icon{
	padding: .5em;
	text-align:center;
	margin: 0 auto;
	height: 3.5em;
}

.tenyears-page{
  width: 20em;
  height: auto;
  margin-top: 7em;
}

.tenyears-text{
	color: #f1f1f1 !important;
}

.aboutclass > h2{
  font-size: 2em;
  letter-spacing: 2px;
  color: #333;
  margin-top: 1.5em;
  font-family: 'Raleway', sans-serif;
}


.aboutclass > blockquote,
.aboutclass > .blockquote-reverse{
  font-size: 1.2em;
  letter-spacing: 1px;
  color: #999;
  margin-top: .75em;
  font-family: 'Raleway', sans-serif;
}


.small-rep-finder{
	margin-top: 3em;
	padding: 1em;
	background-color: #f1f1f1;
}

.small-rep-finder h3{
	text-align: center;
}

.small-rep-finder p{
	text-align: center;
	font-size: 0.95em;
	line-height: 1.5em;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.about-foot {
  	max-width: 100%;
	height: 40vh;
	margin-top: 3.25em;
	display: flex;
}

#aboutfoot{ 
    background:#f8f8f8 url('../images/abouthead.jpg') no-repeat;
    background-position: bottom center;
    background-size: cover;
}


.about-head{
  max-width: 100%;
	height: 50vh;
	margin-top: 3.25em;
	display: flex;
	background-color: #f1f1f1;
}

#abouthead{ 
    background:#f8f8f8 url('../images/home/slide.jpg') no-repeat;
    background-position: top center;
    background-size: cover;
}

#sustainability{
    background:#f8f8f8 url('../images/sfbay.jpeg') no-repeat;
    background-position: center bottom;
    background-size: cover;	
}


#careers{
    background: url('../images/production.jpg') no-repeat;
    background-position: center top;
    background-size: cover;	
}

img.aion-led-chip{
	display: block;
	max-height: auto;
	max-width: 50%;
	margin: 2em auto;
	text-align: center;
}


.about-multi-slider{
	margin: 2em 0 4em 0;
}


.about-cell {
  width: 40%;
  height: 25em;
  margin-right: 10px;
  background: #171717;
}


#about-img-3{
    background: url('../images/aboutslider3.jpg');
    background-position: top center;
    background-size: cover;
}


#about-img-4{
    background: url('../images/aboutslider4.jpg');
    background-position: top center;
    background-size: cover;
}

#about-img-5{
    background: url('../images/aboutslider5.jpg');
    background-position: top center;
    background-size: cover;
}

#about-img-6{
    background: url('../images/aboutslider6.jpg');
    background-position: top center;
    background-size: cover;
}

.about-icons{
  display: inline-block;
  margin: 1em;
	height: 5em;	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Glossary * * * * * * */


.glossary{
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 40%;
     -moz-column-width: 40%;
          column-width: 40%;
}


.glossary h3{
	margin: 0em;
}

.glossary p{
	margin-bottom: 1.75em;
}

.glossarytopbuffer{
	margin-top: 8em !important;	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * News * * * * * * */


.news-box-date{
    font-style: italic;
    color: #999;
}

.news-box-title{
    color: #191919 !important;

}

.news-gallery{
  position: relative;
  margin: .25em auto;
}

.inner-gallery-large{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1em;
  text-align: center;
}


.inner-gallery-small{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1em;
  text-align: center;
}

.news-gallery h3.middle,
.news-gallery h3{
	position: absolute;
	text-align: right;
	padding: 1em 1.75em;
	font-weight: 400;
	color: #333;
	background-color: rgba(255, 255, 255, 0.90);
	top: 5%;
	right: 0%;
}

.news-gallery h3.middle span,
.news-gallery h3 span{
	font-weight: 800;
}

.news-filters-container{
  margin-bottom: 40px;
}
.news-filter{
  padding: 0;
  text-align: center;
}
.news-filter li{
  list-style: none;
  display: inline-block;
  color: #b47e2d;
  font-size: .8em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .10em;
  margin: 0 .5em;
  padding-right: 1em;
  border-right: 2px solid #f8f8f8;
  text-align: center;
}

.filter-title{
  border-right: 0 !important;
  text-align: center;
  padding-bottom: 1em;
}


.news-filter li:last-child{
  border-right: 0;
}

.news-filter li a{
  color: #b47e2d;
  text-decoration: none;
}

.news-filter li a:hover{
  color: #fbb040;
}

.news-filter li a.selected{
  color: #fbb040 !important;
}

.mfp-iframe-holder .mfp-content {
    width: 95% !important;
    height: 95% !important;
}


.cedia_logo{
    height: 4em;
    margin: 3em auto;
    display: block;
}

.aion_brands_logo{
    height: 4em;
    margin: 5em 0 1em 0;
    display: block;
}


.pr1019-thumb{
  height: 200px;
}

.sub-logo{
  height: 2em;
  display: block;
  margin: 1em 0em 1em 3em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * System Builder * * * * * * */

.flow-title{
  background: #333;
  padding: 10px;
  color: #FFF;
  text-align:center;
  text-transform: uppercase;
  display: block;
}

.flow-category{
  padding: 15px;
  margin: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 500;
  color: #707070;
  background-color: #E6E6E6;
  border-width: 1px;
  display: block;
}


.flow-choice,
.flow-choice-long,
.it{
  width: 30%;
  height: 6.35em;
  margin: .75em auto;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  background-color: #f8f8f8;
  border: 2px solid #f8f8f8;
}

.flow-choice-long{
  height: 8em !important;
}

.it:hover{
  background-color: #f1f1f1;
}

.flow-choice ul,
.flow-choice-long ul,
.it ul{
  border-top: 3px #fff solid;
  width: 100%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.flow-choice li,
.flow-choice-long li,
.it li{
  padding: .2em;
  font-size: .7em;
  margin: 0 auto 2px auto;
}

.flow-choice-long h4,
.flow-choice h4,
.it h4{
  display: block;
  flex: 100%;
  font-size: .65em;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  align-self: center;
  padding: .2em auto .1em auto;
  margin: 0 auto;
}

.flow-choice-long p,
.flow-choice p,
.it p{
  display: block;
  width: 100%;
  font-size: .8em;
  font-weight: 400;
  text-align: center;
  align-self: center;
  padding: .2em auto .1em auto;
  margin: 0 auto;
}

.flow-selected{
  border: 2px solid #FBB040;
  background-color: #f1f1f1;
}

.flow-fade{
  background-color: #fff;
}

.newboxes,
.slidingDiv1, 
.slidingDiv2{
  display:none;
  margin-left: 1.5em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Doc Library * * * * * * */
.affix-top,.affix{
  position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}


.hiddenRow{
	background-color: #f8f8f8;
	padding: 1em;
}

.hiddenRow .table{
	background-color: transparent;
}

.accordian-body h3{
	margin-left: 1em;
	font-size: .8em;
	letter-spacing: .02em;
	color: #444;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;		
}

.doclib-icon{
	margin: 0 auto;
	color: #b47e2d;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Technology * * * * * * */


.stacked-logos{
  display: block;
  text-align: center;
  height: 5em;
  margin: .5em auto .5em auto;	
}

.sm-tech-logo{
  display: block;
  text-align: center;
  height: .75em;
  margin: .5em auto .5em auto;
}


.sm-tech-icon{
  display: block;
  text-align: center;
  height: 1.5em;
  margin: .5em auto .5em auto;
}


.main-tech-hero {
  max-width: 100%;
  height: 60vh;
  display: flex;
}

#maintechhead{ 
  background:#919191 url('../images/techbanner.jpg');
  background-position: top 1em center;
  background-size: cover;
}


.tech-hero {
  max-width: 100%;
	height: 50vh;
	display: flex;
}

#rgbw-1{
    background:#ccc url('../images/prod-img-rgbw.jpg');
    background-position: top center;
    background-size: cover;
}

#rgbw-2{
    background:#ccc url('../images/prod-img-dyncolor1.jpg');
    background-position: top center;
    background-size: cover;
}

#dtg-1{
    background:#ccc url('../images/prod-img-d-t-g.jpg');
    background-position: top center;
    background-size: cover;
}

#dtg-2{
    background:#ccc url('../images/prod-img-dynwht.jpg');
    background-position: top center;
    background-size: cover;
}

#zd-1{
	background:#ccc url('../images/products/DSC_00251.jpg');
    background-size: cover;
    background-position: bottom center;
    height: 80vh;
}
   
#zd-2{
    background:#ccc url('../images/gallery/langhamchuan-1.jpg');
    background-position: top center;
    background-size: cover;
}


.screencast-head {
  width: 100%;
  height: 100vh;
  padding-top: 5em;
  display: flex;
  text-align: center;
}

.tech-hero {
  width: 100%;
  height: auto;
  padding-top: 5em;
  display: flex;
  text-align: center;
  background-color: #010101;
}

.tech-hero h2{
  text-align: center;
  text-transform: uppercase;
  color: #f1f1f1; 
  font-weight: bolder;
}

.tenyearsgold{
  margin-top: -3em;
  height: 23em;
  width: auto;
  max-width: 50%
}

.patent-wrapper{
  height: auto;
  max-width: 99%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3em;
  justify-content: center;
}

.patent-wrapper img{
  height: 12em;
  margin: 0 1em;
}


.tech-head {
  width: 100%;
  height: 65vh;
  padding-top: 5em;
  display: flex;
  text-align: center;
}


.tech-head .jumbo-icon{
  height: 7em;
  padding: 1em;
  margin: 0 auto;
}

.rgbw-hero {
  width: 100%;
  height: 40vh;
  padding-top: 5em;
  display: flex;
  text-align: center;
}


.rgbw-hero .jumbo-icon{
  height: 7em;
  padding: 1em;
  margin: 0 auto;
}

.lg-cg-icon{
  height: 10em;
  padding: 1em;
  margin: 0 auto;
}

.tech-nav-buttons{
  height: 6em;
}

.dtm-logo{
  height: 8em;
  width: auto;
  padding: 1em;
  margin: .75em auto .5em auto;
  display: block;
  text-align: center;
}

.dtm-logo-update{
  height: 8em;
  width: auto;
  padding: 0.5em;
  margin: 2.5em auto 1.25em auto;
  display: block;
  text-align: center;
}


.dtm-update-ribbon{
  width: 40%;
  padding-right: 5%;
  background: #008DCA;
  position: absolute;
  top: 10%;
  left: -10%;
  text-align: center;
  letter-spacing: 1px;
  color: #ffffff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.dtm-update-ribbon h3{
	margin-top: -0.5em;
	line-height: normal;
}

.dtm-update-ribbon h4{
	margin-top: .75em;
	font-weight: bold;
	line-height: normal;
}	
	

#dtm-head{
    background:#f1f1f1 url(' ');
    background-position: center center;
    height: 70vh;
}

#dtm-header{
    background:#010101;
    height:auto!important;
	padding: 5em 0;
    max-width: 100%;
    display: flex;
	position: relative;
}

#dtm-header h1,
#dtm-header h2,
#dtm-header h3,
#dtm-header p{
	color: #f1f1f1
}

#dtm-features-list{
	height: 1100px;
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#threescreens{
 max-width: 100%!important;
}

#threescreens-update{
 max-width: 70%!important;
 margin: 2em auto;
}

#rgbw-head {
	background: linear-gradient(299deg, #ef2902, #ef9d02, #f0bd00, #f6e17b, #45c8cd, #4586cd, #bb23ed, #dc1a9b);
	background-size: 1600% 1600%;

	-webkit-animation: rgbwp 20s ease infinite;
	-moz-animation: rgbwp 20s ease infinite;
	animation: rgbwp 20s ease infinite;
}

@-webkit-keyframes rgbwp {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

@-moz-keyframes rgbwp {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}

@keyframes rgbwp { 
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}


#dtg-head{
	background: linear-gradient(270deg, #f9a01d, #fcb658, #fbcb77, #fecd8c, #ffe3c1);
	background-size: 1000% 1000%;

	-webkit-animation: AnimationName 9s ease infinite;
	-moz-animation: AnimationName 9s ease infinite;
	animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.light-text{
	color: #ccc !important;
}

#zd-head{
	background: linear-gradient(270deg, #f9a01d, #040301);
	background-size: 400% 400%;

	-webkit-animation: AnimationName 9s ease infinite;
	-moz-animation: AnimationName 9s ease infinite;
	animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

#cg-head{
  background:#ccc url('../images/gallery/longwood-1.jpg');
  background-position: top center;
  background-size: cover;
}

#cl-head{
  background:#010101;
  height: auto;
}


#cl-head img{
	height: 15em;
	width: auto;
	margin: 1.5em auto;
	display: block;
}

#ja8-head{
  background-color:#f2f2f2;
  height: auto;
}

#ja8-head-image{
	height: 30em;
	width: auto;
	margin: 8em auto 7em;
	display: block;
}

.ja8-qr{
	height: 75px;
	width: 75px;
	margin: 1.5em .5em 1.5em;
}

.t24-sm-center{
  padding: 0.5em;
  height: 4.5em;
  width: auto;
  text-align:center;
  position: absolute;
  display: block;
  margin: 0 auto;
}

#lightengines-split{
  background: #ececec url('../images/products/DSC_0043-1.jpg') 100% no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 2em auto;
  height: 30em;
}

.jumbo-icon{
  height: 7em;
}


.jumbo-logo{
  height: 1.55em;
  margin: 1em auto;
  padding-left: -.5em
}

.tech-info-row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	border-top: 3px #ffffff solid;
	border-bottom: 3px #ffffff solid;
	height: 35vh;
}

.tech-info-box{
	background-color: #fcfcfc;
	border-right: 3px #ffffff solid;
	flex: 2;
}

.tech-info-box:last-child {
	border-right: 0;
}

.tech-center-box{
	background-color: #fcfcfc;
	border-right: 3px #ffffff solid;
	flex-grow: 3;
}

/* * DTG SLIDER * */


.dtg {
    background-color: #fee2c3; 
}
.dtg1 {
    background-color: #fee2c3; 
}
.dtg2 {
    background-color: #fecd90; 
}
.dtg3 {
    background-color: #fbcb7d; 
}
.dtg4 {
    background-color: #fab561; 
}
.dtg5 {
    background-color: #f8a034; 
}
.dtg6{
    background-color: #f8a034; 
}

#dtgwindow{
  height: 12em;
  width: 7em;
  margin: 1em;
  display: block;
}

.dtg{
    height: 100%;
    margin: 1em;
}

.dtg-pip-container{
  position: relative;
  text-align: center;
}


.dtg-pip-bottom,
.dtg-pip-top{
  position: absolute;
  font-size: .8em;
  color: #ccc;
  font-style: italic;
  text-align: center !important;
  margin: 0 auto;
}

.dtg-pip-top{
  top: 2em;
  margin-left: -2em;
}

.dtg-pip-bottom{
  bottom: 2em;
  margin-left: -2em;
}

.ui-widget-content{
  background: transparent;
}

.dtg #ui-slider-vertical,
.dtg-pip-container .ui-slider-vertical
{
  background: #f8a034; /* Old browsers */
  background: -moz-linear-gradient(#fee2c3 20%, #fecd90 40%, #fbcb7d 60%, #fab561 80%, #f8a034 100%) !important; /* FireFox 3.6+ */
  background: -webkit-linear-gradient(#fee2c3 20%, #fecd90 40%, #fbcb7d 60%, #fab561 80%, #f8a034 100%) !important; /* Chrome 10+, Safari 5.1+ */
  background: -o-linear-gradient(#fee2c3 20%, #fecd90 40%, #fbcb7d 60%, #fab561 80%, #f8a034 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(#fee2c3 20%, #fecd90 40%, #fbcb7d 60%, #fab561 80%, #f8a034 100%) !important; /* IE 10+ */
  background: linear-gradient(#fee2c3 20%, #fecd90 40%, #fbcb7d 60%, #fab561 80%, #f8a034 100%); /* W3C */
}

.ui-slider-vertical{
  width: 1.5em;
  height: 12em;
  margin: 1em !important;
}

.ui-widget.ui-widget-content{
  border: 0;
}

.ui-corner-all{
  border-radius: 0;
}

.ui-slider .ui-slider-handle{
  background-color: #fff;
  height: .8em;
  width: 1.75em;
  left: -.1em;
}

/* * RGBW+ SLIDER * */

.rgbw {
    background-color: #ffffff; 
}
.rgbw1 {
    background-color: #f8fbf7; 
}
.rgbw2 {
    background-color: #f4f8f2; 
}
.rgbw3 {
    background-color: #faf9ec; 
}
.rgbw4 {
    background-color: #fefae6; 
}
.rgbw5 {
    background-color: #fee2c3; 
}
.rgbw6{
    background-color: #fecd90; 
}
.rgbw7{
    background-color: #fbcb7d; 
}
.rgbw8{
    background-color: #fab561; 
}
.rgbw9{
    background-color: #f8a034; 
}
.rgbw10{
    background-color: #f8a034; 
}


#rgbwwindow{
  height: 12em;
  width: 7em;
  margin: 1em;
  display: block;
}

.rgbw{
    height: 100%;
    margin: 1em;
}

.ui-widget-content{
  background: transparent;
}

.rgbw #ui-slider-vertical,
.ui-slider-vertical
{
  background: #f8a034; /* Old browsers */
  background: -moz-linear-gradient(#ffffff 10%, #f8fbf7 20%, #faf9ec 30%, #fefae6 40%, #fee2c3 50%, #fecd90 60%, #fbcb7d 70%, #fab561 80%, #f8a034 90%) !important; /* FireFox 3.6+ */
  background: -webkit-linear-gradient(#ffffff 10%, #f8fbf7 20%, #faf9ec 30%, #fefae6 40%, #fee2c3 50%, #fecd90 60%, #fbcb7d 70%, #fab561 80%, #f8a034 90%) !important; /* Chrome 10+, Safari 5.1+ */
  background: -o-linear-gradient(#ffffff 10%, #f8fbf7 20%, #faf9ec 30%, #fefae6 40%, #fee2c3 50%, #fecd90 60%, #fbcb7d 70%, #fab561 80%, #f8a034 90%); /* Opera 11.10+ */
  background: -ms-linear-gradient(#ffffff 10%, #f8fbf7 20%, #faf9ec 30%, #fefae6 40%, #fee2c3 50%, #fecd90 60%, #fbcb7d 70%, #fab561 80%, #f8a034 90%) !important; /* IE 10+ */
  background: linear-gradient(#ffffff 10%, #f8fbf7 20%, #faf9ec 30%, #fefae6 40%, #fee2c3 50%, #fecd90 60%, #fbcb7d 70%, #fab561 80%, #f8a034 90%); /* W3C */
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Product Pages * * * * * * */


.aionlandscape-title{
  height: 3em;
  margin: 10em auto 1em;
  display: block;
}

.qube-subtitle{
  height: 2em;
  margin: 1em auto;
  display: block;
}

.qube-title{
  height: auto;
  padding-bottom: 3em;
  margin-bottom: 3em;
  background: #f8f8f8;
}

.qube-title h1 {
  font-size: 2.5em;
  letter-spacing: 2px;
  font-weight: 400;
  color: #222;
  margin-top: .5em;
}

.prod-specs h2{
	font-size: 2em;
	line-height: 2em;
	letter-spacing: 1px;
	color: gray;
}

.prod-specs p{
	line-height: 1.5em;
	letter-spacing: 1.5px;
	color: #010101;
}



.product-multi-slider{
	margin: 1em 0 1em 0;
	width: 100%;
}

.inner-product-cell {
  width: 100%;
  height: 40em;
  margin-right: 10px;
  background: #fcfcfc;
}

.inner-product-nav.is-nav-selected {
  border: 2px solid #fbb040;
}

.inner-product-nav {
  width: 7em;
  height: 7em;
  margin-right: 1em;
  background: #fcfcfc;
}

#skytrack-slider-1{
  background: #ececec url('../images/products/skytrack1.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: center right 25%;	
}

#skytrack-slider-2{
  background: #ececec url('../images/products/skytrack-installation.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: center center;	
}


#skytrack-slider-3{
  background: #ececec url('../images/prod-img-st3.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top center;	
}

#wt402-slider-1{
  background:#ccc url('../images/products/402wt.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top center;
}

#wt402-slider-2{
  background:#ccc url('../images/products/wt402shot.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#wt802-slider-1nav{
  background:#ccc url('../images/products/wt802-01.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top right;	
}

#wt802-slider-1{
  background:#ccc url('../images/products/wt802-01.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#wt802-slider-2{
  background:#ccc url('../images/products/wt802-02.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#wt802-slider-3{
    background:#ccc url('../images/gallery/archetype-1.jpg');
    background-size: cover;
    background-position: center center;
}


.product-information h4{
  font-size: 1.3em;
  font-weight: 500;
  color: #333333;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-bottom: 0.25em;
  margin-top: 2em;
}


.product-information p{
  font-size: 1.1em;
  font-weight: 300;
  color: #333333;
  letter-spacing: .05em;
  line-height: 2em;
}


.product-profile-string{
  margin-top: 1em;
  height: 65px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}


.product-page-profile{
  margin: 0 .25em;	
}

#product-page-at401{
  width: 54px;
  padding: .75em;
}

#product-page-at402{
  width: 54px;
  padding: .75em;
}

#product-page-at801{
  width: 62px;
  padding: .75em;
}

#product-page-at802{
  width: 62px;
  padding: .75em;
}

#product-page-at845{
  width: 70px; 
  padding: .75em;
}

#product-page-grazer{
  width: 54px;
  border-left: 2px solid white;
  padding: .75em;
  margin-left: 1em;
}

.mtg-small{
	font-size: small !important;
	padding: 0 !important;
	margin-top: -1em;
}

.mtgclip-icon{
  padding: .25em;
  text-align: center;
  margin: 2em auto 0 auto;
  height: 4em;
}

.mountingclip-3in{
	width: auto;
	height: 70%;
	margin: .75em;
}

.mountingclip-1in{
	width: auto;
	height: 27%;
	margin: .75em;
}

.mounting-clips{
 	background-color: #f1f1f1;
	height: 25em;
	margin: 1%;
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}


.coup-mounting-clips{
 	background-color: #ffffff;
	height: 10em;
	margin: 1%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mountingclip-ill{
	height: 15em;
	margin: .75 auto;
}

#mountingclip-st{
 	background: #cccccc url('../images/products/Clip0.jpg') 100% no-repeat;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:  center center;
}

.product-head{
  max-width: 100%;
  height: 37em !important;
  margin-bottom: 5em;
  display: flex;
}

#at401-head {
  background: #f8f8f8 url('../images/products/401-header.jpg') 100% no-repeat;
  background-size:933px 622px;
  background-repeat:no-repeat;
  background-position:  right -20em  top 3em !important;  
}

#at402-head {
  background: #f8f8f8 url('../images/products/402-header.jpg') 100% no-repeat;
  background-size:933px 622px;
  background-repeat:no-repeat;
  background-position:  right -20em  top 3em;  	
}

#at801-head {
  background: #f8f8f8 url('../images/products/801-header.jpg') 100% no-repeat;
  background-size:933px 622px;
  background-repeat:no-repeat;
  background-position:  right -20em  top 3em;  	
}


#at802-mast{
  background: #ffffff url('../images/products/802-header.jpg') 100% no-repeat;
  background-size:766px 511px;
  background-repeat:no-repeat;
  background-position:  right -8em  top 1em;
}


#at802-head {
  background: #f8f8f8 url('../images/products/802-header.jpg') 100% no-repeat;
  background-size:766px 511px;
  background-repeat:no-repeat;
  background-position:  right -8em  top 1em;  	
}

#at845-head {
  background: #f8f8f8 url('../images/products/845-header.jpg') 100% no-repeat;
  background-size:766px 511px;
  background-repeat:no-repeat;
  background-position:  right -10em  top 1em;  	
}

#st-head {
  background: #f8f8f8 url('../images/products/st-header.jpg') 100% no-repeat;
  background-size:761px 602px;
  background-repeat:no-repeat;
  background-position: right -3em top -5em;  
}

#wrtype-head{
  background: #f8f8f8 url('../images/products/wr-header.jpg') 100% no-repeat;
  background-size: 60%;
  background-repeat:no-repeat;
  background-position: right -40px top;
  height: 30em !important;
}

#letype-head{
  background: #f8f8f8 url('../images/letypehead.jpg') 100% no-repeat;
  height: auto!important;
  margin-bottom: 0 !important;
}

#fr-head{
  background: #f8f8f8 url('../images/9000-fr-header.jpg') 100% no-repeat;
  background-size: 75%;
  background-repeat:no-repeat;
  background-position: right 0px bottom -20px;  
}

#fr-mast{
	background: #fffaf3;
	background: -webkit-radial-gradient(at left, #FFFFFF, #fffaf3);
	background: radial-gradient(at left, #FFFFFF, #fffaf3); 
}

#supertape-head{
  background: #f8f8f8 url('../images/products/supertape-header.jpg') 100% no-repeat;
  background-size: 778px 519px;
  background-repeat:no-repeat;
  background-position: right -100px bottom -25px;
}

#grazer-head{
  background: #f8f8f8 url('../images/products/grazer-header.jpg') 100% no-repeat;
  background-size: 778px 519px;
  background-repeat:no-repeat;
  background-position:  right -5em  top 5em !important;   
}

#mtgclips-head{
  background: #010101 url('../images/products/grazer-on-pivot.jpg') 100% no-repeat;
  background-size:  554px 831px;
  background-repeat:no-repeat;
  background-position:  left 2em  bottom -23em !important; 
  margin-bottom: 1em !important;
}

#ultraflex-head{
  
  background: #f8f8f8 url('../images/products/ultraflex-top.jpg') 100% no-repeat;
  background-size:  554px 831px;
  background-repeat:no-repeat;
  background-position:  left 2em  bottom -23em !important; 
  margin-bottom: 1em !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background-color: #f8a034;
}

.nav-pills>li>a{
  border-radius: 0
}


.st-icon{
	display: block;
	text-align: center;
	height: 5em;
	margin: .5em auto .5em auto;
}

.st-logo{
	display: block;
	text-align: center;
	height: 2em;
	margin: .5em auto .5em auto;
}

.supertape-logo{
  display: block;
  text-align: center;
  height: 6em;
  margin: 4em auto 1em auto;
}


.grazer-logo{
  display: block;
  text-align: center;
  height: 2em;
  margin: 1em auto .5em auto !important;
}

.feature-icon-large{
  padding: .75em;
  text-align:center;
  margin: 1em auto 0 auto;
  height: 9em;
}

.feature-icon{
  padding: .75em;
  text-align:center;
  margin: 0 auto;
  height: 3em;
}

#sundial-head{
  background:#010101;
  height: 32em;
}

.sundial-img{
  height: auto;
  max-width: 100%;
}

.sundial-icon{
  height: 15em;
}

.sundial-logo{
  height: 4em;
}

.let-split{
  height: 30em;
  background-size: cover!important;
  background-color: #cccccc;
  background-repeat:no-repeat; 
}

#let-split-6524{
  background: #ececec url('../images/gallery/carmelhome-1.jpg');
  background-position: center center;
}

#let-split-1524{
  background: #eeeeee url('../images/gallery/hamilton-3.jpg');
  background-position: center center;
}

#let-split-3924{
  background: #ececec url('../images/gallery/stsbar-1.jpg');
  background-position: center center;
}

#let-split-4924{
  background: #ececec url('../images/gallery/teagarden-1.jpg');
  background-position: top center;
}

#let-split-8924{
  background: #ececec url('../images/gallery/pacifichome-1.jpg');
  background-position: top center;
}

#let-split-65dtg{
  background: #ececec url('../images/gallery/ldac-1.jpg');
  background-position: top center;
}

#let-split-15dtg{
  background: #eeeeee url('../images/gallery/freemark-4.jpg');
  background-position: center left;
}

#let-split-89dtg{
  background: #ececec url('../images/products/3.jpg');
  background-position: top center;
}

#let-split-rgbw{
  background: #ececec url('../images/gallery/audrain-14.jpg');
  background-position: top left;
}

#let-split-rgb{
  background: #ececec url('../images/products/GHIRRALDELI.png');
  background-position: top center;
}

#mt-split-1{
  height: 30em;
  margin: 2em auto;
  background:#ccc url('../images/products/minitrack.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}


#mt102-split-1{
  height: 30em;
  margin: 2em auto;
  background:#ccc url('../images/products/mt102-dime.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}


#at401-split-1{
  height: 30em;
  margin: 5em auto;
  background:#ccc url('../images/products/35-401.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#at402-split-1{
  height: 30em;
  margin: 5em auto;  
  background:#ccc url('../images/products/30-402.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#at801-split-1{
  height: 30em;
  margin: 5em auto;   
  background:#ccc url('../images/products/27-801.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#at802-split-1{
  height: 30em;
  margin: 5em auto;   
  background:#ccc url('../images/products/24-802.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}

#at845-split-1{
  height: 30em;
  margin: 5em auto;    
  background:#ccc url('../images/products/22-845.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: top left;
}


#grazer-split-1 {
  height: 30em;
  margin: auto;   
  background: #ececec url('../images/grazer-jumbotron-2.jpg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: center center;
}

#qube-jumbotron{
  height: 30em;
  margin: 2em auto;   
  background: #ececec url('../images/products/AdobeStock_91233067_Preview.jpeg');
  background-repeat:no-repeat; 
  background-size: cover;
  background-position: center center;
}

.qube-illustration{
  display: block;
  height: 20em;
  margin: 2em auto;
}

#let-split-9524 {
  height: 30em;
  background: #ececec url('../images/gallery/hamilton-7.jpg') no-repeat;
  background-size: cover;
  background-position: top center;
}

#fr9524-image {
  height: 40em;
  margin: 2em auto;     
  background: #ececec url('../images/gallery/hamilton-7.jpg') no-repeat;
  background-size: cover;
  background-position: top center;
}

#supertape-split-1 {
  background: #ececec url('../images/prod-img-supertape2.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}

#wt402-split-2{
  background:#ccc url('../images/products/wt-split.jpg') no-repeat;
  background-size: cover;
  background-position: top left;
}

#dtg-split-1 {
  height: 30em;
  margin: 2em auto;    
  background: #ececec url('../images/prod-img-dtg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}

#zd-split-1 {
  height: 30em;
  margin: 2em auto;   
  background: #ececec url('../images/prod-img-zd-2.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}

#rgbw-split-1 {
  height: 30em;
  margin: 2em auto;   
  background: #ececec url('../images/products/rgbwcomic.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}

#uf-split-sf, #uf-split-tf{
  height: 30em;
  margin: 5em 4em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}

#uf-split-tf{
  background: url('../images/products/uf-topbend.svg') no-repeat;
  background-position: top 4em left;
  background-size: 100%;
}

#uf-split-sf{
  background: url('../images/products/uf-sidebend.svg') no-repeat;
  background-position: top 4em left;
  background-size: 80%;
}

#uf-split-sf, #uf-split-tf .uf-title{
	text-align: center;
}

.letypebuffer{
	margin-top: 11.5em!important;
}

.letype-header{
	height: 25em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.le-head-text {
	color: white;
	font-weight: 600;
	text-shadow: 0em 0em 0.5em #666666;
	text-transform: uppercase;
	font-size: 2.5em;
	text-align: center;
}

.letype-single{
	background-blend-mode: darken;
  	background: #eeeeee url('../images/gallery/hamilton-3.jpg') no-repeat;
	background-size:cover;
}

.letype-warmwhite{
	background-blend-mode: darken;
  	background: #eeeeee url('../images/gallery/langhamchuan-1.jpg') no-repeat;
	background-size:cover;
}

.letype-colormixing{
	background-blend-mode: darken;
  	background: #eeeeee url('../images/gallery/audrain-14.jpg') no-repeat;
	background-size:cover;
}

.letype-box div{
  padding: 1.5em;	
}

.letype-icons-string{
	display: flex;
	max-width: 80%;
	justify-content: space-around;
	align-content: center;
	margin: 0 auto;	
	text-align: center;
}

.letype-spec-icon{
	margin-top: 3em;
	height: 4em;
}


.letype-icons{
	padding: .75em;
	text-align:center;
	height: 6em;	
}

.profile-string{
  height: 7em;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-content: flex-end;
}

.profile-string:last-child{
  border-left: 2px solid #fff;
}

h1.grouppage{
  margin-top: .75em !important;
	
}

.profile-shape{
  width: 5em;
  text-align: center;
  padding: 1em;  
}

.dimensions{
	height: 10em;
	padding-top: 1.5em;
}

.smalldimensions{
	height: 7em;
	padding-top: 1.5em;	
}

.top-dimensions{
  width: 5em;
  margin: 7em auto 0 auto;
  text-align: center;
  padding: .5em;
}

.mt-dimensions{
  width: 4em;
  margin: 7em auto 0 auto;
  text-align: center;
  padding: .5em;
}

.mt102-dimensions{
  width: 3em;
  margin: 7em auto 0 auto;
  text-align: center;
  padding: .5em;
}

.top-802-dimensions{
  width: 5em;
  margin: 7em auto 0 auto;
  text-align: center;
  padding: .5em;
}

.skytrack-dimensions{
  height: 10em !important;
  margin: 0 auto;
  text-align: center;
  padding: .5em;
}

.product-head h1{
  font-size: 2em;
  letter-spacing: 2px;
  font-weight: 300;
  color: #222;
  margin-top: .5em;
}

.feature-icons{
	height: 4em;
}

.product-jumbotron{
    max-width: 100%;
	height: 50vh;
	display: flex;
}

.table-short > thead > tr > th,
.table-short > tbody > tr > th,
.table-short > tfoot > tr > th,
.table-short > thead > tr > td,
.table-short > tbody > tr > td,
.table-short > tfoot > tr > td {
  padding: 2.5px;
}

#at845-jumbotron-1{
    background:#ccc url('../images/products/22-845.jpg');
    background-size: cover;
    background-position: top -4em left 0em;
    height: 60vh;
}

#at845-jumbotron-2{
    background:#ccc url('../images/gallery/langhamchuan-1.jpg');
    background-size: cover;
     background-position: top center;
    height: 70vh;
}

#at845-jumbotron-3{
    background:#ccc url('../images/products/3.jpg');
    background-size: cover;
     background-position: center center;
    height: 68vh;
}

#wt801-jumbotron-3{
    background:#ccc url('../images/HighSt.14.jpg');
    background-size: cover;
     background-position: center center;
}


#let-jumbotron-2{
    background:#ccc url('../images/gallery/ldac-3.jpg');
    background-size: cover;
    background-position: top center;
}


#at402-jumbotron-2 {
    background:#ccc url('../images/gallery/langhamchuan-1.jpg');
    background-size: cover;
    background-position: top center;
}

#at402-jumbotron-1 {
    background:#ccc url('../images/products/30-402.jpg');
    background-size: cover;
    background-position: top -2em center;
    height: 70vh;
}

#at402-jumbotron-3 {
    background:#ccc url('../images/products/HighSt.8.jpg');
    background-size: cover;
    background-position: center center;
    height: 60vh;
}

#at801-jumbotron-3 {
    background:#ccc url('../images/gallery/freemark-3.jpg');
    background-size: cover;
    background-position: bottom center;
    height: 70vh;
}

#at802-jumbotron-1{
    background:#ccc url('../images/products/24-802.jpg');
    background-size: cover;
    background-position:  top -4em left;
    height: 70vh;
}


#at401-jumbotron-1 {
    background:#ccc url('../images/products/35-401.jpg');
    background-size: cover;
    background-position: top -2em center;
    height: 70vh;
}
#at801-jumbotron-1 {
    background:#ccc url('../images/products/27-801.jpg');
    background-size: cover;
    background-position: top -2em center;
    height: 75vh;
}
#at401-jumbotron-3 {
    background:#ccc url('../images/gallery/laboulangerie-1.jpg');
    background-size: cover;
    background-position: center center;
}


#at802-jumbotron-3 {
    background:#ccc url('../images/prod-img-rgbw1.jpg');
    background-size: cover;
    background-position: center center;
    height: 70vh;
}

#grazer-jumbotron-1 {
    background:#ccc url('../images/grazer-jumbotron-1.jpg');
    background-size: cover;
    background-position: 50% center;
}

#grazer-jumbotron-2 {
    background:#ccc url('../images/grazer-jumbotron-2.jpg');
    background-size: cover;
    background-position: top center;
}

#grazer-jumbotron-3 {
    background:#ccc url('../images/grazerwall.jpg');
    background-size: cover;
    background-position: center center;
}
#grazer-jumbotron-4 {
    background:#ccc url('../images/gallery/freemark-5.jpg');
    background-size: cover;
    background-position: bottom center;
}

#wt-jumbotron-1{
    background:#ccc url('../images/wt-jumbotron-1.jpg');
    background-size: cover;
    background-position: center center;
}

#wt402-jumbotron-3{
    background:#ccc url('../images/wt-jumbotron-2.jpg');
    background-size: cover;
    background-position: bottom center;
	height:70vh;
}


#wrt-jumbotron-1{
    background:#ccc url('../images/Potrero5.jpg');
    background-size: cover;
    background-position: top center;
}

#wrt-jumbotron-2{
    background:#ccc url('../images/gallery/hamilton-4.jpg');
    background-size: cover;
    background-position: top 40% center;
	height:70vh;
}


#supertape-jumbotron-1{
    background:#ccc url('../images/supertape.jpg');
    background-size: cover;
    background-position: center center;
}


#skytrack-jumbotron{ 
    background:#ccc url('../images/products/skytrack-installation.jpg');
    background-size: cover;
    background-position: center center;
}


.rubber-ducky{
	height: 5em;
	display: block;
	margin: 0 auto;
	padding-top: .75em;
	text-align: center;
}

.drivertext{
  margin-left: 1em;
  }


.cust-margin{
	margin:1em 0;
}


.instructions{
  background-color: #ffffff;
  max-width: 100%;
  padding: 0;
  line-height: 1;
  display: inline-block;
  margin-bottom: 3em;
}

.instructions img{
  background-color: #ffffff;
  max-width: 100%;
  padding: 0;
  line-height: 1;
  display: inline-block;
  margin-bottom: 3em;
}

.instructions h3{
  font-weight: 500;
  text-align: center;
  display: table-cell;
  padding: 1em;
}

.instructions p{
  font-weight: 300;
  letter-spacing: .05em;
  text-align: center;
  display: table-cell;
  padding: 1em;
}

.driver-ill{
  width: 100%;
  height: 10em;
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  text-align: center;
}

#d50100-dc{
  max-height: 60%;
}

#d300-dc3{
  max-height: 80%;
}

#qube-ill{
  max-height: 80%;
}

#x-ill{
  max-height: 70%;
}

#d1220-m{
  max-height: 30%;
}

#d40-m{
  max-height: 50%;
}

#d100-m{
  max-height: 70%;
}

#d100-z2{
  height: 70% !important;
}

#d100-ec{
  height: 70% !important;
}

#d400-ec4{
  height: 80% !important;
}

#d100-ecw-ill{
  height: 80% !important;
}

#d400-ecw-ill{
  height: 95% !important;
}

#dm-dg{
  height: 30% !important;
}

#d40-aul{
  max-height: 60%;
}

#d40-aur{
  max-height: 50%;
}

#d100-a{
  max-height: 70%;
}



/* * * * * * * PRODUCT PAGE SUB NAV * * * * * * */


.navbar {
    margin-bottom:0;
	border-radius: 0;
}

.subnav {
    z-index:0;
	position: fixed;
	border-bottom: none;
	padding: 0 0 1em 0;
	margin-top: 4em;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.subnav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}


.subnav-list >li, .subnav-list .navbar-nav>li, .subnav-list .nav>li {
  display: block;
  line-height: 1em;
  font-weight: 600;
}

.subnav-list ul li.active a {
  background: #f8f8f8 ;}


.subnav-list{
	line-height: 1em;
	font-size: 0.99em;
	font-weight: 500;
}

.product-nav{
	margin-top: 1em;
	padding: 0;
	font-size: 1.05em;
	font-weight: 500;
	color: #000;
}

.shrink {
	border-bottom: 1px solid #ffffff;
	background-color: rgba(248,248,248,0.90);
	padding: 0;
	margin: 0;
}

.shrink-subnav-list{
	font-size: 0.95em;
}

.shrink-product-nav{
	font-size: 1em;
}



/* * * * * * * PRODUCT PAGE * * * * * * */


#lensImage{
    position: absolute;
	height: 100%;
	max-width: 100%;    
	z-index: 100;
}

.section-header{
	border-bottom: 1px #f1f1f1 solid;
	padding: 1em auto 0 auto;
	margin: 1em auto 0.5em auto;
}


.tech-logo{
	display: block;
	text-align: center;
	height: .95em;
	margin: .75em auto .5em auto;
}

.tech-logo-dw{
	display: block;
	text-align: center;
	height: 1.15em;
	margin: .5em auto .5em auto;
}

.tech-icon{
	display: block;
	text-align: center;
	height: 1.75em;
	margin: .25em auto .5em auto;
}

.select-pane {
    display:none;
}

select {
  padding:2em;
  margin: 0;
  background: #f8f8f8;
  border-radius: 0;
  font-size: 1.25em;
  line-height: 1.35em;
  letter-spacing: 0.025em;
  font-weight: 300; 
  text-align: center;
  border:none;
  outline:none;
  cursor:pointer;
}




.list-tech-logo{
	display: block;
	text-align: left;
	height: 8px;
	margin-bottom: -10px;
	padding-bottom: 0;
}

.at401-profile{
	height: 80px;
	margin: 10px auto 20px auto;
	text-align: center;
	display: block;	
}

.at402-profile{
	height: 13em;
	margin: .5em auto;
	text-align: center;
	display: block;	
}

.at801-profile{
	width: 60%;
	margin: 10px auto 20px auto;
	text-align: center;
	display: block;	
}

.at802-profile{
	height: 176px;
	margin: 10px auto 20px auto;
	text-align: center;
	display: block;	
}


.at845-profile{
  height: 10em;
  padding-top: 1.5em;
  margin: 0 auto;
	text-align: center;
	display: block;	
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Light Dots * * * * * * */

.letype-cubes{
  height: 25px;
  width: 25px;
  font-size: .6em;
  line-height: 23px;
  margin: 6px;
  padding: 6px;
  border-radius: 50%;
  text-align: center;
  display:inline-block;
}


.light-cube{
	height: 35px;
	width: 35px;
	font-size: .6em;
	line-height: 23px;
	margin: 6px;
	padding: 6px;
	border-radius: 50%;
	text-align: center;
	display:inline-block;
}

.gradient-box{
	height: 150px;
	width: 100px;
	font-size: 1em;
	font-weight: 600;
	line-height: 23px;	
	margin: 6px;
	padding: 6px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.cl-cube{
	height: 35px;
	width: 35px;
	font-size: 1em;
	font-weight: 500;
	line-height: 23px;
	margin: 6px;
	padding: 6px;
	border-radius: 50%;
	text-align: center;
	display:inline-block;
}

.lc-container{
	margin: 10px auto;
	text-align: center;	
	display: block
}

#dkbz{
	background-color: #52503C;
	color: #fff;
}


#silver{
	background-color: #C0C0C0;
 }

#lc-55{
	background-color: #e0e9ea;	
}

#lc-50{
	background-color: #e7edee;	
}

#lc-45{
	background-color: #eef2f2;	
}

#lc-40{
	background-color: #f5f6f6;	
}

#lc-35{
	background-color: #f5ebdd;
}

#lc-30{
	background-color: #f7efda;	
}

#lc-27{
	background-color: #f6d5a7;	
}

#lc-26{
	background-color: #f5cc92;	
}

#lc-24{
	background-color: #f4c27c;	
}

#lc-22{
	background-color: #f3aa3d;	
}

#lc-17{
	background-color: #e59123;	
}

#lc-rd{
	background-color: #EE202F;	
	color: #f8f8f8;
}

#lc-gr{
	background-color: #39B54A;	
	color: #f8f8f8;
}

#lc-cy{
	background-color: #27AAE1;	
	color: #f8f8f8;
}

#lc-bl{
	background-color: #1E74BB;	
	color: #f8f8f8;
}

#lc-ar{
	background-color: #EBE721;	
	color: #f8f8f8;
}

#lc-pk{
	background-color: #ff33cc;
	color: #f8f8f8;
}

#lc-or{
	background-color: #f6881f;	
	color: #f8f8f8;
}

#lc-vl{
	background-color: #B75EA4;	
	color: #f8f8f8;
}

#lc-prd{
	background-color: #F9AC96;	
	color: #f8f8f8;
}

#lc-pgr{
	background-color: #B6DCAE;	
	color: #f8f8f8;
}

#lc-por{
	background-color: #fcb487;	
	color: #f8f8f8;
}


#lc-pcy{
	background-color: #B2D6F1;	
	color: #f8f8f8;
}

#lc-pbl{
	background-color: #A5BAE0;	
	color: #f8f8f8;
}

#lc-par{
	background-color: #F4F3B2;	
	color: #f8f8f8;
}

#lc-pvl{
	background-color: #DCB8D7;	
	color: #f8f8f8;
}

#lc-ppk{
	background-color: #f49ac1;	
	color: #f8f8f8;
}

#lc-dtg2717{
	background: rgb(246,213,167); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,213,167,1) 0%, rgba(229,145,35,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(246,213,167,1) 0%,rgba(229,145,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(246,213,167,1) 0%,rgba(229,145,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d5a7', endColorstr='#e59123',GradientType=0 ); /* IE6-9 */
}

#lc-dtg3022{
	background: rgb(247,239,218); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,239,218,1) 0%, rgba(243,170,61,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,239,218,1) 0%,rgba(243,170,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,239,218,1) 0%,rgba(243,170,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7efda', endColorstr='#f3aa3d',GradientType=0 ); /* IE6-9 */
}


#lc-dtg5522{
	background: rgb(224,233,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(224,233,234,1) 0%, rgba(247,239,218,1) 49%, rgba(243,170,61,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(224,233,234,1) 0%,rgba(247,239,218,1) 49%,rgba(243,170,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(224,233,234,1) 0%,rgba(247,239,218,1) 49%,rgba(243,170,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e9ea', endColorstr='#f3aa3d',GradientType=0 ); /* IE6-9 */
}

.speclocker-string{
	display: block;
	padding-top: -30px;
	padding-bottom: 5em;
	margin: 0 auto;	
	text-align: center;
}

.small-speclocker-string{
	display: block;
	padding: 10px 0;
	margin: 5px auto;	
	text-align: center;
}

.wr-ip-icons{
  padding: .5em;
  text-align:center;
  margin: -2.5em auto 0 auto;
  height: 6em;
}

.wr-color-icons{
  padding: .5em;
  text-align:center;
  margin: -2em auto 0 auto;
  height: 4em;
}


.spec-icon{
	padding: 0.25em;
	text-align:center;
	margin: 0 auto;
	height: 4em;
}


.small-spec-icon{
	padding: .25em;
	text-align:center;
	margin: .5 auto;
	height: 3em;
}

.cg-ratings-string{
	display: flex;
	width: 40%;
	justify-content: space-around;
	align-content: center;
	margin: -2em auto 0 auto;	
	text-align: center;
}

.cg-ratings-icon{
	padding: .75em;
	text-align:center;
	margin: -.5em auto 0 auto;
	height: 3em;	
}

.cg-ul-ratings-icon{
	padding: .25em;
	text-align:center;
	margin-top: -.75em;
	height: 3.25em;	
}

.title24-icon{
	padding: .25em;
	text-align:center;
	margin-top: -.5em;
	height: 3.5em;	
}


.ratings-string{
    display: block;
    padding-top: -30px;
    margin: 0 auto; 
    text-align: center;
}
 
.ratings-icon{
    padding: 0.75em;
    text-align:center;
    margin: 0 .5em;
    height: 4em;   
}

.t24{
    padding: 0.75em;
    text-align:center;
    margin: 0 .5em;
    height: 8em;   
}

.smaller-ratings-icon{
    padding: .35em;
    text-align:center;
    margin: .5 auto;
    height: 2.5em;   
}


.ies-award{
    padding: -1px;
    text-align:center;
    margin: 0 auto;
    height: 55px;   
}


.mca-icon{
  width: 1.5em;
  margin: 0 auto;
  padding: .25em;
  text-align: center
}

.prod-profile{
	width: 70px;
	margin: 0 auto;
	text-align: center;
}

.atrack-icon{
  padding: .25em;
  text-align:center;
  margin: 0 auto;
  height: 2.75em;
}

.miu-icon{
  padding: .25em;
  text-align:center;
  margin: 0 auto 1.85em auto;
  height: 5em;
}

.t24-product-icon{
  padding: .25em;
  text-align:center;
  margin: 0 auto 1.85em auto;
  height: 6em;  
}

.t24-product-text{
  margin-top: -1em;
}

.threescreens{
  margin-top: 2em;
  height: 40em;
  width: auto;
}

.dtm-screens{
  margin-top: 3em;
  height: 25em;
  width: auto;
}

.dtm-feat{
  height: 25em;
}

.appicons{
  height: 9em;
  margin: 1em auto;
  text-align: center;
}

.sundial{
  height: 15em;
}

.product-topbuffer{
	margin-top: 100px;
}

.product-line-buffer{
	margin-top: -2em;
}

.list-group{
	border-radius: 0%;	
}

.list-group-item{
	border-radius: 0%;	
}

.list-group-header{
	background-color: #333333;
	color: #f8f8f8;
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	border: 1px solid #ddd;
}

.list-grou-title{
	padding-left: 10px;	
}

.listgroup-icon{
	padding: 10px 15px;
	margin-left: -15px;
	background-color: #111111;
}

.dl-horizontal dt{
    text-align: left;
    width: auto;
    padding-right: 1em;
    color: #444;
}


.dimension-text{
	position: relative;
	z-index: 6;
}

/* * * * * * * PRODUCT PAGE COMPATABILITY TABS * * * * * * */

select{
  margin: 0 auto;
  text-align: center;
}

.compatibility p{
  font-size: .9em;
  line-height: 1.5em;
  color: #444444;
  font-weight: 300;
  margin-bottom: .8em;
  display: block;
}

.compatibility p strong{
  font-weight: 500;
}

.compatibility p i{
  padding-right: .25em;
}

.card {
  display: block;
  background: #FFF none repeat scroll 0% 0%; 
  margin-bottom: 3em; 
  padding:2em;
}

.compat-icons {
  vertical-align: top;
  min-height: 10em;
}


/* * * * * * * PRODUCT PAGE CUSTOMIZE FRAME * * * * * * */

.preview {
  height: auto;
  margin-right: 0 auto;
  text-align: center;
  display: block;
  position: static;
}

.at401-container{
  position: relative; 
  height: 25em;
  width: 25em;
  margin: -6em auto 0 auto;
}

.at402-container{
  position: relative; 
  height: 403px;
  width: 288px;
  margin: -10em auto 0 auto;
}

.at801-container{
  position: relative; 
  height: 403px;
  width: 202px;
  margin: -10em auto 0 auto;
}

.at802-container{
  position: relative; 
  height: 403px;
  width: 288px;
  margin: -10em auto 0 auto;
}

.at845-container{
  position: relative; 
  height: 25em;
  width: 25em;
  margin: -8em auto 0 auto;
}

.details {
  border-top: 1px solid #f1f1f1;
  height: auto;
  padding-bottom: 1em;
  display:block;
  position: static;
 }

.custom-select{
  height: 4em;
  width: 4em;
  font-size: .8em;
  border: 3px #ffffff solid;
  line-height: 1em;
  margin: .25em;
  padding: 1.25em;
  border-radius: 50%;
  text-align: center;
  display:inline-block;
  cursor:pointer;
}

.custom-select:hover{
  border: 3px #eeeeee solid;
}

.lastoption {
	border-left: 1px #f1f1f1 solid;
  }

.foreground, .background{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
   	background-size: 70% 70%;
    -moz-background-size: 70% 70%;
    -webkit-background-size: 70% 70%;
    -o-background-size: 70% 70%;
    background-position: bottom 0 right 50%;
    z-index:5;
}

.background{
    background-repeat: no-repeat;
    z-index:2;
}


/* AT401 CUSTOMIZATION */
.at401-22{
	background-image: url('../images/products/at401-opt-22.png');
}
.at401-24{
	background-image: url('../images/products/at401-opt-24.png');
}
.at401-26{
	background-image: url('../images/products/at401-opt-26.png');
}
.at401-27{
	background-image: url('../images/products/at401-opt-27.png');
}
.at401-30{
	background-image: url('../images/products/at401-opt-30.png');
}
.at401-35{
	background-image: url('../images/products/at401-opt-35.png');
}
.at401Silver{
    background-image: url('../images/products/at401-opt-silver.png');
}
.at401Bronze{
    background-image: url('../images/products/at401-opt-bronze.png');
}

/* AT402 CUSTOMIZATION */
.at402-22{
	background-image: url('../images/products/at402-opt-22.png');
}
.at402-24{
	background-image: url('../images/products/at402-opt-24.png');
}
.at402-26{
	background-image: url('../images/products/at402-opt-26.png');
}
.at402-27{
	background-image: url('../images/products/at402-opt-27.png');
}
.at402-30{
	background-image: url('../images/products/at402-opt-30.png');
}
.at402-35{
	background-image: url('../images/products/at402-opt-35.png');
}
.at402Silver{
    background-image: url('../images/products/at402-opt-silver.png');
}
.at402Bronze{
    background-image: url('../images/products/at402-opt-bronze.png');
}

/* AT801 CUSTOMIZATION */
.at801-22{
	background-image: url('../images/products/at801-opt-22.png');
}
.at801-24{
	background-image: url('../images/products/at801-opt-24.png');
}
.at801-26{
	background-image: url('../images/products/at801-opt-26.png');
}
.at801-27{
	background-image: url('../images/products/at801-opt-27.png');
}
.at801-30{
	background-image: url('../images/products/at801-opt-30.png');
}
.at801-35{
	background-image: url('../images/products/at801-opt-35.png');
}
.at801Silver{
    background-image: url('../images/products/at801-opt-silver.png');
}
.at801Bronze{
    background-image: url('../images/products/at801-opt-bronze.png');
}

/* AT802 CUSTOMIZATION */
.at802-22{
	background-image: url('../images/products/at802-opt-22.png');
}
.at802-24{
	background-image: url('../images/products/at802-opt-24.png');
}
.at802-26{
	background-image: url('../images/products/at802-opt-26.png');
}
.at802-27{
	background-image: url('../images/products/at802-opt-27.png');
}
.at802-30{
	background-image: url('../images/products/at802-opt-30.png');
}
.at802-35{
	background-image: url('../images/products/at802-opt-35.png');
}
.at802Silver{
    background-image: url('../images/products/at802-opt-silver.png');
}
.at802Bronze{
    background-image: url('../images/products/at802-opt-bronze.png');
}

/* AT845 CUSTOMIZATION */
.at845-22{
	background-image: url('../images/products/at845-opt-22.png');
}
.at845-24{
	background-image: url('../images/products/at845-opt-24.png');
}
.at845-26{
	background-image: url('../images/products/at845-opt-26.png');
}
.at845-27{
	background-image: url('../images/products/at845-opt-27.png');
}
.at845-30{
	background-image: url('../images/products/at845-opt-30.png');
}
.at845-35{
	background-image: url('../images/products/at845-opt-35.png');
}
.at845Silver{
    background-image: url('../images/products/at845-opt-silver.png');
}
.at845Bronze{
    background-image: url('../images/products/at845-opt-bronze.png');
}

/* GRAZER CUSTOMIZATION */
.at402-g-22{
	background-image: url('../images/products/at402-g-opt-22.png');
}
.at402-g-24{
	background-image: url('../images/products/at402-g-opt-24.png');
}
.at402-g-26{
	background-image: url('../images/products/at402-g-opt-26.png');
}
.at402-g-27{
	background-image: url('../images/products/at402-g-opt-27.png');
}
.at402-g-30{
	background-image: url('../images/products/at402-g-opt-30.png');
}
.at402-g-35{
	background-image: url('../images/products/at402-g-opt-35.png');
}
.at402Silver{
    background-image: url('../images/products/at402-opt-silver.png');
}
.at402Bronze{
    background-image: url('../images/products/at402-opt-bronze.png');
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Gallery * * * * * * */


.prodsortcontainer .mix {
    display: none;
}


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	border-color: #F5AA40;
	background-color: #FBB040;
}


.media-boxes-no-more-entries{
   display: none;
}

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

.filters-container{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	margin: 0 auto;
}

.custom-filter{
	padding: 0;
	text-align: right;
	vertical-align: center;
}

.brand-filters{
    display: flex;
    justify-content: space-around;
}

ul.custom-filter{
	margin-left: 0;
}

.custom-filter li{
	list-style: none;
	display: inline-block;
	text-align: center;
	margin-left: 18px;
	font-size: 12px;
}
.custom-filter li a{
	color: #999;
	text-decoration: none;
}
.custom-filter li a:hover{
	color: #333;
}
.custom-filter li a.selected{
	color: #000;
}

.media-box-container{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.thumbnail-overlay{
	background-color: rgba(0,0,0, .40);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#grid .thumbnail-overlay{
	background-color: rgba(0,0,0, 0);
}

.thumbnail-overlay:hover{
	background-color: rgba(0,0,0, .20);
}

.media-box-categories{
	text-align: center;
	margin: 0 0 13px 0;
}

.media-box-categories span{
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid;
	padding-bottom: 2px;
	border-color: #fbb040;
	color: #fbb040;
}

.media-box-content{
	background: transparent;
}


.media-box-container{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.media-box-date{
	  font-style: italic;
	  color: #999;
}

.media-box-title{
    color: #f8f8f8 !important;
}

.thumbnail-overlay{
	background: transparent;
}


.badge{
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-weight: 500;
	line-height: 1;
	color: #121212;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 0;
 }
 
 .badge:hover{
	background: #ccc;	 
 }
 
.thumbnail p{
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 8px;
	text-decoration: none;	 
 }
 
 .thumbnail p:hover{
	 text-decoration: none;
 }


#d200-head{
  background:#010101;
  height: auto;
  padding: 1em 0;
}


.d200-images{
  width: 95%;
  height: auto;
  margin: 0.5em auto;
}

.d200-main{
  width: 60%;
  height: auto;
  margin: 1.5em auto;
  text-align: center;
  display: block;
}

 .split-flex{
  display: flex;
  height: auto;
 }

 .splitcol{
  padding: 0!important;
  height: 100%;
  border-right: 2px #f0f0f0 solid;
 }

 .splitcol:last-child{
  border: 0;
 }

 .splitwrap{
  display: flex;
  height: 100%;
  padding: 1em;
  flex-direction: column;
 }

 .non-dimming-row{
  border-top: 2px #f0f0f0 solid;
 }

.fadeinout section {
  position: relative;
  min-height: 700px;
}

.fadeinout section img {
  position: absolute;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1em;
  text-align: center;
}

.fadeinout .top {
  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Contact * * * * * * */

#bootstrap-overrides 
input[type="text"]:focus, 
.form-control:focus,
input[type="tel"]:focus, 
input[type="email"]:focus, 
input[type="submit"]:focus, 
textarea:focus{
  border-color: #fbb040;
  box-shadow: 0 0 5px #fbb040;
  outline: 0 none;
}

.form-control{
	min-width: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * XL MQ * * * * * * */


@media only screen and (min-width : 1600px){

.fadeinout section {
  min-height: 950px;
}
    
.qube-tour-party{
  background-size: 50%;
}
    
    
  .tenyearsgold{
    height: 30em;
  }

	
.caption h2 {
  padding: 0 10px;
	}


  #home-dls a img{
    height: 45em;
  }
	
  .slider-center-container{
	height: 80%;
	width: 90%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
	margin: 0 auto;
	position: relative;	
  }
	
	.slider-center-container h1{
		font-size: 2em;
		font-weight: 900;
	}	
	
	.slider-last-page-string{
		width: 30%;
	}	
	
	.slider-ratings-string{
		width: 30%;
	}
	
	.ul-ratings-icon{
	  padding: 1em;
	  height: 6.5em;
	  margin-top: -1em;
	}
	
	
	.ratings-icon{
	padding: 1.75em;
	text-align:center;
	margin: 0 auto;
	height: 7em;	
}	
	
	
	.slider-ratings-icon{
	  padding: 1em;
	  height: 5em;	
	}

	.slider-last-page-icons{
	  padding: 1em;
	  height: 10em;	
	}
	
	.slider-content-selected-icon,
	.slider-content-spec-icon{
	  height: 7em;
	  width: 7em;
	}
	
	.slide2-container{
	  width: 60%;
	  height: 80%;
	  right: 3%;
	  top: 10%;
	}	
	
	.slide2-max-item,
	.slide2-lg-item,
	.slide2-item{
	  height: auto;
	  margin: 2em;
	  width: 9em;
	}
	
	
	.slide2-max-item img{
	  width: 90%;
	}
		
	.slide2-item img{
	  width: 70%;
	}
	
	.slide2-lg-item img{
	  max-width: 50%;
	}
	
	.slider-content-grey-box{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: space-around;
	  background-color: #333;
	  height: 45%;
	  width: 45%;
	  padding: 1em;
	  text-align: center;
	  }
	  
	.slider-content-tech-logo{
	  height: 7em;
	  margin: .75em;
	}

	.slider-content-dtg-logo{
	  height: 7em;
	  margin-top: -.75em;
	}

	
	/* * * * * PRODUCT PAGE * * * * */


  .about-cell {
    width: 50%;
    height: 45em;
    margin-right: 10px;
    background: #fcfcfc;
  }

  .tech-head{
	height: 50vh;
  }

  .product-head{
	height: 50vh;
  }

  #at401-head,
  #at402-head,
  #at801-head,
  #at802-head,
  #at845-head {
	background-position: right top 2em !important; 
  }

  #wrtype-head{
	background-size: 50%;
	background-position: right 0 bottom -15em;  
  }

  #grazer-head{
    background-position:  right 0  top 5em !important;  
  }

  #fr-head{
    background-size: 1118px 741px;
    background-repeat:no-repeat;
    background-position: right 0px bottom 0;  
}

  #supertape-head{
    background-size: 778px 519px;
    background-repeat:no-repeat;
    background-position: right 10em  bottom -3em;  
  }

  .preview {
	padding-right: 0;
	margin-right: 0;
  }
  
  .details {
	padding: 0;
	margin: 0;
  }

  #wrap {
	min-height: 100%;
	height: 100%;
  }
  
  .center-row > div {
	height:45vh;
  }
  
  .letype-row > div {
	height:50vh;
  }
   
  
  .atrack-icon{
	height: 3em;
  }
	
  .flow-choice,
  .it{
    width: 23%;	
  }
	
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * L MQ * * * * * * */
@media only screen and (max-width : 1200px) {



}

@media (min-width: 1200px) and (max-width: 1599px) {
	.hidden-lg { 
	  display: none; 
	}   

	.product-head{
	  height: 65vh;
	}
	
	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * M MQ * * * * * * */
@media only screen and (max-width: 1199px) {

  .fadeinout section {
    min-height: 575px;
  }


 .non-dimming-row{
  border-top: 2px #f0f0f0 solid;
 }

		
	#dtm-features-list{
	width: auto;
	}

	
	.dtm-update-ribbon{
	  width: 40%;
	  padding-right: 2%;
	  background: #008DCA;
	  position: absolute;
	  top: 7%;
	  left: -12%;
	  text-align: center;
	  letter-spacing: 1px;
	  color: #ffffff;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}	
	

  #home-dls a img{
    height: 30em;
  }



  nav{
  font-size: 0.85em !important;
  line-height: 0.95em;
  font-weight: lighter !important;
  letter-spacing: -.01em !important;
  }
	
.slide2-container{
  width: 68%;
  height: 75%;
  right: 1%;
  top: 9%;
}
	
	
  #home-img-2
  #home-img-3
  #home-img-4,
  #home-img-5,
  #home-img-6,
  #home-img-7{
	background-position: top center;
	background-size: cover;  
  }	

	
	
  /* * * * * FOOTER * * * * */
  
  body{
	margin-bottom: 18em;
  }
  
  footer {
	height: 18em;
  }
  
  .footer-text{
	margin-top: 1em;
  }
  
  .top-button{
	margin-top: 1em;
  }
  
  .bottombuffer{
	margin-bottom: 1em;
  }
	
	.purch-box{
  		height: 20em;
	}
	

  /* * * * * PRODUCT PAGE > SUB NAV * * * * */
  .subnav {
	z-index: -1;
	border-bottom: 0;
	margin-top: 4em;
	padding: .5em 0 .5em 0;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
  }

  .subnav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index:10;
  }
  
  .subnav-list >li >a {
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: .8em;
  }
  
  .subnav-list{
	line-height: 1em;
	font-size: 1em;
	font-weight: 400;
  }
  
  .product-nav{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: 500;
	color: #000;
  }

  .shrink {
	margin-top: 0em;
	border-bottom: 1px solid #ffffff;
	background-color: rgba(248,248,248,0.90);
	padding: 1em 0 0 0;
  }
  
  .shrink-subnav-list{
    font-size: .95em;
  }
  
  .shrink-product-nav{
    font-size: .95em;
  }

  .center-pills { 
    display: inline-block; 
  }

/* * * * * PRODUCT PAGE * * * * */

  .product-head {
	height:50em;
  }

  #dtg-split-1 {
	background: #ececec url('../images/prod-img-dtg-mobile.jpg') no-repeat;
	background-size: contain;
    background-position: center center;
  }
  
  .tech-head{
    height: 60vh;
  }
  
  #wt402-jumbotron-3{
    background-position: bottom left;
  }

  #wt802-jumbotron-3{
    background-position: top center;
  }
  
  #zd-split-1 {
  background-position: center right;
  }

  .cghead {
  text-shadow: white 0.1em 0.1em 0.2em;
  }
  

}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * L1 MQ * * * * * * */

@media only screen and (max-width: 1119px) {
  
    .fadeinout section {
      min-height: 575px;
    }

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * S MQ * * * * * * */

@media only screen and (max-width: 991px) {

    .fadeinout section {
      min-height: 450px;
    }
	
    .home-product-feature:first-child{
      border-right: none;
    }

    .home-product-feature:last-child{
      border-left: none;
    }

    .home-product-feature:first-child{
      border-bottom: 2px solid #f8f8f8;
    }

    .home-product-feature:last-child{
      border-top: 2px solid #f8f8f8;
    }


    .aion_brands_logo{
      height: 3.5em;
      max-width: 90%
  }


  .pr1019-thumb{
    margin: 0 auto;
    display: block;
  }

      
    .qube-tour-party,
    .qube-tour-show{
      margin-top: 1em;
      }
    
  .patent-wrapper img{
    height: 8em;
    margin: 0.5em;
  }

 .split-flex{
  display: block;
  height: auto;
 }

 .splitcol{
  border-right: 0;
  border-bottom: 2px #f0f0f0 solid;
 }



	.home-cell:nth-child(1){
	  flex-flow: column nowrap;
	}
	
	.letype-icons-string{
		display: flex;
		max-width: 100%!important;
		justify-content: space-around;
		align-content: center;
		margin: 0 auto;	
		text-align: center;
	}

	.letype-spec-icon{
		margin-top: 3em;
		height: 3em;
	}

	.letype-icons-string h3{
		display: none;
	}
	
	
  /* * * * * * Slider Content * * * * * */

	.glossary{
	  -webkit-column-count: 1;
		 -moz-column-count: 1;
			  column-count: 1;
	}	
	
	
	.glossarytopbuffer{
		margin-top: 0em !important;	
	}	
	
	#dtm-features-list{
	display: block;
	}	


  #home-dls a img{
    height: 20em;
  }
	
  .about-cell {
  width: 80%;
  height: 20em;
  margin-right: 10px;
  background: #fcfcfc;
}

	
  #home-img-1{
	background-color: #101010;
  }
   
  #home-img-2
  #home-img-3
  #home-img-4,
  #home-img-5,
  #home-img-6,
  #home-img-7{
	background-position: top center;
	background-size: cover;  
  }
  
  
  .slider-def-logo{
	  visibility: visible;
	  height: 4em;
	  margin: 1.5em auto;
  }
  
  .slider-def-content{
	  padding: 1em;	
  }

  .slide2-container{
	width: 80%;
	height: 80%;
	display:flex;
	flex-flow:row wrap;
	align-content:space-around;
	justify-content: flex-start;
	overflow: hidden;
	top: 2.5em;
	left:12%;
  }
  
  .slide2-max-item,
  .slide2-lg-item,
  .slide2-item{
	height: auto;
	width: 5em;
  }
  
  .slide2-item img{
	width: 90%;
  }

  .slide2-item img{
	width: 70%;
  }
  
  .slide2-lg-item img{
	max-width: 50%;
  }


  .slider-left-text{
  height: 5%;
  width: 100%;
  margin: 0!important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  position: absolute;  
  bottom: 20%;
  text-align:center;
  }
	
  .slide2-left-text{
  height: 5%;
  width: 100%;
  margin: 0!important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  position: absolute;  
  bottom: 20%;
  text-align:center;
  }

	
  .slider-center-container{
	height: 90vh;
	width: 90%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
	margin: 0 auto;
	position: relative;	
  }

  .slider-container{
	height: 50%;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin: 0;
	right: 0;
	position: absolute;
  }

  .slider-left-content{
	height: 90%;
	width: 100%;
	margin-left: 0!important;
	margin-right: 0!important;
	padding-bottom: 2em !important;
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 0 auto;
	position: static;
  }

  .slider-content-black-bar{
	top: 50%;
	right: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	height: 13%;
	width: 100%;
	padding: .25em;
  }

  .slider-content-spec-icon{
	height: 4em;
	width: 4em;
	margin: 1em;
  }

  .slider-content-selected-icon{
	display: block;
	height: 4em;
	width: 4em;
	margin: 1em;
  }

.slider-spec-content{
  height: 5%;
  width: 100%;
  margin: 0!important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  position: absolute;  
  bottom: 20%;
  text-align:center;
}


.slider-content-grey-box{
  height: auto;
  width: 60%;
  }
  
  .slider-last-page-string{
	display: inline-flex;
	width: 40%;
	justify-content: space-around;
	align-content: center;
	margin: 0 auto;	
	text-align: center;
}

.slider-last-page-icons{
	padding: .25em;
	text-align:center;
	height: 4em;	
}

  

.slider-ratings-string{
	display: flex;
	width: 60%;
	justify-content: space-around;
	align-content: center;
	margin: 0 auto;	
	text-align: center;
}

.slider-ratings-icon{
	padding: .25em;
	text-align:center;
	height: 2em;	
}	

	
	.ul-ratings-icon{
	  padding: 1em;
	  height: 5em;
	  margin-top: -1.5em;
	}


  /* * * * * COLLAPSE NAV BAR * * * * */

  .navbar-header {
	float: none;
  }
  .navbar-right {
	float: none !important;
  }
  .navbar-toggle {
	display: block;
  }
  .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
	display: none!important;
  }
  .navbar-nav {
	float: none!important;
	margin-top: 7.5px;
  }
  .navbar-nav>li {
	float: none;
  }
  .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
  }
  .collapse.in{
	display:block !important;
  }
  
  /* * * * * SLIDER * * * * */

  .slider-def-logo{
	visibility: visible;
	height: 2em;
	margin: 1em auto;
  }
  
  #home-img-2{
	display: flex;
	justify-content:center;
	align-items:center;
	align-self: center;
  }
  
  
  .slider-left-content{
	height: 90%;
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
	flex-direction:column;
	position: static; 
  }
  
	
  .slide2-left-text,
  .slider-left-text{
	position: static;
	text-align:center;
	display: flex;
	margin-left: 0 !important;
  }

  .slide2-lg-item,
  .slide2-item{
	margin: .25em;
	width: 5em;
  }
  
  .slide2-item img{
	width: 60%;
  }
  
  .slide2-lg-item img{
	max-width: 40%;
  }

  .slider-content-spec-icon{
	height: 3em;
	width: 3em;
	margin: 1em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
  }
  
  .slider-content-selected-icon{
	display: block;
	height: 3em;
	width: 3em;
	margin: 1em;
  }
  
  .slider-content-grey-box{
	height: 20em;
	width: 100%;
  }  
  

  .bottombuffer{
	margin-bottom: .5em;
}

#fr9524-split-1 {
  background-position: top center;
}

  .about-icons{
    margin-top: 1em;
    height: 3em;  
  }

  .footer-text{
    margin-top: 1.5em;
  }

  .top-button{
    margin-top: 1.5em;
  }

.home > .navbar-inverse{
  background-color: rgba(0,0,0,0.80);
    background-image:
    linear-gradient(
      to right, 
      #191919, #434343
    );
  background-image:none;
  border-color:transparent;
  box-shadow:none;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

	.purch-box{
  		height: 15em;
	}	

/* * * * * PRODUCT PAGE * * * * */


	#at402-head{
	    background-size: 387px 309px;
	    background-repeat: no-repeat;
		background-position: 100% 35%;
	}

	#at801-head{
	    background-size: 538px 429px;
	    background-repeat: no-repeat;
	    background-position: -85% 90%;
	}

  .nav-tabs > li > a::after { 
    width: 100%; 
  }

  .smallbottombuffer{
    margin-bottom: .25em;
  }
  
  .at401-container{
  margin: 1.75em auto 0 auto;
}

#wt801-split-2{
  background-position: top center;
  height: 30em;
}

.wr-ip-icons, 
.wr-color-icons {
  margin: 0 auto;
}

.supertape-logo{
  margin: 7em auto 1em auto;
}


  /* * * * * PRODUCT PAGE > SUB NAV * * * * */

	.subnav {
	z-index: 0;
	border-bottom: 0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	}

	.subnav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
	}

	.subnav-list >li >a {
	padding: 0em;
    margin: 0;
    line-height: .5em;
	}

	.subnav-list{
	line-height: .5em;
	font-size: .9em;
	}

	.product-nav{
	margin: 0;
	padding: 0;
	color: #000;
	}

	.shrink {
	border-bottom: 1px solid #ffffff;
	background-color: rgba(248,248,248,0.80);
    padding-top: .25em;
	}

	.shrink-subnav-list{
    font-size: .9em;
	}

	.shrink-product-nav{
	font-size: .9em;
	}

	.center-pills { 
	display: inline-block; 
	}

  .product-head {
    height: 50vh;
  }

  #at401-head{
    background: #f8f8f8 url('');
  }

  #at402-head{
    background: #f8f8f8 url('');
  } 

  #at801-head{
    background: #f8f8f8 url('');
  }

  #at802-head{
    background: #f8f8f8 url('');
  }
	

	
	
  #at845-head{
    background: #f8f8f8 url('');
  }

  .product-head#st-head{
    height: 95vh;
  }

  #st-head{
    background: #f8f8f8 url('');
  }

  #supertape-head{
    background: #f8f8f8 url('');
  }

  #grazer-head{
    background: #f8f8f8 url('');
	height: 40em !important;
  }

  #wrtype-head{
    background: #f8f8f8 url('');
  }

  #wrtype-head h1,
  #fr-head h1{
    margin-top: 3em !important;
  }

  	#fr-head{
    background: #f8f8f8 url('');
  	}

  	#maintechhead{ 
  	background:#919191 url('../images/tech-banner-mobile.jpg');
  	background-size: 50% 50%;
  	-moz-background-size: 50% 50%;
  	-webkit-background-size: 50% 50%;
  	-o-background-size: 50% 50%;
  	background-position: top 1em center;
  	background-size: cover;
	}

 	.top-dimensions{
    margin: 8em auto 0 auto;
    padding: .25em;
  	}

  	.split-text-left{
    margin-left: 0;
    padding: 2em;
  	}

  	.split-text-right{
    margin-left: 0;
    padding: 2em;
  	}

  	.center-row > div {
    min-height:40em;
    width:100%;
    display: block;
	overflow:auto;
  	}
  
  	.letype-row > div{
	height:auto;
    width:100%;
    display: block; 
	border-bottom: 2px #ccc solid;
  	}

  	#wrap > .center-container {
    padding: 1em 0 0 0;
    margin:0;
  	}

  	#maintechhead{ 
    background:#919191 url('../images/tech-banner-mobile.jpg');
    background-size: 50% 50%;
    -moz-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    -o-background-size: 50% 50%;
    background-position: top 1em center;
    background-size: cover;
  	}

  	.tech-head{
    height: auto;
    padding-bottom: 2em;
  	}
	
    .card {
    margin-bottom: 2em; 
    padding:1em;
  	}

  	.compat-icons {
    vertical-align: top;
    min-height: 10em;
  	}

  .flow-choice,
  .it{
    width: 19%;	
  }
	
	
	.dtm-update-ribbon{
	  width: 100%;
	  margin: 0 auto;
	  height: 3.5em;
	  padding-right: 0%;
	  background: #008DCA;
	  position: absolute;
	  top: 2%;
	  left: 0%;
	  transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	}	
	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * S1 MQ * * * * * * */

@media only screen and (max-width: 801px) {
  
    .fadeinout section {
      min-height: 450px;
    }

}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * S1 MQ * * * * * * */

@media only screen and (max-width: 768px) {
	

    .letype-wrapper .row:nth-child(even){
      background-color: #fff !important;
    }        

    .driver-ill{
      height: 8em;
    }

    .patent-wrapper img{
      height: 10em;
      margin: 0 0.75em;
    }

	
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * XS MQ * * * * * * */

@media only screen and (max-width : 480px) {
	
  .fadeinout section {
    min-height: 240px;
  }

    
  .tenyearsgold{
    height: auto;
  }

  .patent-wrapper img{
    height: 8em;
    margin: 0.5em;
  }


	.letype-box div{
	  padding: 0.25em;	
	}	

	.purch-box{
	  max-height: 20em;
	}	
	
	.purch-box-p{
	  
	}
	
  .flow-choice,
  .flow-choice-long,
  .it{
    width: 30%;	
  }	
	

  #home-dls a img{
    height: 20em;
  }

	
  /* * * * * SLIDER * * * * */
	
  .slider-def-logo{
	visibility: visible;
	height: 2em;
	margin: 1em auto;
  }
  
  .slider-left-content{
	height: 95%;
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: flex-end;
	flex-direction:column;
	position: static; 
  }
	
	
  .slide2-left-text,
  .slider-left-text{
	position: static;
	text-align:center;
	display: flex;
	margin: -2em auto 0!important;
  }
	
  .slider-left-text h2{
    margin-top: -1em;
  }

  .slide2-container{
	width: 100%;
	height: 80%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	align-content:flex-start;
	overflow: hidden;
	top: 1em;
	right: 1%;
	left: 1%
  }  
  
  .slide2-lg-item,
  .slide2-item{
	margin: 0.75em;
	width: 4.25em;
  }

  .slide2-item img{
	width: 70%;
  }
  
  .slide2-lg-item img{
	max-width: 40%;
  }

  .slider-content-spec-icon{
	height: 3em;
	width: 3em;
	margin: 1em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
  }
  
  .slider-content-selected-icon{
	display: block;
	height: 3em;
	width: 3em;
	margin: 1em;
  }
  
  .slider-content-grey-box{
	height: 20em;
	width: 100%;
  }

	.ul-ratings-icon{
		text-align:center;
		margin-top: -1em;
		height: 4em!important;	
	}
	
	.slider-ratings-icon{
		text-align:center;
		height: 1.75em;	
	}	
	
	.slider-ratings-string{
		display: flex;
		width: 50%;
		justify-content: space-around;
		align-content: center;
		margin: 0 auto;	
		text-align: center;
	}

	
   .form-control {
		margin-left: 15px;
		width: 92%;
  }
	
	
	  .dtm-screens{
	  margin-top: 3em;
	  height: auto;
	  max-width: 90%;
	}

	.dtm-logo{
	  height: auto;
	  max-width: 75%;
	  padding: 1em;
	  margin: .75em auto .5em auto;
	  display: block;
	  text-align: center;
	}	
	
	.download-icon{
		max-width: 75%;
		height: auto;
	}
	
	/* * * * * PRODUCT PAGE * * * * */

	.product-head {
		height: 85vh;
	}

	#at401-head {
	  background-size: 30% 30%;
	  background-repeat:no-repeat;
	  background-position:  right -20em  top 3em !important;  
	}
	

	#at402-head{
	    background: #f8f8f8 url('');
	}	

	#at801-head{
	    background: #f8f8f8 url('');
	}

	#at802-head{
	    background: #f8f8f8 url('');
	}

	#at845-head{
	    background: #f8f8f8 url('');
	}

	#skytrack-head{
	    background: #f8f8f8 url('');
	}

    #supertape-head{
      background: #f8f8f8 url('');
  }

  .tech-head{
    height: auto;
    padding-bottom: 2em;
  }

  .jumbo-logo{
    height: 1em;
  }
	
	#uf-split-sf, #uf-split-tf{
	  height: 15em;
	  margin: 1em auto;
	}

	#uf-split-tf{
	  background-position: top 4em center;
	  background-size: 100%;
	}

	#uf-split-sf{
	  background-position: top 4em center;
	  background-size: 80%;
	}

	#uf-split-sf, #uf-split-tf .uf-title{
		text-align: center;
	}	
	
	
	
	
  
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * XS MQ * * * * * * */
@media only screen and (max-width : 376px) {
  
  .fadeinout section {
    min-height: 220px;
  }

  .slide2-max-item,
  .slide2-lg-item,
  .slide2-item{
	margin: 1.25em;
	width: 3em;
  }

  .slide2-item img{
	max-width: 60%;
  }
  
  .slide2-max-item,
  .slide2-lg-item img{
	max-width: 40%;
  }
}

@media only screen and (max-width : 320px) {

  .slide2-container{
	width: 100%;
	height: 70%;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	align-content:space-around;
	justify-content: center;
	margin-top: 1.5em;
  }  
	
	.slider-spec-content h1{
	  margin: 0!important;
	  font-size: .9em;
	}
	
	.slider-spec-content h2{
	  font-size: .9em;
	  margin: 0!important;
	}	

  
  .slide2-max-item,
  .slide2-lg-item,
  .slide2-item{
	margin: .5em;
	width: 2.5em;
  }

  .slide2-item img{
	max-width: 60%;
  }
	
  .slide2-max-item img {
    max-width: 70%;
  }
  
  .slide2-lg-item img{
	max-width: 40%;
  }
}
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * XS LANDSCAPE MQ * * * * * * */
@media only screen and (max-width : 736px) and (orientation : landscape) {

  .flow-choice,
  .flow-choice-long,
  .it{
    width: 23%;	
  }	
		
	
	.home-cell {
	  height: 100vh;
	}
	
	.slide2-container{
	  width: 60%;
	  height: 90%;
	  right: 1%;
	  top: 6%;
	}

	.slide2-max-item,
	.slide2-lg-item,
	.slide2-item{
	  margin: .25em;
	  width: 3em;
	}

	.slider-left-content{
	  width: 45%;
	  margin: 0!important;
	  padding-bottom: 0 !important;
	  display: flex;
	  align-items: flex-start;
	  justify-content: center;
	  flex-direction:column;
	  position: absolute;  
	  left: 1%;
	  top: 0%;
	}
	
	.slide2-left-text,
	.slider-left-text{
		margin-left: 0em;
	}
	
	.slider-left-text h2{
		font-size: .9em;
	}

	.slider-center-container{
	  height: 105vh;
	}

	.slider-container{
	  height: 100vh;
	  width: 50%;
	  display: flex;
	  align-items: flex-end;
	  justify-content: flex-end;
	  margin: 0;
	  right: 0;
	  position: absolute;
	}

	.slider-greybox-container{
	  height: 100vh;
	  width: 100%;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
	  margin: 0;
	}

	.slider-content-black-bar{
		position: absolute;
		top: 0;
		right: 50%;
		background-color: #010101;
		display: flex;
		flex-direction: column;
		align-items:center;
		justify-content: center;
		height: 100%;
		width: 8%;
		padding: .25em;
	}

	.slider-content-spec-icon{
	  height: 2.5em;
	  width: 2.5em;
	  margin: .75em;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}

	.slider-content-selected-icon{
	  display: block;
	  height: 2.5em;
	  width: 2.5em;
	  margin: .75em;
	}

	.slider-spec-content{
	  height: 100vh;
	  width: 45%;
	  
	  margin: 0!important;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction:column;
	  position: absolute; 
	  top: 2%;
	  left: 0;
	  text-align:center;
	}

	.slider-spec-content h1{
	  margin: 0!important;
	  font-size: .9em;
	}
	
	.slider-spec-content h2{
	  font-size: .9em;
	}	

	.slider-content-grey-box{
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: space-around;
	  background-color: #333;
	  height: 50%;
	  width: 75%;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	  filter: alpha(opacity=95);
	  opacity: 0.95;
	  padding: 1em;
	  text-align: center;
	  }
	
	.slider-content-grey-box h3{
		padding: 0em;
		margin: 0em;
	}
	
	.slider-content-grey-box .btn{
		display: none;
	}
	
	.slider-content-tech-logo{
	  height: 5em;
	  margin: .75em;
	}



	
	.slider-center-container h1{
	 	margin: 1em 0 0 0;
		padding: 0;
	}

	.slider-center-container h2{
	 	margin: 0;
		padding: 0;
	}	

	.ul-ratings-icon{
		padding: .25em;
		text-align:center;
		margin-top: -.5em;
		height: 2.5em;	
	}
	
	
	.slider-ratings-string{
		display: flex;
		width: 40%;
		justify-content: space-around;
		align-content: center;
		margin: 0 auto;	
		text-align: center;
	}
	

	.slider-ratings-icon{
		padding: .25em;
		text-align:center;
		height: 1.5em;	
	}

	.slider-container .btn{
		font-size: 1.5em;
		border: 1px #b47e2d solid;
		margin: 0 auto;
		text-align:center;
		color: white;
		letter-spacing: .1em;
		background-color: transparent;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.slider-container .btn:hover, .btn:active, .btn:focus{
		border: 1px #FBB040 solid;
		color: #fbbd3f;
		background-color: transparent;
	}

	.slider-container .btn:hover:active{
		border: 1px #FBB040 solid;
		background-color: transparent;
	}

	.slider-last-page-string{
		display: flex;
		width: 30%;
		justify-content: space-around;
		align-content: center;
		margin: 0 auto;	
		text-align: center;
	}

	.slider-last-page-icons{
		padding: .25em;
		text-align:center;
		height: 3em;	
	}
	
}


	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * XL BREAK POINT * * * * * * */


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none;
}

@media (min-width: 1200px) {
    .containertest {
		margin-top: -10px !important;
    }
}

@media (min-width: 1600px) {
    .containertest {
		margin-top: -10px !important;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell;
    }

    .visible-xl-block {
        display: block;
    }

    .visible-xl-inline {
        display: inline;
    }

    .visible-xl-inline-block {
        display: inline-block;
    }

    .hidden-xl {
        display: none;
    }

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * RESPONSIVE TEXT ALIGNMENT * * * * * * */


.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}