@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.eot");
  src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.eot");
  src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightItalic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-200italic.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.eot");
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.eot");
  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightItalic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-300italic.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.eot");
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-regular.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.eot");
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-italic.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.eot");
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.eot");
  src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-600italic.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.eot");
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.eot");
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-700italic.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.eot");
  src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900.svg") format("svg");
  font-display: swap
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.eot");
  src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackItalic"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.eot?") format("embedded-opentype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.woff2") format("woff2"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.woff") format("woff"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.ttf") format("truetype"), url("/digi/media/fonts/source-sans-pro-v10-latin-ext_latin-900italic.svg") format("svg");
  font-display: swap
}

#mapson {
  display: none
}

.lifestyleright {
  margin: 0 0 10px 10px;
  float: right;
  clear: both;
  max-width: 320px;
  width: 100%
}

.textsmall {
  font-size: .85em;
  line-height: 1.3em
}

.column {
  width: 16.6%;
  padding-right: 12px;
  display: block;
  float: left;
  box-sizing: border-box
}

.twocolumn {
  width: 33.6%;
  display: block;
  float: left;
  box-sizing: border-box
}

.threecol {
  width: 33%;
  display: block;
  float: left;
  padding: 0 20px;
  box-sizing: border-box
}

.fivecol {
  width: 20%;
  display: block;
  float: left;
  box-sizing: border-box
}

.twocol {
  width: 50%;
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 0 20px
}

.threecol {
  clear: none;
  width: 33%;
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 0 20px
}

.fourcol {
  clear: none;
  width: 25%;
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 0 20px
}

a:link.btn-white, a:visited.btn-white, a:active.btn-white {
  display: inline-block;
  background: #fff;
  color: #063;
  text-decoration: none;
  transition: all .1s linear;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 20px;
  border-radius: 3px
}

a:hover.btn-white {
  background: #323232;
  color: #fff
}

a:link.btn-orange, a:visited.btn-orange, a:active.btn-orange {
  background: #ff6319;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  display: inline-block;
  transition: all .1s linear;
  border-radius: 3px;
  padding: 14px 45px
}

a:hover.btn-orange {
  background: #323232;
  color: #fff;
  text-decoration: none !important
}

a:link.btn-bigwhite, a:visited.btn-bigwhite, a:active.btn-bigwhite {
  background: #fff;
  color: #063 !important;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  display: inline-block;
  transition: all .1s linear;
  border-radius: 3px;
  padding: 14px 45px
}

a:hover.btn-bigwhite {
  background: #323232;
  color: #fff !important;
  text-decoration: none !important
}

a:link.btn-biggreen, a:visited.btn-biggreen, a:active.btn-biggreen {
  background: #00a05b;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  display: inline-block;
  transition: all .1s linear;
  border-radius: 3px;
  padding: 14px 45px
}

a:hover.btn-biggreen {
  background: #363636;
  color: #fff !important;
  text-decoration: none !important
}

a:hover.btn-white {
  background: #323232;
  color: #fff
}

.hideul, .showul {
  display: block
}

a.btn-green, form input.btn-green {
  display: inline-block;
  color: #fff !important;
  text-transform: uppercase;
  background: #00b7ff;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none !important
}

a.btn-green:after, form input.btn-greena:after {
  content: url("//www.digi.com/images/arrow-right-white-small.png");
  width: 6px;
  height: 9px;
  margin: 0 0 0 4px;
  white-space: nowrap
}

a:hover.btn-green, form input:hover.btn-green {
  background: #00a4e5;
  text-decoration: none
}

a.btn-small-green {
  text-decoration: none;
  background: #91d46c;
  display: inline-block;
  cursor: pointer;
  border: 0;
  padding: 6px 12px;
  font-size: 12px;
  color: #3f4245 !important;
  transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  text-decoration: none !important
}

a:hover.btn-small-green {
  background: #9de476;
  text-decoration: none
}

a.btn-download img {
  width: 100px
}

a.btn-compare {
  padding: 10px 20px;
  text-decoration: none
}

.imgoffsite {
  height: 14px;
  padding: 0 0 0 8px
}

#tierwithnav {
  width: 1200px;
  position: relative;
  margin-left: -600px;
  left: 50%
}

#tierwithnavleft {
  width: 24%;
  padding: 25px 0 0 0;
  float: left;
  background: #f2f2f2;
  box-sizing: border-box;
  position: relative
}

#tierwithnavleft .responsiveonly, #productmodels .responsiveonly {
  display: none
}

#tierwithnavleft a {
  display: block;
  width: 100%;
  padding: 5px 7% 5px 7%;
  box-sizing: border-box
}

#tierwithnavleft a.selected, #tierwithnavleft a:hover.selected {
  color: #646466;
  text-decoration: none
}

#tierwithnavleft a.noshow {
  display: block
}

#tierwithnavleft ul, ul.subleftnav {
  list-style-type: none;
  position: relative;
  padding: 0 0 30px 0;
  margin: 0;
  box-sizing: border-box
}

ul.subleftnav {
  padding-bottom: 30px
}

#tierwithnavleft ul ul {
  width: 90%;
  padding: 10px 0 23px 10px;
  margin: 5px 0 10px 0;
  background: #fff;
  box-sizing: border-box
}

#tierwithnavleft li.inlineheading {
  padding: 20px 0 0 0
}

#tierwithnavleft li.inlineheading:nth-of-type(1) {
  padding: 0
}

#tierwithnavleft li.inlineheading a {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600
}

#tierwithnavleft li.inlineheading a:hover {
  text-decoration: none;
  color: #72bb4b
}

#tierwithnavleft h4.navigation {
  float: left;
  line-height: 30px;
  color: #4f5454;
  border: none;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 15px 0 0 10%;
  box-sizing: border-box
}

#tierwithnavleft h4.related {
  float: left;
  line-height: 30px;
  color: #4f5454;
  border: none;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  margin: 20px 0 15px 0;
  padding: 15px 0 0 7%;
  box-sizing: border-box
}

#tierwithnavmain {
  width: 76%;
  float: right;
  padding: 0 0 0 25px;
  box-sizing: border-box
}

.linksrelated {
  background: #fff;
  margin: 0 0 -30px 0
}

#tierwithnavleft ul:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid #fff;
  box-sizing: border-box
}

#tierwithnavleft ul ul:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #fff;
  border-right: 23px solid #f2f2f2;
  box-sizing: border-box
}

#tierwithnavleft .linksrelated ul:after {
  display: none
}

.standard input, .standard input, .standard select, .standard select, .standard textarea, .standard textarea, #support textarea, #news select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  color: #646466;
  border: 2px solid #cfd5d3;
  background: #fff;
  padding: 14px 11px;
  width: 335px;
  font-family: 'Source Sans Pro', sans-serif;
  border-radius: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.standard input[type="checkbox"] {
  background: #fff;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
  border: 2px solid #cfd5d3;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.standard input[type=checkbox]:disabled, .standard input[type=checkbox]:disabled+label {
  opacity: .4
}

.standard input[type=checkbox]:checked {
  background: url("//www.digi.com/images/form-checkbox-checkmark.png") no-repeat center center;
  background-size: 20px 20px
}

.standard input[type=text]:focus, .standard textarea:focus, .standard select:focus {
  border: 2px solid #72bb4b
}

.standard select, .standard select, #news select {
  background: #fff url("//www.digi.com/images/form-select-downarrow.png") no-repeat right center;
  background-size: 24px 10px;
  color: #646466
}

#news input[type="checkbox"] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
  border: 2px solid #cfd5d3;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

#news input[type="checkbox"]:checked {
  background: url("//www.digi.com/images/form-checkbox-checkmark.png") no-repeat center center;
  background-size: 20px 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.standard .btn, .standard .btn, .standard button.btn .standard input.btn-green {
  border: none;
  width: auto;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  background: #00b7ff;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.standard .btn:hover, .standard .btn:hover, .standard button.btn:hover, .standard input.btn-green:hover {
  background: #00a4e5;
  text-decoration: none;
  cursor: pointer
}

.standardmini input, .standardmini select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  color: #fff;
  background: #00aef2;
  border: 2px solid #00aef2;
  padding: 6px 6px;
  width: 335px;
  font-family: 'Source Sans Pro', sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.standardmini select {
  padding-right: 30px;
  background: #00aef2 url("//www.digi.com/images/form-select-downarrow-white.png") no-repeat right center;
  background-size: 24px 10px
}

html[data-useragent*='MSIE 10.0'] .standardmini select, html[data-useragent*='Trident'] .standardmini select {
  padding-right: 6px !important;
  background: #00aef2 !important
}

.standardmini .btn, .standardmini input.btn {
  color: #fff;
  background: #00b7ff;
  font-weight: 300;
  border: none;
  width: auto;
  padding: 6px 10px;
  transition: all .1s linear
}

.standardmini .btn:hover, .standardmini input.btn:hover {
  background: #00a4e5;
  cursor: pointer
}

.centered {
  text-align: center
}

#div_Filter {
  margin: 8px 10px 30px 0;
  display: inline-block
}

#tierendorsement {
  width: 100%;
  min-height: 200px;
  padding: 70px 0;
  float: left;
  clear: both
}

#tierendorsement h2 {
  font-size: 30px;
  line-height: 1.25em;
  font-weight: 300;
  padding: 0 0 45px 0;
  text-align: center;
  color: #4f5454
}

#tierendorsement blockquote {
  position: relative;
  margin: 0;
  font-size: 30px;
  padding: 0 0 0 40px;
  font-weight: 400;
  line-height: 38px;
  color: #4f5454;
  margin-bottom: 10px
}

#tierendorsement blockquote:before {
  position: absolute;
  top: 0;
  content: "“";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 24px 5px 0 -30px;
  line-height: .1em
}

#tierendorsement blockquote:after {
  position: absolute;
  bottom: 0;
  content: "”";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 0 0 -20px 4px;
  line-height: .1em
}

#tierendorsement p {
  padding-left: 40px
}

#tierendorsement .twocol {
  padding: 0 15px
}

#tierendorsement .twocol img {
  float: left;
  max-width: 400px;
  width: 100%
}

#tierendorsement .first {
  width: 45%
}

#tierendorsement .second {
  width: 55%
}

.grey {
  background: #f2f2f2
}

.arrowdown {
  display: inline-block;
  width: 18px;
  height: 9px;
  margin: 0;
  padding: 0
}

.level {
  padding: 70px 0;
  float: left;
  width: 100%;
  clear: both
}

.level h2 {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 50px
}

.level h4 {
  font-size: 19px;
  line-height: 24px;
  text-align: center;
  font-weight: 300
}

.attop {
  position: absolute;
  top: 114px;
  left: 0;
  z-index: 10
}

.scrolled {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10
}

.biggie {
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: 300
}

.hide {
  display: none !important
}

ul.rightlinks {
  list-style-type: none;
  padding: 30px 0;
  margin: 0;
  background: #f2f2f2
}

ul.rightlinks li {
  display: block;
  width: 80%;
  margin: 0 10%;
  padding: 15px 0;
  border-bottom: 1px solid #959595
}

ul.rightlinks li:last-of-type {
  border-bottom: none
}

ul.rightlinks li a {
  display: block
}

#tierenterprise p {
  width: 68%;
  margin: 0 auto 40px auto;
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  font-weight: 300
}

#support #tierwithnavmain {
  text-align: center
}

#support #supportsearch, #support #supportfilter {
  margin-bottom: 50px
}

#support #supportsearch {
  background: #efefef;
  padding: 30px 20px;
  width: 100%;
  box-sizing: border-box;
  clear: both
}

#support #qs {
  width: 60%;
  margin-right: 20px
}

#support #theproducts {
  margin: 20px auto 0 auto;
  width: 100%;
  text-align: left;
  padding: 20px;
  height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border: 2px solid #cfd5d3;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

#support #sclearbtn {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #cfd5d3;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50%
}

#support #sclearbtn:hover {
  color: #323232
}

#support .supportphone, #support .supportrequest {
  width: 50%;
  float: left;
  padding: 20px 0 0 0
}

#support .supportphone {
  font-size: 20px;
  line-height: 30px
}

#support .supportphone strong {
  white-space: nowrap
}

#support .supportrequest .btn-green {
  margin: 10px 0 20px 0
}

#serviceagreements .scolumn {
  display: inline-block;
  width: 48%;
  margin: 0 1% 2% 1%;
  padding: 15px;
  border: 2px solid #cfd5d3;
  float: left;
  height: 450px;
  color: #474747;
  font-size: 14px;
  box-sizing: border-box
}

#serviceagreements .scolumn ul {
  padding-left: 15px
}

.imageWrapper img {
  width: 100%
}

#vcontent h1 {
  text-align: left;
  margin: 30px 0 0 0;
  padding: 0
}

#vcontent .date {
  padding: 20px 0 0 0
}

.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: .5
}

.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981
}

.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff
}

.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1
}

.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important
}

.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2
}

.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer
}

.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}

.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}

.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff
}

.alertify .ajs-body {
  min-height: 56px
}

.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px
}

.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px
}

.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-resizable .ajs-dialog, .alertify.ajs-maximized .ajs-dialog {
  padding: 0
}

.alertify.ajs-resizable .ajs-commands, .alertify.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0
}

.alertify.ajs-resizable .ajs-header, .alertify.ajs-maximized .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px
}

.alertify.ajs-resizable .ajs-body, .alertify.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block
}

.alertify.ajs-resizable .ajs-body .ajs-content, .alertify.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto
}

.alertify.ajs-resizable .ajs-footer, .alertify.ajs-maximized .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move
}

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
  display: none
}

.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto
}

.alertify.ajs-basic .ajs-header {
  opacity: 0
}

.alertify.ajs-basic .ajs-footer {
  visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
  display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0
}

.ajs-no-overflow {
  overflow: hidden !important;
  outline: none
}

.ajs-no-overflow.ajs-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll !important
}

.ajs-no-selection, .ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media screen and (max-width:568px) {
  .alertify .ajs-dialog {
    min-width: 150px
  }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%
  }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto
  }
}

@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2
  }
}

.alertify .ajs-dimmer, .alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
  animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes ajs-pulseIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25)
  }
}

@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25)
  }
}

@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes ajs-fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes ajs-fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%
  }
  100% {
    margin-top: 5%
  }
}

@keyframes ajs-slideIn {
  0% {
    margin-top: -100%
  }
  100% {
    margin-top: 5%
  }
}

@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%
  }
  100% {
    margin-top: -100%
  }
}

@keyframes ajs-slideOut {
  0% {
    margin-top: 5%
  }
  100% {
    margin-top: -100%
  }
}

.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 250ms;
  transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px
}

.alertify-notifier .ajs-message.ajs-success {
  color: #3f4245;
  background: #91d46c
}

.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, .95)
}

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, .95)
}

.alertify-notifier .ajs-message .ajs-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, .5);
  border-top-right-radius: 2px
}

.alertify-notifier.ajs-top {
  top: 10px
}

.alertify-notifier.ajs-bottom {
  bottom: 10px
}

.alertify-notifier.ajs-right {
  right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
  right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px
}

.alertify-notifier.ajs-left {
  left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
  left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0
}

.alertify-notifier.ajs-center {
  left: 50%
}

.alertify-notifier.ajs-center .ajs-message {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.alertify-notifier.ajs-center .ajs-message.ajs-visible {
  left: 50%;
  transition-timing-function: cubic-bezier(.57, .43, .1, .65)
}

.alertify-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px
}

.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0
}

.ajs-no-transition.alertify .ajs-dimmer, .ajs-no-transition.alertify .ajs-modal, .ajs-no-transition.alertify .ajs-dialog {
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important
}

.ajs-no-transition.alertify-notifier .ajs-message {
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important
}

@media(prefers-reduced-motion:reduce) {
  .alertify .ajs-dimmer, .alertify .ajs-modal, .alertify .ajs-dialog {
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
  }
  .alertify-notifier .ajs-message {
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
  }
}

html {
  -webkit-text-size-adjust: none
}

html, body {
  margin: 0;
  padding: 0
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  color: #3f4245
}

a:link, a:visited, a:active {
  /*color: #0074a2;*/
  text-decoration: none;
  transition: all .1s linear;
  outline: 0
}

a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

a:link, a:active, a:visited {
  /*color: #1f7fa5;*/
  text-decoration: underline
}

a:link:hover, a:active:hover, a:visited:hover {
  color: #3f4245
}

img {
  border: none;
  max-width: 100%
}

div, a {
  box-sizing: border-box
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0
}

p {
  margin-top: 0
}

h3 {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.75em
}

h3.noupper {
  text-transform: none
}

h4 {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.25em
}

*:focus {
  outline: 0
}

.noupper {
  text-transform: none !important
}

.zoom {
  cursor: ne-resize;
  cursor: zoom-in
}

.text-grey {
  color: #b3b3b3
}

.colvert {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.colverttop {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.coltwo {
  width: 50%;
  display: inline-block;
  vertical-align: top
}

.colthree {
  width: 33.33%;
  display: inline-block;
  vertical-align: top
}

.colthreetwo {
  width: 66.66%;
  display: inline-block;
  vertical-align: top
}

.colfour {
  width: 25%;
  display: inline-block;
  vertical-align: top
}

.colfourthree {
  width: 75% !important;
  display: inline-block;
  vertical-align: top
}

.colfive {
  width: 20%;
  display: inline-block;
  vertical-align: top
}

.colfivetwo {
  width: 40%;
  display: inline-block;
  vertical-align: top
}

.colsix {
  width: 16.66%;
  display: inline-block;
  vertical-align: top
}

.colsixfive {
  width: 83.34%;
  display: inline-block;
  vertical-align: top
}

.colsixfour {
  width: 66.67%;
  display: inline-block;
  vertical-align: top
}

.colsixtwo {
  width: 33.33%;
  display: inline-block;
  vertical-align: top
}

.colseven {
  width: 14.2857%;
  display: inline-block;
  vertical-align: top
}

.coleight {
  width: 12.5%;
  display: inline-block;
  vertical-align: top
}

span.bullets {
  display: block
}

span.bullets span {
  display: block;
  box-sizing: border-box;
  padding-left: 30px;
  position: relative;
  margin: 0 0 8px 0
}

span.bullets span:before {
  content: '•';
  position: absolute;
  left: 15px;
  font-size: 1.5em
}

.items.iconstext {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.items.iconstext .item {
  width: 46%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center;
  margin: 0 2% 40px 2%;
  text-align: left
}

.items.iconstext .item img {
  width: 88%
}

.items.iconstext .item div {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.items.iconstext .item div.icon {
  width: 17%
}

.items.iconstext .item div.text {
  width: 83%
}

.boxcars a.colthree {
  background: #f2f2f2;
  width: 32.33%;
  margin: 0 .5%
}

.boxcars a.colthree img {
  float: left
}

.boxcars a.colthree:hover {
  background: #00b7ff
}

.bordertop {
  border-top: 1px solid #cfd5d3
}

.generic+#footer2018 {
  margin: 50px 0 0 0
}

.generic h1 {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.75em;
  text-align: center;
  margin: 60px 0 66px 0;
  width: 100%;
  float: left
}

.generic h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

.generic h1.larger {
  line-height: 1em;
  margin: 0 0 10px 0
}

.cookietrail+.generic h1, .generic #tierwithnavmain>h1, h1.withbreadcrumb {
  margin-top: 0
}

h1+#tierwithnav, h1.larger+#tierwithnav {
  clear: both;
  padding-top: 30px
}

h4.subheading, .generic h2 {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 300;
  width: 86%;
  margin: 0 7% 50px 7%;
  text-align: center;
  text-transform: none;
  color: #646466
}

h2.smallblock {
  font-size: 22px;
  line-height: 1.5em;
  text-align: justify;
  width: 100%;
  padding: 0
}

h5.subheading {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
  width: 86%;
  padding: 0 7%;
  text-align: center;
  margin: 0 0 50px 0;
  text-transform: none;
  color: #646466
}

.generic .left {
  width: 71.5%;
  float: left;
  padding: 50px 2.5% 0 0
}

.generic .left h3 {
  font-size: 24px;
  margin-top: 45px
}

.generic .right {
  width: 28.5%;
  float: right;
  padding: 50px 0 50px 2.5%
}

.generic .right h3 {
  font-size: 24px;
  margin-bottom: 30px
}

.generic .right .coltwo {
  padding: 1%
}

.generic .right .coltwo span.image {
  width: 120px;
  height: 120px;
  line-height: 120px;
  vertical-align: middle;
  display: inline-block
}

.generic .right .coltwo span.image img {
  max-width: 120px;
  max-height: 80%;
  vertical-align: middle
}

.generic .right .coltwo span.heading {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em
}

.generic .right .similar {
  background: #f2f2f2;
  padding: 30px;
  margin: 55px 0 0 0;
  clear: both
}

.generic .right .similar:first-child {
  margin: 0
}

.generic .right .cut-corner {
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid transparent;
  margin-bottom: 55px
}

.generic .title .left {
  padding-top: 0
}

.generic .title h1 {
  font-size: 48px;
  font-weight: 800;
  color: #3f4245;
  text-transform: none;
  text-align: left
}

.generic .quote {
  clear: both;
  padding: 0;
  position: relative;
  margin: 0 0 80px 0
}

.generic .quote:after {
  content: "";
  background: url("//www.digi.com/images/subpage-banner-corner.png") center center no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 125px;
  height: 125px
}

.generic .quote .text {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 30px;
  line-height: 38px;
  font-weight: 300;
  background: #f2f2f2;
  padding: 35px 130px 0 35px
}

.generic .quote .text .attribution {
  width: 100%;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: #72bb4b;
  text-transform: uppercase
}

.generic .media {
  clear: both
}

.inside {
  width: 1200px;
  margin: 0 auto
}

.inside.inside75 {
  width: 900px
}

.ronly {
  display: none
}

.donly {
  display: inline-block
}

.nobreak {
  white-space: nowrap
}

.quoteinline {
  width: 100%;
  clear: both;
  float: left;
  padding: 30px 30px 10px 15px;
  background: #f2f2f2;
  margin: 15px 0 50px 0;
  border-left: 6px solid #72bb4b
}

.quoteinline blockquote {
  position: relative;
  margin: 0;
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 0 0 0 40px;
  font-weight: 400;
  color: #4f5454;
  margin-bottom: 20px
}

.quoteinline blockquote:before {
  position: absolute;
  top: 0;
  content: "“";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 24px 5px 0 -35px;
  line-height: .1em
}

.quoteinline blockquote:after {
  position: absolute;
  bottom: 0;
  content: "”";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 0 0 -20px 4px;
  line-height: .1em
}

.quoteinline img {
  float: right;
  width: 25%;
  margin: 0 0 5px 25px
}

.quoteinline p {
  padding-left: 40px
}

figure {
  margin: 0 0 20px 0;
  padding: 0
}

figure figcaption {
  color: #6a6a6a;
  font-size: .9em;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-weight: 300;
  font-style: italic
}

figure.full {
  width: 100%;
  margin: 0 0 20px 0
}

figure.right20 {
  float: right;
  width: 20%;
  margin: 0 0 20px 20px
}

figure.right25 {
  float: right;
  width: 25%;
  margin: 0 0 20px 20px
}

figure.right30 {
  float: right;
  width: 30%;
  margin: 0 0 20px 20px
}

figure.right33 {
  float: right;
  width: 33%;
  margin: 0 0 20px 20px
}

figure.right50 {
  float: right;
  width: 50%;
  margin: 0 0 20px 20px
}

figure.rightauto {
  float: right;
  width: auto;
  margin: 0 0 20px 20px
}

figure.left20 {
  float: left;
  width: 20%;
  margin: 0 20px 20px 0
}

figure.left25 {
  float: left;
  width: 25%;
  margin: 0 20px 20px 0
}

figure.left30 {
  float: left;
  width: 30%;
  margin: 0 20px 20px 0
}

figure.left33 {
  float: left;
  width: 33%;
  margin: 0 20px 20px 0
}

figure.left50 {
  float: left;
  width: 50%;
  margin: 0 20px 20px 0
}

figure.leftauto {
  float: left;
  width: auto;
  margin: 0 20px 20px 0
}

figure.left50off {
  float: left;
  width: 50%;
  margin: 0 20px 20px -10%;
  position: relative
}

figure.left33off {
  float: left;
  width: 33%;
  margin: 0 20px 10px -10%;
  position: relative
}

figure.right50off {
  float: right;
  width: 50%;
  margin: 0 -10% 20px 20px;
  position: relative
}

@media(max-width:1375px) {
  img.left50off, figure.left50off {
    margin: 0 20px 20px 0
  }
  img.right50off, figure.right50off {
    margin: 0 0 20px 20px
  }
}

.resourcedownload .inside {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.resourcedownload .inside .coltwo:nth-of-type(1) {
  width: 25%;
  padding: 0 2% 0 0
}

.resourcedownload .inside .coltwo:nth-of-type(2) {
  width: 45%;
  padding: 0 0 0 2%
}

span.attribution {
  color: #c7c7c7;
  font-size: .9em
}

div.linkswithicons a, div.linkswithicons span {
  display: inline-block;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center;
  margin: 0 0 12px 0;
  width: 100%;
  flex-wrap: nowrap
}

div.linkswithicons a img, div.linkswithicons span img {
  width: 35px !important;
  height: 35px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle
}

.tabs {
  width: 100%;
  text-align: left;
  margin: 0 0 45px 0
}

.tabs a {
  display: inline-block;
  vertical-align: middle;
  color: #646466;
  padding: 10px 2%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px
}

.tabs a:hover {
  color: #72bb4b;
  text-decoration: none
}

.tabs h3 {
  display: inline-block;
  padding: 10px 2% 10px 0
}

.tabs a.selected {
  color: #72bb4b;
  text-decoration: none
}

.contents .content {
  transition: opacity .5s ease-out
}

.contents .off {
  height: 0;
  opacity: 0;
  overflow: hidden
}

.subtabs {
  width: 100%;
  text-align: left;
  clear: both;
  margin: 0;
  padding: 25px 0;
  background: #f2f2f2
}

.subtabs a {
  display: inline-block;
  vertical-align: baseline;
  color: #646466;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 5px 2%
}

.subtabs a:hover {
  color: #72bb4b;
  text-decoration: none
}

.subtabs h3 {
  display: inline-block;
  padding: 10px 2% 10px 0
}

.subtabs a.selected {
  color: #72bb4b;
  text-decoration: none
}

.subtabs a.external:after {
  content: '';
  width: 5px;
  height: 7px;
  background: url("//www.digi.com/images/arrows-right-small.png") 0 0 no-repeat;
  margin: 0 0 2px 5px;
  display: inline-block;
  vertical-align: middle
}

.subtabs a:hover.external:after {
  content: '';
  width: 5px;
  height: 7px;
  background: url("//www.digi.com/images/arrows-right-small.png") -10px 0 no-repeat;
  margin: 0 0 2px 5px;
  display: inline-block;
  vertical-align: middle
}

.subcontents .subcontent {
  transition: opacity .5s ease-out
}

.subcontents .off {
  height: 0;
  opacity: 0;
  overflow: hidden
}

.hide {
  display: none !important
}

#subbanner {
  width: 100%;
  height: 420px;
  position: relative;
  margin: 0 0 50px 0;
  float: left
}

#subbanner .inside {
  position: relative;
  height: 420px;
  background-color: #bec0c2
}

#subbanner img.background {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
  background-color: #bec0c2;
  height: 420px;
  width: 1560px
}

#subbanner span {
  display: block
}

#subbanner span.teaser {
  font-size: 20px;
  font-weight: 400
}

#subbanner .text {
  width: 55%;
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 2;
  color: #fff
}

#subbanner h1 {
  font-size: 65px;
  line-height: 67px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff
}

#subbanner h1 .digigreen {
  display: inline
}

#subbanner h2 {
  font-size: 18px;
  line-height: 24px
}

#subbanner .corner {
  width: 324px;
  height: 324px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3
}

#subbanner .corner img {
  width: 100%
}

.clearall {
  width: 100%;
  float: left;
  clear: both
}

#pager {
  width: 100%;
  text-align: center;
  padding: 30px 0 20px 0;
  font-size: 14px;
  clear: both
}

#pager ul {
  margin: 0;
  padding: 0
}

#pager ul li {
  display: inline;
  padding: 0 10px
}

#pager ul li a {
  display: inline-block;
  padding: 5px
}

#pager .prev, #pager .next {
  background: #00b7ff;
  color: #fff;
  display: inline-block;
  padding: 15px;
  text-transform: uppercase
}

#pager .prev:hover, #pager .next:hover {
  background: #00a5e6;
  text-decoration: none
}

#pager .current, #pager .current:hover {
  background: none;
  color: #646466
}

#pager span {
  display: inline !important;
  width: auto !important;
  margin: 0 !important
}

.PagerControl {
  padding: 20px 0;
  text-align: center
}

.PagerControl .SelectedPrev, .PagerControl .SelectedNext {
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: #3f4245;
  background: #72bb4b;
  margin-top: 2px;
  margin-bottom: 2px;
  display: none;
  text-decoration: none
}

.PagerControl .UnselectedNext, .PagerControl .UnselectedPrev {
  box-sizing: border-box;
  background: #646466;
  color: #fff;
  display: inline-block;
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 2px;
  margin-bottom: 2px;
  text-decoration: none
}

.PagerControl .UnselectedNext:hover, .PagerControl .UnselectedPrev:hover {
  background: #72bb4b;
  text-decoration: none
}

.PagerControl .SelectedPrev:before, .PagerControl .UnselectedPrev:before {
  content: ' Prev'
}

.PagerControl .SelectedNext:before, .PagerControl .UnselectedNext:before {
  content: 'Next '
}

.PagerControl .SelectedPage, .PagerControl .UnselectedPage {
  margin-top: 2px;
  margin-bottom: 2px;
  color: #fff;
  background: #646466;
  display: inline-block;
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  box-sizing: border-box;
  text-decoration: none
}

.PagerControl .SelectedPage:hover, .PagerControl .UnselectedPage:hover {
  background: #72bb4b;
  text-decoration: none;
  color: #3f4245
}

.PagerControl .SelectedPage {
  background: #72bb4b;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #3f4245
}

.PagerControl .SelectedPage:hover {
  background: #72bb4b;
  color: #3f4245
}

.offerings {
  text-align: center;
  padding: 0 0 20px 0;
  clear: both;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.offerings .inside {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.prdoffer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto
}

.offerings h3 {
  margin: 0 0 54px 0
}

.offerings a {
  text-decoration: none;
  color: #646466
}

.offerings.alt a {
  color: #0074a2
}

.offerings.alt a:hover {
  color: #00b7ff
}

.offerings .coltwo, .offerings .colthree, .offerings .colthreetwo {
  width: 27%;
  margin: 0 2.5% 55px 2.5%;
  position: relative;
  text-align: left;
  background: #f2f2f2
}

.offerings .colthree {
  width: 21%
}

.offerings .colthreetwo {
  width: 42%
}

.offerings .colfour {
  width: 22%;
  position: relative;
  text-align: left;
  margin: 0 1.5% 55px 1.5%;
  background: #f2f2f2
}

.offerings .colthree:after, .offerings .coltwo:after, .offerings .colfour:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -23px;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid transparent;
  box-sizing: border-box;
  transition: all .2s ease-out
}

.cornerwhite .colthree, .cornerwhite .coltwo, .cornerwhite .colfour {
  background: #fff
}

.cornerwhite .colthree:after, .cornerwhite .coltwo:after, .cornerwhite .colfour:after {
  border-top: 23px solid #fff;
  border-right: 23px solid transparent
}

.offerings img {
  float: left;
  width: 100%
}

.offerings.alt img {
  width: 80%;
  margin: 10px 10% 15px 10%
}

.offerings .text {
  display: block;
  background: #f2f2f2;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0 20px
}

.offerings.alt .text:after {
  content: url("//www.digi.com/images/arrow-right-blue-small.png");
  margin: 0 0 0 5px
}

.offerings.alt a:hover .text:after {
  content: url("//www.digi.com/images/arrow-right-blue-small-hover.png");
  margin: 0 0 0 5px
}

.offerings.alt span .text:after {
  display: none
}

.cornerwhite .text {
  background: #fff
}

.offerings .text .heading {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  color: #72bb4b;
  padding: 14px 0 8px 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600
}

.offerings .text .subheading {
  display: inline-block;
  width: 100%;
  color: #72bb4b;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 8px 0
}

.offerings a:hover .text .heading, .offerings a:hover .text .subheading {
  color: #00b7ff
}

.offerings .cut-corner, .offerings .cut-corner-white {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid transparent
}

.offerings .cut-corner-white {
  border-top: 23px solid #fff
}

.bulleticons {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.bulleticons .item {
  font-weight: 300;
  width: 50%;
  margin: 0 0 45px 0;
  padding: 0 2%;
  text-align: left;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.bulleticons .item .bullet {
  width: 22%;
  margin-right: 5%
}

.bulleticons .item .bullet img {
  width: 100%
}

.bulleticons .item .text {
  width: 73%
}

.bulleticons .item .heading {
  font-size: 1.7em;
  line-height: 40px
}

.downloadcover {
  position: relative;
  display: inline-block;
  width: 100%
}

.downloadcover:after {
  transition: all .2s ease-out;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -25px 0 0 -25px;
  content: "";
  border-radius: 50%;
  background-color: #00b7ff;
  background-image: url("//www.digi.com/images/icon-download-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  width: 50px;
  height: 50px
}

.downloadcover:hover:after {
  background-color: #00a5e6
}

.downloadcoversmall {
  position: relative;
  display: inline-block;
  width: 100%
}

.downloadcoversmall:after {
  transition: all .2s ease-out;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -20px 0 0 -20px;
  content: "";
  border-radius: 50%;
  background-color: #00b7ff;
  background-image: url("//www.digi.com/images/icon-download-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
  width: 40px;
  height: 40px
}

.downloadcoversmall:hover:after {
  background-color: #00a5e6
}

.ribbon-doc .inside {
  width: 900px
}

.ribbon-doc .cover {
  width: 31%;
  margin: 0 3% 0 3%
}

.ribbon-doc .text {
  width: 57%;
  margin: 3% 0 0 3%
}

.ribbon-doc .text h4 {
  margin: 0 0 8px 0
}

.ribbon-doc .text .button {
  margin: 16px 0 0 0
}

.tierflex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.tierflex div.fifty:nth-of-type(1) {
  width: 50%;
  padding: 0 2% 0 0
}

.tierflex div.fifty:nth-of-type(2) {
  width: 50%;
  padding: 0 0 0 2%
}

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

.tiersplit {
  width: 100%;
  clear: both;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.tiersplit .left {
  position: relative;
  background: #f2f2f2;
  padding: 70px 60px 70px 0;
  width: 50%;
  text-align: right
}

.tiersplit .left .text {
  display: inline-block;
  width: 100%;
  max-width: 540px;
  text-align: left;
  vertical-align: top
}

.tiersplit .left:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #fff transparent transparent
}

.tiersplit .right {
  background: #72bb4b;
  width: 50%;
  padding: 70px 0 70px 60px;
  color: #fff
}

.tiersplit .right .text {
  display: inline-block;
  width: 100%;
  max-width: 540px
}

.embeddedsearch {
  width: 100%;
  float: left;
  padding: 50px 0;
  text-align: center
}

.embeddedsearch input[type="text"] {
  display: inline-block;
  vertical-align: top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 30px;
  height: 66px;
  line-height: 66px;
  color: #fff;
  border: none;
  background: #00aef2;
  padding-left: 11px;
  padding-right: 11px;
  width: 60%;
  max-width: 495px;
  font-family: 'Source Sans Pro', sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0
}

.embeddedsearch input[type="submit"], .embeddedsearch input[type="button"] {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  background: #00b7ff url("//www.digi.com/images/nav-icon-search-background-white.png") center center no-repeat;
  background-size: 22px 22px;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 0
}

.embeddedsearch ::-webkit-input-placeholder {
  color: #fff;
  opacity: .5
}

.cookietrail {
  margin: 0 0 30px 0;
  padding: 8px 0 3px 0;
  background: #e9ecef;
  font-size: 16px;
  text-transform: none;
  line-height: 1.3em
}

.cookietrail p {
  margin: 0
}

.cookietrail .separator {
  color: #bfc1c0;
  display: inline-block;
  padding: 0 10px
}

.cookietrail a {
  color: #3f4245;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  padding: 0 0 5px 0
}

.cookietrail a:hover {
  color: #1f7fa5
}

.cookietrail .CMSBreadCrumbsCurrentItem {
  text-decoration: none;
  color: #1f7fa5;
  font-weight: 600;
  padding: 0 0 5px 0;
  white-space: nowrap
}

.cookietrail+#compare {
  margin-top: -30px
}

.cookietrail+#subbanner {
  margin-top: -30px
}

.cookietrail+div #subbanner {
  margin-top: -30px
}

.calltoaction {
  padding: 28px 0 0 0;
  margin: 70px 0;
  background: #f2f2f2;
  font-weight: 600;
  text-align: center;
  clear: both
}

.calltoaction h4 {
  text-transform: uppercase;
  color: #72bb4b;
  display: inline-block;
  font-weight: 700;
  margin: 0 20px 0 0
}

.calltoaction a.button {
  margin: 0 0 0 20px
}

.calltoaction .cut-corner {
  width: 100%;
  height: 0;
  border-top: 28px solid #f2f2f2;
  border-right: 28px solid #fff
}

.cta-container {
  margin: 70px 0 0 0;
  float: left;
  clear: both;
  width: 100%
}

.cta-centered {
  width: 100%;
  text-align: center;
  clear: both
}

.tier {
  padding: 70px 0;
  clear: both
}

.tier h2 {
  font-size: 36px;
  line-height: 1em;
  text-transform: uppercase;
  color: #72bb4b;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px
}

.tier h2.heading {
  margin-bottom: 10px
}

.digigrey {
  color: #58595b
}

.digigreen {
  color: #72bb4b
}

.digiblue {
  color: #00b7ff
}

.digibluelink {
  color: #0074a2
}

.digilightblue {
  color: #90c8e7
}

.digilightgrey {
  color: #cacaca
}

.textred {
  color: #d14124
}

.scrollup {
  position: fixed;
  bottom: 25%;
  right: 10px;
  background: #d65134;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  opacity: 0;
  transition: opacity 1s ease-out;
  z-index: 201;
  display: none
}

.scrollup img {
  margin-top: 14px
}

.scrollup:hover {
  background: #bf4226
}

.scrollupshow {
  opacity: .9;
  display: inline-block
}

.outdatedbrowser {
  width: 100%;
  padding: 10px 0;
  text-align: center
}

#nav2018 {
  clear: both;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  color: #3f4245
}

#nav2018 div, #nav2018 a, #nav2018 span {
  box-sizing: border-box
}

#nav2018 .inside {
  width: 1200px;
  margin: 0 auto
}

#nav2018 .container {
  position: relative;
  display: flex
}

#nav2018 .logo {
  width: 15.5%;
  padding: 60px 0 0 0;
  display: block
}

#nav2018 .logo img {
  max-width: 100%;
  height: 59px
}

#nav2018 .navigation {
  width: 84.5%
}

#nav2018 .menu {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin: 10px 0
}

#nav2018 .menu span {
  background: #91d46c;
  width: 22px;
  height: 4px;
  position: absolute;
  left: 9px;
  border-radius: 4;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
  opacity: 1
}

#nav2018 .menu span:nth-child(1) {
  top: 11px
}

#nav2018 .menu span:nth-child(2) {
  top: 18px
}

#nav2018 .menu span:nth-child(3) {
  top: 25px
}

#nav2018 .menu.open {
  background: #91d46c
}

#nav2018 .menu.open span {
  background: #fff
}

#nav2018 .menu.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

#nav2018 .menu.open span:nth-child(2) {
  opacity: 0
}

#nav2018 .menu.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

#nav2018 ul {
  margin: 0
}

#nav2018 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block
}

#nav2018 li hr {
  border: none;
  border-top: 1px solid #91d46c;
  clear: both;
  width: 100%;
  margin: 15px 0
}

#nav2018 .upper {
  text-align: right;
  padding: 20px 0 30px 0;
  line-height: 1em;
  font-size: 16px
}

#nav2018 .upper ul {
  display: inline-block;
  width: auto;
  margin-left: 20px;
  padding-left: 0
}

#nav2018 .upper li {
  vertical-align: middle
}

#nav2018 .upper a {
  vertical-align: bottom;
  margin: 0 20px 0 0;
  font-weight: 400;
  color: #3f4245;
  text-decoration: none
}

#nav2018 .upper a:hover {
  text-decoration: underline !important;
  color: #1f7fa5
}

#nav2018 .upper .block a {
  color: #3f4245;
  font-size: 16px;
  padding: 13px 16px;
  display: inline-block;
  margin: 0;
  font-weight: 600
}

#nav2018 .upper .block a:nth-of-type(1) {
  margin: 0 3px 0 0
}

#nav2018 .upper .block-lightgrey a {
  background: #eef0f0
}

#nav2018 .upper .block-lightgrey a:hover {
  text-decoration: none !important;
  background: #e7e7e7
}

#nav2018 .upper .block-green a {
  background: #91d46c
}

#nav2018 .upper .block-green a:hover {
  text-decoration: none !important;
  background: #9de476
}

#nav2018 .upper .block-darkgrey a {
  background: #3f4245;
  color: #fff
}

#nav2018 .upper .block-darkgrey a:hover {
  text-decoration: none;
  background: #3f4245
}

#nav2018 .upper .block-white a {
  background: #fff;
  color: #3f4245
}

#nav2018 .upper .block-white a:hover {
  text-decoration: none;
  background: #fff
}

#nav2018 #language-switcher, #nav2018 #personal-switcher {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #3f4245;
  border: none;
  background: #fff;
  padding: 10px 20px 10px 11px;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  background: #fff url("/images/select-background-arrow.png") no-repeat right center;
  background-size: 13px 8px;
  vertical-align: middle
}

#nav2018 .lower {
  text-align: right;
  line-height: 24px
}

#nav2018 .lower ul {
  text-align: right
}

#nav2018 .lower li {
  position: relative;
  font-size: 18px
}

#nav2018 .lower li>a:hover span {
  position: relative;
  display: inline-block
}

#nav2018 .lower li.hoverintent#li-search a:hover span, #nav2018 .lower li[data-state=open]#li-search a:hover span {
  background-position: -56px 0
}

#nav2018 .lower li.hoverintent#li-search input, #nav2018 .lower li[data-state=open]#li-search input {
  height: auto
}

#nav2018 .lower li.hoverintent .dropdown, #nav2018 .lower li[data-state=open] .dropdown {
  display: block
}

#nav2018 .lower li.hoverintent .dropdown a, #nav2018 .lower li[data-state=open] .dropdown a {
  text-transform: none
}

#nav2018 .lower li.hoverintent>a, #nav2018 .lower li[data-state=open]>a {
  position: relative
}

#nav2018 .lower li.hoverintent>a:hover, #nav2018 .lower li[data-state=open]>a:hover {
  color: #1f7fa5
}

#nav2018 .lower li.hoverintent>a:hover span, #nav2018 .lower li[data-state=open]>a:hover span {
  text-decoration: underline
}

#nav2018 .lower li.hoverintent>a:after, #nav2018 .lower li[data-state=open]>a:after {
  width: calc(100% - 28px);
  height: 14px;
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 14px;
  background: linear-gradient(225deg, transparent 14px, #91d46c 14px)
}

#nav2018 .lower li.hoverintent>a.nomenu:after, #nav2018 .lower li[data-state=open]>a.nomenu:after {
  display: none
}

#nav2018 .lower li.hoverintent>a.nomenu:hover:after, #nav2018 .lower li[data-state=open]>a.nomenu:hover:after {
  display: none
}

#nav2018 .lower li#li-search a:after {
  display: none
}

#nav2018 .lower li#li-search.hoverintent .dropdown {
  display: none
}

#nav2018 .lower li#li-search[data-state=open] a span {
  background-position: -56px 0
}

#nav2018 .lower li#li-search[data-state=open]:after {
  width: calc(100% - 28px);
  height: 14px;
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 14px;
  background: linear-gradient(225deg, transparent 14px, #91d46c 14px)
}

#nav2018 .lower li#li-search[data-state=open] .dropdown {
  display: block;
  left: auto
}

#nav2018 .lower li#li-search[data-state=open] .dropdown a {
  text-transform: none
}

#nav2018 .lower li.mega {
  position: static
}

#nav2018 .lower li.mega .dropdown {
  padding: 25px 10px;
  width: 100%
}

#nav2018 .lower li.mega .dropdown .coltwo, #nav2018 .lower li.mega .dropdown .colthree, #nav2018 .lower li.mega .dropdown .colfour, #nav2018 .lower li.mega .dropdown .colsix {
  margin: 0 0 25px 0;
  border-right: 1px solid #c7c8c8
}

#nav2018 .lower li.mega .dropdown .coltwo .category, #nav2018 .lower li.mega .dropdown .colthree .category, #nav2018 .lower li.mega .dropdown .colfour .category, #nav2018 .lower li.mega .dropdown .colsix .category {
  font-weight: 600;
  font-size: 18px;
  color: #3f4245;
  padding: 0 15px;
  margin: 0 0 10px 0
}

#nav2018 .lower li.mega .dropdown .coltwo .category:hover, #nav2018 .lower li.mega .dropdown .colthree .category:hover, #nav2018 .lower li.mega .dropdown .colfour .category:hover, #nav2018 .lower li.mega .dropdown .colsix .category:hover {
  color: #1f7fa5;
  text-decoration: underline
}

#nav2018 .lower li.mega .dropdown .coltwo .category img, #nav2018 .lower li.mega .dropdown .colthree .category img, #nav2018 .lower li.mega .dropdown .colfour .category img, #nav2018 .lower li.mega .dropdown .colsix .category img {
  margin: 0 0 10px 0
}

#nav2018 .lower li.mega .dropdown .coltwo .teaser, #nav2018 .lower li.mega .dropdown .colthree .teaser {
  display: block;
  padding: 10px 25px 15px 25px;
  font-size: 16px
}

#nav2018 .lower li.mega .dropdown .coltwo .button, #nav2018 .lower li.mega .dropdown .colthree .button {
  width: auto;
  display: inline-block;
  margin: 15px 0 0 25px;
  padding: 16px 22px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #91d46c;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

#nav2018 .lower li.mega .dropdown .coltwo .button.circlearrow, #nav2018 .lower li.mega .dropdown .colthree .button.circlearrow {
  box-sizing: border-box;
  position: relative;
  padding-right: 50px
}

#nav2018 .lower li.mega .dropdown .coltwo .button.circlearrow:after, #nav2018 .lower li.mega .dropdown .colthree .button.circlearrow:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block !important;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #3f4245;
  margin: 0 0 0 16px;
  transition: all .2s ease-in;
  background: url("//www.digi.com/digi/media/icons/arrow-wcircle-grey-grey.png") -26px center no-repeat;
  background-size: 48px 24px
}

#nav2018 .lower li.mega .dropdown .coltwo .button.circlearrow:hover, #nav2018 .lower li.mega .dropdown .colthree .button.circlearrow:hover {
  color: #3f4245;
  text-decoration: none !important
}

#nav2018 .lower li.mega .dropdown .coltwo .button.circlearrow:hover:after, #nav2018 .lower li.mega .dropdown .colthree .button.circlearrow:hover:after {
  background-position: -2px center
}

#nav2018 .lower li.mega .dropdown .coltwo .button:hover, #nav2018 .lower li.mega .dropdown .colthree .button:hover {
  text-decoration: none;
  background-color: #9de476
}

#nav2018 .lower li.mega .dropdown .coltwo .icons, #nav2018 .lower li.mega .dropdown .colthree .icons {
  padding: 8px 25px 12px 25px;
  display: block
}

#nav2018 .lower li.mega .dropdown .coltwo .icons .item, #nav2018 .lower li.mega .dropdown .colthree .icons .item {
  padding: 0 0 8px 0;
  display: flex;
  align-items: center;
  font-size: 18px
}

#nav2018 .lower li.mega .dropdown .coltwo .icons img, #nav2018 .lower li.mega .dropdown .colthree .icons img {
  width: 26px;
  height: 26px;
  margin: 3px 8px 0 8px
}

#nav2018 .lower li.mega .dropdown .coltwo .category, #nav2018 .lower li.mega .dropdown .colthree .category {
  padding: 0 25px
}

#nav2018 .lower li.mega .dropdown .coltwo .category-type2, #nav2018 .lower li.mega .dropdown .colthree .category-type2 {
  display: flex;
  align-items: center
}

#nav2018 .lower li.mega .dropdown .coltwo .category-type2 span.h3, #nav2018 .lower li.mega .dropdown .colthree .category-type2 span.h3 {
  line-height: 1.1em;
  font-size: 25px;
  font-weight: 800;
  color: #3f4245
}

#nav2018 .lower li.mega .dropdown .coltwo .category-type2 img, #nav2018 .lower li.mega .dropdown .colthree .category-type2 img {
  width: 75px;
  margin: 0 15px 0 0
}

#nav2018 .lower li.mega .dropdown .coltwo .category-type2:hover span.h3, #nav2018 .lower li.mega .dropdown .colthree .category-type2:hover span.h3 {
  color: #1f7fa5
}

#nav2018 .lower li.mega .dropdown .coltwo a, #nav2018 .lower li.mega .dropdown .colthree a {
  padding: 4px 25px
}

#nav2018 .lower li.mega .dropdown .coltwo:nth-of-type(2) {
  border-right: none
}

#nav2018 .lower li.mega .dropdown .colthree:nth-of-type(3) {
  border-right: none
}

#nav2018 .lower li.mega .dropdown .colfour:nth-of-type(4) {
  border-right: none
}

#nav2018 .lower li.mega .dropdown .colsix:nth-of-type(6) {
  border-right: none
}

#nav2018 .lower li.mega .dropdown a.alllink {
  display: inline-block;
  position: relative;
  padding-top: 15px;
  color: #1f7fa5
}

#nav2018 .lower li.mega .dropdown a.alllink:after {
  display: inline-block !important;
  content: ' >';
  color: #1f7fa5;
  background: none;
  position: absolute;
  right: 10px;
  top: 16px;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto
}

#nav2018 .lower li.mega .dropdown a {
  margin: 0;
  padding: 6px 15px;
  text-decoration: none;
  color: #3f4245
}

#nav2018 .lower li.mega .dropdown a:hover {
  text-decoration: underline !important;
  color: #1f7fa5
}

#nav2018 .lower li.mega .dropdown a span.text-red {
  color: #cc6033
}

#nav2018 .lower li.mega .dropdown .lowerfeatured {
  padding: 0 15px;
  width: 100%
}

#nav2018 .lower li.mega .dropdown .featured {
  width: 100%;
  background: #3f4245;
  padding: 20px 10px;
  color: #fff;
  margin: 0 0 3px 0
}

#nav2018 .lower li.mega .dropdown .featured a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  vertical-align: middle
}

#nav2018 .lower li.mega .dropdown .featured a.heading {
  font-size: 30px;
  font-weight: 600
}

#nav2018 .lower li.mega .dropdown .featured a.seeall {
  color: #fff;
  text-decoration: none
}

#nav2018 .lower li.mega .dropdown .featured a:hover {
  text-decoration: underline
}

#nav2018 .lower li.mega .dropdown .featured span {
  display: inline-block;
  vertical-align: middle
}

#nav2018 .lower li.mega .dropdown .trustfence {
  font-size: 24px;
  background: #91d46c;
  width: 100%;
  padding: 20px 25px;
  color: #3f4245;
  text-decoration: none;
  display: block;
  line-height: 1.5em
}

#nav2018 .lower li.mega .dropdown .trustfence span {
  display: inline-block;
  vertical-align: middle
}

#nav2018 .lower li.mega .dropdown .trustfence span.heading {
  font-weight: 600
}

#nav2018 .lower li.mega .dropdown .trustfence span.link:after {
  box-sizing: content-box;
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  border: 2px solid #3f4245;
  content: '';
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 0 0 20px;
  background: url("//www.digi.com/digi/media/nav/arrow-wcircle-white-grey.png") -30px center no-repeat;
  background-size: 60px 30px
}

#nav2018 .lower li.mega .dropdown .trustfence:hover {
  color: #3f4245;
  text-decoration: none
}

#nav2018 .lower li.mega .dropdown .trustfence:hover span.heading {
  color: #3f4245
}

#nav2018 .lower li.mega .dropdown .trustfence:hover span.link {
  text-decoration: underline;
  color: #3f4245
}

#nav2018 .lower li.mega .dropdown .trustfence:hover span.link:after {
  -webkit-transform: none;
  transform: none
}

#nav2018 .lower li.mega.hoverintent .dropdown {
  display: flex;
  flex-wrap: wrap
}

#nav2018 .lower li.mega#nav-resources2 .dropdown {
  max-width: 50%;
  right: 0;
  left: auto
}

#nav2018 .lower li#li-search span {
  display: inline-block;
  width: 28px;
  height: 29px;
  background: url("//www.digi.com/digi/media/nav/nav-search-grey-green-blue.png") center center no-repeat;
  background-size: 84px 29px;
  background-position: 0 0;
  transition: none
}

#nav2018 .lower li#li-search a.hoverintent span {
  background-position: -28px 0
}

#nav2018 .lower a {
  font-weight: 600;
  color: #3f4245;
  padding: 0 15px 34px 15px;
  display: inline-block;
  text-decoration: none
}

#nav2018 .lower a:hover span {
  text-decoration: underline;
  color: #1f7fa5
}

#nav2018 .subcategory {
  border-left: 1px solid #91d46c;
  margin: 5px 0 5px 30px
}

#nav2018 .dropdown {
  padding: 20px 10px;
  display: none;
  width: 300px;
  background: #ebeced;
  border-top: 5px solid #91d46c;
  position: absolute;
  left: 0;
  z-index: 1000;
  text-align: left
}

#nav2018 .dropdown.right {
  left: auto;
  right: 0
}

#nav2018 .dropdown a {
  margin: 0;
  padding: 6px 15px;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #3f4245;
  text-decoration: none
}

#nav2018 .dropdown a:hover {
  color: #1f7fa5;
  text-decoration: underline !important
}

#nav2018 .dropdown.search {
  padding: 20px 25px;
  width: 450px
}

#nav2018 .dropdown label {
  margin: 0;
  font-size: 26px;
  background: none;
  text-transform: none;
  font-weight: 400
}

#nav2018 .dropdown input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #cfd5d3;
  font-size: 30px;
  margin: 20px 0;
  padding: 14px 11px;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

#nav2018 .dropdown .text {
  padding: 0 25px 20px 25px;
  font-size: 16px
}

#nav2018 .dropdown .inlinesubcategory {
  border-left: 1px solid #91d46c;
  margin: 5px 0 5px 30px
}

#nav2018 .dropdown .inlinesubcategory a {
  display: inline-block;
  width: auto
}

#nav2018 .dropdown .inlinesubcategory a:last-of-type {
  margin-right: 0
}

html[data-useragent*='rv:11.0'] #language-switcher, html[data-useragent*='MSIE 10.0'] #language-switcher {
  background-image: none !important
}

#footer2018 {
  background: #3f4245;
  border-top: 6px solid #91d46c;
  padding: 60px 0;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  float: left;
  clear: both;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif
}

#footer2018 .container {
  display: flex;
  flex-wrap: wrap
}

#footer2018 .links {
  display: flex
}

#footer2018 .links .coltwo {
  padding: 0 15px
}

#footer2018 .links a {
  display: block;
  margin: 0 0 8px 0
}

#footer2018 .links a:hover {
  text-decoration: underline !important
}

#footer2018 a {
  color: #fff;
  text-decoration: none
}

#footer2018 .logo {
  width: 72%
}

#footer2018 .social {
  margin: 45px 0 35px 0
}

#footer2018 .social img {
  width: 45px;
  height: 45px;
  margin: 0 12px 0 0;
  opacity: .3;
  transition: all .2s ease-out
}

#footer2018 .social a:hover img {
  opacity: 1
}

#footer2018 .icons {
  margin: 0 0 35px 0
}

#footer2018 .icons img {
  width: 80px;
  opacity: .3;
  transition: all .2s ease-out
}

#footer2018 .icons a:hover img {
  opacity: 1
}

#footer2018 .copyright {
  width: 100%;
  font-size: 15px;
  line-height: 1.2em;
  display: block
}

#footer2018 #cta {
  text-align: right;
  margin: 0 0 30px 0
}

#footer2018 #cta a {
  font-size: 60px;
  font-weight: 200;
  color: #91d46c;
  line-height: 1em;
  display: inline-block;
  text-align: left
}

#footer2018 #cta a:after {
  content: '';
  width: 44px;
  height: 44px;
  border: 3px solid #91d46c;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("//www.digi.com/digi/media/nav/arrow-wcircle-white-green.png");
  background-size: 88px 44px;
  background-position: -44px 0;
  background-repeat: no-repeat;
  transition: all .2s ease-in;
  box-sizing: content-box !important
}

#footer2018 #cta a:hover {
  color: #fff;
  text-decoration: none
}

#footer2018 #cta a:hover:after {
  border: 3px solid #fff;
  background-position: 0 0
}

@media(max-width:1250px) {
  #nav2018 .logo img {
    height: auto
  }
  #nav2018 .lower a {
    padding: 0 10px 34px 10px
  }
}

@media(max-width:1200px) {
  #nav2018 .upper {
    font-size: 14px
  }
  #nav2018 .upper a {
    margin: 0 20px 0 0
  }
  #nav2018 .upper .block a {
    font-size: .8em
  }
  #nav2018 .lower li {
    font-size: 15px
  }
  #nav2018 .lower a {
    padding: 0 5px 34px 5px
  }
  #nav2018 .dropdown a {
    padding: 6px 15px
  }
  #footer2018 .container {
    width: 90%;
    margin: 0 5%
  }
}

@media(max-width:960px) {
  #nav2018 #language-switcher {
    background: #fff url("//www.digi.com/images/select-background-arrow.png") no-repeat 90% center;
    background-size: 13px 8px;
    margin: 0 0 20px 20px
  }
  #nav2018 .container {
    justify-content: space-between
  }
  #nav2018 .logo {
    padding: 15px 0 0 0;
    width: 85px
  }
  #nav2018 .navigation {
    display: none
  }
  #nav2018 .navigation[data-state=open] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% - 10px);
    width: 100%;
    background: #eef0f0;
    border-top: 5px solid #91d46c;
    z-index: 1001;
    right: 0
  }
  #nav2018 .navigation[data-state=open] .upper {
    border-bottom: 1px solid #3f4245;
    padding: 0;
    text-align: left
  }
  #nav2018 .navigation[data-state=open] .lower li {
    position: relative
  }
  #nav2018 .navigation[data-state=open] .lower li:before {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
  }
  #nav2018 .navigation[data-state=open] .lower li:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .category-type2, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category-type2, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category-type2, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category-type2 {
    padding: 0
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .category-type2 img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category-type2 img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category-type2 img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category-type2 img {
    display: none
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .icons, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .icons, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .icons, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .icons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .icons .item, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .icons .item, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .icons .item, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .icons .item {
    width: 48%;
    align-items: flex-start;
    font-size: 16px
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .button, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .button, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .button, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .button {
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .button.circlearrow, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .button.circlearrow, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .button.circlearrow, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .button.circlearrow {
    padding-right: 40px
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .twocol .button.circlearrow:after, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .button.circlearrow:after, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .button.circlearrow:after, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .button.circlearrow:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url("//www.digi.com/digi/media/icons/arrow-wcircle-grey-grey.png") -22px center no-repeat;
    background-size: 40px 20px;
    right: 10px;
    left: auto
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .icons {
    padding: 8px 0 12px 0
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .icons img {
    width: 20px;
    height: 20px
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .button {
    margin: 0;
    padding-right: 40px !important;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  #nav2018 .navigation[data-state=open] .lower li.mega .button:after {
    display: inline-block
  }
  #nav2018 .navigation[data-state=open] .lower li.mega#nav-resources2 .dropdown {
    max-width: 100%;
    left: auto !important
  }
  #nav2018 .navigation[data-state=open] .lower li[data-state=open]:before {
    right: 15px;
    -webkit-transform: rotate(135deg) translateX(0) translateY(-3px) scaleX(.6);
    transform: rotate(135deg) translateX(0) translateY(-3px) scaleX(.6)
  }
  #nav2018 .navigation[data-state=open] .lower li[data-state=open]:after {
    right: 15px;
    -webkit-transform: rotate(45deg) translateX(0) translateY(-3px) scaleX(.6);
    transform: rotate(45deg) translateX(0) translateY(-3px) scaleX(.6)
  }
  #nav2018 .navigation[data-state=open] .lower li.nomenu:after, #nav2018 .navigation[data-state=open] .lower li.nomenu:before {
    display: none
  }
  #nav2018 .navigation[data-state=open] .upper, #nav2018 .navigation[data-state=open] .lower {
    padding: 15px 0
  }
  #nav2018 .navigation[data-state=open] .upper ul, #nav2018 .navigation[data-state=open] .lower ul {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left
  }
  #nav2018 .navigation[data-state=open] .upper li, #nav2018 .navigation[data-state=open] .lower li {
    width: 100%;
    font-size: 16px
  }
  #nav2018 .navigation[data-state=open] .upper li>a:hover span:before, #nav2018 .navigation[data-state=open] .upper li>a:hover span:after, #nav2018 .navigation[data-state=open] .lower li>a:hover span:before, #nav2018 .navigation[data-state=open] .lower li>a:hover span:after {
    display: none
  }
  #nav2018 .navigation[data-state=open] .upper li:last-of-type a, #nav2018 .navigation[data-state=open] .lower li:last-of-type a {
    margin-bottom: 0
  }
  #nav2018 .navigation[data-state=open] .upper li a:before, #nav2018 .navigation[data-state=open] .upper li a:after, #nav2018 .navigation[data-state=open] .lower li a:before, #nav2018 .navigation[data-state=open] .lower li a:after {
    display: none
  }
  #nav2018 .navigation[data-state=open] .upper a, #nav2018 .navigation[data-state=open] .lower a {
    width: 100%;
    color: #3f4245;
    background: none;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 20px;
    margin: 0;
    display: block;
    line-height: 1.5em
  }
  #nav2018 .navigation[data-state=open] .upper a:hover, #nav2018 .navigation[data-state=open] .lower a:hover {
    color: #1f7fa5;
    text-decoration: none
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown, #nav2018 .navigation[data-state=open] .lower .dropdown, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown {
    padding: 20px
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix {
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0;
    border: none
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo .category, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree .category, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour .category, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix .category, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo .category, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree .category, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour .category, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix .category, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo .category, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree .category, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour .category, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo .category img, #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo .category br, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree .category img, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree .category br, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour .category img, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour .category br, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix .category img, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix .category br, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo .category img, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo .category br, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree .category img, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree .category br, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour .category img, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour .category br, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix .category img, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix .category br, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo .category img, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo .category br, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree .category img, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree .category br, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour .category img, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour .category br, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix .category img, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix .category br, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo .category br, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree .category br, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour .category br, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category img, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix .category br {
    display: none
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo a, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree a, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour a, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix a, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo a, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree a, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour a, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix a, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo a, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree a, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour a, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix a, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo a, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree a, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour a, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix a {
    color: #3f4245;
    font-weight: 400;
    text-decoration: none
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .coltwo a:hover, #nav2018 .navigation[data-state=open] .upper .dropdown .colthree a:hover, #nav2018 .navigation[data-state=open] .upper .dropdown .colfour a:hover, #nav2018 .navigation[data-state=open] .upper .dropdown .colsix a:hover, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .coltwo a:hover, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colthree a:hover, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colfour a:hover, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .colsix a:hover, #nav2018 .navigation[data-state=open] .lower .dropdown .coltwo a:hover, #nav2018 .navigation[data-state=open] .lower .dropdown .colthree a:hover, #nav2018 .navigation[data-state=open] .lower .dropdown .colfour a:hover, #nav2018 .navigation[data-state=open] .lower .dropdown .colsix a:hover, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .coltwo a:hover, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colthree a:hover, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colfour a:hover, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .colsix a:hover {
    color: #1f7fa5;
    text-decoration: underline
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown a, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown a, #nav2018 .navigation[data-state=open] .lower .dropdown a, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown a {
    color: #3f4245;
    font-weight: 400
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown a:hover, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown a:hover, #nav2018 .navigation[data-state=open] .lower .dropdown a:hover, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown a:hover {
    text-decoration: underline
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .featured, #nav2018 .navigation[data-state=open] .upper .dropdown .trustfence, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .featured, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .trustfence, #nav2018 .navigation[data-state=open] .lower .dropdown .featured, #nav2018 .navigation[data-state=open] .lower .dropdown .trustfence, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .featured, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .trustfence {
    display: none
  }
  #nav2018 .navigation[data-state=open] .upper .dropdown .alllink, #nav2018 .navigation[data-state=open] .upper li.mega .dropdown .alllink, #nav2018 .navigation[data-state=open] .lower .dropdown .alllink, #nav2018 .navigation[data-state=open] .lower li.mega .dropdown .alllink {
    width: auto;
    color: #1f7fa5 !important
  }
  #nav2018 .navigation[data-state=open] #li-search[data-state=open]:after, #nav2018 .navigation[data-state=open] #li-search[data-state=open]:before, #nav2018 .navigation[data-state=open] #li-search[data-state=closed]:after, #nav2018 .navigation[data-state=open] #li-search[data-state=closed]:before {
    display: none
  }
  #nav2018 .navigation[data-state=open] #li-search[data-state=open] a, #nav2018 .navigation[data-state=open] #li-search[data-state=closed] a {
    display: none
  }
  #nav2018 .navigation[data-state=open] #li-search[data-state=open] .dropdown, #nav2018 .navigation[data-state=open] #li-search[data-state=closed] .dropdown {
    display: block;
    width: 100%;
    background: #eef0f0;
    padding: 0 20px;
    margin-top: 15px
  }
  #nav2018 .navigation[data-state=open] #li-search[data-state=open] .dropdown label, #nav2018 .navigation[data-state=open] #li-search[data-state=closed] .dropdown label {
    font-size: 16px;
    font-weight: 600
  }
  #nav2018 .navigation[data-state=open] #li-search[data-state=open] .dropdown input, #nav2018 .navigation[data-state=open] #li-search[data-state=closed] .dropdown input {
    padding: 9px 6px;
    margin: 0;
    font-size: 16px
  }
  #nav2018 .menu {
    display: block
  }
  #nav2018 .dropdown {
    position: static;
    border-top: none;
    width: 100%;
    padding: 0 0 10px 0
  }
}

@media(max-width:768px) {
  #nav2018 .lower li.mega .dropdown .coltwo .category-type2 span.h3, #nav2018 .lower li.mega .dropdown .colthree .category-type2 span.h3 {
    font-size: 24px
  }
  #footer2018 .colthree:nth-of-type(1) {
    width: 50%
  }
  #footer2018 .colthree:nth-of-type(2) {
    width: 50%
  }
  #footer2018 .colthree:nth-of-type(3) {
    width: 100%
  }
  #footer2018 #cta {
    text-align: left
  }
}

@media(max-width:568px) {
  #nav2018 .lower li.mega .dropdown .coltwo .category-type2 img, #nav2018 .lower li.mega .dropdown .colthree .category-type2 img {
    width: 60px
  }
  #nav2018 .lower li.mega .dropdown .coltwo .category-type2 span.h3, #nav2018 .lower li.mega .dropdown .colthree .category-type2 span.h3 {
    font-size: 20px
  }
  #nav2018 .lower li.mega .dropdown .coltwo span.teaser, #nav2018 .lower li.mega .dropdown .colthree span.teaser {
    display: none
  }
  #footer2018 {
    padding: 40px 0
  }
  #footer2018 .container {
    flex-direction: column
  }
  #footer2018 .colthree {
    width: 100% !important
  }
  #footer2018 .links {
    margin: 0 0 30px 0
  }
  #footer2018 .links .coltwo {
    padding: 0 15px 0 0
  }
  #footer2018 .logo {
    width: 50%
  }
  #footer2018 .social img {
    margin: 0 8px 0 0
  }
  #footer2018 #cta a {
    font-size: 40px
  }
  #footer2018 #cta a:after {
    width: 30px;
    height: 30px;
    background-size: 60px 30px;
    background-position: -30px 0;
    border: 2px solid #91d46c
  }
  #footer2018 #cta a:hover:after {
    border: 2px solid #fff
  }
}

#nav {
  width: 100%;
  height: 131px;
  background: #f5f5fb
}

#nav .logo {
  width: 14%;
  padding-top: 58px;
  float: left;
  margin: 0
}

#nav .logo img {
  width: 100%
}

#nav .top {
  width: 85%;
  float: right;
  height: 78px;
  line-height: 78px;
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600
}

#nav .top a {
  color: #646466;
  margin-left: 4%;
  text-decoration: none
}

#nav .top a:hover {
  color: #1f7fa5;
  text-decoration: none
}

#nav .top a.social {
  margin-left: 1.2%
}

#nav .top a.social:hover img {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

#nav .top .social img {
  width: 25px;
  vertical-align: middle
}

#nav .bottom {
  width: 85%;
  height: 53px;
  line-height: 53px;
  float: right;
  text-align: right;
  position: relative
}

#nav .bottom ul {
  margin: 0;
  padding: 0
}

#nav .bottom ul li {
  display: inline-block;
  height: 53px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 2%
}

#nav .bottom ul li .dropdown {
  font-weight: 400;
  display: none;
  left: -9999px;
  color: #fff;
  position: absolute;
  left: 0;
  z-index: 12;
  width: 100%;
  text-align: left;
  padding-bottom: 23px;
  font-size: .9em;
  line-height: 1.5em
}

#nav .bottom ul li.hoverintent a:before, #nav .bottom ul li.touchonly:hover a:before {
  position: absolute;
  bottom: 0;
  left: -30px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: transparent transparent transparent #646466
}

#nav .bottom ul li.hoverintent .dropdown {
  left: auto;
  right: 0;
  display: block
}

#nav .bottom ul li.hoverintent .dropdown a:before {
  display: none
}

#nav .bottom ul li.touchonly:hover .dropdown {
  left: auto;
  right: 0;
  display: block
}

#nav .bottom ul li.touchonly:hover .dropdown a:before {
  display: none
}

#nav .bottom ul li .dropdown .colsix, #nav .bottom ul li .dropdown .colfive, #nav .bottom ul li .dropdown .colthree {
  padding: 0 10px
}

#nav .bottom ul li .dropdown .top-half {
  background: #646466;
  padding: 20px
}

#nav .bottom ul li.nav_products .dropdown .top-half img, #nav .bottom ul li.nav_services .dropdown .top-half img {
  width: 100%;
  margin-bottom: 10px
}

#nav .bottom ul li .dropdown .bottom-half {
  background: #4f4f51;
  padding: 20px
}

#nav .bottom ul li .dropdown:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #4f4f51;
  border-right: 23px solid transparent;
  box-sizing: border-box
}

#nav .bottom ul li .dropdown.base:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #646466;
  border-right: 23px solid transparent;
  box-sizing: border-box
}

#nav .bottom ul li a {
  position: relative;
  width: 100%;
  height: 100%;
  color: #646466;
  display: block;
  line-height: 53px;
  text-decoration: none
}

#nav .bottom ul li .dropdown a, #nav .bottom ul li:hover .dropdown a {
  color: #fff;
  display: block;
  margin: 0;
  padding: 5px 0;
  text-transform: none;
  width: 100%;
  line-height: 1.2em;
  height: auto
}

#nav .bottom ul li .dropdown a:hover {
  color: #1f7fa5 !important
}

#nav .bottom ul li .dropdown a.heading {
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 0 0 8px 0;
  color: #72bb4b;
  font-weight: 600
}

#nav .bottom ul li .dropdown a.subheading {
  text-transform: uppercase;
  font-style: italic;
  color: #b2b2b2
}

#nav .bottom ul li.nav_knowledge .dropdown a.heading, #nav .bottom ul li.nav_support .dropdown a.heading, #nav .bottom ul li.nav_smartsolutions .dropdown a.heading, #nav .bottom ul li.nav_services .dropdown a.heading {
  margin: 0;
  padding: 5px 0 0 0
}

#nav .bottom ul li.nav_support .dropdown a.heading:not(:first-child), #nav .bottom ul li.nav_knowledge .dropdown a.heading:not(:first-child), #nav .bottom ul li.nav_services .dropdown a.heading:not(:first-child) {
  margin: 30px 0 0 0
}

#nav .bottom .nav_services .colthreetwo a {
  width: 90% !important
}

#nav .bottom .nav_services .colthreetwo .coltwo {
  margin-bottom: 10px
}

#nav .bottom .nav_services hr {
  border: none;
  border-top: 1px solid #4f4f51;
  clear: both;
  width: 90%;
  margin: 8px 10% 8px 0
}

#nav .bottom ul li p {
  text-transform: none
}

#nav .bottom ul li .dropdown a.blank {
  visibility: hidden
}

#nav .bottom ul li .dropdown .byfeature {
  background: #4f4f51
}

#nav .bottom ul li:hover a {
  color: #1f7fa5;
  text-decoration: none
}

#nav .bottom ul li.nav_industries .dropdown .colthree {
  padding: 30px 5.5%
}

#nav .bottom ul li.nav_industries .dropdown .colthree a {
  display: inline;
  text-transform: none
}

#nav .bottom ul li.nav_industries .dropdown .bottom-half a.all, #nav .bottom ul li.nav_knowledge .dropdown .bottom-half a.all {
  display: inline;
  text-transform: uppercase
}

#nav .bottom ul li.nav_knowledge .dropdown {
  width: 58.5%
}

#nav .bottom ul li.nav_knowledge .twocol:nth-last-of-type(1) {
  padding: 0 1% 0 0
}

#nav .bottom ul li.nav_support .dropdown {
  width: 30%
}

#nav .bottom ul li.nav_smartsense .dropdown {
  width: 40%;
  right: 40%
}

#nav .bottom ul li.nav_services .dropdown {
  width: 84%
}

#nav .bottom ul li.nav_solutions .dropdown, #nav .bottom ul li.nav_solutions.touchonly:hover .dropdown {
  right: 30%;
  width: 50%
}

#nav .bottom ul li.nav_solutions .news, #nav .bottom ul li.nav_solutions.touchonly:hover .news {
  padding: 0 5%;
  width: 45%;
  margin: 0 0 0 5%;
  border-left: 1px solid #fff
}

.positionup {
  margin-top: -131px
}

#nav .bottom div.search {
  padding: 0;
  width: 63px;
  height: 53px;
  margin: 0 0 0 2.72%;
  text-align: center;
  float: right
}

#nav .bottom div.search .dropdown {
  width: 40%;
  font-weight: 400;
  display: none;
  left: -9999px;
  color: #fff;
  position: absolute;
  left: 0;
  z-index: 15;
  text-align: left;
  padding-bottom: 23px;
  font-size: .9em;
  line-height: 1.5em
}

#nav .bottom div.search a {
  background: #00b7ff;
  display: block;
  width: 63px;
  height: 53px;
  box-sizing: border-box;
  transition-property: none
}

#nav .bottom div.search:hover .dropdown {
  display: none;
  left: -9999px
}

#nav .bottom div.sticky:hover .dropdown, #nav .bottom div.sticky .dropdown {
  left: auto;
  right: 0;
  display: block
}

#nav .bottom div.search img {
  width: 22px;
  vertical-align: middle;
  background: url("//www.digi.com/images/nav-icon-search-background.png") left center no-repeat;
  background-size: 44px 22px
}

#nav .bottom div.sticky img {
  background: url("//www.digi.com/images/nav-icon-close.png") left center no-repeat;
  background-size: 44px 22px
}

#nav .bottom div.search .dropdown .top-half {
  background: #00b7ff;
  padding: 20px
}

#nav .bottom div.search .dropdown .cut-corner {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #00b7ff;
  border-right: 23px solid transparent
}

#nav .bottom div.search .dropdown input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  font-size: 30px;
  color: #fff;
  background: #00aef2;
  margin: 30px 0 35px 0;
  padding: 14px 11px;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

#nav .bottom div.search .dropdown h3, #nav .bottom div.search .dropdown label {
  font-weight: 600;
  margin: 0;
  font-size: 1.5em;
  color: #fff;
  text-transform: uppercase
}

#nav .bottom div.search .dropdown h4 {
  font-weight: 600;
  margin: 0 0 35px 0;
  font-size: 1.125em;
  color: #fff
}

#nav .bottom div.search .dropdown a {
  color: #fff;
  display: block;
  margin: 0 0 8px 0;
  padding: 0;
  text-transform: none;
  width: auto;
  line-height: 1.2em;
  height: auto
}

#nav .bottom ul li .dropdown .stripe {
  background: #4f4f51;
  padding: 15px 20px;
  display: flex;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-items: center;
  width: 100%
}

#nav .bottom ul li .dropdown .stripe a {
  display: inline-block;
  width: auto
}

#nav .bottom ul li .dropdown .stripe .colsixfive {
  padding: 0 10px
}

#nav .bottom ul li .dropdown .stripe .colsixfive a {
  padding: 0 25px 0 0
}

#nav .bottom ul li .dropdown .stripe .colsixfive a:nth-of-type(1) {
  padding-left: 25px
}

#nav .bottom ul li .dropdown .colthreeicons {
  background: #646466 !important
}

#nav .bottom ul li .dropdown .colthreeicons .item {
  display: flex;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-items: center
}

#nav .bottom ul li .dropdown .colthreeicons .colthree {
  padding: 0 .5%
}

#nav .bottom ul li .dropdown .colthreeicons a {
  display: block;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-items: center;
  transition: none
}

#nav .bottom ul li .dropdown .colthreeicons a img {
  width: 44px;
  margin: 0 13px 0 0;
  float: left
}

#nav .bottom ul li .dropdown .colthreeicons a span.heading {
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 0 0 8px 0;
  color: #72bb4b;
  font-weight: 600;
  transition: all .2s ease-out
}

#nav .bottom ul li .dropdown .colthreeicons a:hover span.heading {
  color: #1f7fa5
}

#nav .bottom ul li .dropdown .colthreeicons a:hover span.text {
  color: #fff
}

#nav .bottom div#menu {
  padding: 0;
  width: 63px;
  height: 53px;
  margin: 0;
  text-align: center;
  float: right
}

#nav .bottom div#menu a {
  background: none;
  display: block;
  width: 63px;
  height: 53px;
  box-sizing: border-box;
  transition-property: none
}

#nav .bottom div#menu a:hover {
  content: none
}

#nav .bottom div#menu img {
  width: 22px;
  vertical-align: middle;
  background: url("//www.digi.com/images/nav-icon-menu-background.png") left center no-repeat;
  background-size: 44px 22px;
  background-position: -22px 0
}

#nav .bottom div#menu.sticky a {
  background: #646466 !important
}

#nav .bottom div#menu.sticky img {
  background: url("//www.digi.com/images/nav-icon-close.png") left center no-repeat !important;
  background-size: 44px 22px !important
}

#nav .bottom div#menu.sticky .dropdown {
  left: auto;
  right: 0;
  display: block
}

#nav .bottom div#menu .dropdown {
  width: 100%;
  font-weight: 400;
  display: none;
  left: -9999px;
  color: #fff;
  position: absolute;
  left: 0;
  z-index: 15;
  text-align: left;
  padding-bottom: 23px;
  font-size: .9em;
  line-height: 1.5em
}

#nav .bottom div#menu .dropdown .top-half, #nav .bottom div#menu .dropdown .bottom-half {
  background: #646466;
  padding: 20px
}

#nav .bottom div#menu .dropdown .top-half {
  border-bottom: 1px solid #5f5f60;
  position: relative
}

#nav .bottom div#menu .dropdown .bottom-half {
  font-size: .8em
}

#nav .bottom div#menu .dropdown .bottom-half li a {
  width: 100%;
  height: auto;
  padding: 8px 0;
  line-height: 1.5em;
  margin: 0;
  color: #fff
}

#nav .bottom div#menu .dropdown .cut-corner {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #646466;
  border-right: 23px solid transparent
}

#nav .bottom div#menu .dropdown ul {
  display: block;
  width: 100%;
  padding-left: 0
}

#nav .bottom div#menu .dropdown ul li {
  font-size: 18px
}

#nav .bottom div#menu .dropdown li {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  line-height: 1.5em;
  display: block
}

#nav .bottom div#menu .dropdown li a {
  width: 100%;
  height: auto;
  padding: 15px 0;
  line-height: 1.5em;
  margin: 0;
  color: #fff
}

.ex_menu {
  display: block;
  padding: 0;
  width: 63px;
  height: 58px;
  line-height: 58px;
  margin: 0;
  text-align: center;
  float: right
}

.ex_menu a {
  background: none;
  display: block;
  width: 63px;
  height: 53px;
  box-sizing: border-box;
  transition-property: none;
  color: #fff
}

.light .ex_menu a {
  color: #00b7ff
}

.ex_menu .dropdown a:hover {
  color: #00b7ff !important
}

.ex_menu a.heading {
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 0 0 8px 0;
  color: #72bb4b !important;
  font-weight: 600
}

.ex_menu a:hover.heading {
  color: #00b7ff !important
}

.ex_menu img {
  width: 22px;
  vertical-align: middle;
  background: url("//www.digi.com/images/nav-icon-menu-background.png") left center no-repeat;
  background-size: 44px 22px
}

.light .ex_menu img {
  width: 22px;
  vertical-align: middle;
  background: url("//www.digi.com/images/nav-icon-menu-background.png") left center no-repeat;
  background-size: 44px 22px;
  background-position: -22px 0
}

.ex_menu.sticky a {
  background: #646466 !important
}

.light .ex_menu.sticky a, .light .ex_menu.sticky a:hover {
  color: #fff
}

.ex_menu.sticky img {
  background: url("//www.digi.com/images/nav-icon-close.png") left center no-repeat !important;
  background-size: 44px 22px !important
}

.ex_menu .dropdown {
  width: 100%;
  font-weight: 400;
  display: none;
  left: -9999px;
  color: #fff;
  position: absolute;
  left: 0;
  z-index: 15;
  text-align: left;
  padding-bottom: 23px;
  font-size: .9em;
  line-height: 1.5em
}

.ex_menu.sticky .dropdown {
  left: auto;
  right: 0;
  display: block
}

.ex_menu .dropdown .top-half, .ex_menu .dropdown .bottom-half {
  background: #646466;
  padding: 20px
}

.ex_menu .dropdown .top-half {
  border-bottom: 1px solid #5f5f60;
  position: relative
}

.ex_menu .dropdown .bottom-half {
  font-size: .8em
}

.ex_menu .dropdown .cut-corner {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #646466;
  border-right: 23px solid transparent
}

.ex_menu .dropdown ul {
  display: block;
  width: 100%;
  padding-left: 0
}

.ex_menu .dropdown ul li {
  font-size: 1.2em
}

.ex_menu .dropdown li {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  line-height: 1.5em;
  display: block
}

.ex_menu .dropdown li a {
  width: 100%;
  height: auto;
  padding: 15px 0;
  line-height: 1.5em;
  margin: 0;
  color: #fff
}

.ex_menu .dropdown .bottom-half li a {
  width: 100%;
  height: auto;
  padding: 8px 0;
  line-height: 1.5em;
  margin: 0;
  color: #fff
}

#subfooter {
  background: #f2f2f2;
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 600;
  width: 100%;
  float: left;
  padding: 35px 0;
  text-align: center;
  clear: both;
  margin: 70px 0 0 0
}

#subfooter a {
  font-size: .5em;
  white-space: nobreak;
  display: inline-block
}

#subfooter .socials {
  white-space: nobreak;
  display: inline-block
}

#subfooter .social {
  width: 60px;
  margin: 10px 10px 0 60px;
  display: inline-block;
  vertical-align: middle
}

#subfooter .social+.social {
  margin: 10px 10px 0 10px
}

#subfooter .social img {
  vertical-align: middle
}

#subfooter a.social:hover img {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

#footer {
  background: #646466;
  padding: 55px 0;
  float: left;
  clear: both;
  width: 100%;
  color: #fff
}

#footer-custom {
  background: #646466;
  padding: 75px 0;
  float: left;
  clear: both;
  width: 100%;
  color: #fff;
  clear: both;
  margin: 50px 0 0 0
}

#footer-blue {
  background: #00b7ff;
  padding: 75px 0;
  float: left;
  clear: both;
  width: 100%;
  color: #fff;
  clear: both;
  margin: 50px 0 0 0
}

#footer .links {
  float: left;
  width: 60%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  box-sizing: border-box
}

#footer .links a {
  display: inline-block;
  width: 100%;
  padding: 4px 12px;
  color: #fff;
  column-break-inside: avoid;
  text-decoration: none
}

#footer .links a:hover {
  color: #00b7ff;
  text-decoration: none
}

#footer #twitterfeed {
  position: relative;
  display: inline-block;
  width: 30%;
  padding: 20px;
  font-weight: 400;
  color: #000;
  background: #fff;
  margin: 0 0 0 10%;
  box-sizing: border-box
}

#footer #twitterfeed a:link, #bottom #twitterfeed a:visited, #bottom #twitterfeed a:active {
  color: #0074a2
}

#footer #twitterfeed a:hover {
  color: #00b7ff
}

#footer #twitterfeed .date {
  font-size: 11px;
  text-align: right;
  float: right;
  clear: both
}

#footer #twitterfeed img {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: -56px
}

#footer #copyright, #footer-custom .copyright {
  clear: both;
  padding: 35px 0 0 0
}

#footer #requestview {
  padding: 20px 0
}

#footer #requestview.dontshow {
  display: none
}

#footer #logos {
  width: 30%;
  float: right;
  margin: 50px 0 0 0;
  text-align: left
}

#footer #logos img.ecia {
  width: 80px
}

.support-compare {
  display: flex;
  height: 100%;
  flex-direction: column
}

.support-compare h3 {
  color: #fff;
  background-color: #00b7ff;
  text-align: center;
  padding: 15px 10px;
  margin: 0 0 40px 0;
  position: relative
}

.support-compare h3:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #00b7ff transparent;
  -webkit-transform: rotate(180deg) translateX(50%);
  transform: rotate(180deg) translateX(50%)
}

.support-compare h4 {
  color: #3f4245;
  background: #eef0f0;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 10px;
  text-align: center;
  margin: 36px 0 0 0;
  position: relative
}

.support-compare h4:after {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #eef0f0 transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.support-compare .support-options {
  flex-grow: 1;
  font-size: 16px;
  line-height: 1.1em;
  display: flex;
  flex-direction: row
}

.support-compare .support-options .support-icon {
  font-size: 14px;
  width: 25%;
  text-align: center
}

.support-compare .support-options .support-features {
  width: 67%;
  padding: 0 0 0 4%;
  margin: 0 0 0 4%;
  border-left: 1px solid #91d46c
}

.support-compare .support-options ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.support-compare .support-options ul li {
  padding: 0;
  margin: 0 0 15px 0
}

.cookietrail+.support-services #subbanner {
  margin-top: 0
}

.qa-template-qa #nav_search_icon {
  margin: 17px 0 0 0 !important
}

#support .supportfilter {
  text-align: center;
  margin: 40px 0 0 0
}

#support .supportfilter .noshow {
  display: none !important
}

#support .supportfilter .container {
  border: 1px solid #cfd5d3;
  padding: 20px
}

#support .supportfilter .allproducts {
  text-align: left;
  width: 72%;
  margin: 0 3% 0 0;
  display: inline-block;
  vertical-align: top
}

#support .supportfilter .allproducts .container {
  padding: 20px 0 0 20px
}

#support .supportfilter .recentproducts {
  text-align: left;
  width: 25%;
  display: inline-block;
  vertical-align: top
}

#support .supportfilter .recentproducts #recent a {
  display: block;
  border-bottom: 1px solid #cfd5d3;
  margin: 0;
  padding: 5px 0
}

#support .supportfilter .recentproducts #recent a:last-of-type {
  border-bottom: none
}

#support .supportfilter .recentproducts #recent br {
  display: none
}

#support .supportfilter .recentproducts.attop {
  position: fixed;
  top: 20px
}

#support .supportfilter .formfilter {
  width: 100%;
  text-align: right;
  margin: 0 0 20px 0;
  padding-right: 20px
}

#support .supportfilter .formfilter label, #support .supportfilter .formfilter a {
  display: inline-block;
  width: auto;
  line-height: 30px;
  height: 34px;
  margin: 0 10px 5px 0;
  border: 2px solid #fff;
  vertical-align: top;
  box-sizing: border-box
}

#support .supportfilter .formfilter input, #support .supportfilter .formfilter select {
  height: 34px;
  line-height: 34px;
  width: 24%;
  padding: 0 0 0 4px;
  vertical-align: top;
  margin: 0 0 5px 0
}

#support .supportfilter .formfilter select {
  vertical-align: middle;
  line-height: 1em
}

#support .supportfilter .formfilter input::-moz-placeholder {
  color: #646466;
  opacity: 1
}

#support .supportfilter .formfilter input:-moz-placeholder-shown {
  color: #646466;
  opacity: 1
}

#support .supportfilter .formfilter input::-moz-placeholder, #support .supportfilter .formfilter input::-webkit-input-placeholder, #support .supportfilter .formfilter input:placeholder-shown, #support .supportfilter .formfilter input[placeholder], #support .supportfilter .formfilter input::placeholder {
  color: #646466;
  opacity: 1
}

#support .supportfilter .formfilter .clearbtn {
  color: #0074a2;
  text-decoration: none;
  margin: 0 0 0 10px
}

#support .supportfilter .formfilter .clearbtn:hover {
  color: #00b7ff
}

#support .supportfilter #list {
  font-size: 18px;
  line-height: 1.6em;
  height: 400px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll
}

#support .supportfilter h4 {
  margin: 0 0 13px 0
}

.support-services.pro-services .offer {
  border: 1px solid #cfd5d3;
  padding: 3%;
  margin: 0 0 30px 0
}

.support-services.pro-services .cta-centered {
  margin: 0 0 40px 0
}

.support-services.index #subbanner .inside {
  position: relative
}

.support-services.index #subbanner .inside .buttonsmall {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 4
}

.support-services.index a.colthree {
  color: #646466;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2em;
  padding-bottom: 60px;
  width: 30%;
  margin: 0 1%;
  position: relative;
  overflow: hidden
}

.support-services.index a.colthree span {
  box-sizing: border-box
}

.support-services.index a.colthree .cover {
  background: rgba(100, 100, 102, .95);
  width: 100%;
  top: -100%;
  bottom: 100%;
  position: absolute;
  z-index: 3;
  color: #fff;
  text-align: center;
  padding: 0 5%;
  font-size: 24px;
  line-height: 31px;
  transition: all .2s ease-out
}

.support-services.index a.colthree .cover:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  display: block;
  content: '';
  height: 0;
  border-style: solid;
  border-width: 0 0 23px 23px;
  border-color: transparent transparent #fff transparent
}

.support-services.index a.colthree .heading {
  padding: 20px 0;
  font-size: 26px;
  font-weight: 400;
  display: block;
  background: #00b7ff;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  margin: 0 0 35px 0;
  position: relative;
  z-index: 4
}

.support-services.index a.colthree .heading:after {
  content: '';
  width: 20px;
  height: 10px;
  background: url("//www.digi.com/images/coldchain-arrow-down-blue.png");
  background-size: 20px 10px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin: 0 0 0 -10px
}

.support-services.index a.colthree .text {
  display: block;
  width: 100%
}

.support-services.index a.colthree .text .icon {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  text-align: center;
  font-weight: 500
}

.support-services.index a.colthree .text .features {
  display: inline-block;
  vertical-align: top;
  width: 71%;
  padding: 0 0 0 3%;
  margin: 0 0 0 2%;
  border-left: 1px solid #cfd5d3
}

.support-services.index a.colthree .text .features .item {
  display: block;
  width: 100%;
  margin: 0 0 10px 0
}

.support-services.index a.colthree .btncontainer {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0
}

.support-services.index a.colthree .buttonsmall {
  z-index: 4;
  position: relative
}

.support-services.index a.colthree:hover {
  text-decoration: none;
  color: #646466
}

.support-services.index a.colthree:hover .cover {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center;
  top: 0;
  bottom: 0
}

.support-services.index #policy {
  padding: 40px 0
}

.support-services.index #policy .tierflextop {
  display: flex
}

.support-services.index #policy .tierflextop div:nth-of-type(1) {
  width: 25%
}

.support-services.index #policy .tierflextop div:nth-of-type(2) {
  width: 74%
}

.support-services.index #policy hr.divider {
  width: 70%;
  margin: 0 15%;
  border: none;
  border-top: 1px solid #cfd5d3;
  margin-top: 40px
}

.support-services.index #tools {
  padding: 0 0 40px 0
}

.support-services.index #tools h2 {
  margin-bottom: 10px
}

.support-services.index #tools h4.subheading {
  margin-bottom: 10px
}

.support-services.index #tools .embeddedsearch {
  float: none;
  padding: 30px 0 50px 0;
  margin: 0
}

.support-services.index #tools .embeddedsearch input[type="text"] {
  height: 53px;
  line-height: 53px;
  font-size: 24px;
  max-width: 400px
}

.support-services.index #tools .embeddedsearch input[type="submit"] {
  width: 53px;
  height: 53px
}

.support-services.index #tools .tierflextop {
  clear: both;
  margin-top: 30px
}

.support-services.index #tools .coltool {
  width: 23.5%;
  margin: .75%;
  border: 1px solid #cfd5d3;
  padding: 20px 0;
  position: relative
}

.support-services.index #tools .coltool a {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 15px
}

.support-services.index #tools .coltool h4 {
  position: absolute;
  top: -30px
}

.support-services.index #tools #downloads h4 {
  background: url("/images/support-icon-tools-download.png") left center no-repeat;
  background-size: 29px 20px;
  padding: 0 0 0 29px
}

.support-services.index #tools #resources h4 {
  background: url("/images/support-icon-tools-resources.png") left center no-repeat;
  background-size: 29px 20px;
  padding: 0 0 0 29px
}

.support-services.index #tools #mysupport h4 {
  background: url("/images/support-icon-tools-mysupport.png") left center no-repeat;
  background-size: 29px 20px;
  padding: 0 0 0 29px
}

.support-services.index #tools #recentviewed h4 {
  background: url("/images/support-icon-tools-recent.png") left center no-repeat;
  background-size: 29px 20px;
  padding: 0 0 0 29px
}

.support-services.index #tools #recent br, .support-services.index #tools .noshow {
  display: none
}

.support-services.index #compare {
  width: 70%;
  margin: 0 15%;
  border-bottom: 1px solid #cfd5d3;
  padding: 30px 0;
  text-align: center
}

.support-services.index #compare .alllink {
  font-size: 1em
}

.support-services table.base-expert-pro {
  padding: 0;
  margin: 0;
  border-collapse: collapse
}

.support-services table.base-expert-pro td, .support-services table.base-expert-pro th {
  border-right: 1px solid #cfd5d3;
  border-bottom: 1px solid #cfd5d3;
  text-align: center;
  vertical-align: middle;
  padding: 5px 15px;
  width: 15%;
  box-sizing: border-box
}

.support-services table.base-expert-pro th {
  background-clip: padding-box;
  font-weight: 600;
  text-transform: uppercase;
  background: #72bb4b;
  color: #fff;
  padding: 15px;
  border-right: 1px solid #fff
}

.support-services table.base-expert-pro td:nth-of-type(1), .support-services table.base-expert-pro th:nth-of-type(1) {
  width: 55%;
  text-align: left;
  border-left: 1px solid #cfd5d3
}

.support-services table.base-expert-pro th:nth-of-type(1) {
  background: #fff;
  border-left: 1px solid #fff;
  border-right: 1px #72bb4b
}

.support-services table.base-expert-pro th:nth-of-type(4) {
  border-right: 1px #72bb4b
}

.support-services table.base-expert-pro tr:nth-of-type(even) {
  background: #f2f2f2
}

.support-services table.base-expert-pro tr.buttons td {
  padding: 15px
}

.support-services table.base-expert-pro .checkmark {
  color: #72bb4b;
  font-weight: bold;
  font-size: 1.3em
}

.security .alerts .more, .security .notifications .more {
  margin: 30px 0 0 0
}

.security .alerts h3, .security .notifications h3 {
  background: url("/images/security-icon-alerts.png") left center no-repeat;
  padding-left: 50px;
  height: 28px;
  line-height: 28px;
  background-size: 40px 31px
}

.security .alerts .container-security, .security .notifications .container-security {
  width: 100%;
  border: 1px solid #cfd5d3;
  padding: 16px 30px;
  margin: 10px 0
}

.security .alerts .container-security .item, .security .notifications .container-security .item {
  display: block;
  width: 100%;
  padding: 14px 0;
  border-top: 1px solid #cfd5d3;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center;
  align-items: flex-start
}

.security .alerts .container-security .item .date, .security .notifications .container-security .item .date {
  display: block;
  width: 13%;
  margin: 0 4% 0 0;
  text-decoration: none;
  color: #646466;
  font-size: 14px
}

.security .alerts .container-security .item .link, .security .notifications .container-security .item .link {
  display: block;
  width: 83%
}

.security .alerts .container-security .item:first-of-type, .security .notifications .container-security .item:first-of-type {
  border-top: none
}

.security .alerts .container-security a.item:hover, .security .notifications .container-security a.item:hover {
  text-decoration: none
}

.security .alerts .container-security a.item:hover .date, .security .notifications .container-security a.item:hover .date {
  text-decoration: none;
  color: #646466
}

.security .alerts .container-security a.item:hover .link, .security .notifications .container-security a.item:hover .link {
  text-decoration: underline
}

.security .notifications {
  margin-bottom: 50px
}

.security .notifications h3 {
  background: url("/images/security-icon-notifications.png") left center no-repeat;
  background-size: 40px 31px
}

.security .button {
  margin-top: 50px
}

.security .right .related {
  background: #f2f2f2;
  padding: 30px;
  position: relative;
  margin: 0 0 30px 0
}

.security .right .related h4 {
  margin: 0 0 30px 0
}

.security .right .related a {
  display: block;
  margin: 0 0 15px 0
}

.security .right .related:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  display: block;
  content: '';
  height: 0;
  border-style: solid;
  border-width: 0 0 23px 23px;
  border-color: transparent transparent #fff transparent
}

.security .right .card-single {
  width: 100%
}

.security .right .card-single .card {
  margin: 0 0 30px 0
}

.right .related {
  background: #f2f2f2;
  padding: 30px;
  position: relative;
  margin: 0 0 30px 0
}

.right .related h4 {
  margin: 0 0 30px 0
}

.right .related:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  display: block;
  content: '';
  height: 0;
  border-style: solid;
  border-width: 0 0 23px 23px;
  border-color: transparent transparent #fff transparent
}

.right .card-single {
  width: 100%
}

.right .card-single .card {
  margin: 0 0 30px 0
}

#content {
  width: 100%
}

#svideos img {
  border-width: 0
}

#extralinks {
  clear: both;
  padding: 20px 0 10px 0
}

#supportassets {
  margin: 10px 0 30px 0
}

#sdrivers, #sfirmware, #sdocumentation, #sutilities, #ssoftware, #scabling, #spatches, #svideos, #skbase, #sgettingstarted {
  overflow: hidden
}

.expandingbullet {
  width: 100%;
  margin: 0 0 15px 0;
  background: #fff;
  padding-top: 5px;
  border-top: 1px solid #c1c1c1;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  font-weight: bold
}

.expandingbullet a.arrowheader {
  width: 100%;
  height: 35px;
  float: left
}

.expandeddiv {
  line-height: 16px;
  float: left;
  clear: left;
  font-weight: normal;
  width: 98%;
  padding: 10px;
  margin: 0 1% 8px 1%;
  color: #000;
  text-align: left;
  background: #fff;
  box-sizing: border-box
}

.expandeddiv ul {
  clear: both
}

.expandeddiv a.doclink {
  padding: 0 10px 0 0
}

.bulletarrow {
  margin: 10px 5px 0 0
}

.expandeddivclass {
  float: left;
  clear: left
}

#gscategory {
  text-align: center;
  background-color: #078148;
  color: #fff
}

.expandeddivclass {
  width: 100%
}

.theloading {
  margin: 0 auto
}

.doclist, .dochead {
  padding: 5px 0;
  float: left;
  clear: left;
  width: 100%
}

.doclist span {
  background: #fff;
  padding: 0 10px 0 0
}

.doccategory {
  background-color: #078148;
  text-align: center
}

.dochead, .expandeddiv>b {
  display: inline-block;
  text-align: left;
  font-size: 18px;
  line-height: 1.2em;
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  margin: 10px 0 5px 0
}

.expandeddiv h4 {
  font-size: 18px
}

.dochead b {
  font-weight: 600
}

.subscribe {
  padding: 0 0 0 10px;
  float: right;
  background: #fff
}

a:link.subscribe, a:visited.subscribe, a:active.subscribe {
  font-size: 10px
}

#specificresults {
  width: 100%;
  min-height: 100px
}

#specificresults img.theloading {
  margin: 0 0 0 341px
}

.lockicon {
  padding-right: 4px;
  background: #fff;
  vertical-align: middle
}

#skbasediv li {
  margin-bottom: 10px
}

#productdetail .linkswithicons {
  padding: 40px 0 0 0;
  width: 100%;
  clear: both
}

.knowledgebase {
  margin: 0 0 50px 0
}

.knowledgebase .allknowledge .item {
  width: 100%;
  margin: 0 0 20px 0
}

.knowledgebase .allknowledge .item a {
  font-size: 18px
}

.knowledgebase .allknowledge .item .url {
  color: #006d21
}

.knowledgebase .allknowledge .item .date {
  color: #b3b3b3;
  font-size: .85em
}

.knowledgebase .article {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word
}

.knowledgebase .article h2 {
  font-size: 20px
}

.knowledgebase .article #recentcontent, .knowledgebase .article .container-right {
  border: 1px solid #cfd5d3;
  padding: 30px 15px 15px 15px;
  margin: 8px 0 30px 0;
  word-wrap: normal;
  word-break: normal
}

.knowledgebase .article #recentcontent a, .knowledgebase .article .container-right a {
  display: block;
  margin: 0 0 10px 0
}

.knowledgebase .article #recentcontent hr:last-of-type, .knowledgebase .article .container-right hr:last-of-type {
  display: none
}

.knowledgebase .article h1.header {
  text-align: left;
  text-transform: none;
  word-wrap: normal;
  word-break: normal;
  font-weight: 800;
  color: #3f4245;
  font-size: 52px
}

.knowledgebase .article .categories {
  margin: 0 0 30px 0
}

.knowledgebase .article .categories h4 {
  margin: 0 0 8px 0
}

.knowledgebase .article .categories .pill {
  display: inline-block;
  background-color: #91d46c;
  white-space: nowrap;
  color: #3f4245;
  padding: 0 15px;
  border-radius: 15px;
  margin: 0;
  vertical-align: middle;
  margin: 0 5px 8px 0;
  text-decoration: none;
  font-size: 18px;
  line-height: 27px
}

.knowledgebase .article .categories .pill:hover {
  background: #9de476;
  text-decoration: none
}

.knowledgebase .article .lastmodified {
  padding: 30px 0;
  color: #b3b3b3;
  font-size: .85em;
  line-height: 1.35em
}

.knowledgebase .article pre, .knowledgebase .article tt {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #d14124;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word
}

.knowledgebase .SearchDialog {
  width: 60%;
  margin: 0 20% 50px 20%
}

.knowledgebase .SearchDialog ::-webkit-input-placeholder {
  color: #fff
}

.knowledgebase .SearchDialog label {
  display: none
}

.knowledgebase .SearchDialog .form-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.knowledgebase .SearchDialog .form-group {
  width: 80%
}

.knowledgebase .SearchDialog .form-group:nth-of-type(1) input {
  width: 100%;
  max-width: 100%
}

.knowledgebase .SearchDialog .form-group:nth-of-type(2) {
  width: 66px;
  position: relative;
  cursor: pointer
}

.knowledgebase .SearchDialog .form-group:nth-of-type(2):after {
  content: '';
  display: block;
  background: #91d46c url("//www.digi.com/images/nav-icon-search-background-grey.png") center center no-repeat;
  position: absolute;
  top: 22px;
  left: 22px;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  z-index: 2;
  pointer-events: none;
  border: none
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control {
  border-radius: 0;
  border: 1px solid #cfd5d3;
  height: 66px;
  line-height: 66px;
  font-size: 30px;
  border-right: none
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control:active, .knowledgebase .SearchDialog .editing-form-value-cell input.form-control:focus {
  box-shadow: none
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control::-webkit-input-placeholder {
  color: #3f4245 !important;
  opacity: .5 !important
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control::-webkit-input-placeholder, .knowledgebase .SearchDialog .editing-form-value-cell input.form-control::placeholder, .knowledgebase .SearchDialog .editing-form-value-cell input.form-control::-moz-placeholder {
  color: #3f4245 !important;
  opacity: .5 !important
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control::-webkit-input-placeholder {
  color: #3f4245 !important;
  opacity: .5 !important
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control::-moz-placeholder {
  color: #3f4245 !important;
  opacity: .5 !important
}

.knowledgebase .SearchDialog .editing-form-value-cell input.form-control::placeholder {
  color: #3f4245 !important;
  opacity: .5 !important
}

.knowledgebase .SearchDialog .form-horizontal .btn {
  background: #91d46c;
  position: relative;
  width: 66px;
  padding: 0;
  height: 66px;
  color: #91d46c;
  border: 1px solid #91d46c
}

.knowledgebase .SearchResults {
  font-size: 18px
}

.knowledgebase .SearchResults .item {
  margin: 0 0 30px 0
}

.knowledgebase .SearchResults .item a {
  margin: 0 0 5px 0;
  display: block
}

.knowledgebase .SearchResults .item .highlight {
  background: #fcfc8e;
  padding: 0 5px
}

.knowledgebase .SearchResults .highlight {
  font-weight: 600
}

.knowledgebase .SearchResults .relevance {
  width: 50px;
  background: #646466;
  height: 4px
}

.knowledgebase .SearchResults .relevance div {
  height: 4px;
  background: #72bb4b
}

.knowledgebase .SearchResults .summary {
  font-size: .9em;
  display: block;
  margin: 5px 0;
  clear: both
}

.knowledgebase .SearchResults .searchelper {
  display: none
}

.knowledgebase .SearchResults span.url {
  display: block;
  font-size: .9em;
  color: #006d21
}

.knowledgebase .SearchResults span.date {
  font-size: .9em;
  color: grey;
  font-style: italic
}

.knowledgebase #columns {
  clear: both;
  display: flex
}

.knowledgebase #columns .scrollholder {
  position: relative
}

.knowledgebase #columns .colthree {
  padding: 20px 0;
  width: 32%;
  position: relative
}

.knowledgebase #columns .colthree:nth-of-type(1) {
  margin: 0 1% 0 0
}

.knowledgebase #columns .colthree:nth-of-type(2) {
  margin: 0 1%
}

.knowledgebase #columns .colthree:nth-of-type(3) {
  margin: 0 0 0 1%
}

.knowledgebase #columns .colthree hr {
  width: auto;
  margin: 10px 15px;
  border-top: 1px solid #fff
}

.knowledgebase #columns .colthree hr:last-of-type {
  display: none
}

.knowledgebase #columns .colthree a, .knowledgebase #columns .colthree span {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 15px
}

.knowledgebase #columns .holder {
  border: 1px solid #cfd5d3;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 20px 0 0 0
}

@media(max-width:767px) {
  .knowledgebase .article h1.header {
    font-size: 35px
  }
  .knowledgebase .SearchDialog {
    width: 90%;
    margin: 0 5% 30px 5%
  }
  .knowledgebase .SearchDialog .form-horizontal .btn {
    width: 44px;
    height: 44px
  }
  .knowledgebase .SearchDialog .form-group:nth-of-type(2) {
    width: 44px;
    height: 44px
  }
  .knowledgebase .SearchDialog .form-group:nth-of-type(2):after {
    left: 11px;
    top: 11px
  }
  .knowledgebase .SearchDialog .editing-form-value-cell input.form-control {
    height: 44px;
    line-height: 44px;
    font-size: 20px
  }
  .knowledgebase #columns {
    flex-direction: column
  }
  .knowledgebase #columns .colthree {
    width: 100%;
    margin: 0 0 16px 0 !important
  }
}

.knowledgebase .article .col-lg-9.col-md-8 h2, .knowledgebase .article .col-lg-9.col-md-8 h3, .knowledgebase .article .col-lg-9.col-md-8 h4 {
  font-size: 1.2em;
  text-transform: none;
  color: #646466
}

.knowledgebase .article .col-lg-9.col-md-8 h2 {
  font-size: 1.4em
}

.knowledgebase .article .col-lg-9.col-md-8 h4 {
  font-size: 1em
}

.knowledgebase .article .col-lg-9.col-md-8 .inside {
  width: 100% !important;
  margin: 0 !important
}

.knowledgebase .article .inside[style] {
  width: 100% !important
}

.knowledgebase .article [style] {
  font-family: inherit !important
}

.knowledgebase .article span[style] {
  background: none !important;
  background-color: none !important
}

@media(max-width:568px) {
  .support-services.index #policy .tierflextop {
    flex-direction: column;
    align-items: flex-start
  }
  .support-services.index #policy .tierflextop div img {
    max-width: 150px
  }
  .support-services.index #policy .tierflextop div:nth-of-type(1) {
    width: 100%
  }
  .support-services.index #policy .tierflextop div:nth-of-type(2) {
    width: 100%
  }
}

.message {
  width: 100%;
  text-align: center
}

.message span {
  width: 90%;
  margin: 0 auto;
  display: block
}

.message a {
  display: block;
  background: #91d46c;
  padding: 20px 0;
  color: #3f4245;
  position: relative;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  text-decoration: none
}

.message a:hover {
  background: #9de476
}

.message a img {
  margin: 0 0 0 5px
}

.cookietrail+.products.generic.prdcategory {
  padding-top: 0
}

.products .leadin {
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: 200
}

.products .subcategories {
  padding: 30px 0;
  clear: left
}

.products .subcategories h4 {
  margin: 0 0 16px 0
}

.products .subcategories a {
  margin: 0 8px 16px 0
}

.products.prdcategory .usemature .mature {
  display: none
}

.products.prdcategory .usemature .mature.show, .products.prdcategory .usemature .mature.show.hide {
  display: block !important
}

.products.prdcategory .interior-heading-type3 {
  margin: 0 0 30px 0
}

.products.prdcategory .utility {
  margin: 0 0 30px 0
}

.products.prdcategory .utility a.button {
  margin: 0 8px 8px 0
}

.products.prdcategory .utility.switchview {
  text-align: right;
  margin: 0 0 15px 0
}

.products.prdcategory .tabs-type2 {
  margin: 0 0 15px 0
}

.products.generic.prdcategory {
  clear: both
}

.products.generic.prdcategory .switch {
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  color: #3f4245;
  text-decoration: none;
  padding: 0;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  background: url("/images/form-switch-list-grey.png") right center no-repeat;
  background-size: 20px 16px;
  cursor: pointer;
  padding-right: 30px
}

.products.generic.prdcategory .switch.compact {
  background: url("/images/form-switch-compact-grey.png") right center no-repeat;
  background-size: 20px 16px
}

.products.generic.prdcategory .selections span.heading {
  display: inline-block;
  margin: 0 30px 0 0;
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.25em
}

.products.generic.prdcategory .selections span.selection {
  white-space: nowrap;
  margin: 0 8px 0 0
}

.products.generic.prdcategory .utilities {
  clear: both;
  width: 100%;
  padding: 0 0 30px 0;
  display: flex;
  align-items: center
}

.products.generic.prdcategory .utilities div.nobr {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle
}

.products.generic.prdcategory .utilities input[type="text"], .products.generic.prdcategory .utilities input.buttonsearch {
  margin: 0 0 8px 0
}

.products.generic.prdcategory .utilities select {
  margin: 0 10px 8px 0;
  border-radius: 0
}

.products.generic.prdcategory .views {
  margin-left: auto
}

.products.generic.prdcategory .bottomcontent {
  width: 100%;
  clear: both;
  padding: 50px 0
}

.products.generic.prdcategory #fresultsholder h3.heading-subcategory {
  width: 100%;
  padding-top: 24px;
  clear: both
}

.products.generic.prdcategory #fresultsholder h3.heading-subcategory:nth-of-type(1) {
  border-top: none
}

.products.generic.prdcategory #fresultsholder.altview {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.products.generic.prdcategory #fresultsholder.altview h3.heading-subcategory {
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid #c7c8c8
}

.products.generic.prdcategory #fresultsholder.altview h3.heading-subcategory:nth-of-type(1) {
  border-top: none
}

.products.generic.prdcategory #fresultsholder.altview .result {
  width: 25%;
  float: left;
  margin: 0 0 24px 0;
  padding: 0 1%;
  border: none
}

.products.generic.prdcategory #fresultsholder.altview .result .description, .products.generic.prdcategory #fresultsholder.altview .result .photo {
  width: 100%
}

.products.generic.prdcategory #fresultsholder.altview .result .description {
  margin: 0 0 15px 0
}

.products.generic.prdcategory #fresultsholder.altview .result .photo {
  margin: 0 0 10px 0;
  text-align: left
}

.products.generic.prdcategory #fresultsholder.altview .result .description ul {
  display: none
}

.products.generic.prdcategory #fresultsholder.altview .result .photo .comparelink {
  font-size: .8em
}

.products.generic.prdcategory #fresultsholder.altview .result .photo .comparelink img {
  width: 18px
}

.products.generic.prdcategory #fresultsholder.altview .result .invisible {
  display: none
}

.products.generic.prdcategory #fresultsholder.altview .result .compactonly {
  display: inline !important
}

.xbee-ecosystem #boxcars a.colthree {
  background: #f2f2f2;
  width: 32.33%;
  margin: 0 .5%
}

.xbee-ecosystem #boxcars a.colthree img {
  float: left
}

.xbee-ecosystem #boxcars a.colthree:hover {
  background: #31c4ea
}

.products #fresultsholder {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.products .categories .colthree {
  background: none
}

.products .categories .colthree .text {
  background: #fff;
  padding: 0
}

.products .categories .colthree:after {
  display: none
}

.products #tierservices {
  clear: both;
  background: #f2f2f2
}

.products #tierservices .offerings .text {
  background: #fff
}

.products #tierexplore .inside {
  max-width: 875px
}

.products #tierexplore h3 {
  font-size: 20px;
  margin-bottom: 10px
}

.products #tiersearch {
  width: 100%;
  text-align: center;
  margin: 0
}

.services .calltoaction {
  margin: 0 0 70px 0
}

.products .specshead a {
  color: #fff
}

.products #tierbenefits {
  clear: both
}

.products #promotion {
  width: 100%;
  float: left;
  clear: both;
  padding: 0;
  margin: 40px 0 -20px 0
}

a.btn-tiny-green {
  text-decoration: none;
  background: #00b7ff;
  display: inline-block;
  cursor: pointer;
  border: 0;
  padding: 1px 8px;
  font-size: 12px;
  color: #fff !important;
  transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear
}

a:hover.btn-tiny-green {
  background: #00a4e5;
  text-decoration: none
}

#share {
  padding: 10%;
  display: none
}

#colorbox #share {
  display: block
}

#browse {
  padding: 0 0 40px 0
}

#browse .inside {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}

#browse .inside .productcategory {
  display: inline
}

#browse .inside .productcategory span {
  display: block;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

#browsebyfeature {
  margin: 0;
  padding: 0
}

#browsebyfeature .interior-heading-type2 {
  margin: 0 0 24px 0
}

#browsebyfeature #nomatches {
  width: 100%;
  text-align: center
}

#browsebyfeature .filter {
  clear: both;
  width: 100%;
  margin: 0 0 30px 0;
  padding-bottom: 50px;
  text-align: right;
  border-bottom: 1px solid #cfd5d3
}

#browsebyfeature .filter label {
  display: inline-block;
  width: auto;
  line-height: 30px;
  height: 34px;
  margin: 0 10px 5px 0
}

#browsebyfeature .filter #livefilter {
  height: 34px;
  line-height: 34px;
  width: 24%;
  padding: 0 0 0 4px;
  vertical-align: top;
  margin: 0 0 5px 0
}

#browsebyfeature .filter .remove {
  display: inline-block;
  margin: 0 0 0 8px
}

#browsebyfeature h1.larger {
  margin: 0 0 50px 0
}

#browsebyfeature .productcategory {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #cfd5d3;
  width: 100%;
  clear: both
}

#browsebyfeature .productcategory span {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

#browsebyfeature .productcategory span h6 {
  width: 20%;
  padding: 0 1%;
  margin: 5px 0;
  box-sizing: border-box
}

#browsebyfeature .productcategory span ul {
  width: 80%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

#browsebyfeature .productcategory span ul li {
  width: 25%;
  display: block;
  padding: 0 1.5%;
  box-sizing: border-box;
  margin: 5px 0 5px 0
}

#browsebyfeature .productcategory span ul li.hide {
  display: none
}

#browsebyfeature .productcategory.hide {
  display: none
}

#compare {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  float: left
}

#compare+#products {
  margin-top: 50px
}

#compare .inside {
  display: table;
  height: 100px
}

#compare div.col {
  display: table-cell;
  height: 100px;
  vertical-align: middle
}

#compare div.col:first-child {
  width: 10%
}

#compare div.col:first-child+.col {
  width: 73%;
  text-align: right
}

#compare div.col:first-child+.col+.col {
  width: 17%;
  text-align: right
}

#compare .item {
  position: relative;
  display: inline-block;
  width: 69px;
  text-align: center;
  vertical-align: top
}

#compare .item a.link {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  display: inline-block;
  background: #fff;
  border: 1px solid #efefef;
  transition: .2s
}

#compare .item a:hover.link {
  border: 1px solid #00b7ff
}

#compare .item a img {
  max-width: 41px;
  max-height: 80%;
  vertical-align: middle
}

#compare a.remove {
  position: absolute;
  top: -5px;
  right: 0;
  display: inline-block;
  background: #00b7ff;
  color: #fff;
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  transition: all .1s linear
}

#compare a.remove:after {
  display: none
}

#compare a:hover.remove {
  background: #00a4e5;
  text-decoration: none
}

#compare .btn-compare-close {
  padding: 1px 8px;
  font-size: 12px;
  display: none
}

#compare .btn-compare-close:after {
  display: none
}

#compare {
  float: none
}

#compare .item a:hover.link {
  border: 1px solid #91d46c
}

#compare a.remove {
  text-decoration: none !important;
  background: #91d46c;
  color: #3f4245
}

#compare a.remove:hover {
  background: #9de476
}

.products #tierwithnavleft {
  margin-bottom: 60px
}

.products #tierwithnavleft h4 {
  position: relative;
  color: #72bb4b;
  clear: both;
  font-weight: 400;
  font-size: 1em;
  width: 86%;
  margin: 15px 7% 0 7%;
  padding-right: 10%;
  padding-top: 15px;
  border-top: 1px solid #d1d1d1;
  box-sizing: border-box
}

.products #tierwithnavleft #fcategories h4, .products #tierwithnavleft h4.nolink {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 16px
}

.products #tierwithnavleft a span, .products #tierwithnavleft a:hover span {
  color: #808080
}

.products .keyindustries a {
  display: inline-block;
  background: #e2f6ff;
  line-height: 1em;
  color: #3f4245;
  padding: 5px 15px;
  margin: 4px 4px 4px 0;
  border-radius: 15px;
  font-size: .8em;
  text-decoration: none
}

.products .keyindustries a:hover {
  text-decoration: none;
  background: #3f4245;
  color: #fff
}

.products #promotion img {
  width: 100%;
  clear: both;
  margin-bottom: 20px
}

.products #sorter {
  display: table;
  width: 100%;
  padding: 19px 2%;
  height: 70px;
  background: #f2f2f2;
  position: relative
}

.products #sorter:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 19px solid #f2f2f2;
  border-right: 19px solid #fff;
  box-sizing: border-box
}

.products #sorter div {
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

.products #sorter div:first-child {
  width: 15%;
  font-weight: 600
}

.products #sorter div:first-child+div {
  text-align: right
}

.products #sorter div:first-child+div+div {
  text-align: right;
  white-space: nowrap
}

.products #sorter input {
  width: 170px;
  height: 39px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  border-radius: 0
}

.products #sorter ::-webkit-input-placeholder {
  color: #fff;
  opacity: .5
}

.products #sorter select {
  width: 120px;
  margin: 0 8px 0 0;
  border-radius: 0
}

.products #sorter .btn {
  width: 39px;
  height: 39px;
  background: #00b7ff url("//www.digi.com/images/nav-icon-search-background-white.png") center center no-repeat;
  background-size: 18px 18px
}

.products #filters {
  width: 100%;
  clear: both;
  margin: 30px 0 10px 0
}

.filteroptions {
  width: 100%
}

.products #filters div {
  display: inline-block;
  margin: 2px 15px 2px 5px;
  white-space: nowrap
}

.products .result .description h4 {
  display: none
}

.products .result {
  width: 48%;
  padding: 10px 0;
  margin: 10px 0
}

.products .result:nth-of-type(odd) {
  padding-right: 1%
}

.products .result:nth-of-type(even) {
  padding-left: 1%
}

.products .result:last-of-type {
  border-bottom: none
}

.products .result .description h4 {
  display: none
}

.products .result .description h3 {
  margin: 0;
  line-height: 24px
}

.products .result .description h3 .title {
  font-size: 20px;
  font-weight: 800
}

.products .result .description h4.catteaser {
  display: block;
  color: #3f4245;
  font-size: 18px;
  font-weight: 400
}

.products .result .description a.comparebtn {
  font-size: 14px;
  font-weight: 400
}

.products .result .pill {
  box-sizing: border-box;
  display: inline-block;
  background-color: #00b7ff;
  white-space: nowrap;
  color: #fff;
  padding: 5px 15px;
  border-radius: 15px;
  margin: 0;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1em;
  text-transform: uppercase
}

.products .result .pill.new {
  background-color: #cc6033
}

.products .result .pill.nrnd {
  background-color: #dad8d8;
  color: #3f4245
}

.products .result .photo {
  float: left;
  width: 25%;
  text-align: center
}

.products .result .photo a:first-child {
  max-width: 175px;
  text-align: center;
  line-height: 175px;
  height: 175px;
  vertical-align: middle;
  display: inline-block
}

.products .result .photo img {
  max-height: 90%;
  vertical-align: middle
}

.products .result .photo img.addcompare {
  width: 20px;
  margin: 0 8px 0 0
}

.products .result .description {
  float: right;
  width: 74%
}

.products .result .description a {
  font-weight: 600
}

.products .result:last-child {
  border-bottom: none
}

.compare-added {
  opacity: .2;
  color: #646466 !important
}

.compare-added:hover {
  cursor: initial;
  text-decoration: none
}

.products.family #fbreadcrumb {
  background: #f2f2f2
}

.products #bullets {
  width: 100%;
  padding: 0 0 16px 0;
  float: left;
  clear: both
}

.products #bullets .leftfloat {
  padding: 0 20px 0 0
}

.products #bullets h1 {
  color: #3f4245;
  text-transform: none;
  font-weight: 800;
  font-size: 48px;
  line-height: 1em;
  text-align: left;
  margin: 0 0 8px 0
}

.products #bullets h1 span {
  position: relative;
  font-size: 55%;
  line-height: 0;
  vertical-align: baseline;
  top: -.6em
}

.products #bullets .leftfloat h2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2em;
  text-align: left;
  margin: 0 0 30px 0;
  padding: 0
}

.products #bullets .leftfloat ul {
  margin: 0 0 16px 0;
  padding: 0 0 0 1em
}

.products #bullets .leftfloat ul ul {
  margin-bottom: 0
}

.products #bullets .leftfloat ul li {
  margin: 0 0 5px 0
}

.products #bullets .leftfloat .btn-green {
  text-transform: uppercase;
  margin: 0 10px 10px 0
}

.products #bullets .rightfloat {
  float: right;
  padding: 0 0 0 20px 0
}

.products.model #imageholder, .products.family #imageholder {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 370px;
  margin: 0 0 20px 0;
  cursor: ne-resize;
  cursor: zoom-in;
  text-align: center;
  line-height: 370px
}

.products.model #imageholder img, .products.family #imageholder img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  height: auto
}

.products.model #imagegallery, .products.family #imagegallery {
  display: none
}

.products.model #imagerow, .products.family #imagerow {
  width: 100%;
  text-align: center;
  margin: 0 auto
}

.products.model #imagerow.seven, .products.family #imagerow.seven {
  width: 70%
}

.products.model #imagerow.eight, .products.family #imagerow.eight {
  width: 80%
}

.products.model #imagerow a, .products.family #imagerow a {
  border: 1px solid #f2f2f2;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  margin: 0 8px 16px 8px;
  line-height: 50px;
  text-align: center;
  opacity: 1;
  transition: all .2s ease-out
}

.products.model #imagerow a:hover, .products.family #imagerow a:hover {
  border: 1px solid #72bb4b
}

.products.model #imagerow img, .products.family #imagerow img {
  max-width: 90%;
  max-height: 80%;
  margin: auto;
  vertical-align: middle
}

.products.model #imagerow.preloading, .products.family #imagerow.preloading {
  background: url("//www.digi.com/images/loading.gif") center center no-repeat;
  background-size: 50px 50px
}

.products.model #imagerow.preloading a, .products.family #imagerow.preloading a {
  opacity: 0
}

.products.model #imagecta, .products.family #imagecta {
  text-align: center;
  margin: 0 0 20px 0
}

@media(max-width:767px) {
  .products.model #imageholder, .products.family #imageholder {
    height: 270px;
    margin: 0 0 20px 0;
    line-height: 270px
  }
  .products.model #imagerow.seven, .products.family #imagerow.seven {
    width: 100%
  }
}

@media(max-width:568px) {
  .products.model #imageholder, .products.family #imageholder {
    height: 200px;
    margin: 0 0 20px 0;
    line-height: 200px
  }
}

.products.model h1 {
  clear: both
}

.products.model #bullets {
  background: #fff;
  margin: 0 0 50px 0
}

.products.model .whatsinbox {
  margin: 40px 0 0 0;
  clear: left
}

.products.model #bullets h2 {
  margin-bottom: 30px
}

.products.model #bullets h2 span {
  font-size: 18px;
  line-height: 24px
}

.products.model #bullets .btn-green {
  margin-bottom: 10px
}

.products.model #bullets {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}

.products.model #linkedfamilies {
  padding: 8px 0;
  background: #e9ecef;
  font-size: 18px;
  text-transform: none;
  line-height: 1.3em
}

.products.model #linkedfamilies span::after {
  content: " | "
}

.products.model #linkedfamilies span:first-child {
  padding: 0 0 0 10px
}

.products.model #linkedfamilies span:last-child::after {
  content: ""
}

.products.model #modelwitb dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.products.model #modelwitb dt {
  color: #9b9b9b;
  width: 36%;
  text-align: right;
  margin: 0 2% 8px 0;
  padding: 0
}

.products.model #modelwitb dd {
  font-weight: 600;
  font-style: italic;
  width: 62%;
  margin: 0 0 8px 0;
  padding: 0
}

.products.model #modelwitb h3 {
  font-size: 18px;
  width: 100%;
  clear: both
}

.products #tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #717174;
  clear: both;
  float: left;
  margin: 0;
  padding: 25px 0 0 0;
  font-weight: 600
}

.products #tabs.sticktop {
  position: fixed;
  top: 0
}

.products #tabs a {
  border-bottom: none;
  color: #fff !important;
  display: inline-block;
  margin: 0;
  padding: 10px 25px 12px 25px;
  box-sizing: border-box;
  text-decoration: none
}

.products #tabs a.selected {
  position: relative;
  border-bottom: none;
  background: #fff;
  color: #3f4245 !important
}

.products #tabs a.selected:after {
  display: none;
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin: 0 0 -2px -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #fff transparent
}

.products #tabs a:hover {
  border-bottom: none;
  background: #fff;
  text-decoration: none;
  color: #3f4245 !important
}

.products #tabs a span.arrowdown {
  display: none
}

.products .tabssub {
  background: #fff;
  margin: 0 0 30px 0;
  text-align: center
}

.products .tabssub ul {
  margin: 0;
  padding: 0;
  width: 1200px;
  margin: 0 auto
}

.products .tabssub ul li {
  display: inline-block;
  padding: 0 30px 0 10px
}

.products .tabssub ul li a {
  text-transform: uppercase;
  color: #646466
}

.products .tabssub ul li a:hover {
  text-decoration: none;
  color: #72bb4b
}

.products .tab {
  transition: opacity .5s ease-out
}

.products .off {
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 !important
}

.products .socialsharing {
  margin: 0 0 10px 0
}

.products #content-overview .left {
  padding: 0 20px 70px 0;
  width: 70%
}

.products #content-overview .left h4 {
  margin: 30px 0 5px 0
}

.products #content-overview .left ul {
  margin-top: 0
}

.products #content-overview .left img {
  max-width: 100%
}

.products #content-overview .right {
  padding: 0 0 70px 40px;
  width: 30%
}

.products #content-overview .right span a {
  display: inline-block;
  width: 100%;
  margin: 0 0 12px 0;
  color: #3f4245
}

.products #content-overview .right span a:hover {
  color: #1f7fa5
}

.products #content-overview .right img {
  width: 45px;
  vertical-align: middle;
  margin: 0 8px 0 0
}

.products #content-overview .right h4 {
  margin: 30px 0 10px 0;
  font-size: 18px;
  line-height: 24px
}

.products #content-overview .section {
  width: 100%;
  padding: 70px 0;
  float: left;
  clear: both
}

.products #content-overview h5 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 30px 0 10px 0;
  font-weight: 600
}

.products #endorsement {
  background: #f2f2f2
}

.products #endorsement blockquote {
  position: relative;
  margin: 0;
  font-size: 30px;
  padding: 0 0 0 40px;
  font-weight: 400;
  line-height: 38px;
  color: #4f5454;
  margin-bottom: 10px;
  background: none
}

.products #endorsement blockquote:before {
  position: absolute;
  top: 0;
  content: "“";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 24px 5px 0 -30px;
  line-height: .1em
}

.products #endorsement blockquote:after {
  position: absolute;
  bottom: 0;
  content: "”";
  font-family: 'Arial', serif;
  color: #72bb4b;
  font-size: 78px;
  margin: 0 0 -20px 4px;
  line-height: .1em
}

.products #endorsement p {
  padding-left: 40px
}

.products .marketing .photo {
  width: 50%;
  padding: 0 40px 0 0;
  box-sizing: border-box;
  float: left
}

.products .marketing .photo img {
  width: 100%
}

.products #content-overview .section:nth-of-type(odd) .photo {
  float: right;
  padding: 0 0 0 40px
}

.products .marketing .description {
  width: 50%;
  padding: 6% 0 0 20px;
  box-sizing: border-box;
  float: left
}

.products .marketing.section #comparetable {
  margin: 40px 0 0 0
}

.products .marketing #comparetable .description {
  width: auto;
  float: none;
  padding: 0
}

.products .marketing #comparetable .compare-disclaimer {
  display: none
}

.products .marketing #comparetable .btn-small-green {
  display: none
}

.products .marketing #comparetable table tr:nth-of-type(2) {
  display: none
}

.products .marketing #comparetable table tr:nth-of-type(3) {
  border-top: 1px solid #d7d7d7
}

.products .marketing #comparetable table {
  table-layout: fixed;
  min-width: 100%
}

.products .marketing #compare-table {
  overflow: hidden;
  overflow-x: auto
}

#compare-table .table-compare ul {
  padding: 0 0 0 1em
}

.products .marketing h3 {
  text-align: center
}

.products .marketing .photovert {
  width: 25%;
  padding: 0 40px 0 0;
  margin: 0 0 0 8%;
  box-sizing: border-box;
  float: left
}

.products .marketing .photovert img {
  width: 100%
}

.products #content-overview .section:nth-of-type(odd) .photovert {
  float: right;
  padding: 0 0 0 40px;
  margin: 0 8% 0 0
}

.products .marketing .descriptionvert {
  width: 44%;
  padding: 6% 0 0 20px;
  margin: 0 7% 0 0;
  box-sizing: border-box;
  float: left
}

.products .marketing .descriptionvert h4 {
  color: #fff
}

.products #content-overview .marketing.photodescriptionvert .inside {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.products #content-overview .marketing.photodescriptionvert .inside .descriptionvert {
  padding-top: 0
}

.products #content-overview .marketing.photodescriptionvert .inside .descriptionvert h4 {
  color: #72bb4b
}

.products #content-overview .section:nth-of-type(odd) .descriptionvert {
  margin: 0 0 0 7%
}

.products #content-overview div.transportcomparegrid.marketing.section, .products #content-overview div.comparegrid.marketing.section {
  background: #fff
}

.products #content-overview div.section.xbee-ecosystem {
  background: #fff
}

.products #content-overview div.marketingtierflex .inside {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(1), .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(odd) {
  padding: 0 2% 0 0
}

.products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(2), .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(even) {
  padding: 0 0 0 2%
}

.products #content-overview div.marketingtierflex.pt-0 {
  padding-top: 0
}

.products #content-overview div.marketingtierwhite {
  background: #fff !important
}

.products #content-overview div.marketingsubtierflex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.products #content-overview div.marketingsubtierflex .coltwo:nth-of-type(1) {
  padding: 0 2% 0 0
}

.products #content-overview div.marketingsubtierflex .coltwo:nth-of-type(2) {
  padding: 0 0 0 2%
}

.products #content-overview div.marketingconnectsensorhowworks {
  background: #fff !important
}

.products #content-overview div.marketingconnectsensorhowworks .inside h3 {
  margin: 0 0 40px 0
}

.products #content-overview div.marketingconnectsensorhowworks .inside div.coltwo:nth-of-type(1) {
  padding: 0 2% 0 0
}

.products #content-overview div.marketingconnectsensorhowworks .inside div.coltwo:nth-of-type(2) {
  padding: 0 0 0 2%
}

.products #content-overview div.marketingconnectsensorhowworks .inside img {
  cursor: zoom-in
}

.products #content-overview div.marketingconnectwizard {
  background: #f2f2f2 !important
}

.products #content-overview div.marketingconnectwizard .inside h3 {
  margin: 0 0 40px 0
}

.products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(1) {
  width: 27.5%;
  padding: 0 2.5% 0 0
}

.products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(2) {
  width: 42%
}

.products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(3) {
  width: 27.5%;
  padding: 0 0 0 2.5%
}

.products #content-overview div.marketingwr31guide {
  color: #fff !important;
  background: #f2f2f2 url("//www.digi.com/images/cover-background-wr31-buyers-guide.jpg") center center no-repeat !important;
  background-size: cover
}

.products #content-overview div.marketingxbeesx {
  color: #fff !important;
  background: #f2f2f2 url("//www.digi.com/images/cover-background-xbeesx.jpg") center center no-repeat !important;
  background-size: cover
}

.products #content-overview div.marketingconnectsensor {
  color: #fff !important;
  background: #f2f2f2 url("/getattachment/products/cellular-solutions/cellular-gateways/digi-connect-sensor/background-techbrief.jpg") center center no-repeat !important;
  background-size: cover
}

.products #content-overview div.marketingconnectsensor .photovert {
  float: left !important;
  padding: 0 40px 0 0 !important;
  margin: 0 0 0 8% !important
}

.products #content-overview div.marketingwds {
  color: #fff !important;
  background: #c1c1c1 url("//www.digi.com/images/cover-background-wds.jpg") center center no-repeat !important;
  background-size: cover !important
}

.products #content-overview div.marketingwds .inside {
  margin-top: 0 !important
}

.products #content-overview div.marketingdynamicc {
  color: #fff !important;
  background: #c1c1c1 url("/images/cover-background-dynamicc.jpg") center center no-repeat !important;
  background-size: cover !important
}

.products #content-overview div.marketingdynamicc .inside {
  margin-top: 0 !important
}

.products #content-overview div.marketingltemigration {
  text-align: center;
  background: #646466 url("/digi/media/transport/migration-background.jpg") top center no-repeat;
  background-size: cover;
  color: #fff
}

.products #content-overview div.marketingltemigration h4 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 40px 0
}

.products #content-overview div.marketingltemigration p.biggie {
  padding: 0 10%;
  margin: 0 0 70px 0;
  display: block;
  box-sizing: border-box
}

.products #content-overview div.routerselector {
  text-align: center;
  background: #646466 url("/digi/media/transport/selector-background.jpg") center center no-repeat;
  background-size: cover;
  color: #fff
}

.products #content-overview div.routerselector h4 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 40px 0
}

.products #content-overview div.routerselector p.biggie {
  width: 80%;
  padding: 0 10%;
  margin: 0 0 70px 0
}

.products #content-overview div.remotemanagerpromo {
  text-align: center;
  background: #646466 url("/images/remote-manager-promo-background.jpg") top center no-repeat;
  background-size: cover;
  color: #fff
}

.products #content-overview div.remotemanagerpromo h4 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 40px 0
}

.products #content-overview div.remotemanagerpromo p.biggie {
  padding: 0 10%;
  margin: 0 0 70px 0;
  display: block;
  box-sizing: border-box
}

.products #content-overview div .triangle {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.products #content-overview div .triangle .descriptiontriangle {
  width: 50%;
  font-size: 20px;
  padding: 0 6%
}

.products #content-overview div .triangle .descriptiontriangle strong {
  font-size: 28px;
  line-height: 1.2em;
  margin-bottom: 10px;
  display: inline-block
}

.products #content-overview div .triangle .buttontriangle {
  width: 50%;
  text-align: center;
  padding: 0 6%
}

.products #content-overview div.cc6ul h3 {
  margin: 0 0 40px 0
}

.products #content-overview div.cc6ul h5 {
  font-size: 1.1em !important
}

.products #content-overview div.cc6ul .colvert .coltwo {
  padding: 0 2%
}

.products #content-overview div.cc6ul.smtplus img {
  margin: 0 0 30px 0
}

.products #content-overview div.cc6ulcenter {
  text-align: center
}

.products #content-overview div.cc6ulcenter h3 {
  margin: 0 0 40px 0
}

.products #content-overview div.fastest .tierflextop .colthree {
  text-align: center;
  padding: 0 1.5%
}

.products #content-overview div.fastest .tierflextop .colthree h5 {
  font-weight: 600;
  color: #72bb4b;
  text-transform: uppercase;
  font-size: 18px
}

.products #content-overview div.fastest .tierflextop .colthree img {
  width: 144px
}

.products #content-overview div.fastest .cta-centered {
  padding: 50px 0 0 0
}

.products #content-overview div.xctu {
  font-size: 20px
}

.products #content-overview div.xctu h4 {
  font-size: 24px
}

.products #content-overview div.xctu li {
  list-style-image: url("/digi/media/marketing/checkmark.png");
  font-weight: 300;
  margin: 10px 0
}

.products #content-overview div.developeraccount {
  color: #fff;
  font-size: 20px;
  position: relative;
  height: 500px;
  margin: 35px 0
}

.products #content-overview div.developeraccount .background {
  position: absolute;
  top: 50px;
  bottom: 50px;
  width: 100%;
  left: 0;
  right: 0;
  background: #72bb4b;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.products #content-overview div.developeraccount img {
  position: absolute;
  top: 0;
  right: 53%;
  height: 500px;
  z-index: 2
}

.products #content-overview div.developeraccount h4 {
  color: #fff;
  font-size: 24px
}

.products #content-overview div.developeraccount ul {
  margin: 16px 0 30px 0
}

.products #content-overview div.developeraccount ul li {
  list-style-image: url("/digi/media/marketing/devaccount-checkmark.png");
  font-weight: 300;
  margin: 10px 0
}

.products #content-overview div.drmmobile {
  color: #3f4245;
  font-size: 20px;
  position: relative;
  padding: 0;
  background: #fff;
  background: linear-gradient(to bottom, #fff 11%, #91d46c 11%, #91d46c 89%, #fff 89%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.products #content-overview div.drmmobile .inside {
  display: flex;
  align-items: center;
  flex-direction: row
}

.products #content-overview div.drmmobile .coltwo {
  padding: 0 1%
}

.products #content-overview div.drmmobile img.featured {
  position: absolute;
  top: 0;
  right: 53%;
  height: 500px;
  z-index: 2
}

.products #content-overview div.drmmobile h4 {
  color: #3f4245;
  font-size: 24px
}

.products #content-overview div.drmmobile ul {
  margin: 16px 0 30px 0
}

.products #content-overview div.drmmobile ul li {
  list-style-image: url("/digi/media/marketing/devaccount-checkmark.png");
  font-weight: 300;
  margin: 10px 0
}

.products #content-overview div.ptc {
  font-size: 22px;
  color: #fff;
  background: #646466 url("/digi/media/ptc/ptc-background-whitepaper.jpg") center center no-repeat;
  background-size: cover
}

.products #content-overview div.ptc .inside {
  display: flex;
  align-items: center;
  max-width: 960px
}

.products #content-overview div.ptc .inside div {
  padding: 0 15px
}

.products #content-overview div.ptc img {
  width: 380px
}

.products #content-overview div.ptc h4 {
  color: #fff;
  font-size: 28px;
  margin: 0 0 22px 0;
  text-align: left
}

.products #content-overview div.ptc h3 {
  color: #fff;
  font-size: 42px;
  margin: 0 0 22px 0;
  text-align: left;
  line-height: 1em
}

.products #content-overview div.ptc p {
  margin: 0 0 34px 0
}

.products #content-overview div.smart-transportation {
  font-size: 22px;
  color: #fff;
  background: #646466 url("/digi/media/smart-transportation/st-background-whitepaper.jpg") center center no-repeat;
  background-size: cover
}

.products #content-overview div.smart-transportation .inside {
  display: flex;
  align-items: center;
  max-width: 960px
}

.products #content-overview div.smart-transportation .inside div {
  padding: 0 15px
}

.products #content-overview div.smart-transportation img {
  width: 380px
}

.products #content-overview div.smart-transportation h4 {
  color: #fff;
  font-size: 28px;
  margin: 0 0 22px 0;
  text-align: left
}

.products #content-overview div.smart-transportation h3 {
  color: #fff;
  font-size: 42px;
  margin: 0 0 22px 0;
  text-align: left;
  line-height: 1em
}

.products #content-overview div.smart-transportation p {
  margin: 0 0 34px 0
}

.products #content-overview div.marketingltemigration2 {
  background: #646466 url("/digi/media/transport/migration-background2.jpg") top center no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 20px
}

.products #content-overview div.marketingltemigration2 .inside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.products #content-overview div.marketingltemigration2 .inside h4 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 8px 0;
  line-height: 1.3em
}

.products #content-overview div.marketingltemigration2 .inside div:nth-of-type(1) {
  width: 38%
}

.products #content-overview div.marketingltemigration2 .inside div:nth-of-type(1) img {
  width: 60%;
  margin: 0 20%
}

.products #content-overview div.marketingltemigration2 .inside div:nth-of-type(2) {
  width: 63%
}

.products #content-overview div.marketingltemigration3 {
  background: #646466 url("/images/badge-background.png") top center no-repeat;
  background-size: cover;
  font-size: 20px;
  color: #3f4245;
  background-color: #fff;
  background-position: bottom right
}

.products #content-overview div.marketingltemigration3 .inside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.products #content-overview div.marketingltemigration3 .inside h4 {
  color: #3f4245;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 8px 0;
  line-height: 1.3em
}

.products #content-overview div.marketingltemigration3 .inside div:nth-of-type(1) {
  width: 38%
}

.products #content-overview div.marketingltemigration3 .inside div:nth-of-type(1) img {
  width: 60%;
  margin: 0 20%
}

.products #content-overview div.marketingltemigration3 .inside div:nth-of-type(2) {
  width: 63%
}

.products #content-overview div.xbeetools {
  background: #646466 url("/images/marketing/ribbon-xbee-tools-background.png") top center no-repeat;
  background-size: cover;
  font-size: 20px;
  color: #fff;
  background-position: bottom right
}

.products #content-overview div.xbeetools .inside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.products #content-overview div.xbeetools .inside h2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #fff;
  text-align: left;
  margin: 0 0 16px 0
}

.products #content-overview div.xbeetools .inside h3 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #fff;
  text-align: left;
  margin: 0 0 16px 0;
  text-transform: none
}

.products #content-overview div.xbeetools .inside div:nth-of-type(1) {
  width: 38%
}

.products #content-overview div.xbeetools .inside div:nth-of-type(2) {
  width: 63%
}

.ribbon-type-ltemigration {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover
}

@media(max-width:1200px) {
  .products #content-overview div.drmmobile {
    padding: 30px 0;
    background: #91d46c
  }
}

@media(max-width:959px) {
  .products #content-overview div.xctu {
    font-size: 18px
  }
  .products #content-overview div.xctu h4 {
    font-size: 20px
  }
  .products #content-overview div.developeraccount, .products #content-overview div.drmmobile {
    font-size: 18px
  }
  .products #content-overview div.developeraccount img, .products #content-overview div.drmmobile img {
    right: 63%
  }
  .products #content-overview div.developeraccount .coltwo:nth-of-type(1), .products #content-overview div.drmmobile .coltwo:nth-of-type(1) {
    width: 40%
  }
  .products #content-overview div.developeraccount .coltwo:nth-of-type(2), .products #content-overview div.drmmobile .coltwo:nth-of-type(2) {
    width: 60%
  }
  .products #content-overview div.developeraccount h4, .products #content-overview div.drmmobile h4 {
    font-size: 20px
  }
}

@media(max-width:767px) {
  .products #content-overview div.xctu {
    font-size: 16px
  }
  .products #content-overview div.xctu h4 {
    font-size: 18px
  }
  .products #content-overview div.developeraccount {
    font-size: 16px;
    position: static;
    height: auto;
    background: #72bb4b
  }
  .products #content-overview div.developeraccount .background {
    position: static;
    background: none
  }
  .products #content-overview div.developeraccount img {
    position: static;
    height: auto
  }
  .products #content-overview div.developeraccount .coltwo:nth-of-type(1) {
    display: none
  }
  .products #content-overview div.developeraccount .coltwo:nth-of-type(2) {
    width: 90%;
    margin: 0 5%
  }
  .products #content-overview div.developeraccount h4 {
    font-size: 18px
  }
  .products #content-overview div.drmmobile {
    font-size: 16px;
    position: static;
    height: auto;
    background: #91d46c
  }
  .products #content-overview div.drmmobile .inside {
    flex-direction: column
  }
  .products #content-overview div.drmmobile .coltwo {
    width: 100% !important;
    padding: 0
  }
  .products #content-overview div.drmmobile .coltwo img {
    max-width: 200px
  }
  .products #content-overview div.drmmobile h4 {
    font-size: 18px
  }
  .products #content-overview div.ptc, .products #content-overview div.smart-transportation {
    font-size: 16px
  }
  .products #content-overview div.ptc h4, .products #content-overview div.smart-transportation h4 {
    font-size: 18px;
    margin: 0 0 11px 0
  }
  .products #content-overview div.ptc h3, .products #content-overview div.smart-transportation h3 {
    font-size: 22px;
    margin: 0 0 11px 0
  }
  .products #content-overview div.ptc p, .products #content-overview div.smart-transportation p {
    margin: 0 0 15px 0
  }
  .products #content-overview div.marketingltemigration2 .inside, .products #content-overview div.marketingltemigration3 .inside, .products #content-overview div.xbeetools .inside, .products #content-overview div.marketingretail .inside {
    align-items: flex-start
  }
  .products #content-overview div.xbeetools h2 {
    font-size: 26px
  }
  .products #content-overview div.xbeetools h3 {
    font-size: 24px
  }
}

@media(max-width:568px) {
  .products #content-overview div.ptc .inside, .products #content-overview div.smart-transportation .inside {
    flex-direction: column;
    align-items: flex-start
  }
  .products #content-overview div.ptc .inside div:nth-of-type(1), .products #content-overview div.smart-transportation .inside div:nth-of-type(1) {
    order: 2
  }
  .products #content-overview div.ptc .inside div:nth-of-type(2), .products #content-overview div.smart-transportation .inside div:nth-of-type(2) {
    order: 1;
    width: 50%
  }
  .products #content-overview div.marketingltemigration2 .inside, .products #content-overview div.marketingltemigration3 .inside, .products #content-overview div.xbeetools .inside, .products #content-overview div.marketingretail .inside {
    flex-direction: column
  }
  .products #content-overview div.marketingltemigration2 .inside div:nth-of-type(1), .products #content-overview div.marketingltemigration3 .inside div:nth-of-type(1), .products #content-overview div.xbeetools .inside div:nth-of-type(1), .products #content-overview div.marketingretail .inside div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .products #content-overview div.marketingltemigration2 .inside div:nth-of-type(1) img, .products #content-overview div.marketingltemigration3 .inside div:nth-of-type(1) img, .products #content-overview div.xbeetools .inside div:nth-of-type(1) img, .products #content-overview div.marketingretail .inside div:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  .products #content-overview div.marketingltemigration2 .inside div:nth-of-type(2), .products #content-overview div.marketingltemigration3 .inside div:nth-of-type(2), .products #content-overview div.xbeetools .inside div:nth-of-type(2), .products #content-overview div.marketingretail .inside div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
}

img.cc6ullogos {
  width: 94%;
  margin: 30px 0 0 0;
  padding: 0 3%
}

.products #content-overview #related h2, .products #content-overview #related-products h2 {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.75em;
  margin-bottom: 40px
}

.products #content-overview #related {
  width: 100%;
  float: left;
  clear: both;
  padding: 70px 0
}

.products #content-overview #related .item, .products #content-resources .resource-section .item {
  width: 25%;
  padding: 0 1%;
  margin-bottom: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  box-sizing: border-box
}

.products #content-overview #related .item img, .products #content-resources .resource-section .item img {
  width: 100%
}

.products #content-overview #related .item img.vertical, .products #content-resources .resource-section .item img.vertical {
  width: 75%
}

.products #content-overview #related .item a span, .products #content-resources .resource-section .item a span {
  display: block;
  width: 100%;
  height: 44px;
  overflow: hidden;
  position: relative
}

.products #content-overview #related .item a span:after, .products #content-resources .resource-section .item a span:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%)
}

.products #content-overview #related .item+.item+.item+.item+.item {
  display: none
}

.products #content-overview .hr-960 {
  clear: both;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: none;
  color: #f2f2f2;
  background-color: #f2f2f2;
  border: none;
  height: 1px
}

.products #content-overview #related+.hr-960, .products #content-overview .inside+.hr-960, .products #content-overview #endorsement+.marketing+.hr-960 {
  display: block
}

.products #content-overview #related-products {
  width: 100%;
  float: left;
  clear: both;
  padding: 70px 0 40px 0;
  text-align: center
}

.products #content-overview #related-products .five .item {
  margin: 0 1px 30px 1px
}

.products #content-overview #related-products .item {
  width: 25%;
  padding: 0 1%;
  margin-bottom: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  box-sizing: border-box
}

.products #content-overview #related-products .item a span.photo {
  width: 150px;
  height: 150px;
  margin: 0 0 10px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block
}

.products #content-overview #related-products .item a span.text {
  display: block;
  width: 100%;
  height: 44px;
  overflow: hidden;
  position: relative
}

.products #content-overview #related-products .item a span.text:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 22px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%)
}

.products #content-partnumbers h3 {
  margin-bottom: 30px
}

.products #content-partnumbers table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 70px 0;
  clear: both
}

.products #content-partnumbers table td, #content-partnumbers table th {
  text-align: left;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box
}

.products #content-partnumbers table thead th {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  padding: 0 0 10px 0
}

.products #content-partnumbers table.pn-space tr.heading td {
  padding-top: 70px
}

.products #content-partnumbers table td {
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7
}

.products #content-partnumbers table td.image {
  width: 10%;
  height: 100px;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle
}

.products #content-partnumbers table td.image a {
  display: inline-block;
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px
}

.products #content-partnumbers table td.image img {
  max-width: 100px;
  max-height: 100%;
  margin: auto;
  vertical-align: middle
}

.products #content-partnumbers table td.description {
  padding-left: 20px
}

.products #content-partnumbers table thead th.partnumber {
  width: 25%;
  padding: 0 5% 10px 5%
}

.products #content-partnumbers table td.partnumber {
  width: 25%;
  padding: 0 5%
}

.products #content-partnumbers table td.spacer {
  width: 10%
}

.products #content-partnumbers table thead th.action {
  width: 15%
}

.products #content-partnumbers .btn-small-green {
  white-space: nowrap
}

.products #content-partnumbers td ul {
  margin-bottom: 0;
  margin-top: 0
}

.products #content-partnumbers td ul li {
  list-style-type: square
}

.products .tab {
  width: 100%;
  clear: both;
  float: left
}

.products .tab .inside {
  margin-top: 50px !important
}

.products .tab .section .inside {
  margin-top: 0 !important
}

.products #featureschart table {
  background: #fff
}

.products #content-specifications {
  padding: 0 0 70px 0
}

.products #content-faq .expandingboxes {
  margin: 0 0 55px 0;
  width: 100%
}

.products #content-specifications table, .products #featureschart table {
  table-layout: fixed;
  border-collapse: collapse;
  padding: 0;
  margin: 0 0 20px 0;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  box-sizing: border-box
}

.products #content-specifications table td, .products #featureschart table td, #content-specifications table th, .products #featureschart table th {
  padding: 1em;
  margin: 0;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box
}

.products .specshead {
  background: #4f5454;
  color: #fff;
  font-weight: 700
}

.products .specshead a.white:hover {
  color: #fff
}

.products .specssubheader {
  background: #edf6e7;
  font-weight: 600
}

.products .specssubhead {
  background: #eaeaeb;
  font-weight: 600
}

.products #specs .specsside, .products .specs .specsside {
  background: #f8f8f8;
  width: 24%
}

.products #specs hr {
  border: none;
  border-top: 1px solid #f2f2f2;
  clear: both;
  width: 100%;
  margin: 10px 0
}

.products .specshead:nth-of-type(1) {
  width: 24%
}

.products .cable-cross-ref {
  padding: 70px 0 0 0
}

.products .cable-cross-ref .btn-small-green+br+.btn-small-green {
  margin-top: 10px
}

.products .cable-cross-ref table {
  margin: 20px 0 0 0 !important;
  table-layout: auto
}

.products .cable-cross-ref table tr td:nth-of-type(1), .products .cable-cross-ref table tr th:nth-of-type(1), .products .cable-cross-ref table tr td:nth-of-type(2), .products .cable-cross-ref table tr th:nth-of-type(2), .products .cable-cross-ref table tr td:nth-of-type(3), .products .cable-cross-ref table tr th:nth-of-type(3) {
  width: 8%
}

.cable-cross-ref td span {
  display: inline-block;
  padding: 6px 0
}

.cable-cross-ref td span+br+span {
  margin-top: 10px
}

.products .cable-cross-ref table tr td:nth-of-type(4), .products .cable-cross-ref table tr th:nth-of-type(4) {
  width: 22%
}

.products .cable-cross-ref table tr td:nth-of-type(5), .products .cable-cross-ref table tr th:nth-of-type(5), .products .cable-cross-ref table tr td:nth-of-type(6), .products .cable-cross-ref table tr th:nth-of-type(6), .products .cable-cross-ref table tr td:nth-of-type(7), .products .cable-cross-ref table tr th:nth-of-type(7), .products .cable-cross-ref table tr td:nth-of-type(8), .products .cable-cross-ref table tr th:nth-of-type(8) {
  width: 13%
}

.products #content-resources #videos, .products #content-resources #featured-resources {
  text-align: left
}

.products #content-resources .resource-section, .products #content-productsupport .resource-section {
  padding: 0 0 70px 0;
  width: 100%;
  clear: both;
  float: left
}

.products #content-resources .resource-section h2, .products #content-productsupport .resource-section h2 {
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.75em;
  margin-bottom: 40px;
  text-align: center
}

.products #content-resources .resource-section h4, .products #content-resources .resource-section .dochead h4, .products #content-productsupport .resource-section .dochead h4, h4.supportsubcat, .products #content-productsupport .resource-section .dochead b, .products #content-productsupport .resource-section .expandeddiv>b, .products #content-productsupport .resource-section .expandeddiv h4 {
  color: #72bb4b;
  font-weight: 300 !important;
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  display: inline-block;
  clear: both
}

h4.supportsubcat {
  display: block
}

.products #content-resources #customers img {
  max-width: 170px;
  border: 1px solid #d7d7d7
}

.products #content-resources #support.resource-section select, .products #content-resources #support.resource-section .btn-green {
  margin-bottom: 30px
}

.products #content-resources .product-resource-filter, .products #content-resources .partnumber-resource-filter, .products #content-partnumbers .product-resource-filter, .products #content-partnumbers .partnumber-resource-filter {
  margin: 0 0 30px 0;
  text-align: center
}

.products #content-resources .product-resource-filter a, .products #content-resources .partnumber-resource-filter a, .products #content-partnumbers .product-resource-filter a, .products #content-partnumbers .partnumber-resource-filter a {
  display: inline-block;
  margin: 0 20px 10px 0;
  text-transform: uppercase;
  color: #646466
}

.products #content-resources .product-resource-filter a span, .products #content-resources .partnumber-resource-filter a span, .products #content-partnumbers .product-resource-filter a span, .products #content-partnumbers .partnumber-resource-filter a span {
  display: inline-block;
  vertical-align: middle;
  font-size: .9em;
  line-height: 1em;
  padding: 4px 9px;
  margin: 0 5px 0 0;
  border-radius: 5px;
  background: #646466;
  color: #fff
}

.products #content-resources .product-resource-filter a.selected, .products #content-resources .partnumber-resource-filter a.selected, .products #content-partnumbers .product-resource-filter a.selected, .products #content-partnumbers .partnumber-resource-filter a.selected {
  color: #72bb4b
}

.products #content-resources .product-resource-filter a.selected span, .products #content-resources .partnumber-resource-filter a.selected span, .products #content-partnumbers .product-resource-filter a.selected span, .products #content-partnumbers .partnumber-resource-filter a.selected span {
  background: #72bb4b
}

.products #content-resources .product-resource-filter a:hover, .products #content-resources .partnumber-resource-filter a:hover, .products #content-partnumbers .product-resource-filter a:hover, .products #content-partnumbers .partnumber-resource-filter a:hover {
  color: #72bb4b;
  text-decoration: none
}

.products #content-resources .product-resource-filter a:hover span, .products #content-resources .partnumber-resource-filter a:hover span, .products #content-partnumbers .product-resource-filter a:hover span, .products #content-partnumbers .partnumber-resource-filter a:hover span {
  background: #72bb4b
}

.products .cta {
  width: 100%;
  float: left;
  text-align: center;
  padding: 30px 0
}

.products #recent, .products #recent {
  background: #f2f2f2;
  float: left;
  width: 100%;
  clear: both;
  padding: 50px 0;
  text-align: center
}

.products #recent .twocol, .products #recent .twocol {
  float: none;
  display: inline-block;
  vertical-align: top
}

.products #recent .fourcol, .products #recent .fourcol {
  padding: 0 5px;
  margin: 0 0 20px 0;
  font-size: 11px;
  line-height: 18px;
  display: inline-block;
  float: none;
  vertical-align: top
}

.products #recent h3, .products #recent h3 {
  margin-bottom: 20px;
  font-size: 1.25em
}

.products #recent span, .products #recent span {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #fff;
  line-height: 80px;
  margin-bottom: 5px;
  border: 1px solid #fff;
  transition: .2s
}

.products #recent a:hover span, .products #recent a:hover span {
  border: 1px solid #00b7ff
}

.products #recent img, .products #recent img {
  max-width: 80px;
  max-height: 80%;
  vertical-align: middle
}

.products #recent .twocol:first-child+.twocol, .products #recent .twocol:first-child+.twocol {
  border-left: 1px solid #fff
}

.products #recent {
  display: none !important
}

.products.comparison table {
  padding: 0;
  margin: 0;
  border: none;
  border-collapse: collapse
}

.products.comparison table tr.description td span {
  display: inline-block;
  width: 100%;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  line-height: 150px;
  margin: 0 0 10px 0
}

.products.comparison table td img {
  max-width: 150px;
  max-height: 90%;
  vertical-align: middle
}

.products.comparison table td {
  padding: 10px;
  width: 20%;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  vertical-align: top
}

.products.comparison table td.label {
  background: #f2f2f2;
  border-left: 1px solid #d7d7d7
}

.products.comparison table td.blank {
  border-top: none !important
}

.products.comparison table tr.description td {
  vertical-align: top;
  border-bottom: none;
  position: relative;
  border-top: 1px solid #d7d7d7;
  padding-top: 30px
}

.products.comparison table tr.description td .btn-small-green {
  position: absolute;
  top: 5px;
  right: 5px
}

.products.comparison table td h2 {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 10px 0
}

.products.comparison .compare-disclaimer {
  padding-top: 50px
}

.products .rowoficons {
  clear: both;
  width: 100%;
  padding-top: 20px;
  text-align: center
}

.products .rowoficons img {
  width: 20%
}

.products #pnfilters {
  padding: 0 0 30px 0;
  float: left;
  width: 100%
}

.products #pnfilters .threecol {
  padding: 0
}

.products #pnfilters .threecol:nth-of-type(2) {
  padding: 0 1%
}

.products #pnfilters h3 {
  font-weight: 300;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 0 0 20px 0
}

.products #pnfilters li, .products #pnfilters ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.products #pnfilters li {
  margin: 0 0 4px 0
}

.products #responsivefilter.responsiveonly {
  display: none
}

.products.model .how-to-buy {
  margin-bottom: 70px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d7d7d7
}

.products.model .how-to-buy .distitable, #how-to-buy .distitable {
  width: 100%;
  box-sizing: border-box
}

.products.model .how-to-buy .distitable td, #how-to-buy .distitable th {
  padding: 5px 5px 5px 0;
  text-align: left;
  margin: 0;
  box-sizing: border-box
}

.products.model .how-to-buy .distitable th, #how-to-buy .distitable th {
  vertical-align: top;
  text-align: left;
  font-weight: 300;
  text-transform: uppercase
}

.products.model .how-to-buy .distitable th:last-of-type, #how-to-buy .distitable th:last-of-type {
  width: 110px;
  padding-right: 0
}

.products.model .how-to-buy .distitable td.qty, #how-to-buy .distitable td.qty {
  width: 40px
}

.products.model .how-to-buy .distitableheader, #how-to-buy .distitableheader {
  padding: 4px 0;
  width: 100%;
  clear: both;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
  box-sizing: border-box
}

#ArrowResults {
  margin: 0 0 50px 0
}

.products.model .how-to-buy hr {
  width: 70%;
  clear: both;
  margin: 30px auto;
  color: #fff;
  background-color: #fff;
  border: none;
  height: 1px
}

.products.model #buyonline {
  clear: both
}

.products.model .strandsRecs {
  display: none !important
}

.products.model .linkswithicons {
  padding: 20px 0 0 0
}

.products.model .linkswithicons a {
  color: #3f4245
}

.products.model .linkswithicons a:hover {
  color: #1f7fa5
}

.products.generic h1 {
  margin-bottom: 30px
}

.products.generic h2 {
  margin: 0 auto
}

.products.generic #tierwithnav {
  padding-top: 50px;
  clear: both
}

a.subbutton {
  padding: 5px;
  display: inline-block;
  margin: 0 10px 0 0
}

.products.model #bullets {
  margin: 0;
  padding-top: 0
}

.products.model #bullets a.button {
  margin: 0 0 15px 0
}

.products.model #bullets a.buttonexternal:after {
  content: url("/images/arrow-external-white-small.png");
  margin: 0 0 0 6px
}

.model #content-partnumbers h3 {
  margin: 20px 0 30px 0
}

.model .buyonline {
  background: #eef0f0;
  float: left;
  clear: both;
  width: 100%;
  padding: 70px 0;
  margin: 0 0 50px 0;
  position: relative
}

.model .buyonline table {
  width: 100%;
  border-collapse: collapse
}

.model .buyonline table td, .model .buyonline table th {
  padding: 25px 5px;
  border-bottom: 1px solid #d7d7d7
}

.products #content-partnumbers table tr td:last-child, .products #content-partnumbers table tr th:last-child {
  width: 10%
}

.model .buyonline table tr td:last-child, .model .buyonline table tr th:last-child {
  width: 10%
}

.model .buyonline table tr th {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 18px;
  text-align: left;
  border-bottom: none
}

.model .buyonline table tr .partnumber {
  width: 25%;
  padding: 25px 5%
}

.model .buyonline .inside>hr {
  display: none
}

.model .buyonline .inside .distitable+hr {
  width: 100%;
  clear: both;
  margin: 30px auto;
  color: #f2f2f2;
  background-color: #f2f2f2;
  border: none;
  height: 1px;
  display: block
}

.model .buyonline .btn-small-green {
  white-space: nowrap
}

.model .buyoptions {
  margin: 0;
  float: left;
  width: 100%
}

.model table+.buyoptions {
  margin: 90px 8% 0 8%;
  float: left;
  width: 84%
}

.model .buyoptions .option {
  float: left;
  width: 33.33%;
  padding: 0 1.5%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.model .buyoptions .option div.image {
  width: 30%;
  padding: 0 15px 0 0
}

.model .buyoptions .option div.text {
  width: 70%
}

.products a .a2a_svg {
  border-radius: none !important
}

.promo {
  color: #fff;
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3em;
  margin: 50px 0 0 0
}

.promo a {
  color: #fff;
  display: block;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.promo a:hover {
  text-decoration: none
}

.promo a:hover .righ {
  background: #00b7ff
}

.promo a .lef {
  width: 75%;
  padding: 12px 65px 12px 3%;
  background: #646466;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box
}

.promo a .lef strong {
  margin-right: 2%
}

.promo a .righ {
  transition: all .1s linear;
  width: 25%;
  padding: 12px 3% 12px 65px;
  background: #72bb4b;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center;
  text-align: center
}

.promo a .righ img {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -44px 0 0 -62px;
  width: 125px
}

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 320px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #3f4245
}

.ui-widget-content {
  border: 1px solid #3f4245;
  background: #3f4245;
  color: #fff
}

.ui-widget-content a {
  color: #fff
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold
}

.ui-widget-header a {
  color: #333
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666
}

.modeltable {
  border-collapse: collapse;
  width: 100%;
  border-right: 1px solid #cfd5d3;
  border-bottom: 1px solid #cfd5d3
}

.modeltable td, .modeltable th {
  border-left: 1px solid #cfd5d3;
  border-top: 1px solid #cfd5d3;
  padding: 5px 15px;
  width: 33.33%;
  text-align: left
}

.modeltable th {
  background: #646466;
  color: #fff
}

.prdtag .utilities {
  padding: 30px 0 !important
}

@media(max-width:960px) {
  .products .result {
    width: 100%;
    padding: 10px 0;
    margin: 10px 0
  }
  .products .result:nth-of-type(odd) {
    padding-right: 0
  }
  .products .result:nth-of-type(even) {
    padding-left: 0
  }
}

html[data-useragent*='rv:11.0'] .products .result .photo img, html[data-useragent*='MSIE 10.0'] .products .result .photo img {
  width: 100%
}

.row-of-logos {
  width: 100%
}

.row-of-logos-alt {
  align-items: center;
  clear: both;
  padding: 8px 0
}

.row-of-logos-alt.mt-neg {
  margin-top: -30px
}

.electronica #subbanner .text {
  color: #646466
}

.electronica h4 .digigreen {
  font-weight: 600
}

.electronica .tierflextop {
  margin: 0 0 45px 0
}

.electronica .tierflextop .colthree {
  border: 1px solid #cfd5d3;
  text-align: center;
  margin: 0 .5% 30px .5%;
  width: 32%;
  padding: 20px 8px
}

.electronica .tierflextop .colthree .product {
  width: 80%;
  margin: 0 10% 20px 10%
}

.electronica .tierflextop .colthree .heading {
  font-size: 24px;
  line-height: 1.2em;
  display: block;
  margin: 0 0 10px 0
}

.electronica .tierflextop .colthree .partnumber {
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 20px 0
}

.electronica .tierflextop .colthree .price {
  font-size: 55px;
  display: block;
  margin: 0 0 5px 0
}

.electronica .tierflextop .colthree .price span.dollar {
  font-size: 35px;
  position: relative;
  vertical-align: baseline;
  top: -.15em
}

.electronica .tierflextop .colthree .price span {
  font-size: 20px;
  text-transform: uppercase
}

.electronica .tierflextop .colthree .subhead {
  display: block;
  font-size: 20px;
  color: #72bb4b;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  font-weight: 600
}

.electronica .tierflextop .colthree .logos img {
  height: 35px;
  margin: 0 4px;
  position: relative;
  transition: all .1s linear
}

.electronica .tierflextop .colthree a {
  display: inline-block;
  box-sizing: border-box
}

.electronica .tierflextop .colthree a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1)
}

.carrier #subbanner {
  margin-bottom: 0
}

.carrier #subbanner img.logo {
  max-width: 300px;
  width: 100%
}

.carrier #subbanner img.logo.att {
  max-height: 90px;
  width: auto
}

.carrier #subbanner img.logo.vodafone {
  max-height: 140px;
  width: auto
}

.carrier .equalheight {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.carrier .equalheight div {
  padding: 0 3% 20px 3%;
  margin-bottom: 20px;
  border-bottom: 1px solid #f2f2f2
}

.carrier .equalheight .imageholder {
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 10%;
  height: 270px;
  margin: 20px 0;
  text-align: center;
  line-height: 270px
}

.carrier .equalheight .imageholder img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  height: auto
}

.carrier .equalheight a.link {
  color: #646466
}

.carrier .equalheight a.link:hover {
  text-decoration: none
}

.carrier .equalheight .heading {
  display: block;
  width: 100%;
  color: #72bb4b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.25em
}

.carrier .equalheight .heading:after {
  content: url("//www.digi.com/images/arrow-right-green-offers.png");
  margin: 0 0 0 5px
}

.carrier .equalheight a.link:hover .heading {
  color: #00b7ff
}

.carrier .equalheight a.link:hover .heading:after {
  content: url("//www.digi.com/images/arrow-right-blue-offers.png");
  margin: 0 0 0 5px
}

.carrier .equalheight ul {
  margin-left: 0;
  padding-left: 1.2em
}

.carrier .tier h1 {
  margin-top: 0
}

.carrier .cta {
  text-align: center;
  margin: 0 8% 30px 8%;
  width: 84%
}

.carrier .cta .coltwo {
  padding: 0 5%
}

.carrier .cta .button {
  margin: 20px 0 0 0
}

.trustfence #subbanner .text {
  width: 61%
}

.trustfence #subbanner .text span.sup {
  display: inline;
  position: relative;
  font-size: 55%;
  line-height: 0;
  vertical-align: baseline;
  top: -.6em
}

.trustfence #security.tier {
  padding: 0 0 30px 0
}

.trustfence #security.tier h2 {
  margin: 0 0 10px 0
}

.trustfence #security.tier h4.subheading {
  width: 100%;
  padding: 0
}

.trustfence #bestpractices {
  padding-bottom: 25px;
  position: relative
}

.trustfence #bestpractices:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -60px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #f2f2f2 transparent transparent
}

.trustfence #bestpractices .item {
  -ms-flex-line-pack: flex-start;
  align-items: flex-start
}

.trustfence #bestpractices .item div {
  -ms-flex-line-pack: flex-start;
  align-items: flex-start
}

.trustfence #medical {
  color: #fff;
  background: url("/getattachment/resources/standards-and-technologies/trustfence/background-medical.jpg") center center no-repeat;
  background-size: cover
}

.trustfence #medical .coltwo {
  padding: 5%
}

.trustfence #medical h4 {
  color: #fff;
  font-size: 27px;
  margin: 0 0 8px 0
}

.trustfence #medical em {
  font-size: 21px;
  line-height: 26px;
  font-weight: 300
}

.trustfence #medical img {
  width: 80%
}

.trustfence #solutions {
  padding-bottom: 0
}

.trustfence #solutions .colfive {
  text-align: center;
  padding: 0 2%;
  margin: 0 0 20px 0
}

.trustfence #solutions .colfive img {
  margin: 0 0 16px 0
}

.trustfence .marketingwds {
  color: #fff !important;
  background: #c1c1c1 url("//www.digi.com/images/cover-background-wds.jpg") center center no-repeat !important;
  background-size: cover !important
}

.trustfence .marketingwds .inside {
  margin-top: 0 !important
}

.trustfence .marketingwds .triangle {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.trustfence .marketingwds .triangle .descriptiontriangle {
  width: 50%;
  font-size: 20px;
  padding: 0 5%
}

.trustfence .marketingwds .triangle .descriptiontriangle strong {
  font-size: 27px;
  line-height: 1.2em;
  margin-bottom: 10px;
  display: inline-block
}

.trustfence .marketingwds .triangle .buttontriangle {
  width: 50%;
  text-align: center;
  padding: 0 5%
}

.trustfence .marketingwds em {
  font-size: 21px;
  line-height: 26px;
  font-weight: 300
}

.trustfence #datasheets .coltwo {
  padding: 0 2%
}

.trustfence #datasheets .colthree, .trustfence #datasheets .colthreetwo {
  padding: 0 3%
}

.aws #subbanner {
  margin-bottom: 0
}

.aws #subbanner .text {
  width: 65%
}

.aws #subbanner span {
  display: inline-block
}

.aws .awsorange {
  color: #f90
}

.aws .aws-event {
  height: 157px;
  clear: both;
  text-align: center
}

.aws .aws-event .inside {
  position: relative;
  color: #fff;
  font-size: 28px;
  line-height: 1.2em;
  height: 157px;
  padding: 35px 0
}

.aws .aws-event .inside h3 {
  color: #fff;
  font-size: 40px;
  width: 100%;
  margin: 0 0 15px 0
}

.aws .aws-event .inside .logo-event {
  width: 149px;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 10px
}

.aws .aws-event .inside .background {
  position: absolute;
  right: 0;
  top: 0;
  height: 157px;
  width: 1560px;
  max-width: none;
  z-index: -1
}

.aws .tier h2 {
  margin: 0 0 10px 0
}

.aws .aws-intro .coltwo {
  padding: 0 3%
}

.aws .aws-intro .coltwo img {
  margin: 25px 0
}

.aws .aws-intro .kit h4 {
  font-size: 24px
}

.aws .aws-intro .kit .kit-image {
  position: relative;
  display: inline-block
}

.aws .aws-intro .kit .kit-image:after {
  transition: all .2s ease-in;
  position: absolute;
  right: 0;
  top: 50%;
  width: 50px;
  height: 50px;
  content: '';
  margin: -25px -25px 0 0;
  border-radius: 50%;
  background-color: #00b7ff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px
}

.aws .aws-intro .kit .kit-image:hover:after {
  background-color: #00a5e6
}

.aws .aws-intro .kit .button {
  margin: 0 20px 0 0
}

.aws #aws-products {
  position: relative
}

.aws #aws-products .colfive {
  text-align: center;
  padding: 0 1.5%
}

.aws #aws-products .colfive a {
  color: #646466;
  display: block
}

.aws #aws-products .colfive a .heading {
  display: block;
  color: #0074a2
}

.aws #aws-products .colfive a:hover {
  text-decoration: none
}

.aws #aws-products .colfive a:hover .heading {
  color: #00b7ff;
  text-decoration: underline
}

.aws #aws-products:after {
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin: 0 0 0 -60px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #f2f2f2 transparent transparent
}

.aws .aws-diagram .coltwo {
  padding: 0 3%
}

.aws .aws-diagram .diagram {
  width: 68%;
  margin: 0 16%
}

.aws .aws-diagram .item {
  margin: 0 0 50px 0;
  padding-left: 65px;
  position: relative
}

.aws .aws-diagram .item a {
  font-size: 20px;
  font-weight: 600
}

.aws .aws-diagram .item:before {
  content: '';
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #44b2e5;
  border-radius: 50%;
  text-align: center;
  line-height: 50px
}

.aws .aws-diagram .item.one:before {
  content: '1'
}

.aws .aws-diagram .item.two:before {
  content: '2'
}

.aws .aws-diagram .item.three:before {
  content: '3'
}

.aws .aws-trustfence h2 {
  margin: 0 0 50px 0
}

.aws .aws-trustfence .tierflex {
  width: 80%;
  margin: 0 10%
}

.aws .aws-trustfence .logo-trustfence {
  width: 24%;
  margin-right: 6%;
  display: inline-block
}

.aws .aws-trustfence .text {
  width: 70%;
  display: inline-block
}

.aws .aws-customers h2 {
  margin: 0 0 50px 0
}

.aws .aws-customers .card-container {
  text-align: center;
  width: 100%
}

.aws .aws-customers .card {
  display: inline-block
}

.aws .aws-disclaimer {
  padding-bottom: 0
}

@media(max-width:1200px) {
  .aws .aws-event .inside {
    font-size: 18px
  }
  .aws .aws-event .inside h3 {
    font-size: 28px
  }
}

@media(max-width:959px) {
  .aws #aws-products .colfive {
    width: 33%
  }
}

@media(max-width:767px) {
  .aws .aws-intro .coltwo {
    width: 100%
  }
  .aws .aws-diagram .coltwo {
    width: 100%
  }
  .aws .aws-diagram .coltwo:nth-of-type(1) {
    margin: 0 0 30px 0
  }
}

@media(max-width:568px) {
  .aws .aws-event {
    height: auto;
    overflow: hidden
  }
  .aws .aws-event .inside {
    height: auto;
    font-size: 16px;
    line-height: 1.3em;
    padding: 20px 5%;
    margin: 0
  }
  .aws .aws-event .inside h3 {
    font-size: 24px
  }
  .aws .aws-event .inside .logo-event {
    width: 100px
  }
  .aws .aws-intro .kit h4 {
    font-size: 18px
  }
  .aws #aws-products .colfive {
    text-align: center;
    padding: 0 1.5%;
    width: 50%;
    margin: 0 0 25px 0
  }
  .aws #aws-products:after {
    bottom: -40px;
    left: auto;
    right: 0;
    margin: 0 0 0 -40px;
    border-width: 0 40px 40px 0
  }
  .aws .aws-diagram .diagram {
    width: 80%;
    margin: 0 10%
  }
  .aws .aws-diagram .item {
    margin: 0 0 25px 0;
    padding-left: 35px
  }
  .aws .aws-diagram .item a {
    font-size: 18px
  }
  .aws .aws-diagram .item:before {
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px
  }
  .aws .aws-trustfence h2 {
    margin: 0 0 25px 0
  }
  .aws .aws-trustfence .tierflex {
    width: 100%;
    margin: 0
  }
  .aws .aws-trustfence .logo-trustfence {
    width: 50%;
    margin: 0 0 16px 0
  }
  .aws .aws-trustfence .text {
    width: 100%
  }
  .aws .aws-customers h2 {
    margin: 0 0 25px 0
  }
}

#sites {
  width: 100%;
  padding: 20px;
  margin: 0;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box
}

#sites a {
  display: inline-block;
  width: 49%;
  border-bottom: 1px solid #efefef;
  height: 72px;
  line-height: 72px;
  box-sizing: border-box
}

#sites a img {
  float: left;
  vertical-align: middle;
  margin: 0 20px 0 0;
  width: 60px
}

#sites a img.fudge {
  padding: 15px 0 0 0
}

.brand #videocontent {
  width: 70%;
  margin: 30px 15% 70px 15%
}

.brand h3 {
  margin: 0 0 10px 0
}

.brand .right {
  float: right;
  width: 30%;
  padding: 20px;
  background: #f2f2f2;
  position: relative
}

.brand .right h4 {
  margin: 0 0 20px 0
}

.brand .right:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -23px;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid transparent;
  box-sizing: border-box
}

.brand .left {
  float: left;
  width: 70%;
  padding: 0 40px 0 0
}

.brand .left h3 {
  margin-top: 0
}

.brand .quote {
  margin: 40px 0
}

.brand .quote:after {
  width: 70px;
  height: 70px
}

#privacy_prompt {
  display: none;
  background: #f2f2f2;
  padding: 20px
}

#privacy_prompt.show {
  display: block;
  float: left
}

#smartsearch #searchtabs {
  margin: 30px 0
}

#smartsearch #searchtabs a {
  display: inline-block;
  padding: 5px 25px;
  text-transform: uppercase;
  font-weight: 600;
  color: #646466
}

#smartsearch #searchtabs a.selected {
  color: #72bb4b;
  text-decoration: none
}

#smartsearch #searchtabs a.selected:hover {
  text-decoration: none;
  cursor: default
}

#smartsearch img.loading {
  width: 100px
}

#smartsearch #searchinput {
  text-align: center;
  margin: 0 0 25px 0;
  width: 50%;
  display: inline
}

#smartsearch #searchinput.embeddedsearch {
  padding: 0 0 50px 0
}

#smartsearch #searchtotals {
  margin: 0 0 30px 0;
  border-bottom: 1px solid #cfd5d3;
  padding: 0 0 8px 0
}

#smartsearch #searchcontent div {
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
  clear: both
}

#smartsearch #searchcontent div.pin {
  border: 1px solid #cfd5d3;
  padding: 2%
}

#smartsearch #searchcontent div a {
  font-size: 18px
}

#smartsearch #searchcontent div span.image {
  width: 160px;
  height: 90px;
  float: left;
  margin: 5px 10px 0 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}

#smartsearch #searchcontent div span {
  font-size: .2em;
  display: block
}

#smartsearch #searchcontent div span.searchurl {
  color: #006d21
}

#smartsearch #searchcontent div span.searchlabel {
  color: grey;
  font-style: italic
}

#smartsearch #searchcontent div span.highlight {
  background: #fcfc8e;
  display: inline-block;
  padding: 0 5px
}

#smartsearch #searchsuggestion {
  border-bottom: 1px solid #cfd5d3;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0
}

#smartsearch #searchsuggestion a {
  color: #d14124
}

#smartsearch #searchpagination a {
  display: inline-block;
  padding: 8px
}

#smartsearch #searchpagination a.selected {
  color: #646466;
  text-decoration: none
}

#smartsearch #searchpagination a.selected:hover {
  text-decoration: none
}

.importantmessage {
  width: 100%;
  padding: 40px 25px;
  margin: 0;
  background: #f2f2f2;
  font-weight: 600;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.importantmessage:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid #fff;
  box-sizing: border-box
}

.importantmessage div:nth-of-type(1) {
  text-align: left;
  padding: 0 10px 0 0
}

.importantmessage.subbutton {
  padding: 5px;
  display: inline-block;
  margin: 0 10px 0 0
}

.importantmessage div span {
  font-weight: 400
}

.importantmessage .button {
  white-space: nowrap
}

#rdm-login {
  text-align: center;
  margin-top: 20px
}

#rdm-login .coltwo, #rdm-login .colthree {
  padding: 20px 0
}

#rdm-login .coltwo:nth-of-type(1) {
  border-right: 1px solid #ccc
}

#rdm-login h1 {
  margin: 0 5% 10px 5%;
  width: 90%;
  padding: 0;
  line-height: 1.2em
}

#rdm-login h4 {
  margin: 30px 0 8px 0;
  padding: 0
}

.videoWrapper, .videowrapper {
  position: relative;
  padding-top: 56.25%;
  padding-bottom: 0;
  height: 0;
  margin-bottom: 10px
}

.videoWrapper iframe, .videowrapper iframe, .videoWrapper object, .videowrapper object, .videoWrapper #player, .videowrapper #player, .videoWrapper video, .videowrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.imageWrapper img, .imagewrapper img {
  width: 100%
}

.featured-resources #featured-resources {
  width: 100%
}

.featured-resources .filters {
  width: 100%;
  margin: 0 0 30px 0;
  text-align: center
}

.featured-resources .filters .embeddedsearch {
  margin: 0;
  padding: 0;
  float: none
}

.featured-resources .filters #embedtype, .featured-resources .filters #embedindustry {
  width: 18%;
  height: 66px;
  border: none;
  color: #fff;
  margin: 0 1% 0 0;
  background: #00aef2 url("//www.digi.com/images/form-select-downarrow-white.png") no-repeat right center;
  background-size: 24px 10px
}

.featured-resources .filters #productinterest {
  width: 21%;
  height: 66px;
  border: none;
  color: #fff;
  margin: 0 1% 0 0;
  background: #00aef2 url("//www.digi.com/images/form-select-downarrow-white.png") no-repeat right center;
  background-size: 24px 10px
}

.featured-resources .filters #embedsearch {
  width: 30%
}

.featured-resources .sorts {
  width: 100%;
  clear: both;
  text-align: center;
  margin: 0 0 15px 0
}

.featured-resources .sorts .sortaz {
  margin: 0 20px 0 10px
}

.featured-resources .sorts .sortaz:after {
  display: inline-block;
  content: url("//www.digi.com/images/arrow-right-blue-small.png");
  margin: 0 0 0 5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.featured-resources .sorts .sortaz:hover:after {
  display: inline-block;
  content: url("//www.digi.com/images/arrow-right-blue-small-hover.png");
  margin: 0 0 0 5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.featured-resources .sorts .sortza {
  margin: 0 20px 0 0
}

.featured-resources .sorts .sortza:after {
  display: inline-block;
  content: url("//www.digi.com/images/arrow-right-blue-small.png");
  margin: 0 0 0 5px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.featured-resources .sorts .sortza:hover:after {
  display: inline-block;
  content: url("//www.digi.com/images/arrow-right-blue-small-hover.png");
  margin: 0 0 0 5px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.featured-resources .sorts .sortza.selected, .featured-resources .sorts .sortaz.selected {
  color: #646466
}

.featured-resources .card-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

#sharedform {
  max-width: 760px;
  width: 100%;
  margin: 0 auto
}

#sharedform #lcontainer div {
  width: 48%;
  float: left;
  margin: 0 0 8px 0
}

#sharedform #lcontainer div input, #sharedform #lcontainer div textarea, #sharedform #lcontainer div select {
  width: 95%
}

#sharedform #lcontainer div select {
  height: 53px
}

#sharedform #lcontainer div .btn {
  width: auto
}

#sharedform #lcontainer div.shim {
  clear: both
}

.leftrightgreen {
  float: left;
  width: 100%;
  background: #f2f2f2;
  padding: 0;
  text-align: left
}

.leftrightgreen .inside {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.leftrightgreen .left h2 {
  text-align: left;
  line-height: 42px
}

.leftrightgreen .left {
  width: 56%;
  float: left;
  background: #f2f2f2;
  padding: 60px 60px 60px 0;
  position: relative
}

.leftrightgreen .left:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-bottom: 60px solid #f2f2f2;
  border-right: 60px solid transparent;
  background: #fff;
  box-sizing: border-box
}

.leftrightgreen .left p {
  font-size: 1.3em;
  line-height: 1.6em
}

.leftrightgreen .right {
  width: 44%;
  float: right;
  background: #72bb4b;
  position: relative;
  padding: 60px 5%;
  color: #fff
}

.leftrightgreen .right img {
  width: 80%;
  margin: 0 10%
}

.leftrightgreen .right h4 {
  color: #fff
}

#var #leadin {
  padding: 20px 0;
  clear: both
}

#var .left h4 {
  margin: 0 0 16px 0
}

#var #calltoaction {
  float: left;
  clear: both;
  width: 100%
}

#hottag .insidenarrow {
  width: 76%;
  margin: 0 13%
}

#hottag .right {
  width: 40%;
  padding: 20px 0 0 5%;
  float: right
}

#hottag .right img {
  width: 100%;
  border: 1px solid #f2f2f2
}

#hottag .left {
  width: 60%;
  padding: 20px 0 0 0;
  margin: 0 20%
}

#hottag .right+.left {
  margin: 0
}

#hottag #requestForm div label {
  width: 100%;
  text-align: left;
  line-height: 1.5em;
  padding: 0
}

#hottag #requestForm .formshim {
  margin: 0 0 25px 0
}

#hottag #requestForm .btn {
  margin: 0;
  width: auto
}

#hottag #requestForm .button {
  margin: 0 20px 20px 0
}

#hottag #requestForm input[type="text"], #hottag #requestForm select, #hottag #requestForm textarea {
  width: 100%
}

#hottag #requestForm input[type="checkbox"] {
  width: 20px
}

.varform .coltwo {
  padding: 0 3%
}

.varform .coltwo.padme div {
  margin: 0 0 30px 0
}

.varform .coltwo h4 {
  margin: 20px 0
}

.actonform .ao-row {
  display: flex
}

.actonform .ao-column:nth-of-type(1) {
  padding: 0 2% 0 0;
  width: 50%
}

.actonform .ao-column:nth-of-type(2) {
  padding: 0 0 0 2%;
  width: 50%
}

.actonform .ao-richtext-block {
  color: #72bb4b;
  font-size: 1.25em;
  font-weight: 600
}

.actonform input[type=text], .actonform select, .actonform textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  line-height: 1.4em;
  color: #646466;
  border: 2px solid #cfd5d3;
  background: #fff;
  padding: 14px 11px !important;
  width: 100%;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  border-radius: 0;
  box-sizing: border-box
}

.actonform input[type=text].ao-form-error, .actonform select.ao-form-error, .actonform textarea.ao-form-error {
  background: #f99;
  border: 2px solid #d14124
}

.actonform input[type="checkbox"], .actonform input[type="radio"] {
  width: 25px;
  height: 25px;
  border: 2px solid #cfd5d3
}

.actonform .ao-form-error-message {
  color: #d14124
}

.actonform .ao-form .ao-recaptcha-error {
  padding: 0
}

.formstyle {
  text-align: left
}

.formstyle .formstyle-group {
  border: 2px solid #cfd5d3;
  border-radius: 15px;
  padding: 20px
}

.formstyle fieldset {
  border: 2px solid #cfd5d3;
  box-sizing: border-box;
  padding: 3%;
  margin: 0 0 20px 0
}

.formstyle fieldset legend {
  text-transform: uppercase;
  color: #72bb4b;
  font-weight: 600;
  font-size: 1.2em
}

.formstyle div {
  margin: 0 0 15px 0
}

.formstyle label {
  width: 100%;
  display: block;
  margin: 0 0 5px 0
}

.formstyle label.error {
  color: #d14124
}

.formstyle label.required:after, .formstyle span.required:after {
  content: " *";
  color: #d14124;
  white-space: nowrap
}

.formstyle input, .formstyle select, .formstyle textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  line-height: 1.4em;
  color: #646466;
  border: 2px solid #cfd5d3;
  background: #fff;
  padding: 14px 11px;
  width: 100%;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  border-radius: 0;
  box-sizing: border-box
}

.formstyle input.error, .formstyle select.error, .formstyle textarea.error {
  background-color: #f99
}

.formstyle input[type=text]:focus, .formstyle input[type=email]:focus, .formstyle input[type=tel]:focus, .formstyle input[type=number]:focus, .formstyle input[type=url]:focus, .formstyle textarea:focus, .formstyle select:focus {
  border: 2px solid #72bb4b
}

.formstyle input[type=text].error:focus, .formstyle input[type=email].error:focus, .formstyle input[type=tel].error:focus, .formstyle input[type=number].error:focus, .formstyle input[type=url].error:focus, .formstyle textarea.error:focus, .formstyle select.error:focus {
  border: 2px solid #d14124
}

.formstyle select {
  background: #fff url("//www.digi.com/images/form-select-downarrow.png") no-repeat right center;
  background-size: 24px 10px;
  color: #646466
}

.formstyle input[type="checkbox"], .formstyle input[type="radio"] {
  display: none
}

.formstyle input[type="checkbox"]+label span {
  display: inline-block;
  width: auto;
  line-height: 1.2em;
  min-height: 20px;
  padding: 0 0 0 28px;
  vertical-align: middle;
  background: url("//www.digi.com/images/checkbox.jpg") no-repeat left center;
  background-size: 20px 20px
}

.formstyle input[type="checkbox"]:checked+label span {
  background: url("//www.digi.com/images/checkbox-checked.jpg") left center no-repeat;
  background-size: 20px 20px
}

.formstyle input[type="radio"]+label span {
  display: inline-block;
  width: auto;
  line-height: 1.2em;
  min-height: 20px;
  padding: 0 0 0 28px;
  vertical-align: middle;
  background: url("//www.digi.com/images/radiobutton.jpg") no-repeat left center;
  background-size: 20px 20px
}

.formstyle input[type="radio"]:checked+label span {
  background: url("//www.digi.com/images/radiobutton-checked.jpg") no-repeat left center;
  background-size: 20px 20px
}

.formstyle input.button, .formstyle button.button, .formstyle input.buttonwhite, .formstyle button.buttonwhite {
  width: auto;
  background: #91d46c;
  border: none;
  color: #3f4245;
  text-transform: uppercase;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  display: inline-block;
  box-sizing: border-box
}

.formstyle input.buttonwhite, .formstyle button.buttonwhite {
  background: #fff;
  color: #00b7ff
}

.formstyle input.button:hover, .formstyle button.button:hover {
  background: #9de476;
  text-decoration: none;
  cursor: pointer
}

.formstyle input.buttonwhite:hover, .formstyle button.buttonwhite:hover {
  background: #f5f5fb;
  text-decoration: none;
  cursor: pointer
}

.formstyle input.button:after, .formstyle button.button:after, .formstyle input.buttonwhite:after, .formstyle button.buttonwhite:after {
  display: none
}

.formstyle .shim {
  padding: 30px 0 0 0;
  clear: both
}

.formstyle input.button:disabled, .formstyle button.button[disabled=disabled], .formstyle input.buttonwhite:disabled, .formstyle input.buttonwhite[disabled=disabled], .formstyle button.buttonwhite[disabled=disabled], .formstyle button.buttonwhite:disabled {
  opacity: .3;
  cursor: default
}

.formstyle div.mapson {
  display: none
}

.formstyle .input#submitbtn, .formstyle input.button {
  width: auto !important
}

.formstylebluesmall input, .formstylebluesmall select, .formstylebluesmall textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  color: #fff;
  background: #00b7ff;
  padding: 5px 10px;
  border: none;
  font-size: 17px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border-radius: 0;
  font-family: 'Source Sans Pro', sans-serif
}

.formstylebluesmall input::-webkit-input-placeholder {
  color: #fff;
  opacity: .5
}

.formstylebluesmall select {
  padding: 0 40px 0 10px;
  background: #00b7ff url("//www.digi.com/images/form-select-downarrow-white.png") no-repeat right center;
  background-size: 29px 12px;
  cursor: pointer;
  border-radius: 0
}

.formstylebluesmall input.buttonsearch {
  width: 40px;
  height: 40px;
  background: #00b7ff url("//www.digi.com/images/nav-icon-search-background-white.png") center center no-repeat;
  background-size: 18px 18px;
  cursor: pointer
}

.formstylewhitesmall input, .formstylewhitesmall select, .formstylewhitesmall textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  color: #3f4245;
  background: #fff;
  padding: 5px 10px;
  border: none;
  font-size: 18px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  border-radius: 0;
  font-family: 'Source Sans Pro', sans-serif;
  border: 1px solid #c7c8c8
}

.formstylewhitesmall input {
  border-right: none
}

.formstylewhitesmall input::-webkit-input-placeholder {
  color: #fff;
  opacity: .5
}

.formstylewhitesmall select {
  padding: 0 40px 0 10px;
  background: #00b7ff url("//www.digi.com/images/form-select-downarrow-white.png") no-repeat right center;
  background-size: 29px 12px;
  cursor: pointer;
  border-radius: 0
}

.formstylewhitesmall input.buttonsearch {
  border: 1px solid #c7c8c8;
  border-left: none;
  width: 50px;
  height: 50px;
  background: #fff url("//www.digi.com/images/search-icon-darkgrey.png") center center no-repeat;
  background-size: 18px 18px;
  cursor: pointer
}

.tablestyle {
  width: 100%;
  margin: 0;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-collapse: collapse
}

.tablestyle td, .tablestyle th {
  padding: 6px 10px;
  border-left: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
  margin: 0;
  text-align: left;
  box-sizing: border-box
}

.tablestyle td .button, .tablestyle td .buttonsmall, .tablestyle th .button, .tablestyle th .buttonsmall {
  white-space: nowrap
}

.tablestyle td:before, .tablestyle th:before {
  display: block;
  font-weight: 600;
  font-style: italic;
  color: #c1c1c1
}

.tablestyle th {
  position: relative;
  font-weight: 600;
  padding: 15px 10px;
  font-size: 18px;
  color: #fff;
  background: #646466;
  text-align: left;
  border: none
}

.tablestyle th:nth-of-type(1) {
  background: #72bb4b;
  border: none
}

.tablestyle th:nth-of-type(1):after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: 0;
  width: 100%;
  height: 0;
  border-bottom: 22px solid #72bb4b;
  border-right: 22px solid #fff;
  box-sizing: border-box
}

.tablestyle td.divider, .tablestyle tr.divider {
  background: #f2f2f2;
  font-weight: 600
}

.tablestyle td.subhead, .tablestyle tr.subhead {
  background: #f2f2f2;
  padding: 10px;
  font-weight: 600;
  text-transform: uppercase
}

.tablestyle.pn th:nth-of-type(1) {
  width: 20%;
  white-space: nowrap
}

.howtobuy .indexhr {
  width: 70%;
  clear: both;
  margin: 30px auto;
  color: #fff;
  background-color: #fff;
  border: none;
  height: 1px
}

.howtobuy .indexitem {
  width: 90%;
  margin: 0 5% 35px 5%;
  float: left;
  clear: both
}

.howtobuy .indexitem a {
  width: 100%;
  font-size: 19px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-items: center
}

.howtobuy .indexitem a:link span.teaser, .howtobuy .indexitem a:visited span.teaser, .howtobuy .indexitem a:active span.teaser {
  text-decoration: none;
  color: #4f5454;
  font-size: 15px;
  line-height: 22px;
  font-weight: normal
}

.howtobuy .indexitem a:hover span.teaser {
  text-decoration: none;
  color: #4f5454
}

.howtobuy .indexitem a:hover span.title {
  text-decoration: underline
}

.howtobuy .indexitem a:hover img {
  -webkit-filter: brightness(90%);
  filter: brightness(90%)
}

.howtobuy .indexitem .icon {
  display: inline-block;
  vertical-align: middle;
  width: 12%;
  margin: 0 3% 0 0;
  text-align: center
}

.howtobuy .indexitem .text {
  display: inline-block;
  vertical-align: middle;
  width: 70%
}

.howtobuy .bigger {
  font-size: 1.7em;
  font-weight: 300
}

.howtobuy .loading {
  background: url("//www.digi.com/images/loading.gif") center center no-repeat;
  background-size: contain;
  min-height: 200px
}

.howtobuy .listings {
  clear: both
}

.howtobuy .errormessage {
  color: #d14124;
  padding: 0 0 100px 0
}

.howtobuy .easy-autocomplete {
  width: auto;
  margin: 30px 0 0 0
}

.howtobuy #mobileexpand {
  position: relative;
  display: none;
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0 0 10px 0
}

.howtobuy #mobileexpand img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -10px -10px;
  width: 20px;
  height: 20px;
  transition: all .2s ease-out
}

.howtobuy select.bigblue {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
  border: none;
  padding: 14px 11px;
  width: 40%;
  font-family: 'Source Sans Pro', sans-serif;
  border-radius: 0;
  background: #00aef2 url("//www.digi.com/images/form-select-downarrow-white.png") right center no-repeat;
  background-size: 24px 10px
}

.howtobuy .filtercountry {
  margin: 0 0 40px 0
}

.howtobuy .subtabs a.selected {
  position: relative
}

.howtobuy .subtabs a.selected:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -25px -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #fff transparent
}

.howtobuy .subcontents h2 {
  margin: 25px 0;
  width: 100%;
  clear: both;
  float: left;
  padding: 0
}

.howtobuy #subcontent-buyonline img {
  clear: both;
  margin: 40px 0 0 0
}

.howtobuy .filterproducts {
  margin: 25px 0;
  width: 100%;
  overflow-y: hidden;
  max-height: auto;
  float: left;
  clear: both;
  transition: all .2s ease-out
}

.howtobuy .filterproducts img {
  height: 65px
}

.howtobuy .filterproducts h5 {
  font-weight: 600;
  font-size: 16px;
  margin: 16px 0
}

.howtobuy .filterproducts input[type="checkbox"] {
  display: none
}

.howtobuy .filterproducts input[type="checkbox"]+label span {
  display: inline-block;
  line-height: 1.2em;
  min-height: 20px;
  padding: 0 0 0 28px;
  vertical-align: middle;
  background: url("//www.digi.com/images/checkbox.jpg") no-repeat left center;
  background-size: 20px 20px
}

.howtobuy .filterproducts input[type="checkbox"]:checked+label span {
  background: url("//www.digi.com/images/checkbox-checked.jpg") left center no-repeat;
  background-size: 20px 20px
}

.howtobuy .filterproducts .colfive div {
  margin: 0 0 6px 0
}

.howtobuy .filterexpand {
  margin-bottom: 25px;
  text-transform: uppercase;
  text-align: right;
  float: left;
  width: 100%
}

.howtobuy .listings .company, .howtobuy .listings .carrier {
  clear: both;
  border-top: 1px solid #959595
}

.howtobuy .listings .company h5, .howtobuy .listings .carrier h5 {
  color: #72bb4b;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 8px 0;
  font-weight: 600
}

.howtobuy .listings .company .info .left, .howtobuy .listings .company .info .right, .howtobuy .listings .carrier .info .left, .howtobuy .listings .carrier .info .right {
  padding-top: 0
}

.howtobuy .listings .company .info .address, .howtobuy .listings .carrier .info .address {
  padding: 20px 0
}

.howtobuy .listings .company .info .address img, .howtobuy .listings .carrier .info .address img {
  margin: 0 0 8px 0;
  max-width: 200px
}

.howtobuy .listings .company .info .buttonsmall, .howtobuy .listings .carrier .info .buttonsmall {
  margin: 0 0 30px 0
}

.howtobuy .listings .company .info .right h6, .howtobuy .listings .carrier .info .right h6 {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0
}

.howtobuy .listings .company .info .right ul, .howtobuy .listings .carrier .info .right ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.howtobuy .listings .company .info .right ul li, .howtobuy .listings .carrier .info .right ul li {
  position: relative;
  border-bottom: 1px solid #cfd5d3;
  padding: 3px 0
}

.howtobuy .listings .company .info .right ul li.selected:before, .howtobuy .listings .carrier .info .right ul li.selected:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url("//www.digi.com/images/form-checkbox-checkmark.png") center center no-repeat;
  background-size: 16px 16px;
  display: block;
  position: absolute;
  left: -25px;
  top: 50%;
  margin: -8px 0 0 0
}

.howtobuy .listings .company:last-child, .howtobuy .listings .carrier:last-child {
  border-bottom: 1px solid #959595
}

.howtobuy .listings h4 {
  padding: 38px 45px 38px 16px;
  cursor: pointer;
  text-transform: none;
  font-weight: 600;
  position: relative;
  clear: both;
  box-sizing: border-box
}

.howtobuy .listings h4:hover {
  text-decoration: underline
}

.howtobuy .listings h4+div.info {
  padding: 0 16px;
  overflow: hidden;
  max-height: 0;
  transition: all .2s ease-out
}

.howtobuy .listings h4:after {
  content: "+";
  color: #646466;
  margin: -12px 0 0 0;
  position: absolute;
  top: 50%;
  right: 24px;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  text-decoration: underline
}

.howtobuy .listings h4.selected:after {
  -webkit-transform: rotate(1125deg);
  transform: rotate(1125deg);
  text-decoration: none
}

.howtobuy .listings h4.selected+div.info {
  max-height: 2000px;
  margin-bottom: 38px
}

.howtobuy .listings h4.selected:hover:after, .howtobuy .listings h4:after {
  text-decoration: none
}

.howtobuy.howtobuy2 .tag {
  background: #efefef;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 15px;
  font-size: 14px;
  line-height: 1em;
  font-style: italic;
  margin: 0 0 8px 0
}

.howtobuy.howtobuy2 .searchform {
  margin: 0 0 40px 0
}

.howtobuy.howtobuy2 table {
  border-collapse: collapse;
  width: 100%
}

.howtobuy.howtobuy2 table td {
  border-bottom: 1px solid #cfd5d3;
  padding: 25px 5px !important
}

.howtobuy.howtobuy2 table th {
  font-weight: 600;
  padding: 10px 5px !important;
  text-align: left;
  text-transform: uppercase
}

.howtobuy.howtobuy2 table th:last-child {
  width: 15%
}

.howtobuy.howtobuy2 .distitable thead th {
  font-weight: 600 !important
}

.howtobuy.howtobuy2 #pn {
  vertical-align: middle;
  height: 55px;
  font-size: 24px;
  border-right: none
}

.howtobuy.howtobuy2 .sbutton {
  width: 55px;
  height: 55px;
  background: #00b7ff url("//www.digi.com/images/nav-icon-search-background-white.png") center center no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: middle
}

.howtobuy.howtobuy2 .itemcircle {
  display: flex;
  align-items: center
}

.howtobuy.howtobuy2 .itemcircle:before {
  flex-shrink: 0;
  content: '1';
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background: #72bb4b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin: 0 10px 0 0
}

.howtobuy.howtobuy2 .itemcircle.one:before {
  content: '1'
}

.howtobuy.howtobuy2 .itemcircle.two:before {
  content: '2'
}

.howtobuy.howtobuy2 .itemcircle.three:before {
  content: '3'
}

.howtobuy.howtobuy2 select {
  width: auto;
  margin: 30px 0 0 0
}

.howtobuy.howtobuy2 .container {
  border: 1px solid #cfd5d3;
  padding: 25px;
  margin: 0 0 40px 0;
  clear: both;
  float: left;
  width: 100%
}

.howtobuy.howtobuy2 .unselected {
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 40px 0
}

.howtobuy.howtobuy2 .errormessage {
  font-size: 20px;
  width: 100%;
  text-align: center;
  padding: 40px 0
}

.howtobuy.howtobuy2 .noshow {
  display: none
}

.expandingboxes {
  width: 86%;
  margin: 0 7% 55px 7%
}

.expandingboxes h3 {
  margin: 50px 0 24px 0
}

.expandingboxes #expandall {
  text-transform: uppercase;
  text-align: right;
  font-size: 12px;
  padding: 0 0 20px 0
}

.expandingboxes h4 {
  border-top: 1px solid #e5e5e5;
  padding: 38px 16px;
  cursor: pointer;
  text-transform: none;
  font-weight: 400;
  position: relative;
  clear: both;
  box-sizing: border-box;
  padding-right: 60px;
  color: #3f4245
}

.expandingboxes h4:first-child {
  border-top: none
}

.expandingboxes h4+div.info {
  padding: 0 16px;
  overflow: hidden;
  max-height: 0;
  transition: all .2s ease-out;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5em;
  padding-right: 60px
}

.expandingboxes h4:after {
  content: "";
  margin: -7.5px 0 0 0;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  right: 24px;
  background: url("//www.digi.com/images/arrow-down-grey.png") right center no-repeat;
  background-size: 15px 15px;
  transition: all .2s ease-out
}

.expandingboxes h4.selected:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.expandingboxes h4.selected+div.info {
  max-height: 2000px;
  margin-bottom: 38px
}

.chatpopup {
  width: 100%;
  max-width: 320px;
  max-height: 32px;
  float: right;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 2020;
  color: #3f4245;
  moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.chatpopup .chatbox {
  background: #91d46c;
  height: auto;
  width: 100%;
  padding: 10px 20px;
  text-align: center
}

.chatpopup a {
  color: #3f4245 !important;
  text-decoration: none !important;
  transition: all .2s ease-out
}

.chatpopup a:hover {
  text-decoration: underline
}

.chatpopup a:hover .heading {
  text-decoration: underline
}

.chatpopup a.box {
  border: 2px solid #3f4245;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  padding: 40px 10px 20px 10px;
  box-sizing: border-box;
  text-align: left;
  align-items: flex-start;
  width: 45%
}

.chatpopup a .heading {
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: 1em;
  margin: 0 0 4px 0
}

.chatpopup a .text {
  line-height: 1em
}

.chatpopup a#box-chat {
  position: relative
}

.chatpopup a#box-chat:before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-30px) translateY(-30px);
  transform: translateX(-30px) translateY(-30px);
  content: '';
  width: 60px;
  height: 60px;
  background: url("https://www.digi.com/digi/media/icons/icon-chat-green-black.png") center center no-repeat;
  background-size: contain
}

.chatpopup a#box-email {
  position: relative
}

.chatpopup a#box-email:before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-30px) translateY(-30px);
  transform: translateX(-30px) translateY(-30px);
  content: '';
  width: 60px;
  height: 60px;
  background: url("https://www.digi.com/digi/media/icons/icon-email-green-black.png") center center no-repeat;
  background-size: contain
}

.chatpopup a.phone:hover {
  text-decoration: underline !important
}

.chatpopup .corner {
  transition: all .2s ease-out;
  height: 0;
  border-left: 32px solid transparent;
  border-bottom: 32px solid #91d46c;
  border-bottom: 32px solid #91d46c;
  cursor: pointer;
  padding-right: 32px;
  position: relative
}

.chatpopup .corner .indicator {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px
}

.chatpopup .corner .indicator span {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #3f4245;
  border-radius: 3px;
  display: block;
  transition: all .5s ease-in-out
}

.chatpopup .corner .indicator span:nth-child(1) {
  bottom: 9px;
  -webkit-transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7);
  transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7)
}

.chatpopup .corner .indicator span:nth-child(2) {
  bottom: 9px;
  -webkit-transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7);
  transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7)
}

.chatpopup .corner:hover .indicator span {
  transition: all .2s ease-out
}

.chatpopup .title {
  color: #3f4245;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  height: 30px;
  padding-top: 3px;
  cursor: pointer
}

.chatpopup .title:hover {
  transition: all .2s ease-out
}

.chatpopup.open {
  max-width: 320px;
  max-height: 100%
}

.chatpopup.open .corner .indicator span:nth-child(1) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 100%
}

.chatpopup.open .corner .indicator span:nth-child(2) {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 100%
}

.chatpopup.open .corner:hover {
  border-bottom: 32px solid #91d46c;
  border-bottom: 32px solid #91d46c
}

.chatpopup .tierflex {
  margin: 40px 0 35px 0;
  display: flex;
  gap: 10px;
  flex-direction: row;
  align-items: stretch
}

.chatpopup .tierflex a:hover img {
  transition: all .2s ease-out
}

.chatpopup .subtitle {
  display: block;
  text-align: center;
  margin: 10px 0 0 0;
  font-weight: 300
}

.chatpopup .bigphone {
  display: block;
  text-align: center;
  font-size: 36px;
  line-height: 1.2em;
  margin: 10px 0 0 0;
  font-weight: 400
}

.chatpopup .bigphone:hover {
  transition: all .2s ease-out
}

.chatpopup .smallphone {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 400
}

.chatpopup .smallphone:hover {
  transition: all .2s ease-out
}

.chatpopup #closechat {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  font-weight: 300;
  padding: 1% 2%
}

.chatpopup #closechat img {
  width: 17px;
  vertical-align: center;
  margin: 0 5px 0 0
}

.chatpopup #closechat:hover {
  color: #fff
}

#error {
  margin: 60px 0 0 0
}

#error h1 {
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 36px;
  line-height: 1em
}

#error h2 {
  text-align: left;
  margin: 0 0 30px 0;
  padding: 0
}

#error .coltwo {
  padding: 0 2%
}

#error .inside {
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.overlap-leftnav #subbanner {
  margin-bottom: 0;
  position: relative
}

.overlap-leftnav #subbanner .text {
  bottom: 80px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  width: 60%
}

.overlap-leftnav #tierwithnavleft {
  margin-top: -50px;
  position: relative
}

.overlap-leftnav #tierwithnavleft h4.heading {
  padding: 0 10%;
  margin: 0 0 15px 0
}

.overlap-leftnav #tierwithnavleft h4.heading.noshow {
  display: block
}

.overlap-leftnav #tierwithnavleft ul ul {
  margin-top: 0
}

.overlap-leftnav #tierwithnavleft ul.noshow, .overlap-leftnav #tierwithnavleft div.linksrelated.nowshow {
  display: block
}

.overlap-leftnav #tierwithnavleft .overlap li a {
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 0;
  width: 80%;
  margin: 0 10%;
  text-decoration: none
}

.overlap-leftnav #tierwithnavleft .overlap li a:hover {
  text-decoration: underline
}

.overlap-leftnav #tierwithnavleft .overlap li:last-of-type a {
  border-bottom: none
}

.overlap-leftnav #tierwithnavleft a.selected {
  color: #a3a3a3
}

.overlap-leftnav #tierwithnavmain {
  padding-top: 50px
}

#tierwithnavleft.tierwithnavleft2 h4.heading {
  padding: 0 10%;
  margin: 0 0 15px 0
}

#tierwithnavleft.tierwithnavleft2 h4.heading.noshow {
  display: block
}

#tierwithnavleft.tierwithnavleft2 ul ul {
  margin-top: 0
}

#tierwithnavleft.tierwithnavleft2 ul.noshow, #tierwithnavleft.tierwithnavleft2 div.linksrelated.nowshow {
  display: block
}

#tierwithnavleft.tierwithnavleft2 li a {
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 0;
  width: 80%;
  margin: 0 10%;
  text-decoration: none
}

#tierwithnavleft.tierwithnavleft2 li a:hover {
  text-decoration: underline
}

#tierwithnavleft.tierwithnavleft2 li:last-of-type a {
  border-bottom: none
}

#tierwithnavleft.tierwithnavleft2 a.selected, #tierwithnavleft.tierwithnavleft2 a.active {
  color: #a3a3a3
}

.ytp-large-play-button-bg {
  fill: #00b7ff
}

.read-more {
  margin-bottom: 10px
}

.read-more__link {
  cursor: pointer;
  color: #0074a2;
  text-transform: uppercase
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left
}

#cboxContent {
  position: relative
}

#cboxLoadedContent {
  overflow: auto
}

#cboxTitle {
  margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0
}

#cboxOverlay {
  background: url("//www.digi.com/images/overlay.png") repeat 0 0
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url("//www.digi.com/images/controls.png") no-repeat -100px 0
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url("//www.digi.com/images/controls.png") no-repeat -129px 0
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url("//www.digi.com/images/controls.png") no-repeat -100px -29px
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url("//www.digi.com/images/controls.png") no-repeat -129px -29px
}

#cboxMiddleLeft {
  width: 21px;
  background: url("//www.digi.com/images/controls.png") left top repeat-y
}

#cboxMiddleRight {
  width: 21px;
  background: url("//www.digi.com/images/controls.png") right top repeat-y
}

#cboxTopCenter {
  height: 21px;
  background: url("//www.digi.com/images/border.png") 0 0 repeat-x
}

#cboxBottomCenter {
  height: 21px;
  background: url("//www.digi.com/images/border.png") 0 -29px repeat-x
}

#cboxContent {
  background: #fff;
  overflow: hidden
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}

#cboxLoadedContent {
  margin-bottom: 28px;
  margin-top: 28px
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #646466
}

#cboxCurrent {
  position: absolute;
  top: 0;
  left: 58px;
  color: #646466
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef
}

#cboxPrevious {
  position: absolute;
  top: 0;
  left: 0;
  background: url("//www.digi.com/images/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: none
}

#cboxPrevious.hover {
  background-position: -75px -25px
}

#cboxNext {
  position: absolute;
  top: 0;
  left: 27px;
  background: url("//www.digi.com/images/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: none
}

#cboxNext.hover {
  background-position: -50px -25px
}

#cboxLoadingOverlay {
  background: url("//www.digi.com/images/loading_background.png") no-repeat center center
}

#cboxLoadingGraphic {
  background: url("//www.digi.com/images/loading.gif") no-repeat center center
}

#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url("//www.digi.com/images/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: none
}

#cboxClose.hover {
  background-position: -25px -25px
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
  filter: "startColorstr=#00FFFFFF", "endColorstr=#00FFFFFF"
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

html[data-useragent*='MSIE 10.0'] .home-navigation .section-top .content a.heading h2 {
  width: 50%
}

html[data-useragent*='MSIE 10.0'] .home-navigation a#drm {
  min-width: 400px;
  max-width: 400px;
  display: inline-block
}

html[data-useragent*='MSIE 10.0'] .home-navigation .section-bottom a {
  display: inline-block
}

html[data-useragent*='MSIE 10.0'] .home-navigation .section-bottom .span.link img {
  width: 73px
}

html[data-useragent*='MSIE 10.0'] .home-navigation .section-bottom .span.h3 {
  width: 70%
}

html[data-useragent*='MSIE 10.0'] .home-navigation #wds, html[data-useragent*='MSIE 10.0'] .home-navigation #ss, html[data-useragent*='MSIE 10.0'] .home-navigation #tagline {
  display: inline-block
}

html[data-useragent*='MSIE 10.0'] .home-navigation #tagline h2 {
  display: inline-block;
  width: 80%;
  margin: 20px 10%
}

html[data-useragent*='MSIE 10.0'] .home-navigation #wds .content {
  display: inline-block;
  padding-left: 5%
}

html[data-useragent*='MSIE 10.0'] .interior-feature-type7 .container {
  display: block
}

html[data-useragent*='MSIE 10.0'] .interior-feature-type7 .container .arrow, html[data-useragent*='MSIE 10.0'] .interior-feature-type7 .container .plus, html[data-useragent*='MSIE 10.0'] .interior-feature-type7 .container .check {
  display: inline-block
}

html[data-useragent*='rv:11.0'] .interior-feature-type7 .container, html[data-useragent*='MSIE 10.0'] .interior-feature-type7 .container {
  justify-content: flex-start
}

html[data-useragent*='rv:11.0'] .quad-type1 .item div.shim, html[data-useragent*='MSIE 10.0'] .quad-type1 .item div.shim {
  display: none
}

html[data-useragent*='rv:11.0'] .quad-type1 .item div.content, html[data-useragent*='MSIE 10.0'] .quad-type1 .item div.content {
  max-width: 50%;
  padding: 60px
}

html[data-useragent*='rv:11.0'] .quad-type1 .item div.image img, html[data-useragent*='MSIE 10.0'] .quad-type1 .item div.image img {
  display: none
}

html[data-useragent*='rv:11.0'] .home2020 .home-navigation #wds, html[data-useragent*='rv:11.0'] .home2020 .home-navigation #ss, html[data-useragent*='MSIE 10.0'] .home2020 .home-navigation #wds, html[data-useragent*='MSIE 10.0'] .home2020 .home-navigation #ss {
  background-image: none
}

html[data-useragent*='rv:11.0'] .home2020 .home-trustfence, html[data-useragent*='MSIE 10.0'] .home2020 .home-trustfence {
  display: flex;
  text-align: center;
  width: 100%;
  height: 80px
}

html[data-useragent*='rv:11.0'] .home2020 .home-trustfence .container, html[data-useragent*='MSIE 10.0'] .home2020 .home-trustfence .container {
  width: 1200px;
  display: block;
  margin: 0 auto;
  padding: 0
}

html[data-useragent*='rv:11.0'] .home2020 .home-solutions-items .container, html[data-useragent*='MSIE 10.0'] .home2020 .home-solutions-items .container {
  display: block
}

html[data-useragent*='rv:11.0'] .home2020 .home-solutions-items .container a, html[data-useragent*='MSIE 10.0'] .home2020 .home-solutions-items .container a {
  display: inline-block
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .applications, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .applications {
  max-width: 32%
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .customers, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .customers {
  max-width: 68%
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .customers .customer.selected, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .customers .customer.selected {
  max-width: 100%
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .customers .customer .logo, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .customers .customer .logo {
  max-width: 175px
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .customers .customer .logo img, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .customers .customer .logo img {
  width: 175px
}

html[data-useragent*='rv:11.0'] .customer-carousel-type1 .customers .customer .content, html[data-useragent*='MSIE 10.0'] .customer-carousel-type1 .customers .customer .content {
  max-width: 590px
}

html[data-useragent*='rv:11.0'] .products.generic.prdcategory #tierwithnav .utilities select, html[data-useragent*='MSIE 10.0'] .products.generic.prdcategory #tierwithnav .utilities select {
  background-image: none !important;
  padding-right: 0;
  width: 20%
}

html[data-useragent*='rv:11.0'] .products.generic.prdcategory #tierwithnav .utilities #qterm:-ms-input-placeholder, html[data-useragent*='MSIE 10.0'] .products.generic.prdcategory #tierwithnav .utilities #qterm:-ms-input-placeholder {
  line-height: 22px
}

html[data-useragent*='rv:11.0'] .formstyle input, html[data-useragent*='rv:11.0'] .formstyle select, html[data-useragent*='rv:11.0'] .formstyle textarea, html[data-useragent*='MSIE 10.0'] .formstyle input, html[data-useragent*='MSIE 10.0'] .formstyle select, html[data-useragent*='MSIE 10.0'] .formstyle textarea {
  line-height: 1em
}

html[data-useragent*='rv:11.0'] .formstyle select, html[data-useragent*='MSIE 10.0'] .formstyle select {
  background-image: none !important;
  background-color: #fff;
  padding-right: 6px
}

html[data-useragent*='rv:11.0'] #support .formfilter input, html[data-useragent*='MSIE 10.0'] #support .formfilter input {
  height: 34px
}

html[data-useragent*='MSIE 10.0'] .items.iconstext .item div.text {
  display: inline-block
}

html[data-useragent*='MSIE 10.0'] .xbee-ecosystem #customers .tierflextop div.block a .overlay {
  display: block
}

html[data-useragent*='MSIE 10.0'] .xbee-ecosystem #customers .tierflextop div.block a#four {
  background: rgba(49, 196, 234, .1)
}

html[data-useragent*='MSIE 10.0'] #selector .panel {
  display: inline-block
}

html[data-useragent*='MSIE 10.0'] #selector #panel_application .left, html[data-useragent*='MSIE 10.0'] #selector #panel_application .middle, html[data-useragent*='MSIE 10.0'] #selector #panel_application .right {
  display: block;
  float: left;
  height: 640px
}

html[data-useragent*='MSIE 10.0'] #selector #panel_final .left, html[data-useragent*='MSIE 10.0'] #selector #panel_final .right {
  display: block;
  float: left;
  height: 640px
}

html[data-useragent*='MSIE 10.0'] #selector #thumbnails {
  background: #f00;
  display: block
}

html[data-useragent*='MSIE 10.0'] #selector #thumbnails span.item {
  display: block;
  clear: both;
  float: left
}

html[data-useragent*='MSIE 10.0'] #cookie-acceptance .inside span:nth-of-type(1) {
  width: 80%
}

html[data-useragent*='MSIE 10.0'] #cookie-acceptance .inside span:nth-of-type(2) {
  width: 20%
}

.k_button_css_revision {
  background-image: '$Rev:15646 $'
}

#k_popup * {
  box-sizing: content-box !important;
  font-family: Arial;
  float: none
}

#k_popup a img {
  border: 0;
  display: inline
}

#k_popup a {
  text-decoration: none
}

#k_popup a:hover {
  color: #3882c3;
  text-decoration: underline
}

#k_popup div {
  float: none
}

.k_float {
  z-index: 9999999;
  position: fixed !important;
  position: absolute;
  cursor: pointer
}

@media(max-device-width:600px) {
  .k_float {
    position: absolute !important
  }
}

.k_container:before {
  clear: both;
  display: block;
  content: '.';
  height: 0
}

.k_float.absolute {
  position: absolute !important
}

#kampylink img {
  border: 0;
  display: block
}

.k_top {
  top: 0
}

.k_top_sl {
  top: 15px
}

.k_top_hl_sl {
  top: 100px
}

.k_top_hl {
  top: 85px
}

.k_bottom {
  bottom: 0
}

.k_bottom_sl {
  bottom: 15px
}

.k_bottom_hl_sl {
  bottom: 99px
}

.k_bottom_hl {
  bottom: 84px
}

.k_right {
  right: 0
}

.k_left {
  left: 0
}

#k_popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  font-family: 'arial';
  font-weight: bold;
  display: none;
  border: 1px solid black
}

#k_pop_header {
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-weight: bolder;
  border: 1px solid #fff;
  background: white;
  margin: 10px 9px 0
}

#k_pop_question_container {
  font-size: 11px;
  padding: 10px 0 10px 0;
  text-align: center;
  border: 1px solid black;
  margin: 10px 9px 0;
  background: white
}

#k_pop_yes_no {
  margin: 0 auto;
  width: 138px;
  padding: 10px 0 0 0
}

#k_pop_yes_btn, #k_pop_no_btn {
  border-color: #d9dfea #0e1f5b #0e1f5b #d9dfea;
  border-style: solid;
  border-width: 1px;
  padding: 2px 10px 3px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  width: 40px;
  cursor: pointer;
  color: white
}

#k_pop_branding {
  font-size: 11px;
  padding: 3px 0;
  text-align: right
}

#k_pop_branding a {
  color: #3882c3;
  direction: ltr;
  text-align: right;
  font-weight: normal;
  margin-right: 10px
}

#k_pop_whatisthis {
  float: left;
  padding: 1px 0 0 9px
}

#k_pop_remind {
  text-decoration: underline;
  font-weight: normal;
  cursor: pointer
}

#k_close_button {
  color: gray;
  border: 1px solid gray;
  display: none;
  width: 11px;
  height: 16px;
  font-size: 12px;
  text-align: center
}

.kc_top {
  top: 80px
}

.kc_bottom {
  bottom: 80px
}

.kc_right {
  right: 10px
}

.kc_left {
  left: 10px
}

.kc_top_sl {
  top: 95px
}

.kc_bottom_sl {
  bottom: 95px
}

#k_slogan {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666;
  margin-left: 2px;
  margin-right: 2px;
  cursor: default
}

#k_slogan a {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666;
  text-decoration: none;
  cursor: default
}

.k_middle {
  top: 50%;
  margin-top: -80px
}

.k_center {
  left: 50%;
  margin-left: -80px
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, .9);
  outline: none !important;
  opacity: 0;
  transition: opacity .3s ease
}

.lity.lity-opened {
  opacity: 1
}

.lity.lity-closed {
  opacity: 0
}

.lity * {
  box-sizing: border-box
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity .3s ease
}

.lity-loading .lity-loader {
  opacity: 1
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.lity-close-style {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none
}

.lity-close:active {
  top: 1px
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

.lity-hide {
  display: none
}

button#FeedbackTrigger {
  bottom: 10px;
  left: 15px;
  position: fixed;
  background: #3572b0;
  font-size: 11px;
  font-weight: 400;
  font-family: 'source sans pro';
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer
}

button#FeedbackTrigger:hover {
  background: #646466
}

.atlwdg-trigger.atlwdg-TOP {
  top: auto !important;
  bottom: 10px !important;
  left: 15px !important;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: #3572b0;
  text-transform: uppercase;
  padding: 0;
  z-index: 99999;
  font-size: 11px;
  font-weight: 400;
  font-family: 'source sans pro';
  height: 22px;
  line-height: 22px;
  padding: 0 12px
}

.atlwdg-trigger.atlwdg-TOP:hover {
  background: #646466
}

#selector {
  background: #ebecee;
  padding: 0
}

#selector.loading #container-loading {
  background: url("/images/loading.gif") center center no-repeat;
  min-height: 560px
}

#selector.loading #container-loading div {
  opacity: 0
}

#selector .left, #selector .right {
  float: none
}

#selector .ie9only {
  display: none
}

#selector .donly {
  display: block
}

#selector .monly {
  display: none
}

#selector .inside {
  overflow: hidden;
  position: relative
}

#selector #panels {
  display: flex;
  justify-content: flex-start;
  width: 500%;
  position: relative;
  margin: 0;
  padding: 0
}

#selector .panel {
  display: flex;
  justify-content: flex-start;
  width: 20%
}

#selector #panel_industry .left {
  background: #646466 url("/digi/media/transport/selector-background.jpg") center center no-repeat;
  background-size: cover;
  width: 66%;
  padding: 45px
}

#selector #panel_industry .left .logo {
  width: 95px;
  margin: 0 0 8px 0
}

#selector #panel_industry .left h1 {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  line-height: 1em;
  text-align: left;
  margin: 0;
  float: none;
  width: auto
}

#selector #panel_industry .left h4 {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 140px 0;
  line-height: 1em
}

#selector #panel_industry .right {
  display: flex;
  flex-direction: column;
  min-height: 640px;
  width: 34%;
  padding: 35px 0 0 0
}

#selector #panel_industry .right h3 {
  font-size: 34px;
  font-weight: 400;
  color: #3f4245;
  text-transform: none;
  line-height: 1.2em;
  padding: 0 0 60px 30px;
  margin-top: 0
}

#selector #panel_industry .right h4 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #717174;
  padding: 30px 0 30px 30px
}

#selector #panel_industry_container {
  display: flex;
  justify-content: flex-start;
  width: 100%
}

#selector #panel_application .left {
  width: 30%;
  padding: 45px 30px 0 30px;
  background: #fff
}

#selector #panel_application .left h3 {
  font-size: 34px;
  font-weight: 400;
  color: #3f4245;
  text-transform: none;
  line-height: 1.2em;
  margin-top: 0
}

#selector #panel_application .left h3 span {
  color: #72bb4b
}

#selector #panel_application .left h4 {
  font-size: 18px;
  font-weight: 600;
  color: #3f4245;
  padding: 30px 0 30px 0;
  color: #91d46c
}

#selector #panel_application .middle {
  width: 30%;
  overflow-x: hidden;
  position: relative
}

#selector #panel_application .middle #applications {
  width: 200%;
  display: flex;
  min-height: 640px;
  position: relative
}

#selector #panel_application .middle #applications #select_applications {
  width: 50%
}

#selector #panel_application .middle #applications #select_subapplications {
  width: 50%
}

#selector #panel_application .middle:hover+.right {
  background: #fff !important;
  border-left: 1px solid #fff
}

#selector #panel_application .right {
  display: flex;
  flex-direction: column;
  width: 40%;
  background: #fff;
  min-height: 640px;
  padding: 0;
  border-left: 1px solid #cfd5d3;
  cursor: pointer
}

#selector #panel_final .left {
  width: 34%;
  padding: 30px 0 0 0;
  background: #fff;
  border-right: 1px solid #cfd5d3
}

#selector #panel_final .left h3 {
  font-size: 34px;
  font-weight: 400;
  color: #3f4245;
  text-transform: none;
  line-height: 1.2em;
  padding: 0 0 0 30px;
  margin-top: 0
}

#selector #panel_final .left #selector_form {
  padding: 30px 30px 0 30px
}

#selector #panel_final .left .formstyle div {
  margin: 0 0 8px 0;
  position: relative
}

#selector #panel_final .left .formstyle label.error {
  position: absolute;
  top: 50%;
  right: 5px;
  width: auto
}

#selector #panel_final .left .formstyle input {
  border-bottom: 1px solid #cfd5d3;
  border-top: none;
  border-right: none;
  border-left: none;
  font-size: 18px;
  padding: 10px 5px
}

#selector #panel_final .left .formstyle textarea {
  border: 1px solid #cfd5d3;
  margin: 30px 0 0 0;
  height: 150px;
  padding: 10px;
  font-size: 18px
}

#selector #panel_final .left .formstyle .button {
  padding: 12px 20px
}

#selector #panel_final .left .hbspt-form {
  padding-bottom: 16px
}

#selector #panel_final .left .hbspt-form .hs-form-field {
  margin: 0 0 15px 0
}

#selector #panel_final .left .hbspt-form input, #selector #panel_final .left .hbspt-form select, #selector #panel_final .left .hbspt-form textarea {
  padding: 6px 11px
}

#selector #panel_final .right {
  width: 66%;
  padding: 0;
  background: #fff
}

#selector #thumbnails {
  display: flex;
  flex-wrap: wrap;
  background: #fff
}

#selector #thumbnails div.group {
  display: flex;
  flex-wrap: wrap;
  background: #fff
}

#selector #thumbnails div.group h6 {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  display: none
}

#selector #thumbnails div.group h6.highlight {
  display: block
}

#selector #thumbnails span.item {
  display: none;
  flex-direction: column;
  align-items: center;
  color: #717174;
  font-size: 15px;
  font-weight: 400;
  width: 25%;
  padding: 8px 16px;
  box-sizing: border-box
}

#selector #thumbnails span.item span.image {
  width: 64px;
  height: 64px;
  max-width: 64px;
  min-width: 64px;
  max-height: 64px;
  min-height: 64px;
  display: inline-flex;
  vertical-align: middle
}

#selector #thumbnails span.item span.image img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  max-height: 100%;
  max-width: 100%
}

#selector #thumbnails span.item span.title {
  text-align: center;
  padding: 0 16px;
  line-height: 1.3em;
  font-size: 14px
}

#selector #thumbnails span.item.highlight {
  display: flex
}

#selector #final_results {
  height: 640px;
  overflow-y: auto
}

#selector #final_results div.group h3 {
  box-sizing: border-box;
  padding: 0 35px;
  display: none
}

#selector #final_results div.group h3.highlight {
  display: block
}

#selector #final_results div.group+div.group h3 {
  margin-top: 30px
}

#selector #final_results .item {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3em;
  align-items: center;
  border-bottom: 1px solid #cfd5d3;
  padding: 20px 35px
}

#selector #final_results .item:last-of-type {
  padding-bottom: 30px;
  margin-bottom: 0;
  border-bottom: none
}

#selector #final_results .checkmark {
  width: 22px;
  margin: 0 8px 0 0;
  vertical-align: middle
}

#selector #final_results .image {
  display: block;
  float: right;
  width: 150px;
  height: 100px
}

#selector #final_results .image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}

#selector #final_results a.link {
  display: inline;
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 20px 0
}

#selector .select {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1
}

#selector .select span.item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 30px;
  border-bottom: 1px solid #cfd5d3;
  flex: 1;
  flex-wrap: wrap;
  flex-direction: column;
  transition: all .2s ease-in
}

#selector .select span.item:last-of-type {
  border-bottom: none
}

#selector .select span.item .heading {
  padding: 0;
  font-size: 22px;
  width: 100%;
  font-weight: 400;
  transition: all .2s ease-in
}

#selector .select span.item .heading:after {
  box-sizing: content-box;
  opacity: 0;
  content: '';
  width: 22px;
  height: 22px;
  border: 2px solid #1f7fa5;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0;
  overflow: hidden;
  background-image: url("/digi/media/nav/arrow-wcircle-blue-grey.png");
  background-size: 44px 22px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all .2s ease-in
}

#selector .select span.item .teaser {
  display: none;
  padding: 0;
  width: 100%
}

#selector .select span.item:hover, #selector .select span.item.selected {
  cursor: pointer;
  background: #fff
}

#selector .select span.item:hover .heading, #selector .select span.item.selected .heading {
  color: #1f7fa5
}

#selector .select span.item:hover .heading:after, #selector .select span.item.selected .heading:after {
  opacity: 1;
  margin: 0 0 0 10px
}

#selector .select span.item:hover .teaser, #selector .select span.item.selected .teaser {
  display: block
}

#selector #select_industries span.item:first-of-type {
  border-top: 1px solid #cfd5d3
}

#selector .indicator {
  height: 4px;
  background: #bfc0c2
}

#selector .indicator hr {
  border: none;
  border-top: 4px solid #72bb4b;
  clear: both;
  width: 20%;
  float: left;
  transition: all .2s ease-in;
  margin: 0;
  padding: 0
}

#selector .indicator hr.length1 {
  width: 40%
}

#selector .indicator hr.length2 {
  width: 60%
}

#selector .indicator hr.length3 {
  width: 80%
}

#selector .indicator hr.length4 {
  width: 100%
}

#selector .indicator hr.noshow {
  border-top: none
}

#selector #selector_breadcrumb {
  width: 100%;
  padding: 5px 45px;
  clear: both;
  transition: all .2s ease-in;
  background: #fff;
  line-height: 1em;
  opacity: 1;
  overflow: hidden
}

#selector #selector_breadcrumb.hideme {
  padding: 0 45px;
  max-height: 0;
  opacity: 0
}

#selector #selector_breadcrumb span, #selector #selector_breadcrumb a {
  display: inline-block;
  padding: 0
}

#selector #selector_breadcrumb span:before, #selector #selector_breadcrumb a:before {
  content: '//';
  display: inline-block;
  padding: 5px 10px
}

#selector #selector_breadcrumb span.nosep:before, #selector #selector_breadcrumb a.nosep:before {
  opacity: 0
}

#selector #selector_breadcrumb a:first-of-type:before {
  display: none
}

@media(max-width:1200px) {
  #selector .inside {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important
  }
}

@media(max-width:960px) {
  #selector {
    border-top: 1px solid #cfd5d3
  }
  #selector #selector_breadcrumb {
    padding: 0 20px
  }
  #selector #selector_breadcrumb.hideme {
    padding: 0 20px
  }
  #selector #panel_industry .left {
    padding: 20px;
    width: 50%
  }
  #selector #panel_industry .left h1 {
    font-size: 49px;
    margin-bottom: 20px
  }
  #selector #panel_industry .left h4 {
    margin: 0 0 50px 0
  }
  #selector #panel_industry .right {
    padding: 10px 0 0 0;
    width: 50%;
    height: auto
  }
  #selector #panel_industry .right h3 {
    font-size: 30px;
    padding: 0 15px
  }
  #selector #panel_industry .right h4 {
    padding: 30px 0 30px 15px
  }
  #selector #panel_application .left {
    width: 50%;
    padding: 20px
  }
  #selector #panel_application .left h3 {
    font-size: 30px
  }
  #selector #panel_application .middle {
    width: 50%;
    height: auto
  }
  #selector #panel_application .middle #applications {
    height: auto
  }
  #selector #panel_application .right {
    display: none;
    height: auto
  }
  #selector #panel_final .left {
    display: none
  }
  #selector #panel_final .right {
    width: 100%
  }
  #selector #final_results {
    height: auto
  }
  #selector .select span.item {
    padding: 15px
  }
  #selector .select span.item .heading {
    font-size: 20px
  }
  #selector .select span.item .heading:after {
    width: 22px;
    height: 22px;
    background-size: 40px 20px
  }
}

@media(max-width:767px) {
  #selector {
    position: relative
  }
  #selector .donly {
    display: none
  }
  #selector .monly {
    display: block
  }
  #selector .button.monly {
    display: inline-block
  }
  #selector .select span.item {
    flex: 0;
    display: block;
    padding: 15px;
    color: #3f4245
  }
  #selector .select span.item .heading:after {
    opacity: 1;
    margin: 0 0 0 10px;
    border: 2px solid #3f4245;
    background-position: -20px 0
  }
  #selector .select span.item:hover .heading:after, #selector .select span.item.selected .heading:after {
    border: 2px solid #1f7fa5;
    background-position: 0 0
  }
  #selector #selector_mobile {
    padding: 15px 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    background: #4a4f52;
    line-height: 1em
  }
  #selector #selector_mobile div {
    display: inline-block;
    width: 70%
  }
  #selector #selector_mobile div#start_over {
    text-align: right;
    width: 30%;
    font-weight: 300;
    text-transform: none
  }
  #selector #selector_mobile div#start_over a {
    color: #3f4245;
    background: #fff;
    border-radius: 30px;
    padding: 3px 10px;
    text-decoration: none
  }
  #selector #selector_mobile img {
    width: 80px;
    margin: 0 5px 0 0
  }
  #selector #panel_industry {
    display: block;
    position: relative;
    overflow: hidden
  }
  #selector #panel_industry .left h1 {
    font-size: 35px;
    line-height: 1.1em;
    margin-top: 20px
  }
  #selector #panel_industry .left h4 {
    font-size: 18px;
    display: none
  }
  #selector #panel_industry .left .logo {
    display: none
  }
  #selector #panel_industry .right {
    min-height: auto
  }
  #selector #panel_industry .right h3 {
    font-size: 25px;
    line-height: 1.1em
  }
  #selector #panel_industry_container {
    width: 200%;
    position: relative
  }
  #selector #panel_application {
    flex-direction: column
  }
  #selector #panel_application .left {
    width: 100%;
    padding: 10px 15px 0 15px;
    background: #ebecee
  }
  #selector #panel_application .left h3 {
    font-size: 20px
  }
  #selector #panel_application .middle {
    width: 100%
  }
  #selector #panel_application .middle #applications {
    min-height: auto
  }
  #selector #final_results {
    height: auto
  }
  #selector #final_results a {
    font-size: 18px
  }
  #selector #final_results .item {
    flex-direction: column;
    padding: 20px;
    font-size: 18px
  }
  #selector #final_results .item .coltwo:nth-of-type(1) {
    width: 100%;
    order: 2
  }
  #selector #final_results .item .coltwo:nth-of-type(2) {
    padding: 0;
    width: 100%;
    order: 1
  }
  #selector #final_results .item .coltwo:nth-of-type(2) img {
    width: 100%;
    padding: 0;
    max-width: 150px
  }
}

#cookie-acceptance {
  transition: all .3s ease-in;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  background: #00b7ff;
  background: rgba(0, 183, 255, .95);
  color: #fff;
  width: 100%;
  font-size: 20px;
  line-height: 1.4em;
  overflow: hidden;
  max-height: 0;
  padding: 16px 0;
  opacity: 0
}

#cookie-acceptance.showacceptance {
  max-height: 400px;
  opacity: 1
}

#cookie-acceptance a {
  color: #fff
}

#cookie-acceptance br {
  display: none
}

#cookie-acceptance .inside {
  text-align: center;
  padding: 15px 15px;
  display: flex;
  align-items: center
}

#cookie-acceptance span {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 15px
}

#cookie-acceptance .buttonwhite {
  white-space: nowrap;
  color: #1f7fa5;
  text-decoration: none
}

#cookie-acceptance .buttonwhite:after {
  display: none
}

#cookie-acceptance .linkwhite {
  text-decoration: underline
}

#cookie-acceptance .close {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -10px 0 0 0;
  background: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  font-size: 12px;
  color: #0074a2
}

#cookie-acceptance .close:hover {
  text-decoration: none;
  background: #0074a2;
  color: #fff
}

#cookie-acceptance span.x {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer
}

a.cta-newsletter {
  display: block;
  color: #646466;
  font-weight: 600;
  font-size: 20px;
  padding: 0 0 23px 0;
  margin: 70px 0;
  position: relative;
  width: 100%;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center
}

a.cta-newsletter:hover {
  text-decoration: none
}

a.cta-newsletter span.container {
  box-sizing: border-box;
  background: #f2f2f2;
  padding: 28px 46px 5px 46px;
  text-align: center;
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  justify-content: center
}

a.cta-newsletter span.text {
  text-align: left
}

a.cta-newsletter span.cta {
  white-space: nowrap;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  background: #00b7ff;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  vertical-align: middle;
  margin: 0 0 0 20px
}

a.cta-newsletter span.cta:after {
  content: url("//www.digi.com/images/arrow-right-white-small.png");
  margin: 0 0 0 4px
}

a.cta-newsletter:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid transparent;
  box-sizing: border-box
}

.download .document {
  display: flex;
  align-items: center;
  width: 70%;
  margin: 0 15%;
  padding: 70px 0
}

.download .document a.downloadcover {
  position: relative;
  display: inline-block;
  width: 90%;
  margin: 0 5%
}

.download .document a.downloadcover:after {
  transition: all .2s ease-out;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -25px 0 0 -25px;
  content: "";
  border-radius: 50%;
  background-color: #91d46c;
  background-image: url("//www.digi.com/images/icon-download-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 35px 35px;
  width: 50px;
  height: 50px
}

.download .document a.downloadcover:hover:after {
  background-color: #9de476
}

.download .document img {
  border: 1px solid #efefef
}

.download .document h2 {
  margin: 0 0 18px 0;
  line-height: 1.2em
}

.download .document .description {
  display: block;
  width: 100%;
  margin: 0 0 18px 0
}

.download .notfound {
  text-align: center;
  width: 100%;
  font-size: 18px
}

.examples-guides h2, .project-gallery h2 {
  margin: 0 0 24px 0
}

.examples-guides .interior-heading-type2, .project-gallery .interior-heading-type2 {
  margin: 0 0 50px 0
}

.examples-guides .results, .project-gallery .results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.examples-guides .results .ContentLabel, .project-gallery .results .ContentLabel {
  display: block;
  margin: 0 0 70px 0
}

.examples-guides .results div, .project-gallery .results div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.examples-guides .results div .ResultCount, .project-gallery .results div .ResultCount {
  order: 1;
  width: 100%;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.3em;
  margin: 0 0 24px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

.examples-guides .results div .item, .project-gallery .results div .item {
  order: 2
}

.examples-guides .results div .pagination, .project-gallery .results div .pagination {
  order: 3
}

.examples-guides .item, .project-gallery .item {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.3em;
  color: #fff;
  width: 32%;
  font-weight: 300;
  margin: 0 0 30px 0;
  overflow: hidden;
  text-decoration: none
}

.examples-guides .item:nth-of-type(3n+2), .project-gallery .item:nth-of-type(3n+2) {
  margin-left: 2%;
  margin-right: 2%
}

.examples-guides .item .image, .project-gallery .item .image {
  height: 250px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms
}

.examples-guides .item .content, .project-gallery .item .content {
  width: 100%;
  background: linear-gradient(225deg, transparent 25px, #3f4245 25px);
  padding: 20px;
  margin: -35px 0 0 0;
  position: relative;
  flex-grow: 2
}

.examples-guides .item span, .project-gallery .item span {
  display: block
}

.examples-guides .item span.highlight, .project-gallery .item span.highlight {
  display: inline-block
}

.examples-guides .item span.title, .project-gallery .item span.title {
  font-size: 18px;
  line-height: 1.2em;
  margin: 0 0 8px 0;
  color: #fff;
  font-weight: 800;
  text-transform: none
}

.examples-guides .item span.teaser, .project-gallery .item span.teaser {
  display: block;
  margin: 0 0 8px 0
}

.examples-guides .item span.readmore, .project-gallery .item span.readmore {
  color: #fff;
  text-decoration: underline;
  font-weight: 400
}

.examples-guides .item:hover, .project-gallery .item:hover {
  text-decoration: none;
  color: #fff
}

.examples-guides .item:hover span.image, .project-gallery .item:hover span.image {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.examples-guides .item:hover span.title, .examples-guides .item:hover span.teaser, .project-gallery .item:hover span.title, .project-gallery .item:hover span.teaser {
  text-decoration: none
}

.examples-guides .controls, .project-gallery .controls {
  clear: both;
  padding: 0 0 50px 0
}

.examples-guides .controls .default, .project-gallery .controls .default {
  padding: 8px 40px 8px 16px;
  color: #3f4245;
  text-decoration: none;
  background: #eef0f0 url("//www.digi.com/images/select-arrowdown.png") no-repeat 95% center;
  background-size: 13px 8px;
  display: inline-block;
  width: 300px;
  font-size: 18px
}

.examples-guides .controls .TagCloud, .project-gallery .controls .TagCloud {
  display: none;
  background: #eef0f0;
  padding: 16px;
  position: absolute;
  z-index: 10;
  width: 300px
}

.examples-guides .controls .TagCloud span, .project-gallery .controls .TagCloud span {
  display: block;
  margin: 0 0 8px 0
}

.examples-guides .controls .TagCloud a, .project-gallery .controls .TagCloud a {
  text-decoration: none;
  color: #3f4245
}

.examples-guides .controls .TagCloud.open, .project-gallery .controls .TagCloud.open {
  display: block
}

.examples-guides .controls .search-dialog label, .project-gallery .controls .search-dialog label {
  display: none
}

.examples-guides .controls .search-dialog .form-horizontal, .project-gallery .controls .search-dialog .form-horizontal {
  display: flex;
  flex-direction: row
}

.examples-guides .controls .search-dialog .form-group, .project-gallery .controls .search-dialog .form-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.examples-guides .controls .search-dialog input, .project-gallery .controls .search-dialog input {
  width: auto;
  border-radius: 0;
  background: #fff;
  padding: 8px 25px;
  border: none;
  width: 230px;
  height: 50px;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #c7c8c8;
  border-right: none;
  font-size: 18px;
  -webkit-appearance: none
}

.examples-guides .controls .search-dialog input:focus, .examples-guides .controls .search-dialog input:active, .project-gallery .controls .search-dialog input:focus, .project-gallery .controls .search-dialog input:active {
  outline: 0;
  box-shadow: none
}

.examples-guides .controls .search-dialog input[type="submit"], .project-gallery .controls .search-dialog input[type="submit"] {
  width: 40px;
  height: 40px;
  color: #fff
}

.examples-guides .controls .search-dialog .form-group-submit, .project-gallery .controls .search-dialog .form-group-submit {
  width: 40px;
  height: 40px;
  position: relative;
  border: none
}

.examples-guides .controls .search-dialog .form-group-submit:after, .project-gallery .controls .search-dialog .form-group-submit:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #fff url("//www.digi.com/images/search-icon-darkgrey.png") center center no-repeat;
  background-size: 16px 16px;
  pointer-events: none;
  border: 1px solid #c7c8c8;
  border-left: none
}

.examples-guides .controls select, .project-gallery .controls select {
  max-width: 250px;
  height: 50px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.4em;
  color: #3f4245;
  border: none;
  padding: 8px 25px;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  border-radius: 0;
  background: #fff;
  vertical-align: middle;
  padding-right: 64px;
  background: #fff url("//www.digi.com/images/select-dropdown-darkgrey.png") no-repeat 90% center;
  background-size: 14px 7px;
  border: 1px solid #c7c8c8
}

.examples-guides .controls .container, .project-gallery .controls .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.examples-guides .controls .container div.selectdropdown, .project-gallery .controls .container div.selectdropdown {
  margin-right: 20px
}

.examples-guides .controls .container div.submitproject, .project-gallery .controls .container div.submitproject {
  margin-left: auto
}

.examples-guides.article, .project-gallery.article {
  margin: 50px 0;
  font-size: 18px
}

.examples-guides.article .container, .project-gallery.article .container {
  max-width: 960px;
  width: 100%
}

.examples-guides.article section, .project-gallery.article section {
  margin: 0 0 70px 0
}

.examples-guides.article h1, .project-gallery.article h1 {
  margin-bottom: 32px
}

.examples-guides.article h3, .project-gallery.article h3 {
  margin-bottom: 16px
}

.examples-guides.article .thumbnail, .project-gallery.article .thumbnail {
  width: 100%;
  height: 472px;
  background-repeat: none;
  background-size: cover;
  background-position: center center;
  margin: 0 0 30px 0
}

.examples-guides.article .share, .project-gallery.article .share {
  margin: 0 0 30px 0
}

.examples-guides.article #tags, .project-gallery.article #tags {
  display: block;
  margin: 30px 0;
  clear: both
}

.examples-guides.article #tags a, .project-gallery.article #tags a {
  margin: 0 5px 5px 0;
  font-size: 13px;
  display: inline-block;
  background: #e2f6ff;
  color: #3f4245;
  padding: 2px 15px;
  border-radius: 20px;
  text-decoration: none
}

.examples-guides.article #tags a:hover, .project-gallery.article #tags a:hover {
  background: #3f4245;
  color: #fff;
  text-decoration: none
}

.certifications .date {
  color: #b3b3b3;
  font-style: italic;
  text-align: right;
  font-size: .9em;
  margin-left: auto
}

.certifications div.stickyHeader {
  top: 0;
  position: fixed;
  _position: absolute
}

.certifications .interior-heading-type2 {
  margin: 0 0 30px 0
}

.certifications #nomatches {
  color: #cc6033;
  padding: 20px 0;
  text-align: center
}

.certifications .part-number-filter {
  padding: 15px 0 30px 0;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.certifications .part-number-filter label {
  color: #b2b2b2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  margin: 0 10px 0 0
}

.certifications .part-number-filter input {
  padding: 8px 15px;
  min-width: 300px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c7c8c8;
  border-radius: 0
}

.certifications #csv_table {
  font-size: 16px;
  border-left: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative
}

.certifications #csv_table th {
  line-height: 1.2em;
  font-size: 10px;
  vertical-align: bottom;
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-clip: padding-box
}

.certifications #csv_table th:nth-of-type(1) {
  width: 15%
}

.certifications #csv_table th:nth-of-type(2) {
  width: 22%
}

.certifications #csv_table th+th+th {
  text-align: center
}

.certifications #csv_table th+th+th span {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  white-space: nowrap
}

.certifications #csv_table th+th+th span.arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.certifications #csv_table td {
  padding: 5px 10px;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8;
  font-size: 14px
}

.certifications #csv_table td:nth-of-type(1) {
  width: 15%;
  font-weight: 600
}

.certifications #csv_table td:nth-of-type(2) {
  width: 22%
}

.certifications #csv_table td+td+td {
  text-align: center;
  font-size: 20px;
  padding: 0
}

.certifications #csv_table td img {
  width: 15px;
  max-width: 15px
}

.certifications .container-table {
  width: 100%;
  padding: 0 0 30px 0
}

@media(max-width:1020px) {
  .examples-guides.article .container, .project-gallery.article .container {
    width: 90%;
    margin: 0 5%
  }
}

@media(max-width:960px) {
  .examples-guides .item, .project-gallery .item {
    width: 48%
  }
  .examples-guides .item:nth-of-type(3n+2), .project-gallery .item:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0
  }
  .examples-guides .item:nth-of-type(odd), .project-gallery .item:nth-of-type(odd) {
    margin-right: 2%
  }
  .examples-guides .item:nth-of-type(even), .project-gallery .item:nth-of-type(even) {
    margin-left: 2%
  }
  .examples-guides .item a .title, .project-gallery .item a .title {
    font-size: 22px
  }
  .examples-guides.article, .project-gallery.article {
    margin: 25px 0
  }
  .examples-guides .controls .submitproject, .project-gallery .controls .submitproject {
    display: none
  }
}

@media(max-width:768px) {
  .examples-guides .controls .search-dialog input, .project-gallery .controls .search-dialog input {
    width: 200px
  }
  .examples-guides.article .thumbnail, .project-gallery.article .thumbnail {
    height: 300px
  }
  .examples-guides .results div .ResultCount, .project-gallery .results div .ResultCount {
    font-size: 39px
  }
}

@media(max-width:767px) {
  .certifications .date {
    width: 100%;
    text-align: left;
    padding: 16px 0 0 0
  }
  .certifications #csv_table tr {
    padding: 0;
    border-right: none;
    border-bottom: none
  }
  .certifications #csv_table td {
    width: 100% !important
  }
  .certifications #csv_table td:before {
    display: inline-block;
    width: auto;
    font-size: 14px;
    margin: 0 5px 0 0
  }
  .certifications #csv_table td+td+td {
    text-align: left;
    padding: 2px 10px
  }
  .certifications #csv_table td span.dash:after {
    display: inline-block;
    content: '-'
  }
  .certifications #csv_table td:nth-of-type(1) {
    background: #3f4245;
    color: #fff
  }
  .certifications #csv_table td:nth-of-type(1):before {
    color: #fff
  }
  .certifications #csv_table td:nth-of-type(1) a {
    color: #fff !important
  }
  .examples-guides .controls .submitproject, .project-gallery .controls .submitproject {
    display: none
  }
}

@media(max-width:568px) {
  .examples-guides .item .image, .project-gallery .item .image {
    height: 150px
  }
  .examples-guides .item .content, .project-gallery .item .content {
    background: linear-gradient(225deg, transparent 15px, #3f4245 15px);
    padding: 15px;
    margin: -25px 0 0 0
  }
  .examples-guides .item .content .teaser, .project-gallery .item .content .teaser {
    display: none
  }
  .examples-guides .controls .container, .project-gallery .controls .container {
    flex-direction: column
  }
  .examples-guides .controls .container div.search-dialog, .examples-guides .controls .container div.selectdropdown, .project-gallery .controls .container div.search-dialog, .project-gallery .controls .container div.selectdropdown {
    width: 100%;
    margin: 0 0 8px 0
  }
  .examples-guides .controls .container select, .project-gallery .controls .container select {
    width: 100%;
    max-width: 100%;
    background-position: 95% center
  }
  .examples-guides .controls .container .search-dialog .form-group:nth-of-type(1), .project-gallery .controls .container .search-dialog .form-group:nth-of-type(1) {
    width: calc(100% - 50px)
  }
  .examples-guides .controls .container .search-dialog input, .project-gallery .controls .container .search-dialog input {
    width: 100%
  }
  .examples-guides.article section, .project-gallery.article section {
    width: 100%
  }
  .examples-guides.article .thumbnail, .project-gallery.article .thumbnail {
    height: 175px
  }
  .examples-guides.article .tablewrapper, .project-gallery.article .tablewrapper {
    width: 100%;
    padding: 0 0 30px 0;
    overflow-x: auto
  }
  .examples-guides .results div .ResultCount, .project-gallery .results div .ResultCount {
    font-size: 35px
  }
}

.btn {
  border-radius: 0;
  text-transform: uppercase;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400
}

.btn-sm {
  padding: 8px 18px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase
}

.btn-primary, a.btn-primary {
  color: #fff;
  background-color: #00b7ff;
  border-color: #00b7ff
}

.btn-primary:hover, a.btn-primary:hover {
  background-color: #00a5e6;
  border-color: #00a5e6
}

.btn-outline-primary {
  color: #00b7ff;
  border-color: #00b7ff
}

.btn-outline-primary:hover {
  background-color: #00a5e6;
  border-color: #00a5e6
}

.badge-primary {
  background-color: #00b7ff
}

.badge-success {
  background-color: #72bb4b
}

h1.header {
  font-size: 35px;
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none;
  text-align: center
}

h2.preheader {
  text-align: center;
  font-size: 20px
}

h2.subheader {
  font-size: 18px;
  margin-bottom: 33px;
  font-weight: 300;
  width: 86%;
  margin: 0 7% 50px 7%;
  text-align: center;
  text-transform: none;
  color: #646466
}

h1.header+h2.subheader {
  margin-top: -33px
}

#nav-left ul ul li {
  background: #fff;
  margin-left: 15px
}

#nav-left ul ul li a {
  border-bottom: 1px solid #f2f2f2 !important
}

#nav-left div.nav-left-inside {
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  padding-bottom: 23px;
  padding-top: 10px
}

#nav-left div.nav-left-inside:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  border-top: 23px solid #f2f2f2;
  border-right: 23px solid #fff;
  box-sizing: border-box
}

#nav-left div.nav-left-inside li a {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  width: 90%;
  margin: 0 5%
}

#nav-left div.nav-left-inside li:last-of-type a {
  border-bottom: none
}

#nav-left div.nav-left-inside a.selected, #nav-left div.nav-left-inside a.active {
  color: #a3a3a3
}

#nav-left .nav-left-inside {
  display: none
}

#nav-left .nav-left-inside.show {
  display: block
}

#nav-left .responsiveonly {
  width: 100%;
  text-align: left;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 10px;
  margin: 0;
  background: #f2f2f2;
  border: none;
  box-sizing: border-box;
  position: relative;
  font-weight: 600;
  text-transform: uppercase
}

#nav-left .responsiveonly a {
  display: block
}

#nav-left .responsiveonly a:hover {
  color: #0074a2;
  text-decoration: none
}

#nav-left .responsiveonly a:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background: #0074a2;
  border-radius: 3px;
  display: block;
  transition: all .2s ease-in-out;
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7);
  transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7)
}

#nav-left .responsiveonly a:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background: #0074a2;
  border-radius: 3px;
  display: block;
  transition: all .2s ease-in-out;
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7);
  transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7)
}

#nav-left .responsiveonly.selected a:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

#nav-left .responsiveonly.selected a:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

@media(min-width:576px) {
  .container {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
  h1.header {
    font-size: 52px;
    margin: 0 0 66px 0
  }
  h2.preheader {
    font-size: 24px
  }
  h2.subheader {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 300
  }
  h1.header+h2.subheader {
    margin-top: -66px
  }
}

@media(min-width:768px) {
  .container {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
  #nav-left.nav-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11
  }
  #nav-left .responsiveonly {
    display: none
  }
  #nav-left .nav-left-inside {
    display: block
  }
  #nav-left .nav-left-inside.show {
    display: block
  }
}

@media(min-width:1200px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0
  }
}

@media(max-width:1240px) {
  .container {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
}

@media(max-width:768px) {
  .container {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
}

@media(max-width:568px) {
  .container {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
}

.alert-type1 {
  max-height: 200px;
  padding: 20px 40px;
  background: #f9efea;
  border-top: 1px solid #cc6033;
  border-bottom: 1px solid #cc6033;
  position: relative;
  transition: all .5s ease-in;
  transition-property: max-height, padding;
  text-align: center;
  font-size: 19px;
  overflow: hidden
}

.alert-type1.closed {
  max-height: 0;
  overflow: hidden;
  border: none;
  padding: 0
}

.alert-type1 a {
  color: #3f4245 !important;
  display: inline-block
}

.alert-type1 a:hover {
  color: #1f7fa5 !important
}

.alert-type1 .close {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -31px 0 0 0;
  color: #cc6033;
  cursor: pointer;
  display: inline-block;
  padding: 20px;
  font-weight: 600;
  font-size: 22px;
  opacity: 1
}

.alert-type1 .close:hover {
  color: #1f7fa5
}

.alert-type2 {
  padding: 15px 40px;
  background: #3f4245;
  position: relative;
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  color: #fff
}

.alert-type2 a {
  color: #fff
}

.alert-type2 a:hover {
  color: #fff
}

.alert-type2 .close {
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  display: flex;
  width: 36px;
  height: 36px;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.alert-type2.blue {
  background: #1f7fa5
}

.alert-type2.red {
  background: #cc6033
}

.alert-type2.green {
  background: #91d46c
}

.alert-type2.green a {
  color: #3f4245
}

.alert-type2.green a:hover {
  color: #3f4245
}

.alert-type2.green .close {
  color: #3f4245
}

.alert-type2.closed {
  display: none
}

@media(max-width:568px) {
  .alert-type2 {
    padding: 15px 5%;
    font-size: 16px;
    line-height: 18px
  }
}

@-o-viewport {
  width: device-width
}

@viewport {
  width: device-width
}

@media(max-height:800px) {
  .home #banner {
    height: 464px
  }
  .home #banner #banners {
    height: 464px
  }
  .home #banner .inside {
    height: 464px
  }
}

@media(max-height:450px) {
  .chatpopup .subtitle {
    margin: 0
  }
  .chatpopup .bigphone {
    margin: 0;
    font-size: 24px
  }
  .chatpopup .tierflex {
    margin: 5px 0 15px 0
  }
  .chatpopup .tierflex .colthree img {
    width: 70px
  }
}

@media(max-width:1200px) {
  .products #tabs a span.shorten {
    display: none
  }
  .linkcirclearrow br {
    display: none
  }
  #subbanner span.teaser br {
    display: none
  }
  h1 br, h2 br, h3 br, h4 br {
    display: none
  }
  .tiersplit .left {
    padding-left: 5%
  }
  .tiersplit .right {
    padding-right: 5%
  }
  .story .quote .text .attribution br {
    display: none
  }
  h4.subheading br {
    display: none
  }
  .news .subtabs a.selected:after, .products #tabs a.selected:after {
    display: none
  }
  .inside {
    width: 90% !important;
    margin: 0 5% !important
  }
  #nav .logo {
    width: 15%;
    margin: 0
  }
  #nav .bottom ul li {
    padding: 0 1%;
    font-size: .8em
  }
  #nav .bottom ul li.search {
    margin: 0 0 0 1%
  }
  #nav .bottom ul li.hoverintent a:before, #nav .bottom ul li.touchonly:hover a:before {
    left: -15px;
    border-width: 15px 0 0 15px
  }
  .offerings .text .heading, .offerings .text .subheading {
    font-size: 18px;
    line-height: 1.2em
  }
  .industries .subtabbanner .text {
    width: 60%;
    font-size: 46px;
    line-height: 48px
  }
  #tierwithnav {
    width: 90%;
    margin: 0 5%;
    left: 0
  }
  .products .tabssub ul {
    width: 100%
  }
  .varform h2 br {
    display: none
  }
  .support-services.index #tools .coltool {
    width: 30.5%;
    margin: .75% .75% 60px .75%
  }
  .xbeecell-roadmap .modules {
    padding: 10px 2% 0 2%
  }
  .xbeecell-roadmap .modules .module {
    padding: 0 3%
  }
  .xbeecell-roadmap p {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin: 25px 0 0 0
  }
}

@media(max-width:1039px) {
  .home #banner .text {
    width: 45%
  }
  .home #banner .text .heading {
    font-size: 46px;
    line-height: 48px
  }
  .home #banner .text .teaser br {
    display: none
  }
}

@media(max-width:960px) {
  .linkcirclearrow {
    font-size: 20px
  }
  .linkcirclearrow:after {
    width: 22px;
    height: 22px;
    background-size: 40px 20px;
    background-position: -20px 0
  }
  .linkcirclearrow:hover:after {
    background-position: 0 0
  }
}

@media(max-width:959px) {
  h4.subheading br {
    display: none
  }
  .model table+.buyoptions {
    width: 100%;
    margin: 30px 0 0 0
  }
  .model .buyoptions .option {
    width: 50%;
    margin: 0 0 10px 0
  }
  #nav .inside {
    position: relative
  }
  #nav .top {
    font-size: .7em
  }
  #nav .bottom {
    position: static
  }
  #nav .bottom ul li {
    font-size: .7em;
    padding: 0 .5%
  }
  #nav .bottom ul li .dropdown .stripe .colsixfive a {
    padding: 0 15px 0 0
  }
  #nav .bottom ul li .dropdown .stripe .colsixfive a:nth-of-type(1) {
    padding-left: 15px
  }
  a.button, a.buttonexternal {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 16px
  }
  #subbanner .text h1 {
    font-size: 40px;
    line-height: 42px
  }
  #subbanner h1 br {
    display: none
  }
  .offerings .colthree, .offerings .colfour, .offerings .coltwo {
    width: 45%;
    margin: 0 2% 45px 2%;
    padding: 0 0 12px 0
  }
  .offerings .colthree:after, .offerings .coltwo:after, .offerings .colfour:after {
    bottom: -12px;
    border-top: 12px solid #f2f2f2;
    border-right: 12px solid transparent
  }
  .cornerwhite .colthree:after, .cornerwhite .coltwo:after, .cornerwhite .colfour:after {
    bottom: -12px;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent
  }
  .generic .right .products h3 {
    padding-left: 20px
  }
  .generic .right .similar {
    padding: 20px
  }
  .home #circles {
    top: 20px
  }
  .home #circles a, .home #circles span {
    background: rgba(0, 183, 255, .2)
  }
  .home #circles a:hover, .home #circles a.selected, .home #circles span:hover, .home #circles span.selected {
    background: rgba(0, 183, 255, .8)
  }
  .home #banner .text {
    width: 45%
  }
  .home #banner .text .heading {
    font-size: 46px;
    line-height: 48px
  }
  .home #offers .offer {
    width: 94%;
    margin: 0 3%
  }
  .home #industries-customers .colfive {
    padding: 0 2% 40px 0;
    width: 33.33%
  }
  .industries #stories .colfive {
    padding: 0 2% 0 0;
    width: 33.33%;
    margin-bottom: 30px
  }
  .story .right .products h3 {
    padding-left: 20px
  }
  .story .right .similar {
    padding: 20px
  }
  #family .prddivembedhalf .halfright a {
    white-space: normal
  }
  .products #specs img {
    max-width: 100%
  }
  .products #recent .fourcol {
    width: 50%
  }
  #browsebyfeature .productcategory span h4 {
    width: 33.3%
  }
  #browsebyfeature .productcategory span ul {
    width: 66.7%
  }
  #browsebyfeature .productcategory span ul li {
    width: 50%
  }
  .model table+.buyoptions {
    width: 100%;
    margin: 90px 0 0 0
  }
  .card-container .card {
    width: 32.3%
  }
  #hottag .insidenarrow {
    width: 100%;
    margin: 0
  }
  .howtobuy .filterproducts .colfive {
    width: 33%
  }
  .products #content-overview div.hellophone .tierflex .setup {
    width: 48%;
    margin: 0 2% 0 0;
    order: 3
  }
  .products #content-overview div.hellophone .tierflex .description {
    width: 48% !important;
    margin: 0 0 0 2%;
    order: 4
  }
  .products #content-overview div.hellophone .tierflex .animation {
    width: 100%;
    order: 1
  }
  .support-services.index a.colthree {
    width: 48%;
    margin: 0 1% 60px 1%
  }
  .support-services.index #tools .coltool {
    width: 48.5%;
    margin: .75% .75% 60px .75%
  }
  .security .alerts .container-security .item .date, .security .notifications .container-security .item .date {
    width: 20%;
    margin: 0 4% 0 0
  }
  .security .alerts .container-security .item .link, .security .notifications .container-security .item .link {
    width: 76%
  }
  .products.generic.prdcategory #fresultsholder.altview .result {
    width: 33.3%;
    padding: 0 2%
  }
}

@media(max-width:864px) {
  .home #banner .text {
    bottom: auto;
    top: 20px;
    width: 100%
  }
  .home #banner .corner {
    width: 300px;
    height: 300px
  }
  .home #banner .text .heading, .home #banner .inside .text .teaser {
    padding-right: 10px
  }
  .home #banner {
    height: 564px
  }
  .home #banner #banners {
    height: 564px
  }
  .home #banner .inside {
    height: 564px
  }
}

@media(max-width:768px) {
  #error .inside {
    flex-direction: column
  }
  #error .coltwo {
    width: 100%
  }
  .trustfence #medical .coltwo {
    padding: 1%
  }
  .trustfence #medical img {
    width: 100%
  }
  .trustfence #solutions .colfive {
    width: 33.33%
  }
  .trustfence #datasheets .coltwo {
    width: 100%;
    padding: 0
  }
  .trustfence #datasheets .coltwo:nth-of-type(1) {
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #cfd5d3
  }
  .items.iconstext .item {
    -ms-flex-line-pack: flex-start;
    align-items: flex-start
  }
  .items.iconstext .item div {
    -ms-flex-line-pack: flex-start;
    align-items: flex-start
  }
  #subbanner .corner {
    width: 220px;
    height: 220px
  }
  .resourcedownload .inside .coltwo:nth-of-type(1) {
    width: 40%
  }
  .resourcedownload .inside .coltwo:nth-of-type(2) {
    width: 60%
  }
  .electronica .tierflextop .colthree {
    margin: 0 1% 30px 1%;
    width: 48%
  }
  .card-container .card {
    width: 49%
  }
  .card-single {
    width: 49%
  }
  .resource-landing .logorev, .resource-landing .logo {
    top: 28px;
    font-size: 14px;
    padding: 0;
    width: 90%;
    left: 5%
  }
  .resource-landing .logorev img, .resource-landing .logo img {
    width: 78px
  }
  .resource-landing .training-banner {
    padding-top: 80px
  }
  .resource-landing .training-banner .corner {
    display: none
  }
  .resource-landing .training-banner h1 {
    font-size: 28px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%
  }
  .resource-landing .training-banner h1 br {
    display: none
  }
  .products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(1), .products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(2), .products #content-overview div.marketingconnectwizard .inside div.colthree:nth-of-type(3) {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0
  }
  .products #content-overview div.marketingconnectsensorhowworks .inside .coltwo {
    width: 100%
  }
  .products #content-overview div.marketingconnectsensorhowworks .inside img {
    padding: 40px 0
  }
  .support-services table.base-expert-pro tr, .support-services table.base-expert-pro td, .support-services table.base-expert-pro th, .support-services table.base-expert-pro tbody, .support-services table.base-expert-pro thead {
    display: block;
    width: 100% !important;
    text-align: left
  }
  .support-services table.base-expert-pro thead {
    display: none
  }
  .support-services table.base-expert-pro td {
    border-left: 1px solid #cfd5d3
  }
  .support-services table.base-expert-pro td:nth-of-type(1) {
    background: #f2f2f2
  }
  .support-services table.base-expert-pro td:nth-of-type(2):before {
    display: block;
    width: 100%;
    font-size: 16px;
    font-style: italic;
    color: #c1c1c1;
    font-weight: 600;
    content: 'Base: '
  }
  .support-services table.base-expert-pro td:nth-of-type(3):before {
    display: block;
    width: 100%;
    font-size: 16px;
    font-style: italic;
    color: #c1c1c1;
    font-weight: 600;
    content: 'Expert: '
  }
  .support-services table.base-expert-pro td:nth-of-type(4):before {
    display: block;
    width: 100%;
    font-size: 16px;
    font-style: italic;
    color: #c1c1c1;
    font-weight: 600;
    content: 'Professional: '
  }
  .support-services table.base-expert-pro tr:nth-of-type(even) {
    background: #fff
  }
}

@media(max-width:767px) {
  #browsebyfeature h1.larger {
    margin: 0 0 25px 0
  }
  #browsebyfeature .filter {
    margin: 25px 0;
    padding-bottom: 25px
  }
  #browsebyfeature .filter #livefilter {
    width: 50%
  }
  #browsebyfeature .productcategory {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0
  }
  #browsebyfeature .productcategory span h6 {
    width: 100%
  }
  #browsebyfeature .productcategory span ul {
    width: 100%
  }
  #browsebyfeature .productcategory span ul li {
    width: 50%
  }
  a.button-blue-outline {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0 0
  }
  .download .document {
    width: 100%;
    flex-direction: column;
    margin: 0
  }
  .download .document .coltwo {
    width: 100%
  }
  .download .document .coltwo:nth-of-type(1) {
    margin: 0 0 18px 0
  }
  .download .document .coltwo:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  #cookie-acceptance {
    font-size: 1em;
    line-height: 1.2em
  }
  #cookie-acceptance .inside {
    text-align: center;
    padding: 10px 0;
    flex-direction: column
  }
  #cookie-acceptance span {
    display: inline-block;
    vertical-align: middle;
    text-align: left
  }
  #cookie-acceptance span:nth-of-type(1) {
    height: 90px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative
  }
  #cookie-acceptance span:nth-of-type(1):after {
    content: "↓";
    position: absolute;
    bottom: 0;
    right: 0
  }
  #cookie-acceptance br {
    display: block
  }
  #cookie-acceptance .buttonwhite {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0 0
  }
  #cookie-acceptance span.x {
    position: absolute;
    top: 0;
    right: -5px;
    cursor: pointer;
    display: inline-block
  }
  #cookie-acceptance span.x:after {
    display: none
  }
  .prdindex .prdindextabs {
    margin: 0 0 30px 0
  }
  .prdindex .prdindextabs a {
    padding: 5px 8px;
    margin: 0 3% 0 0;
    width: 30%;
    font-size: .9em
  }
  .prdindex .prdindextabs a:after {
    display: none
  }
  .prdindex .prdindextabs a br {
    display: inline-block
  }
  .prdindex .bycategory .columns .colfour, .prdindex .byfamily .columns .colfour, .prdindex .byfeature .columns .colfour {
    width: 50%;
    margin: 0 0 30px 0
  }
  .prdindex .bycategory .columns .colfour .item .heading, .prdindex .byfamily .columns .colfour .item .heading, .prdindex .byfeature .columns .colfour .item .heading {
    font-size: 18px
  }
  .prdindex .bycategory .list ul, .prdindex .byfamily .list ul, .prdindex .byfeature .list ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
  }
  .prdindex .bycategory hr, .prdindex .byfamily hr, .prdindex .byfeature hr {
    margin: 0 0 30px 0
  }
  .ronly {
    display: block
  }
  .donly {
    display: none
  }
  .biggie {
    font-size: 18px
  }
  .cookietrail {
    padding: 8px 0;
    font-size: 14px
  }
  .bulleticons .item {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px
  }
  .bulleticons .item .bullet {
    width: 22%;
    margin-right: 5%
  }
  .bulleticons .item .bullet img {
    width: 100%
  }
  .bulleticons .item .text {
    width: 73%
  }
  .bulleticons .item .heading {
    font-size: 1.5em;
    line-height: 1.5em
  }
  .tiersplit .left {
    padding: 30px 5%;
    width: 100%
  }
  .tiersplit .left .text {
    max-width: 100%
  }
  .tiersplit .left:after {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent #fff transparent
  }
  .tiersplit .right {
    padding: 30px 5%;
    width: 100%
  }
  .tiersplit .right .text {
    max-width: 100%
  }
  .home #banner .text {
    bottom: auto;
    top: 20px;
    width: 100%
  }
  .home #banner .corner {
    width: 300px;
    height: 300px
  }
  .home #banner .text .heading, .home #banner .inside .text .teaser {
    padding-right: 10px
  }
  .home #banner .text .teaser .link {
    display: none
  }
  .home #banner {
    height: 564px
  }
  .home #banner #banners {
    height: 564px
  }
  .home #banner .inside {
    height: 564px
  }
  .home #newbrand {
    height: 300px;
    padding: 50px 0;
    background: #f2f2f2 url("//www.digi.com/images/home-background-newbrand.jpg") right center no-repeat;
    background-size: cover
  }
  .home #newbrand .brandbig {
    font-size: 28px;
    line-height: 32px
  }
  .home #newbrand .brandsmall {
    font-size: 18px
  }
  .home #newbrand img {
    margin: 15px 0;
    width: 60px
  }
  #nav {
    height: 53px;
    background: #f9f8ff;
    position: relative
  }
  #nav .inside {
    position: static
  }
  #nav .logo {
    width: 35%;
    padding-top: 16px
  }
  #nav .logo img {
    width: 78px
  }
  #nav .top {
    display: none
  }
  #nav .bottom {
    width: 65%;
    position: static
  }
  #nav .bottom ul {
    display: none
  }
  #nav .bottom div.search .dropdown {
    width: 100%
  }
  #nav .bottom div.search a {
    background: none
  }
  #nav .bottom div.search img {
    background-position: -22px 0
  }
  #nav .bottom div.sticky img {
    background-position: left 0
  }
  #nav .bottom div.sticky a {
    background: #00b7ff
  }
  #nav .bottom div.search .dropdown input {
    font-size: 20px;
    margin: 20px 0 25px 0;
    padding: 9px 6px
  }
  .positionup {
    margin-top: -53px
  }
  #footer #requestview.dontshow {
    display: block
  }
  #footer .links {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }
  .embeddedsearch input[type="text"] {
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    padding-left: 6px;
    padding-right: 6px
  }
  .embeddedsearch input[type="submit"], .embeddedsearch input[type="button"] {
    width: 44px;
    height: 44px;
    cursor: pointer
  }
  .featured-resources .filters #embedtype, .featured-resources .filters #embedindustry, .featured-resources .filters #productinterest {
    height: 44px;
    padding: 0 !important
  }
  .calltoaction {
    margin: 50px 0
  }
  .calltoaction a.button {
    margin: 20px 25% 0 25%
  }
  .generic .title h1 {
    font-size: 24px
  }
  .generic .left {
    width: 100%;
    float: left;
    padding: 0 0 50px 0
  }
  .generic .right {
    width: 100%;
    float: left;
    padding: 0 0 50px 0
  }
  .generic .left h3, .story .right h3 {
    font-size: 20px
  }
  .home #whatsnew .left, .home #whatsnew .right {
    width: 100%
  }
  .home #whatsnew .left .colthree {
    margin: 0 0 30px 0
  }
  .home #whatsnew .two {
    display: none
  }
  .home #offers {
    text-align: center
  }
  .home #offers .colthree {
    text-align: left;
    margin: 0 auto 60px auto;
    width: 50%
  }
  .home #offers .offer h3 {
    top: 60px
  }
  .home #offers #create .offer {
    background: url("//www.digi.com/images/home-offer-create.png") top right no-repeat;
    background-size: 200px 200px
  }
  .home #offers #deploy .offer {
    background: url("//www.digi.com/images/home-offer-deploy.png") top right no-repeat;
    background-size: 200px 200px
  }
  .home #offers #manage .offer {
    background: url("//www.digi.com/images/home-offer-manage.png") top right no-repeat;
    background-size: 200px 200px
  }
  .home #customer {
    height: 300px;
    background-size: auto 300px
  }
  .home #customer .inside {
    position: relative;
    height: 300px;
    display: table
  }
  .home #customer .text {
    position: static;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%
  }
  .home #customer .quote {
    font-size: 1.25em;
    line-height: 1.5em;
    text-align: left;
    margin: 0 0 15px 0
  }
  .home #customer .attribution {
    font-size: .8em;
    line-height: 1.5em;
    text-align: left
  }
  .industries .colfour {
    width: 50%
  }
  .industries .subtabcontent .left .cut-corner {
    display: none
  }
  .industries .subtabcontent .inside {
    display: block
  }
  .industries .subtabcontent .left, .industries .subtabcontent .right {
    width: 100%;
    float: left;
    clear: both
  }
  .industries .subtabcontent .right .diagram {
    position: static
  }
  .industries .subtabrelated .colfive {
    width: 33.33%
  }
  .story .title h1 {
    font-size: 24px
  }
  .story .left {
    width: 100%;
    float: left;
    padding: 50px 0 0 0
  }
  .story .right {
    width: 100%;
    float: left;
    padding: 0 0 50px 0
  }
  .story .left h3, .story .right h3 {
    font-size: 20px
  }
  .story .button-print {
    display: none
  }
  .news .item .image {
    width: 35%
  }
  .news .item .text {
    width: 65%
  }
  .news .item .text .heading {
    font-size: 18px
  }
  .leadership .content {
    width: 100%;
    margin: 0 0 55px 0
  }
  .leadership .content h4 {
    padding: 18px 50px 18px 0;
    font-size: 16px;
    font-weight: 400
  }
  .leadership .content h4 span {
    display: block;
    font-size: 18px;
    font-weight: 600
  }
  .leadership .content h4 span:after {
    content: "";
    padding: 0
  }
  .leadership .content h4 .social {
    display: none
  }
  .leadership .content h4+div.info {
    padding: 0
  }
  .leadership .content div.info {
    font-size: 1em;
    line-height: 1.5em
  }
  .leadership .content div.info p {
    font-size: 16px;
    line-height: 1.5em;
    width: 100%
  }
  .leadership .content div.info img {
    width: 50%;
    margin: 0 0 5% 0
  }
  .leadership .content h4.selected+div.info {
    margin-bottom: 18px
  }
  .leadership .content div.info .social {
    display: inline-block
  }
  .expandingboxes {
    width: 100%;
    margin: 0 0 55px 0
  }
  .expandingboxes h4 {
    padding: 18px 50px 18px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding-right: 35px
  }
  .expandingboxes h4+div.info {
    padding: 0 35px 0 0;
    font-size: 16px;
    line-height: 20px;
    width: 100%
  }
  .expandingboxes h4:after {
    content: "";
    margin: -7.5px 0 0 0;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 14px;
    background: url("//www.digi.com/images/arrow-down-grey.png") right center no-repeat;
    background-size: 10px 10px;
    transition: all .2s ease-out
  }
  #faceted #fleftnav {
    width: 100%
  }
  #faceted #fleftnav h3 {
    display: none
  }
  #faceted #fcategories {
    padding: 0
  }
  #faceted .fcat {
    width: 100%;
    min-height: 10px
  }
  #faceted .fcatimage {
    width: 24%
  }
  #faceted .fcattext {
    width: 76%;
    float: left;
    text-align: left
  }
  #faceted #fresultsholder {
    width: 100%
  }
  #faceted .fresultsimage {
    width: 24%;
    height: auto;
    float: left;
    padding-right: 20px;
    margin: 0;
    box-sizing: border-box
  }
  #faceted .fresultsimage img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
  }
  #faceted .fresultstitle {
    width: 76%;
    float: left;
    margin: 0;
    box-sizing: border-box
  }
  #faceted .fresultsbullets {
    width: 100%;
    clear: left;
    margin: 0;
    box-sizing: border-box
  }
  #faceted #viewswitch {
    width: 100%
  }
  #faceted.compact .fresults {
    width: 100%;
    height: auto
  }
  #faceted.compact .fresultstitle, #faceted.compact .fresultsimage {
    text-align: left
  }
  #faceted.compact .fresultsbullets {
    display: block
  }
  #faceted.compact .facetmainsubtitle {
    padding: 0;
    text-align: left
  }
  #faceted #viewswitch a {
    display: none
  }
  #faceted #fleftnav #fleftnavhide {
    display: none
  }
  #faceted #futilities {
    padding: 10px 2%
  }
  #family #tabs a {
    padding: 4px;
    font-size: 14px
  }
  #family #tabs a span {
    display: block;
    padding: 3px;
    color: #fff
  }
  #family #specs img {
    max-width: 100%
  }
  #family .fourcol {
    width: 50%;
    height: 150px
  }
  .products #bullets h1 {
    font-size: 52px;
    line-height: 1em
  }
  .products #bullets .leftfloat h2 {
    font-size: 18px;
    line-height: 24px
  }
  .products #content-overview .left {
    padding: 0 0 30px 0;
    width: 100%
  }
  .products #content-overview .right {
    padding: 0 0 50px 0;
    width: 100%
  }
  .products #content-overview #related .item, .products #content-resources .resource-section .item, .products #content-overview #related-products .item {
    width: 50%
  }
  .products #content-overview #related-products .five .item {
    margin: 0 0 30px 0
  }
  .products #content-overview #related-products .item a span.photo {
    width: 135px;
    height: 135px
  }
  .products #content-overview #related-products, .products #content-overview #related {
    padding: 30px 0 30px 0;
    text-align: left
  }
  .products #content-overview #related h2, .products #content-overview #related-products h2 {
    margin-bottom: 5px;
    text-align: center
  }
  .products #tierwithnavleft h4 {
    padding: 0 0 0 15px;
    width: 100%;
    margin: 15px 0 0 0;
    padding-right: 10%;
    padding-top: 15px
  }
  .products #fcategories {
    margin-top: 20px
  }
  .products #tierwithnavleft div.nolink {
    margin: 30px 0 0 0;
    width: 100%;
    padding: 0 0 0 15px
  }
  .products #tierwithnavleft div.nolink a {
    border: none
  }
  .products #tierwithnavleft #fcategories+div.nolink {
    margin: 30px 0 0 0;
    width: 100%
  }
  .products #tierwithnavleft:after {
    display: none
  }
  .products #tabs a {
    padding: 5px 12px
  }
  .products .marketing .photovert {
    margin: 0
  }
  .products #content-overview .section:nth-of-type(odd) .photovert {
    margin: 0
  }
  .products .marketing .descriptionvert {
    width: 75%;
    margin: 0;
    padding-top: 0
  }
  .products #content-overview .section:nth-of-type(odd) .descriptionvert {
    margin: 0
  }
  #transportgenerator label {
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    line-height: normal
  }
  #transportgenerator div.pnrow {
    padding: 10px
  }
  #blog #thecontent {
    width: 100%;
    padding: 30px 0 0 0
  }
  #blog #sidebar {
    width: 100%;
    float: left;
    display: none
  }
  #blog .sidebarnav {
    display: block;
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    margin: 0;
    background: #00b7ff url("//www.digi.com/images/submenu.png") 97% center no-repeat;
    background-size: 17px 17px;
    border: none;
    box-sizing: border-box
  }
  #blog .sidebarnav a {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff !important;
    border-bottom: none
  }
  .brand #subbanner, .brand #subbanner .inside {
    height: auto;
    background-color: #fff;
    float: left;
    clear: both;
    padding: 30px 0 0 0
  }
  .brand #subbanner {
    margin: 0 0 30px 0
  }
  .brand #subbanner img.background {
    display: none
  }
  .brand #subbanner .inside:after {
    display: none
  }
  .brand #subbanner #player {
    position: relative;
    width: 100%;
    left: 0;
    margin: 0
  }
  .brand .right {
    padding: 20px !important
  }
  .brand .brandbanner img {
    width: 100%;
    margin: 0
  }
  .brand #videocontent {
    width: 100%;
    margin: 30px 0 70px 0
  }
  #tierwithnavleft {
    width: 100%;
    float: left;
    padding: 0;
    background: none;
    margin-bottom: 30px
  }
  #tierwithnavleft ul:after {
    display: none
  }
  #tierwithnavleft ul>li a {
    display: none
  }
  #tierwithnavleft h4, #tierwithnavleft div.nolink {
    display: none
  }
  #tierwithnavleft h4.navigation, #tierwithnavleft h4.related {
    padding-left: 15px
  }
  #tierwithnavleft ul>li ul a {
    display: block
  }
  #tierwithnavleft.alwaysshow ul>li a {
    display: block
  }
  #tierwithnavleft ul>li ul.dontshow {
    display: none
  }
  ul.subleftnav {
    display: block
  }
  #tierwithnavleft .responsiveonly, #faceted #fleftnav .responsiveonly {
    display: block !important;
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    margin: 0;
    background: #00b7ff;
    border: none;
    box-sizing: border-box;
    position: relative
  }
  #tierwithnavleft .responsiveonly a:after, #faceted #fleftnav .responsiveonly a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    display: block;
    transition: all .2s ease-in-out;
    top: 20px;
    right: 10px;
    -webkit-transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7);
    transform: rotate(135deg) translateX(-3px) translateY(-3px) scaleX(.7)
  }
  #tierwithnavleft .responsiveonly a:before, #faceted #fleftnav .responsiveonly a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    display: block;
    transition: all .2s ease-in-out;
    top: 20px;
    right: 10px;
    -webkit-transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7);
    transform: rotate(-135deg) translateX(3px) translateY(-3px) scaleX(.7)
  }
  #tierwithnavleft .responsiveonly.selected a:after, #faceted #fleftnav .responsiveonly.selected a:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
  #tierwithnavleft .responsiveonly.selected a:before, #faceted #fleftnav .responsiveonly.selected a:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }
  #tierwithnavleft .responsiveonly a, #faceted #fleftnav .responsiveonly a {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff !important;
    border-bottom: none
  }
  #tierwithnavleft ul {
    padding: 0
  }
  #tierwithnavleft ul ul {
    width: 100%;
    padding-left: 30px
  }
  #tierwithnavleft ul ul::after {
    display: none
  }
  #tierwithnavleft a {
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #efefef
  }
  .linksrelated {
    background: #fff;
    margin: 5px 0 0 0
  }
  #tierwithnavleft a.noshow {
    display: none
  }
  #tierwithnavmain {
    width: 100%;
    float: left;
    padding: 0
  }
  #dsearch .gsc-control-searchbox-only table.gsc-search-box {
    width: 100%;
    box-sizing: border-box
  }
  #dsearch .gsc-control-cse {
    padding: 0
  }
  .aboutdigi .overview .coltwo:first-child {
    width: 100%;
    padding: 0
  }
  .aboutdigi .overview .coltwo:first-child+.coltwo {
    width: 100%;
    padding: 0
  }
  .aboutdigi .overview .coltwo:first-child h4 {
    margin: 0 0 10px 0
  }
  .aboutdigi .tierstats .colfour, .aboutdigi .tierstats .colthree {
    width: 50%
  }
  .aboutdigi .tierlocation .inside .coltwo:first-child {
    width: 100%;
    position: relative;
    padding: 20px 0
  }
  .aboutdigi .tierlocation .inside .coltwo:first-child #map {
    width: 100%;
    height: 250px;
    position: relative;
    right: 0;
    top: 0;
    text-align: right
  }
  .aboutdigi .tierlocation .inside .coltwo:first-child+.coltwo {
    width: 100%;
    background: #f2f2f2;
    padding: 20px 0 20px 0;
    position: relative
  }
  .aboutdigi .tierlocation .inside .coltwo:first-child+.coltwo:after {
    display: none
  }
  .aboutdigi .tierstats {
    padding: 65px 0 50px 0
  }
  .aboutdigi .tierpolicies {
    padding: 0 0 35px 0
  }
  .aboutdigi .tierleadership {
    padding: 35px 0 25px 0
  }
  .aboutdigi .tierlocation {
    margin: 25px 0 35px 0
  }
  .importantmessage {
    flex-wrap: wrap
  }
  .importantmessage div {
    width: 100%;
    padding: 10px !important;
    text-align: left
  }
  #videos #player {
    width: 100%;
    margin: 0
  }
  #videos .video-item {
    width: 50%
  }
  #video #player .left, #video #player .right {
    width: 100%;
    padding: 0
  }
  #video #relatedvideos .video-item {
    width: 50%
  }
  .scrollup {
    width: 40px;
    height: 40px
  }
  .scrollup:hover {
    background: #bf4226
  }
  .scrollup img {
    margin-top: 11px;
    width: 18px;
    height: 18px
  }
  #tierwithnavleft.tierwithnavleft2 h4.heading {
    padding: 0;
    margin: 15px 0
  }
  #tierwithnavleft.tierwithnavleft2 h4.heading.noshow {
    display: none
  }
  #tierwithnavleft.tierwithnavleft2 h4.related {
    padding-left: 0
  }
  #tierwithnavleft.tierwithnavleft2 li a {
    margin: 0
  }
  .howtobuy #tierwithnav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }
  .howtobuy #tierwithnavleft {
    width: 100%;
    order: 2
  }
  .howtobuy #tierwithnavmain {
    width: 100%;
    order: 1
  }
  .howtobuy select.bigblue {
    width: 100%
  }
  .howtobuy .listings h4 {
    padding: 18px 50px 18px 0;
    font-size: 16px;
    font-weight: 400
  }
  .howtobuy .listings h4.selected+div.info {
    margin-bottom: 18px
  }
  .howtobuy .listings .info .right {
    padding-bottom: 0
  }
  .howtobuy .listings .company .info .right ul li, .howtobuy .listings .carrier .info .right ul li {
    padding: 3px 0 3px 25px
  }
  .howtobuy .listings .company .info .right ul li.selected:before, .howtobuy .listings .carrier .info .right ul li.selected:before {
    left: 0
  }
  .howtobuy .indexitem {
    width: 100%;
    margin: 0 0 35px 0
  }
  .howtobuy .indexitem .text {
    width: 85%
  }
  .carrier .cta {
    text-align: center;
    margin: 0 8% 30px 8%;
    width: 84%
  }
  .carrier .cta .coltwo {
    width: 100%;
    margin: 0 0 30px 0
  }
  .promo {
    font-size: 16px
  }
  #support .supportfilter .inside {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }
  #support .supportfilter .allproducts {
    width: 100%;
    margin: 0 0 20px 0;
    order: 2
  }
  #support .supportfilter .recentproducts {
    width: 100%;
    margin: 0 0 20px 0;
    order: 2;
    order: 1
  }
  #support .supportfilter .formfilter {
    text-align: left
  }
  #support .supportfilter .formfilter input, #support .supportfilter .formfilter select {
    width: 90%
  }
  #support .supportfilter .formfilter .clearbtn {
    margin: 0 0 5px 0
  }
  .overlap-leftnav #subbanner {
    margin: 0 0 50px 0
  }
  .overlap-leftnav #tierwithnavleft {
    margin-top: 0
  }
  .overlap-leftnav #tierwithnavleft .overlap li a, .overlap-leftnav #tierwithnavleft .linksrelated li a {
    width: 100%;
    margin: 0;
    padding: 8px 0 8px 15px
  }
  .overlap-leftnav #tierwithnavleft h4 {
    display: block
  }
  .overlap-leftnav #tierwithnavleft h4.heading {
    padding: 0 0 0 15px;
    margin: 15px 0
  }
  .overlap-leftnav #tierwithnavleft h4.heading.noshow {
    display: none
  }
  .overlap-leftnav #tierwithnavleft h4.related.noshow {
    display: none
  }
  .overlap-leftnav #tierwithnavleft ul>li a {
    display: block
  }
  .overlap-leftnav #tierwithnavleft ul.noshow, .overlap-leftnav #tierwithnavleft div.linksrelated.noshow {
    display: none
  }
  .overlap-leftnav #tierwithnavleft:after {
    display: none
  }
  .overlap-leftnav #tierwithnavmain {
    padding-top: 0
  }
}

@media(max-width:568px) {
  .tweet-box.ctt-box-design-1 {
    padding: 15px 20px 10px !important;
    margin: 5px 0 !important
  }
  .tweet-box.ctt-box-design-1 p {
    font-size: 20px !important;
    line-height: 26px !important
  }
  #feedbackdiv {
    display: none !important
  }
  .actonform .ao-row {
    flex-direction: column
  }
  .actonform .ao-column {
    width: 100% !important
  }
  .actonform .ao-column:nth-of-type(1) {
    padding: 0
  }
  .actonform .ao-column:nth-of-type(2) {
    padding: 0
  }
  .button-uncached, .atlwdg-trigger.atlwdg-TOP {
    display: none
  }
  .trustfence .tiersplit .right {
    padding-top: 0
  }
  .trustfence #bestpractices:after {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #f2f2f2 transparent transparent
  }
  .trustfence #medical .coltwo {
    padding: 0
  }
  .trustfence #medical .coltwo:nth-of-type(1) {
    margin: 0 0 24px 0
  }
  .trustfence #medical h4 {
    font-size: 20px
  }
  .trustfence #medical em {
    font-size: 16px;
    line-height: 24px
  }
  .trustfence #medical img {
    width: 80%;
    margin: 0 10%
  }
  .trustfence .marketingwds .triangle .descriptiontriangle {
    width: 100%;
    margin: 0 0 24px 0
  }
  .trustfence .marketingwds .triangle .descriptiontriangle strong {
    font-size: 20px
  }
  .trustfence .marketingwds .triangle .buttontriangle {
    width: 100%
  }
  .trustfence .marketingwds .triangle em {
    font-size: 16px;
    line-height: 24px
  }
  .trustfence #solutions .colfive {
    width: 50%
  }
  .trustfence #datasheets .coltwo {
    text-align: left;
    justify-content: flex-start
  }
  .trustfence #datasheets .colthree {
    padding: 0;
    width: 32%;
    text-align: left;
    margin: 0 0 16px 0
  }
  .trustfence #datasheets .colthreetwo {
    padding: 0;
    width: 100%
  }
  .items.iconstext .item {
    width: 100%;
    margin: 0 0 24px 0
  }
  .items.iconstext .item:last-of-type {
    margin-bottom: 0
  }
  .ribbon-doc .cover {
    width: 100%;
    margin: 0 0 16px 0;
    text-align: left
  }
  .ribbon-doc .cover a {
    width: 32%
  }
  .ribbon-doc .text {
    width: 100%;
    margin: 0
  }
  .downloadcover:after {
    right: 0;
    left: auto;
    top: 50%;
    margin: -20px -20px 0 0;
    content: "";
    border-radius: 50%;
    background-color: #00b7ff;
    background-image: url("/images/icon-download-white.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
    width: 40px;
    height: 40px
  }
  .downloadcoversmall:after {
    right: 0;
    left: auto;
    top: 50%;
    margin: -20px -20px 0 0;
    content: "";
    border-radius: 50%;
    background-color: #00b7ff;
    background-image: url("/images/icon-download-white.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
    width: 40px;
    height: 40px
  }
  .prdindex .bycategory .list ul, .prdindex .byfamily .list ul, .prdindex .byfeature .list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }
  .resourcedownload .inside .coltwo:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0
  }
  .resourcedownload .inside .coltwo:nth-of-type(1) img {
    width: 50%
  }
  .resourcedownload .inside .coltwo:nth-of-type(2) {
    width: 100%;
    padding: 0
  }
  .electronica .tierflextop .colthree {
    margin: 0 0 30px 0;
    width: 100%
  }
  .electronica .tierflextop .colthree .product {
    width: 70%;
    margin: 0 15%
  }
  .electronica .tierflextop .colthree .heading {
    font-size: 20px;
    line-height: 1.2em
  }
  .electronica .tierflextop .colthree .partnumber {
    font-size: 16px;
    margin: 0 0 15px 0
  }
  .electronica .tierflextop .colthree .price {
    font-size: 35px;
    margin: 0
  }
  .electronica .tierflextop .colthree .price span.dollar {
    font-size: 20px
  }
  .electronica .tierflextop .colthree .price span {
    font-size: 16px
  }
  .electronica .tierflextop .colthree .subhead {
    font-size: 16px
  }
  .coltwo, .colthree, .colfour, .colfive, .colsix, .colfourthree, .coleight {
    width: 100%
  }
  h3 {
    font-size: 1.4em
  }
  .tabs, .subtabs {
    width: 100%;
    float: left;
    clear: both;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 30px 0;
    text-align: left
  }
  .tabs span, .subtabs span {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }
  .subtabs {
    margin: 0;
    padding: 13px 0
  }
  .tabs a, .subtabs a {
    width: 46%;
    padding: 5px 0;
    margin: 0 2%;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    text-align: left;
    line-height: 1.2em;
    display: flex;
    justify-content: left;
    align-items: center
  }
  .tabs a.selected:after, .subtabs a.selected:after {
    display: none
  }
  .tabs a.heading, .subtabs a.heading {
    font-size: 1.4em;
    padding: 5px 0;
    margin: 0 0 20px 0
  }
  #subbanner {
    height: 224px;
    margin: 0 0 25px 0
  }
  #subbanner .inside {
    height: 224px
  }
  #subbanner img.background {
    width: 832px;
    height: 224px
  }
  #subbanner .text {
    width: 90%;
    left: 0;
    top: 24px;
    bottom: auto;
    z-index: 5
  }
  #subbanner .text h1 {
    font-size: 25px;
    line-height: 28px
  }
  #subbanner .text h2 {
    font-size: 13px;
    line-height: 16px
  }
  #subbanner span.teaser {
    display: none
  }
  #subbanner .corner {
    width: 175px;
    height: 175px
  }
  .offerings .colthree, .offerings .colfour, .offerings .coltwo, .offerings .colthreetwo {
    width: 100%;
    margin: 0 0 45px 0;
    padding: 0 0 12px 0
  }
  .offerings .text {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0 12px
  }
  .offerings .text .heading {
    padding-top: 14px
  }
  .offerings .text .subheading {
    font-size: 13px;
    line-height: 18px
  }
  .offerings h3 {
    display: none
  }
  .generic h1 {
    font-size: 24px;
    margin: 30px 0 33px 0
  }
  .generic h1.larger {
    font-size: 24px
  }
  h4.subheading, .generic h2, h5.subheading, h2.smallblock {
    font-size: 18px;
    line-height: 1.4em;
    width: 100%;
    padding: 0;
    margin: 0 0 25px 0
  }
  .generic h2 {
    width: 90%;
    margin: 0 5%
  }
  h2.smallblock {
    width: 100%;
    margin: 0
  }
  .generic .quote {
    margin: 0 0 50px 0
  }
  .generic .quote:after {
    content: "";
    background: url("//www.digi.com/images/subpage-banner-corner.png") center center no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px
  }
  .generic .quote .text {
    font-size: 16px;
    line-height: 1.5em;
    padding: 15px 65px 0 15px
  }
  .generic .quote .text .attribution {
    font-size: 14px
  }
  .generic .content {
    font-size: 16px;
    line-height: 1.5em
  }
  .tier {
    padding: 30px 0
  }
  .tier h2 {
    font-size: 24px;
    margin-bottom: 25px
  }
  .desktoponly {
    display: none
  }
  .quoteinline {
    padding: 30px 30px 10px 0
  }
  .quoteinline blockquote {
    font-size: 1.1em
  }
  .quoteinline blockquote:before {
    font-size: 60px;
    margin: 18px 5px 0 -23px
  }
  .quoteinline blockquote:after {
    font-size: 60px;
    margin: 0 0 -13px 4px
  }
  .quoteinline img {
    float: left;
    width: 35%;
    margin: 0 30px 5px 25px
  }
  .quoteinline p {
    padding-left: 40px
  }
  .tablestyle thead, .tablestyle tbody, .tablestyle tr, .tablestyle th, .tablestyle td {
    width: 100% !important;
    display: block;
    text-align: left !important;
    box-sizing: border-box;
    margin: 0;
    border-bottom: none;
    float: left;
    clear: both
  }
  .tablestyle thead th {
    display: none
  }
  .tablestyle thead th:first-child {
    display: block
  }
  .tablestyle td {
    border-right: 1px solid #f2f2f2
  }
  .tablestyle.pn td:nth-of-type(2), .tablestyle.pn td:nth-of-type(3) {
    border-top: none
  }
  #nav .bottom div.search .dropdown h4 {
    margin: 0 0 8px 0
  }
  #subfooter {
    font-size: 1.2em;
    font-weight: 400;
    padding: 20px 0
  }
  #subfooter a {
    font-size: .8em
  }
  #subfooter .social {
    width: 40px;
    margin: 20px 3px 0 3px;
    display: inline-block;
    vertical-align: middle
  }
  #subfooter .social+.social {
    margin: 20px 3px 0 3px
  }
  #footer {
    padding: 40px 0
  }
  #footer .links {
    width: 100%
  }
  #footer #twitterfeed {
    width: 100%;
    margin: 30px 0 20px 0
  }
  #footer #twitterfeed img {
    display: none
  }
  #footer #logos {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    text-align: left
  }
  .home #nav {
    margin: 0 0 15px 0
  }
  .home #banner, .home #banner .inside, .home #banner #banners {
    height: 340px
  }
  .home #banner .text .heading {
    font-size: 28px;
    line-height: 32px
  }
  .home #banner .text .teaser {
    display: none
  }
  .home #banner img.background {
    height: 340px
  }
  .home #banner .corner {
    width: 215px;
    height: 215px
  }
  .home #whatsnew {
    padding: 37px 0 45px 0
  }
  .home #whatsnew .left .colthree {
    width: 100%;
    padding: 0
  }
  .home #offers {
    padding: 45px 0
  }
  .home #offers .colthree {
    width: 100%;
    margin: 0 0 60px 0
  }
  .home #offers #manage.colthree {
    margin: 0
  }
  .home #offers .offer {
    width: 100%;
    max-width: none;
    height: 250px;
    margin: 0
  }
  .home #industries-customers {
    padding: 45px 0 0 0
  }
  .home #industries-customers .colfive {
    width: 48%;
    margin: 0 1%
  }
  .home #industries-customers .contents .content span {
    margin: 0
  }
  .home #industries-customers .contents .content img {
    float: left;
    margin: 0 10px 0 0
  }
  .home #newbrandvideo {
    padding-top: 100px
  }
  span.announcement .inside {
    padding: 15px 0;
    flex-direction: column
  }
  span.announcement .inside span {
    width: 100%;
    padding: 0 20px;
    display: block
  }
  span.announcement .inside span.image {
    padding-right: 0
  }
  span.announcement .inside span.image img {
    width: 50%;
    margin: 0 25%
  }
  span.announcement .inside span.heading {
    font-size: 20px;
    margin: 16px 0 0 0;
    text-align: center
  }
  span.announcement .inside span.cta {
    text-align: center
  }
  span.announcement span.button {
    margin: 0
  }
  span.announcement br {
    display: inline
  }
  .industries #stories .colfive {
    width: 100%;
    padding: 0
  }
  .industries #stories .contents .content span {
    display: inline;
    margin: 0
  }
  .industries #stories .contents .content img {
    float: left;
    margin: 0 10px 0 0;
    width: 45%
  }
  .industries .benefits .colfour {
    width: 100%;
    margin-bottom: 20px
  }
  .industries .benefits .colfour img {
    float: left;
    width: 25%;
    margin: 0 10px 0 0
  }
  .industries .benefits {
    font-size: .9em;
    line-height: 1.4em
  }
  .industries .benefits h5 {
    font-size: 16px
  }
  .industries .subtabbanner {
    height: 165px
  }
  .industries .subtabbanner .inside {
    height: 165px
  }
  .industries .subtabbanner .text {
    width: 60%;
    font-size: 24px;
    line-height: 28px
  }
  .industries .subtabproducts .item {
    width: 150px;
    margin: 0 10px
  }
  .industries .subtabproducts .item span.image {
    width: 130px;
    height: 130px;
    line-height: 130px
  }
  .industries .subtabproducts .item span.image img {
    max-width: 130px;
    max-height: 80%;
    vertical-align: middle
  }
  .industries .subtabrelated .colfive {
    width: 100%
  }
  .industries .subtabrelated .colfive+.colfive+.colfive+.colfive {
    display: none
  }
  .industries .subtabrelated .colfive span {
    display: inline;
    margin: 0
  }
  .industries .subtabrelated .colfive span img {
    float: left;
    margin: 0 10px 0 0
  }
  .industries .subtabrelated .colfive {
    padding: 0;
    margin: 0 0 30px 0
  }
  .industries .subtabcontent .left h3 {
    font-size: 19px;
    margin: 30px 0 0 0
  }
  .industries .subtabcontent .left {
    padding: 40px 0
  }
  .story .quote .text {
    font-size: 16px;
    line-height: 1.5em
  }
  .story .quote .text .attribution {
    font-size: 14px
  }
  .alignright, .alignleft, .alignright33, .alignright33, .alignleft50, .alignright50, .left50nf {
    width: 100%;
    float: left;
    margin: 0 0 10px 0
  }
  .products #tierexplore .colfour:not(:first-child) h3 {
    margin-top: 30px
  }
  #tierendorsement .first, #home #tierendorsement .second {
    width: 100%
  }
  #tierendorsement .twocol img {
    max-width: 100%;
    width: 100%
  }
  #tierendorsement blockquote {
    margin: 0 0 20px 0;
    font-size: 20px;
    padding: 0;
    line-height: 28px
  }
  #tierendorsement blockquote:before {
    font-size: 60px;
    margin: 18px 5px 0 -23px
  }
  #tierendorsement blockquote:after {
    font-size: 60px;
    margin: 0 0 -13px 4px
  }
  #tierendorsement p {
    padding-left: 0
  }
  #faceted .fcatimage {
    padding-right: 10px
  }
  #faceted .fresultsimage {
    width: 45%
  }
  #faceted .fresultstitle {
    width: 55%
  }
  #family .prdvideoembed {
    width: 100%;
    float: left;
    margin: 0
  }
  #family .prdimageembed {
    width: 100%;
    float: left;
    margin: 0
  }
  #family .prddivembed, #family .prddivembedhalf {
    width: 100%;
    float: left;
    margin: 0 0 20px 0
  }
  #family .prddivembedhalf .halfleft, #family .prddivembedhalf .halfright {
    width: 100%;
    padding: 0;
    float: left;
    clear: both;
    font-size: .8em;
    line-height: 1.5em
  }
  #family #description img.promoright {
    max-width: 100%;
    width: 100%;
    padding: 0 0 20px 0;
    float: left
  }
  #family #prdimage2 {
    width: 100%
  }
  #family #topbullets {
    width: 100%;
    padding-left: 0
  }
  #family #topbullets ul {
    padding-left: 20px
  }
  #family #badge {
    width: 100px
  }
  #family #imgpreviewstext {
    text-align: left
  }
  #family #imgpreviews {
    text-align: left
  }
  #family #tabs {
    text-align: left;
    border-bottom: none
  }
  #family #tabs ul {
    text-align: left;
    width: 100%
  }
  #family #tabs ul li {
    width: 100%
  }
  #family #tabs a {
    width: 100%;
    background: none;
    margin: 0;
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #efefef;
    box-sizing: border-box
  }
  #family #tabs a span {
    color: #063;
    padding: 0;
    margin: 0
  }
  #family #tabs a:hover span, #family #tabs #tabsselected a span, #family #tabs a:hover {
    color: #063;
    background: #fff;
    text-decoration: underline
  }
  #family .storyitems a.right, #family .videoitems a.right {
    float: left;
    display: inline-block;
    clear: left
  }
  #family .partnumbers thead th {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  #family .partnumbers thead th.group {
    position: relative;
    left: 0;
    top: 0;
    white-space: normal
  }
  #family .partnumbers thead tr {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
  }
  #family .partnumbers, #family .partnumbers thead, #family .partnumbers tbody, #family .partnumbers th, #family .partnumbers td, #family .partnumbers tr {
    clear: both;
    display: block;
    box-sizing: border-box;
    text-align: left;
    border-top: none;
    border-left: none
  }
  #family .partnumbers {
    padding-top: 30px;
    clear: both;
    border-bottom: none
  }
  #family .partnumbers td:nth-of-type(2):before {
    content: "North America: "
  }
  #family .partnumbers td:nth-of-type(3):before {
    content: "International: "
  }
  #family .partnumbers tr {
    border-bottom: 1px solid #cfd5d3;
    margin-bottom: 30px;
    padding-bottom: 30px
  }
  #family .partnumbers tbody tr:last-child td {
    border-bottom: none
  }
  #family #specs {
    overflow-x: scroll
  }
  #family #specs.block {
    overflow-x: auto
  }
  #family #specs.block table, #family #specs.block tr, #family #specs.block td, #family #specs.block tbody, #family #specs.block thead {
    display: block;
    text-align: left;
    box-sizing: border-box
  }
  #family .specs table, #family .specs tr, #family .specs td, #family .specs tbody, #family .specs thead {
    display: block;
    text-align: left;
    box-sizing: border-box
  }
  #family #specs.block thead th, #specs .faketh, #family .digiremotemanager thead {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  #family .block td:nth-of-type(2):before, #family .block td:nth-of-type(3):before, #family .block td:nth-of-type(4):before, .block td:nth-of-type(5):before, .block td:nth-of-type(6):before, .block td:nth-of-type(7):before, .block td:nth-of-type(8):before {
    display: block;
    font-weight: 600;
    font-style: italic;
    color: #c1c1c1
  }
  #family.model #modelpn {
    width: 100%;
    padding: 20px 0
  }
  #family.model #modelbuy {
    width: 100%;
    text-align: left
  }
  #family #osvid, #family #pid {
    width: 100%
  }
  #family .digiremotemanager .specsside {
    background: #e6f3e9
  }
  .hidefilters, .desktopfilter {
    display: none
  }
  #family #pnfilters .threecol, .products #pnfilters .threecol {
    padding: 0 !important;
    width: 100%
  }
  #family #responsivefilter.responsiveonly, .products #responsivefilter.responsiveonly {
    display: block !important;
    text-align: left;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
    background: #00b7ff url("//www.digi.com/images/submenu.png") 97% center no-repeat;
    background-size: 17px 17px;
    border: none;
    box-sizing: border-box
  }
  #family #responsivefilter.responsiveonly a, .products #responsivefilter.responsiveonly a {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    border-bottom: none
  }
  #family #pnfilters h3, .products #pnfilters h3 {
    margin: 20px 0 10px 0
  }
  #compare div.col:first-child+.col {
    width: 100%;
    text-align: center;
    margin: 1% 0
  }
  #compare div.col:first-child+.col .item {
    margin: 6px 0
  }
  #compare div.col:first-child .btn-green, #compare div.col:first-child+.col+.col .btn-green {
    padding: 10px 20px
  }
  .products #tierbanner {
    height: 150px
  }
  .products #tierbanner .inside {
    height: 150px
  }
  .products #tierbanner h1 {
    font-size: 30px
  }
  .products #tierbanner h2 {
    margin: 20px 0;
    font-size: 18px;
    width: 100%;
    line-height: 26px
  }
  .products #tierofferings .threecol {
    width: 50%;
    padding: 0;
    height: 230px;
    margin-bottom: 30px
  }
  .products #tierbrowse .fourcol {
    width: 100%;
    padding: 0;
    height: auto;
    margin-bottom: 30px
  }
  .products #tierbrowse .fourcol:nth-of-type(1) {
    margin-bottom: 0
  }
  .products .tiers .tiermarketing .photo, .products .tiers .tiermarketing:nth-of-type(even) .photo {
    float: left;
    width: 100%;
    text-align: left
  }
  .products .tiers .tiermarketing .description {
    float: left;
    width: 100%;
    padding: 3% 0 0 0
  }
  .products .tiers .tiermarketing:nth-of-type(even) .description {
    padding: 3% 0 0 0
  }
  .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(1), .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(odd) {
    padding: 0 0 20px 0
  }
  .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(2), .products #content-overview div.marketingtierflex .inside .coltwo:nth-of-type(even) {
    padding: 0
  }
  .products #content-overview div.marketingconnectsensor .photovert {
    margin: 0 !important;
    padding: 0 !important
  }
  .products #tiersearch {
    text-align: left
  }
  .products #content-overview div .triangle .descriptiontriangle {
    width: 100%;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0
  }
  .products #content-overview div .triangle .descriptiontriangle strong {
    font-size: 22px
  }
  .products #content-overview div .triangle .buttontriangle {
    width: 100%;
    text-align: left;
    padding: 0
  }
  .products #sorter {
    width: 100%;
    height: auto
  }
  .products #sorter div, .products #sorter div:first-child, .products #sorter div:first-child+div, .products #sorter div:first-child+div+div {
    height: auto;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0 0 5px 0
  }
  .products .result .photo {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left
  }
  .products .result .description {
    float: left;
    width: 100%
  }
  .products #bullets h1 {
    font-size: 35px;
    line-height: 1em
  }
  #cboxTitle {
    background: rgba(255, 255, 255, .6)
  }
  .products #tabs {
    padding: 10px 0
  }
  .products #tabs .inside {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
  }
  .products #tabs a {
    width: 46%;
    text-align: left;
    line-height: 1.2em;
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
    padding: 3px 6px
  }
  .products #tabs a:nth-of-type(odd) {
    margin: 0 2% 0 0
  }
  .products #tabs a.selected {
    border-bottom: 1px solid #d7d7d7;
    position: relative
  }
  .products #tabs a.selected:after {
    display: none
  }
  .products #tabs a:hover {
    border-bottom: 1px solid #d7d7d7
  }
  .products #tabs a:last-child {
    border: none
  }
  .products #content-overview .section {
    padding: 30px 0
  }
  .products #content-overview #endorsement {
    padding: 30px 5%
  }
  .products .marketing .photo {
    width: 100%;
    padding: 0 0 20px 0
  }
  .products #content-overview .section:nth-of-type(odd) .photo {
    float: left;
    padding: 0 0 20px 0
  }
  .products .marketing .description {
    width: 100%;
    padding: 0
  }
  .products .marketing .photovert {
    width: 35%;
    margin: 0 0 20px 0;
    padding: 0
  }
  .products #content-overview .section:nth-of-type(odd) .photovert {
    margin: 0
  }
  .products .marketing .descriptionvert {
    width: 100%;
    margin: 0;
    padding: 0
  }
  .products #content-overview .section:nth-of-type(odd) .descriptionvert {
    margin: 0
  }
  .tierflex div.fifty:nth-of-type(1) {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0
  }
  .tierflex div.fifty:nth-of-type(2) {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0
  }
  .products #endorsement blockquote {
    margin: 0 0 20px;
    font-size: 20px;
    padding: 0;
    line-height: 28px
  }
  .products #endorsement p {
    padding: 0
  }
  .products #endorsement blockquote:before {
    font-size: 60px;
    margin: 18px 5px 0 -23px
  }
  .products #endorsement blockquote:after {
    font-size: 60px;
    margin: 0 0 -13px 4px
  }
  .products #specs {
    overflow-x: scroll
  }
  .products #specs.block {
    overflow-x: auto
  }
  .products #specs.block table, .products #specs.block tr, .products #specs.block td, .products #specs.block tbody, .products #specs.block thead {
    display: block;
    text-align: left;
    box-sizing: border-box
  }
  .products .specs table, .products .specs tr, .products .specs td, .products .specs tbody, .products .specs thead {
    display: block;
    text-align: left;
    box-sizing: border-box
  }
  .products #specs.block thead th, #specs .faketh, .products .digiremotemanager thead {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  .products .block td:nth-of-type(2):before, .products .block td:nth-of-type(3):before, .products .block td:nth-of-type(4):before, .block td:nth-of-type(5):before, .block td:nth-of-type(6):before {
    display: block;
    font-weight: 600;
    font-style: italic;
    color: #c1c1c1
  }
  .products #specs .specsside, .products .specs .specsside {
    width: 100%
  }
  .products .specshead:nth-of-type(1) {
    width: 100%
  }
  .products #content-overview #related h2, .products #content-overview #related-products h2 {
    font-size: 1.4em;
    line-height: 1.5em
  }
  .products #content-resources .resource-section, .products #content-productsupport .resource-section {
    padding: 0 0 30px 0
  }
  .products #content-resources .resource-section h2, .products #content-productsupport .resource-section h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 20px
  }
  .products #content-partnumbers table, .products #content-partnumbers table tr, .products #content-partnumbers table td, .products #content-partnumbers table tbody, .products #content-partnumbers table thead, .products #content-partnumbers table th, .products #content-partnumbers table td.partnumber {
    width: 100% !important;
    display: block;
    text-align: left !important;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    margin: 0;
    border-bottom: none;
    float: left;
    clear: both
  }
  .products #content-partnumbers table {
    margin: 0 0 70px 0
  }
  .products #content-partnumbers table tbody, .products #content-partnumbers table thead {
    padding: 0
  }
  .products #content-partnumbers table td.partnumber:before {
    content: "Part Number: "
  }
  .products #content-partnumbers table tbody tr {
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0
  }
  .products #content-partnumbers table th.partnumber, .products #content-partnumbers table th.action {
    display: none
  }
  .products #content-partnumbers table td.image {
    width: 125px !important;
    margin: 0 0 10px 0
  }
  .products #content-partnumbers table td.description {
    padding-left: 0
  }
  .products #recent .twocol:first-child+.twocol {
    border-left: none
  }
  .products .tiermarketing .photo img {
    width: 100%
  }
  .products.comparison table, .products.comparison tr, .products.comparison td, .products.comparison tbody, .products.comparison thead, .products.comparison th {
    width: 100% !important;
    display: block;
    text-align: left;
    box-sizing: border-box
  }
  .products.comparison table td {
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
  }
  .products.comparison table td.blank {
    display: none
  }
  .products.comparison table td:before {
    display: block;
    font-weight: 600;
    font-style: italic;
    color: #c1c1c1
  }
  .products .tabssub {
    display: none
  }
  .products #content-resources #support.resource-section select, .products #content-productsupport #support.resource-section select {
    width: 100% !important
  }
  .products .tab .inside {
    margin-top: 25px !important
  }
  .products #content-resources .product-resource-filter, .products #content-resources .partnumber-resource-filter, .products #content-partnumbers .product-resource-filter, .products #content-partnumbers .partnumber-resource-filter {
    text-align: left
  }
  .products #content-resources .product-resource-filter a, .products #content-resources .partnumber-resource-filter a, .products #content-partnumbers .product-resource-filter a, .products #content-partnumbers .partnumber-resource-filter a {
    width: 49%;
    margin: 0 0 10px 0;
    vertical-align: top;
    font-size: 14px;
    display: inline-flex;
    line-height: 1.2em;
    align-items: center;
    box-sizing: border-box;
    padding-right: 5px
  }
  .products #content-resources .product-resource-filter a span, .products #content-resources .partnumber-resource-filter a span, .products #content-partnumbers .product-resource-filter a span, .products #content-partnumbers .partnumber-resource-filter a span {
    width: 15px;
    text-align: center
  }
  .products .teaser {
    display: none;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    width: 100%;
    -moz-column-rule-style: none;
    -webkit-column-rule-style: none;
    column-rule-style: none
  }
  .products.generic.prdcategory .utility.switchview {
    text-align: left
  }
  .products.generic.prdcategory #fresultsholder.altview .result {
    width: 50%;
    padding: 0 2%
  }
  .products.generic.prdcategory #fresultsholder.altview .result a {
    display: inline-block;
    width: 100%
  }
  .products.generic.prdcategory #fresultsholder.altview .result .description {
    margin: 0
  }
  .products.generic.prdcategory #fresultsholder.altview .result .photo {
    margin: 0 0 8px 0
  }
  .products.generic.prdcategory #fresultsholder.altview .result .photo img {
    max-height: 80%;
    max-width: 120px
  }
  .products.generic.prdcategory #fresultsholder.altview .result .photo img.addcompare {
    width: 20px;
    margin: 0 8px 0 0
  }
  .products.generic.prdcategory #tierwithnav #tierwithnavleft {
    margin-bottom: 20px
  }
  .products.generic.prdcategory #tierwithnav .catheading {
    width: 100%
  }
  .products.generic.prdcategory #tierwithnav .catheading .cattext {
    width: 100%
  }
  .products.generic.prdcategory #tierwithnav .catheading .cattext.wpromo {
    width: 100%
  }
  .products.generic.prdcategory #tierwithnav .catheading .leadin {
    display: none
  }
  .products.generic.prdcategory #tierwithnav .catpromo {
    display: none
  }
  .products.generic.prdcategory #tierwithnav .utilities {
    flex-direction: column;
    align-items: flex-start
  }
  .products.generic.prdcategory #tierwithnav .utilities .views {
    margin-left: 0
  }
  .products.generic.prdcategory #tierwithnav .utilities .selections span.heading {
    display: inline-block;
    width: 100%;
    margin: 0 0 8px 0
  }
  .products.generic.prdcategory #tierwithnav .utilities div.nobr {
    width: 100%
  }
  .products.generic.prdcategory #tierwithnav .utilities select {
    width: 49%;
    margin: 0 0 8px 1%
  }
  .products.generic.prdcategory #tierwithnav .utilities #qterm {
    width: calc(100% - 50px)
  }
  #browse {
    padding: 0 0 40px 0
  }
  #browse .inside {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
  .news .subcontent .inside {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left
  }
  .news .item {
    padding: 1%
  }
  .news .item .image {
    width: 100%;
    order: 1
  }
  .news .item .image img {
    width: 100%
  }
  .news .item .text {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: top;
    padding: 17px 20px;
    order: 2
  }
  .news .offerings .colthree {
    width: 100%
  }
  .news .offerings .text {
    font-size: 16px;
    line-height: 1.5em
  }
  .news .offerings .heading, .news .offerings .subheading {
    font-size: 18px
  }
  .news #subcontent-pressreleases img, .news #subcontent-pressreleases-financial img {
    display: none
  }
  a.btn-green, form input.btn-green, .standard .btn, .standard button.btn .standard input.btn-green {
    padding: 10px 20px
  }
  .column {
    width: 100%;
    padding: 0;
    clear: both
  }
  .twocolumn {
    width: 100%;
    padding: 0;
    clear: both
  }
  .twocol {
    width: 100%;
    padding: 0
  }
  .legalcookie table td:nth-of-type(1):before {
    content: "Name: "
  }
  .legalcookie table td:nth-of-type(2):before {
    content: "Type: "
  }
  .legalcookie table td:nth-of-type(3):before {
    content: "Purpose: "
  }
  .generictable table, .generictable tr, .generictable td, .generictable tbody, .generictable thead, .generictable th {
    width: 100%;
    display: block;
    text-align: left !important;
    box-sizing: border-box
  }
  .generictable thead th, .generictable th, .generictable thead {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  .legalcookie td:nth-of-type(1):before, .generictable td:nth-of-type(2):before, .generictable td:nth-of-type(3):before, .generictable td:nth-of-type(4):before, .generictable td:nth-of-type(5):before, .generictable td:nth-of-type(6):before, .generictable td:nth-of-type(7):before, .generictable td:nth-of-type(8):before, .generictable td:nth-of-type(9):before {
    display: block;
    font-weight: 600;
    font-style: italic;
    color: #c1c1c1;
    font-size: 15px
  }
  .calltoaction h4 {
    width: 100%;
    margin: 0 0 20px 0
  }
  .leftrightgreen .inside {
    display: block
  }
  .leftrightgreen .left {
    width: 100%;
    padding: 30px 0;
    text-align: center
  }
  .leftrightgreen .left:after {
    display: none
  }
  .leftrightgreen .left p {
    font-size: 1em;
    line-height: 1.5em
  }
  .leftrightgreen .right {
    width: 100%;
    float: left;
    clear: both;
    padding: 30px 1%
  }
  .leftrightgreen .right h4 {
    text-align: center
  }
  .resource-landing .training-banner h1 {
    font-size: 20px
  }
  .resource-landing.login .loginfields {
    left: 0;
    top: 20%;
    margin: 0;
    width: 100%;
    padding: 0 5%
  }
  .resource-landing.login .loginfields h5 {
    font-size: 16px;
    margin: 10px 0 20px 0
  }
  .resource-landing.login .loginfields img {
    max-width: 250px
  }
  .resource-landing.login .loginfields input {
    height: 44px;
    line-height: 44px
  }
  .resource-landing.login .loginfields .btn {
    height: 44px;
    width: 44px
  }
  #how-to-buy .item {
    width: 100%;
    margin: 0 0 35px 0
  }
  #how-to-buy .item img {
    margin: 0 15px 0 0;
    width: 60px;
    height: 60px
  }
  #how-to-buy #natable tr, #how-to-buy #intltable tr, #how-to-buy #directtable tr {
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px
  }
  #how-to-buy #natable td:nth-of-type(2):before, #how-to-buy #intltable td:nth-of-type(2):before {
    content: "Part Number: "
  }
  #how-to-buy #natable td:nth-of-type(3):before, #how-to-buy #intltable td:nth-of-type(3):before {
    content: "Qty: "
  }
  #how-to-buy #natable td:nth-of-type(4):before, #how-to-buy #intltable td:nth-of-type(4):before {
    content: "Inventory Date: "
  }
  #how-to-buy .standard input {
    width: 100%;
    margin-bottom: 10px
  }
  #how-to-buy .standard input.btn {
    width: auto
  }
  #how-to-buy .searchform {
    text-align: left
  }
  #how-to-buy .modelcontent img {
    width: 100%;
    margin: 0
  }
  #how-to-buy hr {
    color: #fff;
    background-color: #fff
  }
  .supportindex #tierproduct .left {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 30px 0
  }
  #hottag.standard #requestForm input, #hottag.standard #requestForm select, #hottag.standard #requestForm textarea {
    width: 95%
  }
  #hottag #requestForm div label {
    width: 100%;
    padding: 0;
    text-align: left;
    line-height: 22px
  }
  #hottag #requestForm .btn {
    margin: 0
  }
  #hottag #requestForm .formshim {
    margin: 0 0 25px 0
  }
  #hottag.standard #requestForm .btn {
    width: auto
  }
  #hottag.standard #requestForm input[type="checkbox"] {
    width: 20px;
    height: 20px
  }
  #tierenterprise p {
    width: 100%;
    margin: 0 auto 20px auto;
    font-size: 18px;
    line-height: 28px
  }
  #support .supportphone, #support .supportrequest {
    width: 100%
  }
  #support #qs {
    width: 100%;
    margin: 0 0 10px 0
  }
  #support #supportfilter input, #support #supportfilter select {
    width: 90%;
    margin-bottom: 10px
  }
  #support #tierwithnavmain {
    text-align: left
  }
  #productdetail #actionone.threecol, #productdetail #actiontwo.threecol, #productdetail #actionthree.threecol {
    width: 100%;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    min-height: initial
  }
  #formwarranty input, #formwarranty select, #formwarranty textarea {
    width: 95%
  }
  #formwarranty input.btn {
    width: auto
  }
  .aboutdigi .tierstats .colfour, .aboutdigi .tierstats .colthree {
    width: 100%
  }
  .aboutdigi .tierleadership .offerings .colthreetwo {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400
  }
  .lifestyleright {
    margin: 0 0 10px 0;
    float: left;
    clear: both;
    max-width: inherit;
    width: 100%
  }
  #videos .video-item {
    width: 100%
  }
  #videos h1 {
    font-size: 1.25em
  }
  #video #relatedvideos .video-item {
    width: 100%
  }
  #video h1 {
    font-size: 1.25em
  }
  #video #player .transcript h2 {
    font-size: 18px
  }
  img.sm-right33 {
    width: 33%;
    margin: 0 0 20px 20px
  }
  img.sm-right50 {
    width: 50%;
    margin: 0 0 20px 20px
  }
  figure.right20, figure.right25, figure.right30, figure.right33, figure.right50, figure.left20, figure.left25, figure.left30, figure.left33, figure.left50, figure.left50off, figure.right50off, figure.left50nf, figure.left33nf {
    width: 100%;
    margin: 10px 0
  }
  .products .cable-cross-ref table tr td:nth-of-type(4), .products .cable-cross-ref table tr th:nth-of-type(4) {
    width: 100%
  }
  .products .cable-cross-ref table tr td:nth-of-type(5), .products .cable-cross-ref table tr th:nth-of-type(5), .products .cable-cross-ref table tr td:nth-of-type(6), .products .cable-cross-ref table tr th:nth-of-type(6), .products .cable-cross-ref table tr td:nth-of-type(7), .products .cable-cross-ref table tr th:nth-of-type(7), .products .cable-cross-ref table tr th:nth-of-type(8), .products .cable-cross-ref table tr td:nth-of-type(8) {
    width: 100% !important
  }
  .products .cable-cross-ref table tr td:nth-of-type(1), .products .cable-cross-ref table tr th:nth-of-type(1) {
    width: 100%
  }
  .model .buyonline {
    padding: 50px 0
  }
  .model .buyonline hr {
    margin: 10px 0
  }
  .model .buyonline table tr .partnumber, .model .buyonline table tr td:last-child, .model .buyonline table tr th:last-child, .model .buyonline table tr th, .model .buyonline table tr td {
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: none
  }
  .model .buyonline table tr td:last-child {
    border-bottom: 1px solid #d7d7d7;
    padding: 25px 0;
    margin-bottom: 25px
  }
  .model .buyonline #natable:before {
    content: 'Buy Online From Our Distributors';
    display: block;
    color: #3f4245;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 20px 0
  }
  .model .buyonline #directtable:before {
    content: 'BUY ONLINE FROM DIGI';
    display: block;
    color: #72bb4b;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 20px 0
  }
  .model .buyonline #natable tr td:nth-of-type(2):before {
    content: 'QTY IN STOCK:'
  }
  .model .buyonline #natable tr td:nth-of-type(3):before {
    content: 'PART NUMBER:'
  }
  .preorder .qty {
    display: none
  }
  .model table+.buyoptions {
    width: 100%;
    margin: 30px 0 0 0
  }
  .model .buyoptions .option {
    width: 100%;
    margin: 0 0 10px 0;
    -ms-flex-line-pack: center;
    align-items: center
  }
  .card-container .cardimage {
    height: 100px;
    line-height: 100px
  }
  .card-container .card {
    width: 48%;
    margin: 0 1% 24px 1%
  }
  .card-container .card a {
    padding: 5px 10px 45px 10px
  }
  .card-container .card.video .cardimage::after {
    content: url("//www.digi.com/images/card-button-play.png?width=40");
    width: 40px;
    height: 40px;
    margin: -35px 0 0 -20px
  }
  .card-container .card a:after {
    content: url("//www.digi.com/images/card-corner-featured.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .pdf a:after {
    content: url("//www.digi.com/images/card-corner-pdf.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .download a:after {
    content: url("//www.digi.com/images/card-corner-download.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .blank a:after {
    content: url("//www.digi.com/images/card-corner-pdf.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .video a:after {
    content: url("//www.digi.com/images/card-corner-video.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .story a:after {
    content: url("//www.digi.com/images/card-corner-story.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .other a:after {
    content: url("//www.digi.com/images/card-corner-other.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .featured a:after {
    content: url("//www.digi.com/images/card-corner-featured.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .news a:after {
    content: url("//www.digi.com/images/card-corner-news.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-container .cart a:after {
    content: url("/images/card-corner-cart.png?width=40");
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0
  }
  .card-single {
    width: 99%
  }
  .featured-resources .filters #embedtype, .featured-resources .filters #embedindustry, .featured-resources .filters #productinterest {
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0 6px !important
  }
  .featured-resources .filters #embedsearch {
    width: calc(100% - 44px)
  }
  #rdm-login .coltwo:nth-of-type(1) {
    border-right: none
  }
  #var #leadin {
    padding: 0
  }
  #sharedform #lcontainer div {
    width: 100%
  }
  #sharedform #lcontainer div.shim .btn {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 16px
  }
  #hottag .left {
    width: 100%;
    margin: 0
  }
  #hottag .right {
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
    float: left
  }
  #hottag .right img {
    width: 30%;
    margin: 0 10px 0 0;
    float: left
  }
  .howtobuy #mobileexpand {
    display: block
  }
  .howtobuy .subtabs {
    width: 110%;
    margin: 0 0 0 -5%
  }
  .howtobuy .subtabs a.selected:after {
    display: none
  }
  .howtobuy .subcontents h2 {
    font-size: 22px;
    line-height: 1.2em
  }
  .howtobuy .filterproducts .colfive {
    width: 50%
  }
  .howtobuy #pn {
    width: 100%
  }
  .howtobuy .easy-autocomplete {
    width: 100%;
    width: calc(100% - 55px)
  }
  .howtobuy .indexitem a {
    align-items: flex-start
  }
  .howtobuy .indexitem .icon {
    width: 20%
  }
  .howtobuy .indexitem .text {
    width: 77%
  }
  .howtobuy.howtobuy2 table td {
    width: 100% !important
  }
  .howtobuy.howtobuy2 table th:last-child {
    width: 100%
  }
  .howtobuy.howtobuy2 #natable td {
    border-bottom: none;
    padding: 0 !important;
    margin: 0 0 10px 0
  }
  .howtobuy.howtobuy2 #natable td:nth-of-type(2):before {
    content: "Part Number: "
  }
  .howtobuy.howtobuy2 #natable td:nth-of-type(3):before {
    content: "Qty: "
  }
  .howtobuy.howtobuy2 #natable td:nth-of-type(4):before {
    content: "" !important
  }
  .howtobuy.howtobuy2.generic h2 {
    margin: 0 5% 30px 5%
  }
  .howtobuy.howtobuy2 .itemcircle:before {
    content: '1';
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: #72bb4b;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin: 0 10px 0 0
  }
  .howtobuy.howtobuy2 .container {
    border: 1px solid #959595;
    padding: 15px;
    margin: 0 0 40px 0;
    clear: both;
    float: left;
    width: 100%
  }
  .varform .coltwo {
    padding: 0
  }
  .chatpopup {
    max-width: 230px
  }
  .chatpopup .tierflex .coltwo {
    width: 50%
  }
  .chatpopup .title {
    font-size: 14px
  }
  #feedbackbutton {
    display: none
  }
  .products #content-overview div.hellophone .tierflex .setup {
    width: 100%;
    margin: 0;
    order: 3;
    margin: 0 0 20px 0
  }
  .products #content-overview div.hellophone .tierflex .phone .receive {
    padding: 4px;
    font-size: 10px
  }
  .products #content-overview div.hellophone .tierflex .board img {
    padding: 30px 0 0 0
  }
  .products #content-overview div.hellophone .tierflex .board .sendbubble {
    padding: 10px
  }
  .products #content-overview div.hellophone .tierflex .board .sendbubble .bubble {
    font-size: 10px
  }
  .products #content-overview div.hellophone .tierflex .description {
    width: 100% !important;
    margin: 0;
    order: 4
  }
  .products #content-overview div.hellophone .tierflex .animation {
    width: 100%;
    order: 1;
    margin: 0 0 30px 0
  }
  .promo a .lef {
    width: 60%;
    padding: 12px 55px 12px 3%;
    color: #646466;
    background: #fff
  }
  .promo a .righ {
    width: 40%;
    text-align: center;
    padding: 12px 3% 12px 55px
  }
  .promo a .righ:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #fff transparent transparent
  }
  .promo a .righ img {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -35px 0 0 -50px;
    width: 100px
  }
  .support-services.index #subbanner .inside .buttonsmall {
    display: none
  }
  .support-services.index a.colthree {
    width: 100%;
    margin: 0 0 40px 0
  }
  .support-services.index a.colthree .heading {
    font-size: 20px;
    padding: 10px 0
  }
  .support-services.index a.colthree .cover {
    font-size: 20px
  }
  .support-services.index #tools .coltool {
    width: 98.5%;
    margin: .75% .75% 60px .75%
  }
  .support-services.index #tools .coltool h4 {
    font-size: 16px
  }
  .security .alerts .container-security, .security .notifications .container-security {
    padding: 10px
  }
  .security .alerts .container-security .item .date, .security .notifications .container-security .item .date {
    width: 100%;
    margin: 0
  }
  .security .alerts .container-security .item .link, .security .notifications .container-security .item .link {
    width: 100%
  }
  .xbeecell-roadmap, .xbee3cell-roadmap {
    padding-bottom: 25px !important
  }
  .xbeecell-roadmap .board, .xbee3cell-roadmap .board {
    width: 100%
  }
  .xbeecell-roadmap .modules, .xbee3cell-roadmap .modules {
    width: 100%;
    padding: 0
  }
  .xbeecell-roadmap .modules .module, .xbee3cell-roadmap .modules .module {
    padding: 0 .5%
  }
  a.cta-newsletter span.container {
    flex-direction: column;
    padding-left: 23px;
    padding-right: 23px;
    text-align: left;
    align-items: flex-start
  }
  a.cta-newsletter span.text {
    width: 100%;
    font-size: 18px
  }
  a.cta-newsletter span.cta {
    font-size: 16px;
    padding: 10px 20px;
    margin: 20px 0 0 0
  }
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  color: #3f4245
}

span.code {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 14.4px
}

span.code.magenta {
  color: #bc6060
}

h1, span.h1 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.1em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

h2, .generic h2, span.h2 {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

.generic h2 {
  text-align: left;
  width: auto
}

h3, span.h3, h1.h3 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

h4, span.h4 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #1f7fa5;
  text-transform: none
}

h5, span.h5 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #cc6033;
  text-transform: none
}

h6, span.h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245;
  text-transform: none
}

h1 .trademark, h2 .trademark, h3 .trademark, h4 .trademark, h5 .trademark, h6 .trademark {
  position: relative;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline;
  top: -.5em
}

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white {
  color: #fff
}

h1.weight-200, h2.weight-200, h3.weight-200, h4.weight-200, h5.weight-200, h6.weight-200, p.weight-200 {
  font-weight: 200
}

h1.weight-800, h2.weight-800, h3.weight-800, h4.weight-800, h5.weight-800, h6.weight-800, p.weight-800 {
  font-weight: 800
}

span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 {
  display: block
}

span.h1.white, span.h2.white, span.h3.white, span.h4.white, span.h5.white, span.h6.white {
  color: #fff
}

span.h1.weight-200, span.h2.weight-200, span.h3.weight-200, span.h4.weight-200, span.h5.weight-200, span.h6.weight-200 {
  font-weight: 200
}

span.h1.weight-800, span.h2.weight-800, span.h3.weight-800, span.h4.weight-800, span.h5.weight-800, span.h6.weight-800 {
  font-weight: 800
}

.text-darkgrey, a.text-darkgrey, a.text-darkgrey:link, a.text-darkgrey:visited {
  color: #3f4245
}

a:link, a:active, a:visited {
  /*color: #1f7fa5;*/
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

a:link:hover, a:active:hover, a:visited:hover {
  color: #3f4245
}

a.link-bold-600 {
  font-weight: 600
}

a.link-black {
  color: #3f4245
}

a.link-black span {
  color: #3f4245
}

a.link-black:hover {
  color: #1f7fa5
}

a.link-black:hover span {
  color: #1f7fa5
}

a.link-white {
  color: #fff
}

a.link-white:hover {
  color: #fff
}

a.button2018, a.button, a.btn-green, button.button, span.button, input.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  color: #3f4245 !important;
  text-transform: uppercase;
  background: #91d46c;
  padding: 16px 22px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box
}

a.button2018:hover, a.button:hover, a.btn-green:hover, button.button:hover, span.button:hover, input.button:hover {
  background: #9de476;
  text-decoration: none
}

a.button2018:after, a.button:after, a.btn-green:after, button.button:after, span.button:after, input.button:after {
  display: none
}

a.button2018.outline, a.button2018.button-outline, a.button.outline, a.button.button-outline, a.btn-green.outline, a.btn-green.button-outline, button.button.outline, button.button.button-outline, span.button.outline, span.button.button-outline, input.button.outline, input.button.button-outline {
  background: #fff !important;
  border: 3px solid #91d46c !important;
  padding: 14.5px 20.5px
}

a.button2018.outline:hover, a.button2018.button-outline:hover, a.button.outline:hover, a.button.button-outline:hover, a.btn-green.outline:hover, a.btn-green.button-outline:hover, button.button.outline:hover, button.button.button-outline:hover, span.button.outline:hover, span.button.button-outline:hover, input.button.outline:hover, input.button.button-outline:hover {
  border: 3px solid #9de476
}

a.button2018.outline-white, a.button.outline-white, a.btn-green.outline-white, button.button.outline-white, span.button.outline-white, input.button.outline-white {
  color: #fff !important;
  background: none;
  border: 3px solid #fff;
  padding: 13px 19px;
  text-decoration: none
}

a.button2018.outline-white:hover, a.button.outline-white:hover, a.btn-green.outline-white:hover, button.button.outline-white:hover, span.button.outline-white:hover, input.button.outline-white:hover {
  background: #fff;
  color: #3f4245 !important
}

a.button2018.external:after, a.button.external:after, a.btn-green.external:after, button.button.external:after, span.button.external:after, input.button.external:after {
  content: '';
  background: url("//www.digi.com/digi/media/icons/icon-link-external.png") center center no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
  margin: 0 0 0 16px
}

a.button2018.darkgrey, a.button.darkgrey, a.btn-green.darkgrey, button.button.darkgrey, span.button.darkgrey, input.button.darkgrey {
  background: #3f4245 !important;
  color: #fff !important
}

a.button2018.circlearrow, a.button.circlearrow, a.btn-green.circlearrow, button.button.circlearrow, span.button.circlearrow, input.button.circlearrow {
  position: relative;
  padding-right: 50px
}

a.button2018.circlearrow:after, a.button.circlearrow:after, a.btn-green.circlearrow:after, button.button.circlearrow:after, span.button.circlearrow:after, input.button.circlearrow:after {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #3f4245;
  margin: 0 0 0 16px;
  transition: all .2s ease-in;
  background: url("https://www.digi.com/digi/media/icons/arrow-wcircle-grey-grey.png") -26px center no-repeat;
  background-size: 48px 24px
}

a.button2018.circlearrow:hover:after, a.button.circlearrow:hover:after, a.btn-green.circlearrow:hover:after, button.button.circlearrow:hover:after, span.button.circlearrow:hover:after, input.button.circlearrow:hover:after {
  background-position: -2px center
}

a.button2018.circlearrow.yellow, a.button.circlearrow.yellow, a.btn-green.circlearrow.yellow, button.button.circlearrow.yellow, span.button.circlearrow.yellow, input.button.circlearrow.yellow {
  background-color: #ffbb42
}

a.button2018.circlearrow.yellow:hover, a.button.circlearrow.yellow:hover, a.btn-green.circlearrow.yellow:hover, button.button.circlearrow.yellow:hover, span.button.circlearrow.yellow:hover, input.button.circlearrow.yellow:hover {
  background-color: #ffc762
}

a.button2018.yellow, a.button.yellow, a.btn-green.yellow, button.button.yellow, span.button.yellow, input.button.yellow {
  background-color: #ffbb42
}

a.button2018.yellow:hover, a.button.yellow:hover, a.btn-green.yellow:hover, button.button.yellow:hover, span.button.yellow:hover, input.button.yellow:hover {
  background-color: #ffc762
}

a.button2018.darkblue, a.button.darkblue, a.btn-green.darkblue, button.button.darkblue, span.button.darkblue, input.button.darkblue {
  background-color: #1f7fa5;
  color: #fff !important
}

a.button2018.darkblue:hover, a.button.darkblue:hover, a.btn-green.darkblue:hover, button.button.darkblue:hover, span.button.darkblue:hover, input.button.darkblue:hover {
  background-color: #40849f
}

a.button2018.lightgrey, a.button.lightgrey, a.btn-green.lightgrey, button.button.lightgrey, span.button.lightgrey, input.button.lightgrey {
  background-color: #eef0f0
}

a.button2018.lightgrey:hover, a.button.lightgrey:hover, a.btn-green.lightgrey:hover, button.button.lightgrey:hover, span.button.lightgrey:hover, input.button.lightgrey:hover {
  background-color: #e7e7e7
}

a.btn-small-green, a.buttonsmall, span.buttonsmall {
  text-decoration: none;
  background: #91d46c;
  display: inline-block;
  cursor: pointer;
  border: 0;
  padding: 6px 12px;
  font-size: 12px;
  color: #3f4245 !important;
  transition: all .2s linear;
  text-decoration: none !important
}

a.btn-small-green:hover, a.buttonsmall:hover, span.buttonsmall:hover {
  background: #9de476;
  text-decoration: none
}

a.buttonwhite, span.buttonwhite {
  display: inline-block;
  background: #fff;
  color: #00b7ff;
  text-transform: uppercase;
  padding: 16px 22px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none !important
}

a.buttonwhite:hover, span.buttonwhite:hover {
  background: #f5f5fb
}

a.link-circle-arrow, a.link-circle-arrow-b-b {
  color: #3f4245;
  font-size: 28px;
  transition: all .2s ease-in;
  box-sizing: content-box !important
}

a.link-circle-arrow:after, a.link-circle-arrow-b-b:after {
  content: '';
  width: 30px;
  height: 30px;
  border: 2px solid #1f7fa5;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 0 0 10px;
  overflow: hidden;
  background-image: url("https//www.digi.com/images/arrow-wcircle-blue-grey.png");
  background-size: 60px 30px;
  background-position: -30px 0;
  background-repeat: no-repeat;
  transition: all .2s ease-in;
  box-sizing: content-box !important
}

a.link-circle-arrow:hover:after, a.link-circle-arrow-b-b:hover:after {
  border: 2px solid #3f4245;
  background-position: 0 0
}

a.link-circle-arrow-b-b {
  color: #1f7fa5
}

a.link-circle-arrow-b-b:hover {
  color: #3f4245
}

a.link-circle-arrow-bg-b {
  font-size: 28px;
  line-height: 1.2em;
  color: #91d46c;
  text-decoration: underline
}

a.link-circle-arrow-bg-b span {
  color: #3f4245;
  text-decoration: none
}

a.link-circle-arrow-bg-b span.wcircle {
  white-space: nowrap
}

a.link-circle-arrow-bg-b span.wcircle:after {
  transition: all .2s ease-in;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 0 0 10px;
  background-image: url("/digi/media/home/arrow-wcircle-blue-grey.png");
  background-position: -30px center;
  background-repeat: no-repeat;
  background-size: 60px 30px
}

a.link-circle-arrow-bg-b:hover {
  color: #1f7fa5
}

a.link-circle-arrow-bg-b:hover span {
  color: #1f7fa5
}

a.link-circle-arrow-bg-b:hover span.wcircle:after {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

a.link-dark-circle-g-b {
  font-weight: 600;
  color: #3f4245
}

a.link-dark-circle-g-b:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 0 0 16px;
  transition: all .2s ease-in;
  background: url("//www.digi.com/digi/media/icons/arrow-wcircle-grey-blue.png") -26px center no-repeat;
  background-size: 48px 24px
}

a.link-dark-circle-g-b:hover {
  color: #1f7fa5
}

a.link-dark-circle-g-b:hover:after {
  border: 2px solid #1f7fa5;
  background: url("//www.digi.com/digi/media/icons/arrow-wcircle-grey-blue.png") -2px center no-repeat;
  background-size: 48px 24px
}

button.filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #3f4245;
  display: flex;
  align-items: center;
  color: #3f4245;
  padding: 3px 20px;
  margin: 0 8px 0 0;
  background: none;
  border-radius: 30px
}

button.filter img {
  width: 24px;
  margin: 0 8px 0 0
}

button.filter:hover {
  background: #e9e9ed
}

.toggle-filter {
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end
}

#toggle-filters.closed, #toggle-search.closed {
  height: 0;
  overflow: hidden
}

#toggle-filters #filter-industries.filter-industries a, #toggle-filters #toggle-webinar a, #toggle-search #filter-industries.filter-industries a, #toggle-search #toggle-webinar a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin: 0 25px 10px 0;
  color: #3f4245;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 26px
}

#toggle-filters #filter-industries.filter-industries a:before, #toggle-filters #toggle-webinar a:before, #toggle-search #filter-industries.filter-industries a:before, #toggle-search #toggle-webinar a:before {
  box-sizing: content-box;
  content: '';
  width: 18px;
  height: 18px;
  border: 1px solid #c7c8c8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  margin: 0 8px 0 0
}

#toggle-filters #filter-industries.filter-industries a.selected:before, #toggle-filters #toggle-other #filter-industries.filter-industries a:hover:before, #toggle-filters #toggle-webinar a:hover:before, #toggle-filters #toggle-webinar a.selected:before, #toggle-search #filter-industries.filter-industries a.selected:before, #toggle-search #toggle-other #filter-industries.filter-industries a:hover:before, #toggle-search #toggle-webinar a:hover:before, #toggle-search #toggle-webinar a.selected:before {
  border: 1px solid #91d46c
}

#toggle-filters #filter-industries.filter-industries a.selected:after, #toggle-filters #toggle-other #filter-industries.filter-industries a:hover:after, #toggle-filters #toggle-webinar a.selected:after, #toggle-filters #toggle-webinar a:hover:after, #toggle-search #filter-industries.filter-industries a.selected:after, #toggle-search #toggle-other #filter-industries.filter-industries a:hover:after, #toggle-search #toggle-webinar a.selected:after, #toggle-search #toggle-webinar a:hover:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #91d46c;
  position: absolute;
  left: 4px;
  border-radius: 50%
}

blockquote {
  width: 95%;
  margin: 0 2.5% 20px 2.5%;
  display: block;
  background: #fff;
  padding: 15px 20px 15px 20px;
  position: relative;
  text-align: justify;
  border-left: 15px solid #eef0f0;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300
}

blockquote.type-quote {
  padding: 15px 20px 15px 45px
}

blockquote.type-quote:before {
  content: "“";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #eef0f0;
  position: absolute;
  left: 10px;
  top: 15px
}

.text-green {
  color: #91d46c
}

a.text-green {
  color: #91d46c
}

a.text-green:hover {
  color: #fff
}

.biggie strong {
  font-weight: 800
}

pre .hljs {
  background: none;
  padding: 20px;
  display: inline-block;
  font-size: .8em;
  white-space: pre;
  width: 100%;
  overflow-x: auto;
  border: 1px solid #c7c8c8
}

pre .hljs-ln-numbers {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-right: 10px !important;
  border-right: 1px solid #c7c8c8;
  color: #ccc;
  vertical-align: top
}

pre .hljs-ln-code {
  padding-left: 16px !important
}

pre code {
  white-space: pre-wrap !important;
  overflow: auto !important
}

.social-sharing {
  display: flex
}

.social-sharing .button-social {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 4px 18px;
  border-radius: 50px;
  margin: 0 6px 6px 0;
  display: inline-flex;
  align-items: center;
  line-height: 27px
}

.social-sharing .button-social.facebook {
  background-color: #4267b2
}

.social-sharing .button-social.facebook:before {
  content: '';
  background-image: url("https://www.digi.com/digi/media/nav/nav-social-facebook-white.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0
}

.social-sharing .button-social.linkedin {
  background-color: #0077b5
}

.social-sharing .button-social.linkedin:before {
  content: '';
  background-image: url("https://www.digi.com/digi/media/nav/nav-social-linkedin-white.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0
}

.social-sharing .button-social.twitter {
  background-color: #55acee
}

.social-sharing .button-social.twitter:before {
  content: '';
  background-image: url("https://www.digi.com/digi/media/nav/nav-social-twitter-white.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0
}

.social-sharing .button-social:hover {
  color: #fff;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  opacity: .9
}

img.full, picture.full {
  width: 100%;
  margin: 20px 0
}

img.center50, picture.center50 {
  float: left;
  width: 50%;
  margin: 20px 25%
}

img.center80, picture.center80 {
  float: left;
  width: 80%;
  margin: 20px 10%
}

img.right5, picture.right5 {
  float: right;
  width: 5%;
  margin: 0 0 20px 20px
}

img.right10, picture.right10 {
  float: right;
  width: 10%;
  margin: 0 0 20px 20px
}

img.right15, picture.right15 {
  float: right;
  width: 15%;
  margin: 0 0 20px 20px
}

img.right20, picture.right20 {
  float: right;
  width: 20%;
  margin: 0 0 20px 20px
}

img.right25, picture.right25 {
  float: right;
  width: 25%;
  margin: 0 0 20px 20px
}

img.right30, picture.right30 {
  float: right;
  width: 30%;
  margin: 0 0 20px 20px
}

img.right33, img.alignright33, picture.right33, picture.alignright33 {
  float: right;
  width: 33%;
  margin: 0 0 20px 20px
}

img.right40, picture.right40 {
  float: right;
  width: 40%;
  margin: 0 0 20px 20px
}

img.right50, img.alignright, img.alignright50, picture.right50, picture.alignright, picture.alignright50 {
  float: right;
  width: 50%;
  margin: 0 0 20px 20px
}

img.right50off, picture.right50off {
  float: right;
  width: 50%;
  margin: 0 -10% 20px 20px;
  position: relative
}

img.rightauto, picture.rightauto {
  float: right;
  width: auto;
  margin: 0 0 20px 20px
}

img.left5, picture.left5 {
  float: left;
  width: 5%;
  margin: 0 20px 20px 0
}

img.left10, picture.left10 {
  float: left;
  width: 10%;
  margin: 0 20px 20px 0
}

img.left20, picture.left20 {
  float: left;
  width: 20%;
  margin: 0 20px 20px 0
}

img.left25, picture.left25 {
  float: left;
  width: 25%;
  margin: 0 20px 20px 0
}

img.left30, picture.left30 {
  float: left;
  width: 30%;
  margin: 0 20px 20px 0
}

img.left33, img.alignleft33, picture.left33, picture.alignleft33 {
  float: left;
  width: 33%;
  margin: 0 20px 20px 0
}

img.left33nf, picture.left33nf {
  width: 33%;
  margin: 0 20px 20px 0
}

img.left40, picture.left40 {
  float: left;
  width: 40%;
  margin: 0 20px 20px 0
}

img.left50, img.alignleft, img.alignleft50, picture.left50, picture.alignleft, picture.alignleft50 {
  float: left;
  width: 50%;
  margin: 0 20px 20px 0
}

img.left50nf, picture.left50nf {
  width: 50%;
  margin: 0 20px 20px 0
}

img.left50off, picture.left50off {
  float: left;
  width: 50%;
  margin: 20px 20px 10px -10%;
  position: relative
}

img.left33off, picture.left33off {
  float: left;
  width: 33%;
  margin: 20px 20px 10px -10%;
  position: relative
}

img.left25off, picture.left25off {
  float: left;
  width: 25%;
  margin: 20px 20px 10px -10%;
  position: relative
}

img.left20off, picture.left20off {
  float: left;
  width: 20%;
  margin: 20px 20px 10px -10%;
  position: relative
}

img.leftauto, picture.leftauto {
  float: left;
  width: auto;
  margin: 20px 20px 10px 0
}

.image-container-square {
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden
}

.image-container-square.align-left img {
  -o-object-position: left center;
  object-position: left center
}

.image-container-square .image-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center
}

.pdfwrapper {
  position: relative;
  width: 100%;
  height: 95vh;
  margin-bottom: 10px
}

.pdfwrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.pdfwrapper #adobe-dc-view {
  width: 100%;
  height: 100%
}

.grey, .bggrey {
  background: #eef0f0
}

.greyblue, .bggreyblue {
  background: #e9ecef
}

.darkgrey, .bgdarkgrey {
  background: #3f4245;
  color: #fff
}

.darkgrey h1, .darkgrey h2, .darkgrey h3, .darkgrey h4, .darkgrey h5, .darkgrey h6, .bgdarkgrey h1, .bgdarkgrey h2, .bgdarkgrey h3, .bgdarkgrey h4, .bgdarkgrey h5, .bgdarkgrey h6 {
  color: #fff
}

.lightblue, .bglightblue {
  background: #e2f6ff
}

.bgwhite {
  background: #fff;
  color: #3f4245
}

.bggreen {
  background: #91d46c
}

.bgdarkgrey {
  background: #3f4245
}

.bgdarkblue {
  background: #1f7fa5
}

.bgred {
  background: #cc6033
}

.bgmedblue {
  background: #00b7ff
}

.digirm-green {
  color: #91d46c
}

.digirm-orange {
  color: #ffbb42
}

.digirm-blue {
  color: #00b7ff
}

.bg-digirm-green {
  background: #91d46c
}

.bg-digirm-orange {
  background: #ffbb42
}

.bg-digirm-blue {
  background: #00b7ff
}

.bg-triangles {
  background: url("/digi/media/backgrounds/background-triangles.png") center top no-repeat;
  background-size: cover
}

span.nobr {
  white-space: nowrap
}

ul.type-green-bullets, ul.bullets-type-green {
  color: #91d46c
}

ul.type-green-bullets li, ul.bullets-type-green li {
  margin: 0 0 8px 0
}

ul.type-green-bullets li ul, ul.bullets-type-green li ul {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 1em
}

ul.type-green-bullets li ul li, ul.bullets-type-green li ul li {
  list-style-type: square
}

ul.type-green-bullets span, ul.bullets-type-green span {
  color: #3f4245
}

ul.type-green-bullets span a, ul.bullets-type-green span a {
  margin: 0 !important
}

ul.pl-0 {
  padding-left: 1em
}

ul::marker {
  color: #91d46c
}

ul.type-checkmark-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0
}

ul.type-checkmark-bullets li {
  display: flex;
  align-items: flex-start;
  padding: 0 0 0 24px;
  margin: 0 0 12px 0;
  line-height: 1.3em
}

ul.type-checkmark-bullets li:before {
  content: '';
  display: inline-block;
  min-width: 18px;
  min-height: 18px;
  width: 18px;
  height: 18px;
  background: url("/digi/media/icons/checkmark.svg") center center no-repeat;
  background-size: contain;
  margin: 3px 8px 0 0
}

ul.type-checkmark-bullets.checkgrey li:before {
  content: '';
  display: inline-block;
  min-width: 18px;
  min-height: 18px;
  width: 18px;
  height: 18px;
  background: url("/digi/media/icons/checkmark-grey.png") center center no-repeat;
  background-size: contain;
  margin: 3px 8px 0 0
}

ul.type-checkmark-bigbullets {
  list-style-type: none;
  margin: 0;
  padding: 0
}

ul.type-checkmark-bigbullets li {
  display: flex;
  align-items: center;
  padding: 0 0 0 24px;
  margin: 0 0 32px 0;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300
}

ul.type-checkmark-bigbullets li:before {
  transition: all .2s ease-in;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 16px 0 0;
  background-position: -50px center;
  background-repeat: no-repeat;
  background-size: 100px 50px;
  background-image: url("/digi/media/home/checkbox-wcircle-blue-grey.png")
}

hr.divider {
  border: none;
  border-top: 1px solid #cfd5d3;
  clear: both;
  width: 100%;
  margin: 50px 0
}

hr.divider.narrow {
  margin: 25px 0
}

span.sup {
  position: relative;
  font-size: 55%;
  line-height: 0;
  vertical-align: baseline;
  top: -.6em
}

.scroller-type1 {
  position: relative;
  overflow-y: auto
}

.lity-type1 {
  background: #fff;
  padding: 35px;
  display: flex;
  flex-direction: column
}

.lity-type1 a {
  width: 100%;
  padding: 8px 0;
  display: flex;
  align-items: center
}

.lity-type1 a img {
  margin: 0 8px 0 0
}

.lity-type1.lity-hide {
  display: none
}

.alert-type2 {
  padding: 15px 40px;
  background: #3f4245;
  position: relative;
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  color: #fff
}

.alert-type2 a {
  color: #fff
}

.alert-type2 a:hover {
  color: #fff
}

.alert-type2 .close {
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  display: flex;
  width: 36px;
  height: 36px;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.alert-type2.blue {
  background: #1f7fa5
}

.alert-type2.lightblue {
  background: #e2f6ff
}

.alert-type2.lightblue a {
  color: #3f4245
}

.alert-type2.lightblue a:hover {
  color: #3f4245
}

.alert-type2.lightblue .close {
  color: #3f4245
}

.alert-type2.red {
  background: #cc6033
}

.alert-type2.green {
  background: #91d46c
}

.alert-type2.green a {
  color: #3f4245
}

.alert-type2.green a:hover {
  color: #3f4245
}

.alert-type2.green .close {
  color: #3f4245
}

.alert-type2.closed {
  display: none
}

a.slidein-type1 {
  box-shadow: 0 40px 50px 14px rgba(0, 0, 0, .55);
  background: #91d46c;
  padding: 24px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 8888;
  -webkit-animation: bounce-in-bottom 1.1s 2s both;
  animation: bounce-in-bottom 1.1s 2s both;
  text-decoration: none;
  transition: background .2s ease-in
}

a.slidein-type1:hover {
  background: #1f7fa5
}

a.slidein-type1:hover span.h3, a.slidein-type1:hover span.h6 {
  color: #fff
}

a.slidein-type1:hover .close-slidin span {
  background: #fff
}

a.slidein-type1 .container {
  max-width: 1920px;
  margin: 0 auto;
  display: block
}

a.slidein-type1 span.h3, a.slidein-type1 span.h6 {
  transition: all .2s ease-in;
  text-decoration: none
}

a.slidein-type1 span.h6 {
  margin: 0 0 24px 0
}

a.slidein-type1 .items {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 90%;
  margin: 0 auto
}

a.slidein-type1 .image {
  width: 130px;
  margin: 0 34px 0 0
}

a.slidein-type1 .content {
  max-width: 70%
}

a.slidein-type1 .close-slidin {
  z-index: 3;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer
}

a.slidein-type1 .close-slidin span {
  background: #3f4245;
  width: 22px;
  height: 4px;
  position: absolute;
  left: 9px;
  border-radius: 4;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

a.slidein-type1 .close-slidin span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

a.slidein-type1 .close-slidin span:nth-child(2) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

a.slidein-type1.close {
  display: none
}

a.slidein-type1.video .image {
  width: 260px
}

.cta {
  width: 100%;
  display: block;
  background: #91d46c url("/digi/media/nav/triangle-green-bottomright-cta.png") right bottom no-repeat;
  background-size: contain;
  color: #3f4245;
  clear: both;
  padding: 70px 0
}

.cta span {
  box-sizing: border-box
}

.cta span.text {
  display: block;
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 90px 0 0
}

.cta span.text:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -32px 0 0 0;
  content: '';
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid #3f4245;
  background-image: url("/digi/media/nav/arrow-wcircle-white-grey.png");
  background-repeat: no-repeat;
  background-position: -60px 0;
  background-size: 120px 60px;
  transition: all .2s ease-out
}

.cta span.heading, .cta h4 {
  color: #3f4245;
  display: inline-block;
  font-size: 34px;
  font-weight: 800;
  margin: 0 0 8px 0;
  line-height: 1.1em
}

.cta span.teaser, .cta h5 {
  color: #3f4245;
  display: inline-block;
  font-size: 20px;
  font-weight: 600
}

.cta:hover {
  background-image: url("/digi/media/nav/triangle-blue-bottomright.png");
  background-color: #1f7fa5;
  color: #fff
}

.cta:hover span.text:after {
  background-position: 0 0;
  border: 3px solid #fff
}

.cta:hover span.heading, .cta:hover h4 {
  color: #fff
}

.cta:hover span.teaser, .cta:hover h5 {
  color: #fff
}

.cta-type2 {
  padding: 70px 0
}

.cta-type2 h2 {
  margin: 0 0 30px 0
}

.cta-type2 p {
  display: inline-block;
  margin: 0 0 30px 0
}

.shadow-type1 {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0 0 20px 0
}

.shadow-type1 img {
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: top;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.shadow-type1:before {
  content: '';
  background: #fff;
  position: absolute;
  right: -2%;
  bottom: -2%;
  width: 100%;
  height: 100%;
  z-index: 2;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  display: inline-block
}

.shadow-type1:after {
  content: '';
  background: #fff;
  position: absolute;
  right: -4%;
  bottom: -4%;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  display: inline-block
}

.shadow-type2 {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0 0 20px 20px
}

.shadow-type2 img {
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: top;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.shadow-type2:after {
  content: '';
  background: #fff;
  position: absolute;
  right: -3%;
  bottom: -3%;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .8)
}

.container-full {
  width: 100%;
  padding: 0 20px
}

.container .container {
  width: 100%;
  padding: 0;
  margin: 0
}

.cookietrail {
  margin: 0;
  padding: 8px 0 3px 0;
  background: #e9ecef;
  font-size: 16px;
  text-transform: none;
  line-height: 1.3em
}

.cookietrail .separator {
  color: #bfc1c0;
  display: inline-block;
  padding: 0 10px
}

.cookietrail a {
  color: #3f4245;
  text-decoration: underline;
  display: inline-block;
  white-space: normal;
  padding: 0 0 5px 0
}

.cookietrail a:hover {
  color: #1f7fa5
}

.cookietrail .CMSBreadCrumbsCurrentItem {
  text-decoration: none;
  color: #1f7fa5;
  font-weight: 600;
  padding: 0 0 5px 0
}

.banner-type1 {
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}

.banner-type1 .carousel-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
  width: 400%
}

.banner-type1 .banner {
  height: 576px;
  width: 25%;
  scroll-snap-align: start;
  display: flex
}

.banner-type1 .container {
  position: relative
}

.banner-type1 img.background {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none
}

.banner-type1 img.background.align-bottom {
  top: auto;
  bottom: 0
}

.banner-type1 a {
  display: block;
  color: #fff;
  text-decoration: none
}

.banner-type1 a.off {
  display: none
}

.banner-type1 a:hover .teaser .link {
  text-decoration: underline
}

.banner-type1 .main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 576px
}

.banner-type1 .corner {
  display: flex;
  color: #fff;
  position: absolute;
  width: 30%;
  right: 0;
  bottom: 0
}

.banner-type1 .corner img {
  width: 100%;
  align-self: flex-end
}

.banner-type1 .text {
  width: 70%;
  color: #fff;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: block;
  background: #f00
}

.banner-type1 .text .heading {
  font-size: 80px;
  line-height: .9em;
  font-weight: 800;
  display: inline
}

.banner-type1 .text .heading span {
  display: inline;
  color: #999
}

.banner-type1 .text .heading span.small {
  font-size: 60px;
  vertical-align: top
}

.banner-type1 .text .heading span.green {
  color: #91d46c
}

.banner-type1 .text .teaser {
  font-size: 20px;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 47px;
  margin: 30px 0 0 0
}

.banner-type1 .text .teaser:before {
  position: absolute;
  left: 5px;
  top: -15px;
  display: inline-block;
  content: "";
  width: 37px;
  height: 37px;
  background: url("/digi/media/home/text-wedge.png") center center no-repeat;
  background-size: 37px 37px
}

.banner-type1 .corner {
  display: flex;
  color: #fff;
  position: absolute;
  width: 30%;
  right: 0;
  bottom: 0
}

.banner-type1 .corner img {
  width: 100%;
  align-self: flex-end
}

@media(hover:none) {
  .banner-type1 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }
  .banner-type1::-webkit-scrollbar {
    width: 0;
    background: transparent
  }
}

.h2-type-1 {
  box-sizing: border-box;
  padding: 30px 35px;
  color: #fff;
  background: linear-gradient(225deg, transparent 50px, #3f4245 50px);
  display: block;
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center
}

.h2-type-1:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  background: linear-gradient(to top right, #91d46c 0%, #91d46c 50%, transparent 50%, transparent 100%)
}

.interior-heading-type1 {
  background: #3f4245 url("//www.digi.com/images/triangle-green-bottomright.png") right bottom no-repeat;
  background-size: contain;
  color: #fff;
  padding: 35px 0
}

.interior-heading-type1 h1 {
  font-size: 60px;
  line-height: .9em;
  font-weight: 800;
  margin: 0 0 20px 0;
  width: 60%;
  color: #fff
}

.interior-heading-type1 .teaser {
  font-size: 20px;
  font-weight: 300;
  width: 50%;
  display: block
}

.interior-heading-type1.mod-1 .teaser {
  width: 75%
}

.interior-heading-type2 {
  font-size: 50px;
  line-height: 1em;
  font-weight: 800;
  color: #fff;
  background-color: #1f7fa5;
  background-image: url("//www.digi.com/images/triangle-blue-bottomright.png");
  background-position: top right;
  background-repeat: no-repeat;
  padding: 36px 0;
  text-align: center;
  margin: 0 auto
}

.interior-heading-type2 span {
  display: inline-block;
  max-width: 1200px;
  width: 100%;
  text-align: left
}

.interior-heading-type3 {
  background: #e9ecef;
  padding: 24px 0
}

.interior-heading-type3 h1 {
  font-size: 60px
}

.interior-heading-type3 h2 {
  font-size: 30px;
  width: 80%
}

.interior-heading-type3 .teaser {
  font-size: 18px;
  display: inline-block;
  width: 80%
}

.interior-heading-type4 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 110px 0;
  background-color: #3f4245
}

.interior-heading-type4 .container {
  position: relative
}

.interior-heading-type4 .cover {
  width: 60.5%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  background: linear-gradient(225deg, transparent 65px, #000 65px);
  padding-right: 65px;
  z-index: 2
}

.interior-heading-type4 h1 {
  color: #fff;
  font-size: 60px;
  width: 50%;
  position: relative;
  z-index: 3
}

.interior-heading-type4 h2 {
  color: #fff;
  font-size: 30px;
  width: 55%;
  position: relative;
  z-index: 3
}

.interior-heading-type4 img, .interior-heading-type4 .button {
  position: relative;
  z-index: 3
}

.interior-heading-type5 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #3f4245;
  overflow: hidden
}

.interior-heading-type5 .datastreams-container {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .6
}

.interior-heading-type5 .datastreams {
  position: absolute;
  margin-left: -80%;
  width: 200%;
  margin-top: -45%
}

.interior-heading-type5 video, .interior-heading-type5 #bgvideo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.interior-heading-type5 .container-type2 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  z-index: 5
}

.interior-heading-type5 .container-type2:before {
  background: rgba(0, 0, 0, .6);
  flex-grow: 1;
  content: ' ';
  display: flex
}

.interior-heading-type5 .container-type2 .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
  padding: 100px 5% 100px 0;
  width: 66.5%;
  height: 100%;
  background: linear-gradient(225deg, transparent 65px, rgba(0, 0, 0, .6) 65px)
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) {
  width: 33.5%;
  text-align: center
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) img {
  width: 60%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 {
  width: 60%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 img {
  width: 100%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) a.w70 img {
  width: 70%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) a.w70:after {
  right: 4%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) a.w90 img {
  width: 90%
}

.interior-heading-type5 .container-type2 .container div:nth-of-type(2) a.w90:after {
  right: -1%
}

.interior-heading-type5 .container-type2:after {
  content: ' ';
  flex-grow: 1;
  display: flex
}

.interior-heading-type5 .container-type2 div.callout a {
  position: relative;
  display: inline-block;
  -webkit-animation: bounce-in-right 1.1s 2s both;
  animation: bounce-in-right 1.1s 2s both
}

.interior-heading-type5 .container-type2 div.callout.download a:after {
  content: "";
  position: absolute;
  margin-top: -45px;
  top: 50%;
  right: 10%;
  width: 90px;
  height: 90px;
  z-index: 3;
  background-image: url("//www.digi.com/images/icon-getyourcopy.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}

.interior-heading-type5 .container-type2 div.callout.video a img {
  width: 80%
}

.interior-heading-type5 .container-type2 div.callout.video a:after {
  content: '';
  width: 60px;
  height: 60px;
  background: url("/images/card-button-play.png") center center no-repeat;
  background-size: auto;
  background-size: 60px 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px
}

.interior-heading-type5 .container-type2 div.callout.max img {
  width: 90%
}

.interior-heading-type5 h1 {
  color: #fff;
  font-size: 35px;
}

.interior-heading-type5 h2 {
  color: #fff;
  font-size: 30px
}

.interior-heading-type5 h3 {
  color: #fff
}

.interior-heading-type5 span.teaser {
  color: #fff;
  display: block;
  padding: 16px 0 8px 0
}

.interior-heading-type5.slide-in .callout a {
  transition: all .7s ease-out
}

@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes bounce-in-right {
  0% {
    -webkit-transform: translateX(600px);
    transform: translateX(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  38% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
  55% {
    -webkit-transform: translateX(68px);
    transform: translateX(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  72% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  81% {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  95% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
  55% {
    -webkit-transform: translateY(68px);
    transform: translateY(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  81% {
    -webkit-transform: translateY(32px);
    transform: translateY(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1
  }
  55% {
    -webkit-transform: translateY(68px);
    transform: translateY(68px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  81% {
    -webkit-transform: translateY(32px);
    transform: translateY(32px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

.interior-heading-type6 {
  padding: 35px 0
}

.interior-heading-type6 h1 {
  text-align: left;
  font-size: 46px;
  font-weight: 600;
  margin: 0 0 16px 0
}

.interior-heading-type6 h2 {
  font-size: 28px;
  margin: 0
}

.interior-heading-type7 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 110px 0;
  background-color: #3f4245
}

.interior-heading-type7 .container {
  position: relative
}

.interior-heading-type7 .cover {
  width: 60.5%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  background: linear-gradient(225deg, transparent 65px, #000 65px);
  padding-right: 65px;
  z-index: 2
}

.interior-heading-type7 span.text {
  position: relative;
  z-index: 3;
  width: 60%;
  display: flex;
  flex-direction: column
}

.interior-heading-type7 span.heading {
  display: block;
  color: #fff;
  font-size: 60px;
  line-height: 1em;
  font-weight: 700;
  margin: 0 0 40px 0
}

.interior-heading-type7 span.teaser {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.interior-heading-type7 span.teaser span:nth-of-type(1) {
  width: 37%;
  display: inline-block
}

.interior-heading-type7 span.teaser span:nth-of-type(2) {
  width: 58%;
  display: inline-block;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 400
}

.interior-heading-type7 span.teaser span:nth-of-type(2) a.button {
  margin-top: 18px
}

.interior-heading-type7 span.shadow-type1 {
  margin: 20px 0
}

.landing-banner-type1 {
  background-color: #22547f;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.landing-banner-type1 .container {
  padding-top: 100px
}

.landing-banner-type1 h1 {
  color: #fff;
  font-size: 70px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: .9em
}

.landing-banner-type1 h2 {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 35px 0
}

.landing-banner-type1 #product_photos {
  background: rgba(255, 255, 255, .2);
  margin: 150px 0 0 0;
  padding: 0;
  position: relative;
  text-align: center
}

.landing-banner-type1 #product_photos img {
  position: relative;
  width: 115px;
  vertical-align: middle;
  margin: -105px 50px 0 50px
}

.landing-banner-type1 #product_photos img.sbc {
  width: 244px;
  margin: -80px 50px 20px 50px
}

.landing-banner-type1 #product_photos img:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.landing-banner-type1 #product_photos img:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.landing-banner-type1 #selector_options {
  display: flex;
  flex-direction: row;
  text-align: center
}

.landing-banner-type1 #selector_options a {
  flex: 1;
  text-align: center;
  padding: 25px 10px;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  transition: all .2s ease-in;
  text-decoration: none
}

.landing-banner-type1 #selector_options a:nth-of-type(1) {
  background: #1f7fa5;
  color: #fff
}

.landing-banner-type1 #selector_options a:nth-of-type(1):hover {
  background: #3f4245;
  color: #fff
}

.landing-banner-type1 #selector_options a:nth-of-type(2) {
  background: rgba(255, 255, 255, .7);
  color: #1f7fa5
}

.landing-banner-type1 #selector_options a:nth-of-type(2):hover {
  background: #3f4245;
  color: #fff
}

.navigation-type3 .item {
  display: block;
  padding: 20px 55px 20px 20px;
  background: #eef0f0;
  margin: 0 0 12px 0;
  text-decoration: none;
  position: relative
}

.navigation-type3 .item h3 {
  margin: 0;
  color: #3f4245
}

.navigation-type3 .item h4 {
  font-size: 18px;
  color: #3f4245;
  font-weight: 400;
  margin: 0
}

.navigation-type3 .item:hover {
  background: #91d46c
}

.navigation-type3 .item:before {
  content: '';
  width: 22px;
  height: 4px;
  background: #3f4245;
  display: block;
  border-radius: 0;
  -webkit-transform: rotate(-130deg) translateX(0) translateY(0) scaleX(1);
  transform: rotate(-130deg) translateX(0) translateY(0) scaleX(1);
  position: absolute;
  top: 50%;
  right: 24px;
  z-index: 2;
  margin-top: -8px
}

.navigation-type3 .item:after {
  content: '';
  width: 22px;
  height: 4px;
  background: #3f4245;
  display: block;
  border-radius: 0;
  -webkit-transform: rotate(-50deg) translateX(-11px) translateY(10px) scaleX(1);
  transform: rotate(-50deg) translateX(-11px) translateY(10px) scaleX(1);
  position: absolute;
  top: 50%;
  right: 24px;
  z-index: 2;
  margin-top: -8px
}

.navigation-type3.columns-2 .items {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: stretch
}

.navigation-type3.columns-2 .item {
  width: 48%;
  display: inline-block
}

.ribbon-featured-type1 {
  padding: 35px 0;
  background: #dad8d8
}

.ribbon-featured-type1 .items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start
}

.ribbon-featured-type1 .items .item {
  width: 22%;
  text-decoration: none
}

.ribbon-featured-type1 .items .item .h6 {
  text-decoration: underline
}

.ribbon-featured-type1 .items .item .attribution {
  color: #3f4245
}

.ribbon-featured-type1 .items .item:hover .h6 {
  color: #1f7fa5
}

.interior-feature-type1, .interior-feature-type1b {
  width: 100%;
  background: linear-gradient(#e2f6ff, #e2f6ff 50%, #fff 50%, #fff 50%);
  padding: 35px 0 0 0;
  margin: 0 0 35px 0
}

.interior-feature-type1 h2, .interior-feature-type1b h2 {
  color: #fff;
  margin: 0 0 30px 0
}

.interior-feature-type1 p, .interior-feature-type1b p {
  margin: 0 0 30px 0
}

.interior-feature-type1 .container, .interior-feature-type1b .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.interior-feature-type1 .container div, .interior-feature-type1b .container div {
  width: 49.5%
}

.interior-feature-type1 .container div:nth-of-type(1), .interior-feature-type1b .container div:nth-of-type(1) {
  margin-right: .5%;
  background: #1f7fa5;
  color: #fff;
  padding: 35px
}

.interior-feature-type1 .container div:nth-of-type(2), .interior-feature-type1b .container div:nth-of-type(2) {
  margin-left: .5%;
  background: #fff;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden
}

.interior-feature-type1 .container div:nth-of-type(2) .video-link, .interior-feature-type1b .container div:nth-of-type(2) .video-link {
  display: flex;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .45);
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 24px
}

.interior-feature-type1 .container div:nth-of-type(2) .video-link img, .interior-feature-type1b .container div:nth-of-type(2) .video-link img {
  width: 70px;
  height: 70px;
  margin: 0 8px 0 0
}

.interior-feature-type1 .container div:nth-of-type(2) video, .interior-feature-type1b .container div:nth-of-type(2) video {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.interior-feature-type1 .container div:nth-of-type(2):after, .interior-feature-type1b .container div:nth-of-type(2):after {
  content: '';
  position: absolute;
  width: 75px;
  height: 75px;
  display: block;
  right: 0;
  bottom: 0;
  background: #fff;
  background: linear-gradient(to bottom right, #91d46c 0%, #91d46c 50%, #fff 50%, #fff 100%);
  z-index: 2
}

.interior-feature-type1.grey, .interior-feature-type1b.grey {
  background: linear-gradient(#e2f6ff, #e2f6ff 50%, #eef0f0 50%, #eef0f0 50%);
  margin: 0;
  padding: 35px 0
}

.interior-feature-type1.grey .container div:nth-of-type(2):after, .interior-feature-type1b.grey .container div:nth-of-type(2):after {
  background: linear-gradient(to bottom right, #91d46c 0%, #91d46c 50%, #eef0f0 50%, #eef0f0 100%)
}

.interior-feature-type1b .container div {
  width: 100%
}

.interior-feature-type1b .container div:nth-of-type(1), .interior-feature-type1b .container div:nth-of-type(2) {
  margin: 0
}

.interior-feature-type2 {
  width: 100%;
  padding: 60px 0
}

.interior-feature-type2 h2, .interior-feature-type2 h3 {
  margin: 0 0 20px 0
}

.interior-feature-type2 .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.interior-feature-type2 .container div:nth-of-type(1) {
  width: 33%;
  margin: 0 5% 0 0
}

.interior-feature-type2 .container div:nth-of-type(1) img {
  width: 90%;
  margin: 0 5%
}

.interior-feature-type2 .container div:nth-of-type(2) {
  width: 63%
}

.interior-feature-type3 {
  width: 100%;
  padding: 60px 0;
  background: #3f4245;
  color: #fff
}

.interior-feature-type3 .container {
  display: flex;
  align-items: stretch
}

.interior-feature-type3 .container div {
  width: 50%
}

.interior-feature-type3 .container div:nth-of-type(1) {
  padding: 0 3% 0 0;
  border-right: 1px solid #91d46c
}

.interior-feature-type3 .container div:nth-of-type(2) {
  padding: 0 0 0 3%
}

.interior-feature-type3 .container img {
  width: 70%;
  margin: 0 30% 16px 0
}

.interior-feature-type3 .container img.w50 {
  width: 50%;
  margin: 0 50% 16px 0
}

.interior-feature-type3 .container img.w40 {
  width: 40%;
  margin: 0 60% 16px 0
}

.interior-feature-type3 .container img.w33 {
  width: 33%;
  margin: 0 67% 16px 0
}

.interior-feature-type3 .container img.w25 {
  width: 25%;
  margin: 0 75% 16px 0
}

.interior-feature-type3.columns-3 .container div {
  width: 33.3%;
  box-sizing: border-box
}

.interior-feature-type3.columns-3 .container div:nth-of-type(1) {
  padding: 0 3% 0 0;
  border-right: 1px solid #91d46c
}

.interior-feature-type3.columns-3 .container div:nth-of-type(2) {
  padding: 0 2% 0 2%;
  border-right: 1px solid #fff
}

.interior-feature-type3.columns-3 .container div:nth-of-type(3) {
  padding: 0 0 0 3%;
  border-left: 1px solid #91d46c
}

.interior-feature-type3.columns-4 .container div {
  width: 25%;
  box-sizing: border-box
}

.interior-feature-type3.columns-4 .container div:nth-of-type(1) {
  padding: 0 2% 0 0;
  border-right: 1px solid #91d46c
}

.interior-feature-type3.columns-4 .container div:nth-of-type(2) {
  padding: 0 1% 0 1%;
  border-right: 1px solid #91d46c
}

.interior-feature-type3.columns-4 .container div:nth-of-type(3) {
  padding: 0 1% 0 1%;
  border-right: 1px solid #fff
}

.interior-feature-type3.columns-4 .container div:nth-of-type(4) {
  padding: 0 0 0 2%;
  border-left: 1px solid #91d46c
}

.interior-feature-type3 img {
  margin: 0 0 30px 0;
  width: 100%
}

.interior-feature-type3 .image {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 24px 0
}

.interior-feature-type3 .image.center {
  align-items: center
}

.interior-feature-type3 .image.left {
  justify-content: flex-start
}

.interior-feature-type3 .image.hcenter {
  justify-content: center
}

.interior-feature-type3 .image img {
  -o-object-fit: contain;
  object-fit: contain;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%
}

.interior-feature-type3 h3, .interior-feature-type3 h2 {
  color: #fff;
  margin: 0 0 10px 0
}

.interior-feature-type3 .teaser {
  display: inline-block;
  margin: 0 0 20px 0
}

.interior-feature-type3.light {
  background: #eef0f0;
  color: #3f4245
}

.interior-feature-type3.light h3, .interior-feature-type3.light h2 {
  color: #3f4245
}

.interior-feature-type3.white {
  background: #fff;
  color: #3f4245
}

.interior-feature-type3.white h3, .interior-feature-type3.white h2 {
  color: #3f4245
}

.interior-feature-type3.center .container {
  text-align: center
}

.interior-feature-type3.center .container img {
  width: 70%;
  margin: 0 15% 16px 15%
}

.interior-feature-type3.carrot {
  position: relative;
  z-index: 1
}

.interior-feature-type3.carrot:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 84px 84px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  margin: 0 0 0 -84px
}

.interior-feature-type3.carrot .container div:nth-of-type(1) {
  border-right: none
}

.interior-feature-type3.auto-height .image {
  height: auto
}

.carrot, .carrot-lightgrey, .carrot-darkgrey, .carrot-green, .carrot-lightblue, .carrot-medgrey, .carrot-darkblue {
  position: relative;
  z-index: 1
}

.carrot:after, .carrot-lightgrey:after, .carrot-darkgrey:after, .carrot-green:after, .carrot-lightblue:after, .carrot-medgrey:after, .carrot-darkblue:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 84px 84px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  margin: 0 0 0 -84px
}

.carrot .container div:nth-of-type(1), .carrot-lightgrey .container div:nth-of-type(1), .carrot-darkgrey .container div:nth-of-type(1), .carrot-green .container div:nth-of-type(1), .carrot-lightblue .container div:nth-of-type(1), .carrot-medgrey .container div:nth-of-type(1), .carrot-darkblue .container div:nth-of-type(1) {
  border-right: none
}

.carrot.carrot-pad, .carrot-lightgrey.carrot-pad, .carrot-darkgrey.carrot-pad, .carrot-green.carrot-pad, .carrot-lightblue.carrot-pad, .carrot-medgrey.carrot-pad, .carrot-darkblue.carrot-pad {
  padding-top: 110px
}

.carrot-lightgrey:after {
  border-color: transparent #eef0f0 transparent transparent
}

.carrot-darkgrey:after {
  border-color: transparent #3f4245 transparent transparent
}

.carrot-medgrey:after {
  border-color: transparent #dad8d8 transparent transparent
}

.carrot-green:after {
  border-color: transparent #91d46c transparent transparent
}

.carrot-lightblue:after {
  border-color: transparent #e2f6ff transparent transparent
}

.carrot-darkblue:after {
  border-color: transparent #1f7fa5 transparent transparent
}

.interior-feature-type33 {
  width: 100%;
  padding: 60px 0;
  background: #3f4245;
  color: #fff
}

.interior-feature-type33 .container {
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

.interior-feature-type33 .container div {
  width: 31%;
  padding-right: 3%
}

.interior-feature-type33 .container div:nth-of-type(1) {
  border-right: 1px solid #979797
}

.interior-feature-type33 .container div:nth-of-type(2) {
  border-right: 1px solid #979797
}

.interior-feature-type33 .container img {
  width: 70%;
  margin: 0 30% 8px 0
}

.interior-feature-type33 .container h3, .interior-feature-type33 .container h2 {
  color: #fff;
  margin: 0 0 10px 0
}

.interior-feature-type33 .container .teaser {
  display: inline-block;
  margin: 0 0 20px 0
}

.interior-feature-type33 .container.light {
  background: #eef0f0;
  color: #3f4245
}

.interior-feature-type33 .container.light h3, .interior-feature-type33 .container.light h2 {
  color: #3f4245
}

.interior-feature-type34 {
  width: 100%;
  padding: 60px 0;
  background: #3f4245;
  color: #fff
}

.interior-feature-type34 .container {
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

.interior-feature-type34 .container div {
  width: 24%;
  padding-right: 3%
}

.interior-feature-type34 .container div:nth-of-type(1) {
  border-right: 1px solid #979797
}

.interior-feature-type34 .container div:nth-of-type(2) {
  border-right: 1px solid #979797
}

.interior-feature-type34 .container div:nth-of-type(3) {
  border-right: 1px solid #979797
}

.interior-feature-type34 .container img {
  width: 70%;
  margin: 0 30% 8px 0
}

.interior-feature-type34 .container h3, .interior-feature-type34 .container h2 {
  color: #fff;
  margin: 0 0 10px 0
}

.interior-feature-type34 .container .teaser {
  display: inline-block;
  margin: 0 0 20px 0
}

.interior-feature-type34 .container.light {
  background: #eef0f0;
  color: #3f4245
}

.interior-feature-type34 .container.light h3, .interior-feature-type34 .container.light h2 {
  color: #3f4245
}

.interior-feature-type35 {
  width: 100%;
  padding: 60px 0;
  background: #eef0f0;
  color: #3f4245
}

.interior-feature-type35 .container {
  display: flex;
  align-items: stretch
}

.interior-feature-type35 .container div {
  width: 50%;
  text-align: center
}

.interior-feature-type35 .container div h2, .interior-feature-type35 .container div h3 {
  text-align: center
}

.interior-feature-type35 .container div:nth-of-type(1) {
  padding: 0 3% 0 0;
  border-right: 1px solid #979797
}

.interior-feature-type35 .container div:nth-of-type(2) {
  padding: 0 0 0 3%
}

.interior-feature-type35 .container img {
  max-height: 90px;
  margin: 0 0 16px 0
}

.interior-feature-type35.light {
  background: #eef0f0;
  color: #3f4245
}

.interior-feature-type35.light h3, .interior-feature-type35.light h2 {
  color: #3f4245
}

.interior-feature-type35.carrot {
  position: relative;
  z-index: 1
}

.interior-feature-type35.carrot:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 84px 84px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  margin: 0 0 0 -84px
}

.interior-feature-type35.carrot .container div:nth-of-type(1) {
  border-right: none
}

.interior-feature-type4 {
  padding: 35px 0
}

.interior-feature-type4 .row-1, .interior-feature-type4 .row {
  border-bottom: 1px solid #979797;
  margin: 0 0 35px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start
}

.interior-feature-type4 .row-1 .item, .interior-feature-type4 .row .item {
  display: inline-block;
  max-width: 20%;
  padding: 0 3%;
  margin: 0 0 35px 0;
  color: #3f4245;
  text-align: center;
  font-weight: 600
}

.interior-feature-type4 .row-1 .item:hover, .interior-feature-type4 .row .item:hover {
  color: #1f7fa5
}

.interior-feature-type4 .row-1 .item img, .interior-feature-type4 .row .item img {
  max-height: 180px
}

.interior-feature-type4 .row {
  border-bottom: none;
  margin: 0
}

.interior-feature-type4 .row-2 a {
  margin: 0 5px 5px 0
}

.interior-feature-type5 {
  padding: 60px 0
}

.interior-feature-type5 h2 {
  text-align: center
}

.interior-feature-type5 .container {
  text-align: center
}

.interior-feature-type5 .items {
  display: flex;
  align-items: stretch;
  justify-content: center;
  border: 2px solid #91d46c;
  padding: 35px 15px 45px 15px;
  text-align: center;
  position: relative
}

.interior-feature-type5 .items a {
  width: 20%;
  display: inline-block
}

.interior-feature-type5 img {
  max-width: 100px
}

.interior-feature-type5 a {
  color: #3f4245;
  font-weight: 600
}

.interior-feature-type5 a:hover {
  color: #1f7fa5
}

.interior-feature-type5 span.overlap {
  display: inline-block;
  position: absolute;
  bottom: -18px;
  left: 50%;
  background: #fff;
  width: 200px;
  padding: 5px 0;
  margin: 0 0 0 -100px;
  font-weight: 600;
  text-transform: uppercase
}

.interior-feature-type6 {
  padding: 60px 0;
  width: 100%
}

.interior-feature-type6 .container {
  display: flex;
  align-items: stretch
}

.interior-feature-type6 .container div.item {
  width: 50%
}

.interior-feature-type6 .container div.item:nth-of-type(1) {
  padding: 0 3% 0 0;
  border-right: 1px solid #979797
}

.interior-feature-type6 .container div.item:nth-of-type(2) {
  padding: 0 0 0 3%
}

.interior-feature-type6 .feature-document {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between
}

.interior-feature-type6 .feature-document span.image {
  width: 30%;
  display: inline-block
}

.interior-feature-type6 .feature-document span.text {
  width: 65%;
  padding: 0 0 0 5%;
  display: inline-block
}

.interior-feature-type6 .feature-document .button {
  margin: 30px 0 0 0
}

.interior-feature-type6 .feature-extras {
  display: flex;
  align-items: flex-start;
  padding: 60px 0 0 0;
  justify-content: space-between
}

.interior-feature-type6 .feature-extras a {
  text-decoration: none;
  color: #3f4245;
  width: 48%;
  margin: 0 0 24px 0
}

.interior-feature-type6 .feature-extras a:hover .link {
  color: #1f7fa5
}

.interior-feature-type6 .feature-extras a:hover:after {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

.interior-feature-type6 .feature-extras a:after {
  margin: 15px 0 0 0;
  transition: all .2s ease-in;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  background-image: url("/digi/media/home/arrow-wcircle-blue-grey.png");
  background-position: -44px center;
  background-repeat: no-repeat;
  background-size: 88px 44px
}

.interior-feature-type6 .feature-extras .link {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  padding: 0;
  color: #3f4245;
  text-transform: none;
  text-decoration: underline;
  display: inline-block
}

.interior-feature-type6 .feature-extras .teaser {
  margin: 0 0 15px 0;
  display: inline-block;
  width: 100%
}

.interior-feature-type7 {
  background: #eef0f0;
  background-position: top center;
  padding: 30px 0 22px 0;
  background-repeat: no-repeat
}

.interior-feature-type7 .container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center
}

.interior-feature-type7 .container .arrow, .interior-feature-type7 .container .plus, .interior-feature-type7 .container .check {
  font-size: 20px;
  line-height: 1.1em;
  color: #3f4245;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-sizing: border-box;
  margin: 0 0 8px 0;
  flex-grow: 1
}

.interior-feature-type7 .container .arrow:before, .interior-feature-type7 .container .plus:before, .interior-feature-type7 .container .check:before {
  transition: all .2s ease-in;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 8px 0 0;
  background-position: -40px center;
  background-repeat: no-repeat;
  background-size: 80px 40px;
  box-sizing: border-box
}

.interior-feature-type7 .container .arrow:after, .interior-feature-type7 .container .plus:after, .interior-feature-type7 .container .check:after {
  box-sizing: border-box
}

.interior-feature-type7 .container .arrow:before {
  background-image: url("/digi/media/home/arrow-wcircle-blue-grey.png")
}

.interior-feature-type7 .container .plus:before {
  background-image: url("/digi/media/home/down-wcircle-blue-grey.png");
  transition: border-color .2s ease-in
}

.interior-feature-type7 .container .check:before {
  background-image: url("/digi/media/home/checkbox-wcircle-blue-grey.png")
}

.interior-feature-type7 .container .arrow:hover, .interior-feature-type7 .container .arrow.selected {
  color: #1f7fa5;
  text-decoration: underline
}

.interior-feature-type7 .container .arrow:hover:before, .interior-feature-type7 .container .arrow.selected:before {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

.interior-feature-type7 .container .plus:hover {
  color: #1f7fa5;
  text-decoration: underline
}

.interior-feature-type7 .container .plus:hover:before {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

.interior-feature-type7 .container .plus.selected {
  color: #1f7fa5;
  text-decoration: underline
}

.interior-feature-type7 .container .plus.selected:before {
  background-position: 0 center;
  border: 2px solid #1f7fa5;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.interior-feature-type7.green {
  background: #91d46c
}

.interior-feature-type7.green .arrow, .interior-feature-type7.green .plus, .interior-feature-type7.green .check {
  color: #3f4245
}

.interior-feature-type7.green .arrow:before, .interior-feature-type7.green .plus:before, .interior-feature-type7.green .check:before {
  border: 2px solid #3f4245
}

.interior-feature-type7.green .arrow:hover, .interior-feature-type7.green .plus:hover {
  color: #3f4245;
  text-decoration: underline
}

.interior-feature-type7.green .arrow:hover:before, .interior-feature-type7.green .plus:hover:before {
  background-position: -40px center;
  border: 2px solid #3f4245
}

.content-plus {
  width: 100%;
  max-height: 0;
  overflow-y: hidden;
  order: 2;
  background: #eef0f0;
  transition: max-height .4s ease-out
}

.content-plus .container {
  padding: 30px;
  display: block
}

.content-plus.show {
  max-height: 1200px;
  transition: max-height .4s ease-in
}

.interior-navigation-type1 {
  background: #eef0f0;
  padding: 60px 0
}

.interior-navigation-type1.no-head-graphic .heading {
  background: none;
  background-image: none;
  padding: 0
}

.interior-navigation-type1.no-arrows .items .item .teaser:after {
  display: none
}

.interior-navigation-type1 .heading {
  padding: 240px 0 0 0;
  width: 100%;
  background-size: cover;
  background-position: center center
}

.interior-navigation-type1 .heading h2 {
  box-sizing: border-box;
  padding: 30px 35px;
  color: #fff;
  background: linear-gradient(225deg, transparent 50px, #3f4245 50px);
  display: block;
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center
}

.interior-navigation-type1 .heading h2:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  background: linear-gradient(to top right, #91d46c 0%, #91d46c 50%, transparent 50%, transparent 100%)
}

.interior-navigation-type1 .heading h2 img {
  width: 50px;
  margin: 0 8px 0 0
}

.interior-navigation-type1 .heading .teaser {
  display: block;
  width: 100%;
  padding: 35px 30px;
  font-size: 20px
}

.interior-navigation-type1 .items {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap
}

.interior-navigation-type1 .items .item {
  display: inline-block;
  width: 50%;
  background: #fff;
  padding: 15px 30px;
  border-bottom: 12px solid #eef0f0;
  text-decoration: none;
  color: #3f4245
}

.interior-navigation-type1 .items .item a {
  display: block
}

.interior-navigation-type1 .items .item img {
  max-width: 150px
}

.interior-navigation-type1 .items .item.external .link:after {
  content: '';
  background: url("//www.digi.com/images/icon-link-external.png") center center no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
  margin: 0 0 0 16px
}

.interior-navigation-type1 .items .item:nth-of-type(odd) {
  border-right: 6px solid #eef0f0
}

.interior-navigation-type1 .items .item:nth-of-type(even) {
  border-left: 6px solid #eef0f0
}

.interior-navigation-type1 .items .item .link {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  padding: 0;
  color: #3f4245;
  text-transform: none;
  text-decoration: underline;
  display: inline-block;
  margin: 0 0 15px 0
}

.interior-navigation-type1 .items .item .teaser {
  margin: 0 0 15px 0;
  display: inline-block;
  width: 100%;
  color: #3f4245
}

.interior-navigation-type1 .items .item .teaser:after {
  margin: 15px 0 0 0;
  transition: all .2s ease-in;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  background-image: url("/digi/media/home/arrow-wcircle-blue-grey.png");
  background-position: -44px center;
  background-repeat: no-repeat;
  background-size: 88px 44px
}

.interior-navigation-type1 .items .item.inactive .link {
  text-decoration: none
}

.interior-navigation-type1 .items .item.inactive .teaser:after {
  display: none
}

.interior-navigation-type1 .items .item.inactive:hover .link, .interior-navigation-type1 .items .item.inactive:hover .teaser {
  color: #3f4245
}

.interior-navigation-type1 .items .item .sub-items a {
  width: 100%;
  margin: 0 0 8px 0;
  color: #3f4245
}

.interior-navigation-type1 .items .item .sub-items a:hover {
  color: #1f7fa5
}

.interior-navigation-type1 .items .item .sub-items .subcategory {
  border-left: 1px solid #91d46c;
  margin: 5px 5px 15px;
  padding: 0 0 0 15px
}

.interior-navigation-type1 .items a.item:hover, .interior-navigation-type1 .items div.item a:hover {
  color: #1f7fa5
}

.interior-navigation-type1 .items a.item:hover .link, .interior-navigation-type1 .items div.item a:hover .link {
  color: #1f7fa5
}

.interior-navigation-type1 .items a.item:hover .teaser, .interior-navigation-type1 .items div.item a:hover .teaser {
  color: #1f7fa5
}

.interior-navigation-type1 .items a.item:hover .teaser:after, .interior-navigation-type1 .items div.item a:hover .teaser:after {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

.interior-navigation-type1 .items.columns-3 .item {
  width: 33.3%
}

.interior-navigation-type1 .items.columns-3 .item:nth-of-type(3n+1) {
  border-right: 6px solid #eef0f0;
  border-left: none;
  width: 33%
}

.interior-navigation-type1 .items.columns-3 .item:nth-of-type(3n+2) {
  border-right: 6px solid #eef0f0;
  border-left: 6px solid #eef0f0;
  width: 34%
}

.interior-navigation-type1 .items.columns-3 .item:nth-of-type(3n+3) {
  border-left: 6px solid #eef0f0;
  border-right: none;
  width: 33%
}

.interior-navigation-type1 .items.columns-4 .item {
  width: 25%
}

.interior-navigation-type1 .items.columns-4 .item:nth-of-type(4n+1) {
  border-right: 6px solid #eef0f0;
  border-left: none
}

.interior-navigation-type1 .items.columns-4 .item:nth-of-type(4n+2) {
  border-right: 6px solid #eef0f0;
  border-left: 6px solid #eef0f0
}

.interior-navigation-type1 .items.columns-4 .item:nth-of-type(4n+3) {
  border-right: 6px solid #eef0f0;
  border-left: 6px solid #eef0f0
}

.interior-navigation-type1 .items.columns-4 .item:nth-of-type(4n+4) {
  border-left: 6px solid #eef0f0;
  border-right: none
}

.interior-navigation-type1b {
  padding: 60px 0
}

.interior-navigation-type1b .heading {
  width: 100%;
  background: none;
  background-image: none;
  padding: 0
}

.interior-navigation-type1b .heading h2 {
  box-sizing: border-box;
  padding: 30px 35px;
  color: #fff;
  background: linear-gradient(225deg, transparent 50px, #3f4245 50px);
  display: block;
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center
}

.interior-navigation-type1b .heading h2:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
  background: linear-gradient(to top right, #91d46c 0%, #91d46c 50%, transparent 50%, transparent 100%)
}

.interior-navigation-type1b .heading h2 img {
  width: 50px;
  margin: 0 8px 0 0
}

.interior-navigation-type1b .heading .teaser {
  display: block;
  width: 100%;
  padding: 35px 30px;
  font-size: 20px
}

.interior-navigation-type1b .items {
  display: flex;
  align-items: stretch !important;
  flex-wrap: wrap;
  background: #eef0f0;
  padding: 0 15px
}

.interior-navigation-type1b .items .item {
  width: 32%;
  background: #fff;
  padding: 15px 30px !important;
  text-decoration: none;
  color: #3f4245;
  display: block !important;
  border: none !important;
  margin: 0 0 15px 0 !important
}

.interior-navigation-type1b .items .item img {
  max-width: 150px
}

.interior-navigation-type1b .items .item .link {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  padding: 0;
  color: #3f4245;
  text-transform: none;
  text-decoration: underline;
  display: inline-block;
  margin: 0 0 15px 0
}

.interior-navigation-type1b .items .item .teaser {
  margin: 0 0 15px 0;
  display: inline-block;
  width: 100%
}

.interior-navigation-type1b .items .item .teaser:after {
  margin: 15px 0 0 0;
  transition: all .2s ease-in;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  background-image: url("/digi/media/home/arrow-wcircle-blue-grey.png");
  background-position: -44px center;
  background-repeat: no-repeat;
  background-size: 88px 44px
}

.interior-navigation-type1b .items .item:hover {
  color: #1f7fa5
}

.interior-navigation-type1b .items .item:hover .link {
  color: #1f7fa5
}

.interior-navigation-type1b .items .item:hover .teaser:after {
  background-position: 0 center;
  border: 2px solid #1f7fa5
}

.interior-navigation-type1b .items .item.inactive .link {
  text-decoration: none
}

.interior-navigation-type1b .items .item.inactive .teaser:after {
  display: none
}

.interior-navigation-type1b .items .item.inactive:hover .link, .interior-navigation-type1b .items .item.inactive:hover .teaser {
  color: #3f4245
}

.interior-navigation-type1b .items .item:nth-of-type(3n+1) {
  border-right: 6px solid #eef0f0 !important;
  border-left: none;
  width: 33%
}

.interior-navigation-type1b .items .item:nth-of-type(3n+2) {
  border-right: 6px solid #eef0f0 !important;
  border-left: 6px solid #eef0f0 !important;
  width: 34%
}

.interior-navigation-type1b .items .item:nth-of-type(3n+3) {
  border-left: 6px solid #eef0f0 !important;
  border-right: none;
  width: 33%
}

.interior-navigation-type2 {
  padding: 60px 0 25px 0;
  background: #eef0f0
}

.interior-navigation-type2 a.linkzoom {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative
}

.interior-navigation-type2 a.linkzoom img {
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  width: 100%
}

.interior-navigation-type2 a.linkzoom:hover img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.interior-navigation-type2 .container {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap
}

.interior-navigation-type2 .item {
  width: 32%;
  background: #fff;
  margin: 0 0 30px 0
}

.interior-navigation-type2 .item div {
  padding: 30px
}

.interior-navigation-type2 h2, .interior-navigation-type2 h3 {
  margin: 0 0 20px 0
}

.interior-navigation-type2.columns-4 .item {
  width: 24%
}

.interior-navigation-type2.white {
  background-color: #fff
}

.interior-navigation-type2.white .item {
  background: #eef0f0
}

.interior-navigation-type2.white .item h3 {
  color: #3f4245
}

.interior-navigation-type2b {
  padding: 60px 0;
  background: #eef0f0
}

.interior-navigation-type2b a.linkzoom {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative
}

.interior-navigation-type2b a.linkzoom img {
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  width: 100%
}

.interior-navigation-type2b a.linkzoom:hover img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.interior-navigation-type2b .items {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-column-gap: 2%;
  -moz-column-gap: 2%;
  column-gap: 2%
}

.interior-navigation-type2b .item {
  width: 32%;
  background: #fff;
  margin: 0 0 30px 0
}

.interior-navigation-type2b .item div {
  padding: 30px
}

.interior-navigation-type2b h2, .interior-navigation-type2b h3 {
  margin: 0 0 20px 0
}

.interior-navigation-type2b.darkgrey {
  background-color: #3f4245
}

.interior-navigation-type2b.darkgrey .item {
  color: #3f4245
}

.interior-navigation-type2b.darkgrey .item h3 {
  color: #3f4245
}

.interior-navigation-type2b.white {
  background-color: #fff
}

.interior-navigation-type2b.white .item {
  background: #eef0f0
}

.interior-navigation-type2b.white .item h3 {
  color: #3f4245
}

.interior-navigation-type2b.columns-4 .item {
  width: 24%
}

.interior-navigation-type2b.columns-4 .item div {
  padding: 20px
}

.interior-navigation-type3 {
  background: #1f7fa5;
  color: #fff;
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 200;
  margin: 0 0 50px 0
}

.interior-navigation-type3 .container {
  position: relative;
  padding: 70px 0 50px 0
}

.interior-navigation-type3 h2 {
  font-size: 60px;
  line-height: 1em;
  font-weight: 200;
  margin: 0 0 35px 0;
  color: #fff
}

.interior-navigation-type3 span.selector {
  font-size: 30px;
  font-weight: 600;
  padding: 28px 45px;
  background: #91d46c;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  transition: all .2s ease-out;
  color: #3f4245;
  text-align: left
}

.interior-navigation-type3 span.selector:before {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: #91d46c transparent transparent transparent;
  transition: all .2s ease-out
}

.interior-navigation-type3 .select-type1 {
  background: #fff;
  color: #3f4245;
  font-weight: 400;
  clear: both
}

.interior-navigation-type3 .select-type1 .container {
  padding: 30px 0 0 50px;
  text-align: left;
  text-align: left
}

.interior-navigation-type3 .select-type1 a {
  font-size: 22px;
  color: #3f4245;
  text-decoration: none;
  border-bottom: 1px solid #3f4245;
  display: inline-block;
  margin: 0 0 8px 0;
  transition: all .3s ease-in
}

.interior-navigation-type3 .select-type1 a:hover {
  color: #1f7fa5;
  border-bottom: 1px solid #1f7fa5;
  text-decoration: none
}

.interior-navigation-type3 .select-type1 a.selected {
  font-weight: 600;
  color: #1f7fa5;
  border-bottom: 2px solid #1f7fa5;
  text-decoration: none
}

.interior-navigation-type3 .select-type1 span {
  color: #91d46c;
  padding: 0 7px 0 12px
}

.navigation-type4, .interior-navigation-type4 {
  text-align: center;
  padding: 60px 0 70px 0
}

.navigation-type4 h1, .navigation-type4 h2, .navigation-type4 h3, .interior-navigation-type4 h1, .interior-navigation-type4 h2, .interior-navigation-type4 h3 {
  margin: 0 0 35px 0
}

.navigation-type4 .container, .interior-navigation-type4 .container {
  position: relative
}

.navigation-type4 .container div, .interior-navigation-type4 .container div {
  display: flex;
  justify-content: center;
  width: 100%;
  border: 2px solid #91d46c;
  padding: 36px 15px 46px 15px
}

.navigation-type4 .container div a, .interior-navigation-type4 .container div a {
  display: block;
  text-align: center;
  width: 16.67%;
  font-weight: 600;
  line-height: 1.2em;
  text-decoration: underline;
  color: #3f4245
}

.navigation-type4 .container div a:hover, .interior-navigation-type4 .container div a:hover {
  color: #1f7fa5
}

.navigation-type4 .container div img, .interior-navigation-type4 .container div img {
  max-width: 88px
}

.navigation-type4 .container .surround, .interior-navigation-type4 .container .surround {
  height: 28px;
  line-height: 28px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  color: #3f4245;
  font-weight: 600;
  padding: 0 15px
}

.navigation-type4 .container .surround:hover, .interior-navigation-type4 .container .surround:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.navigation-type4 .container .surround img, .interior-navigation-type4 .container .surround img {
  width: 22px;
  vertical-align: middle;
  margin: 0 5px 0 0
}

.navigation-type5 {
  padding: 60px 0;
  width: 100%
}

.navigation-type5 .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.navigation-type5 .items.columns-2 .item {
  width: 49%;
  background: #fff
}

.navigation-type5 .items.columns-2 .item:nth-of-type(2n+1) {
  margin: 0 1% 30px 0
}

.navigation-type5 .items.columns-2 .item:nth-of-type(2n+2) {
  margin: 0 0 30px 1%
}

.navigation-type5 .items.columns-2 .item .image {
  height: 330px
}

.navigation-type5 .items.columns-4 .item {
  width: 24%;
  background: #fff
}

.navigation-type5 .items.columns-4 .item:nth-of-type(4n+1) {
  margin: 0 1% 30px 0
}

.navigation-type5 .items.columns-4 .item:nth-of-type(4n+2) {
  margin: 0 .5% 30px .5%
}

.navigation-type5 .items.columns-4 .item:nth-of-type(4n+3) {
  margin: 0 .5% 30px .5%
}

.navigation-type5 .items.columns-4 .item:nth-of-type(4n+4) {
  margin: 0 0 30px 1%
}

.navigation-type5 .items.columns-4 .item .image {
  height: 200px
}

.navigation-type5 .item {
  display: flex;
  flex-direction: column;
  color: #fff;
  width: 32%;
  margin: 0 0 30px 0;
  overflow: hidden;
  text-decoration: none
}

.navigation-type5 .item:nth-of-type(3n+1) {
  margin: 0 1% 30px 0
}

.navigation-type5 .item:nth-of-type(3n+2) {
  margin: 0 1% 30px 1%
}

.navigation-type5 .item:nth-of-type(3n+3) {
  margin: 0 0 30px 1%
}

.navigation-type5 .item .image {
  height: 230px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  position: relative
}

.navigation-type5 .item .image img {
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.navigation-type5 .item .image:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 30px;
  background: linear-gradient(225deg, transparent 20px, #3f4245 20px)
}

.navigation-type5 .item .content {
  background: #3f4245;
  width: 100%;
  padding: 0 20px 20px 20px;
  position: relative;
  flex-grow: 2
}

.navigation-type5 .item span {
  display: block
}

.navigation-type5 .item span.highlight {
  display: inline-block
}

.navigation-type5 .item span.title {
  font-size: 25px;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  color: #fff;
  font-weight: 800;
  text-transform: none
}

.navigation-type5 .item span.teaser {
  display: block;
  margin: 0 0 8px 0
}

.navigation-type5 .item span.readmore {
  color: #fff;
  text-decoration: underline;
  font-weight: 400
}

.navigation-type5 .item:hover {
  text-decoration: none;
  color: #fff
}

.navigation-type5 .item:hover span.image img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.navigation-type5 .item:hover span.title {
  text-decoration: underline
}

.navigation-type5 .item:hover span.teaser {
  text-decoration: none
}

.navigation-type5.white .item, .navigation-type5.darkgrey .item {
  color: #3f4245
}

.navigation-type5.white .item .image:after, .navigation-type5.darkgrey .item .image:after {
  background: linear-gradient(225deg, transparent 20px, #eef0f0 20px)
}

.navigation-type5.white .item .content, .navigation-type5.darkgrey .item .content {
  background: #eef0f0
}

.navigation-type5.white .item span.title, .navigation-type5.darkgrey .item span.title {
  color: #3f4245
}

.navigation-type5.white .item:hover span.title, .navigation-type5.darkgrey .item:hover span.title {
  color: #1f7fa5
}

.interior-subcontent {
  padding: 24px 0;
  background: #eef0f0
}

.interior-subcontent .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-items: center
}

.interior-subcontent .container div:nth-of-type(1) {
  width: 25%;
  border-right: 2px solid #b2b2b2;
  padding: 0 50px 0 0;
  display: flex;
  align-items: center
}

.interior-subcontent .container div:nth-of-type(2) {
  width: 74%;
  padding: 0 0 0 50px
}

.interior-subcontent img {
  width: 100%;
  padding: 0
}

.interior-subcontent h2 {
  font-size: 34px;
  font-weight: 300;
  margin: 0 0 24px 0;
  line-height: 1.2em
}

.interior-subcontent h2 br {
  display: inline-block !important
}

.interior-subcontent-diagram {
  padding: 35px 0;
  background: #eef0f0
}

.interior-subcontent-diagram .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-items: center
}

.interior-subcontent-diagram .container div:nth-of-type(1) {
  width: 33%;
  border-right: 2px solid #b2b2b2;
  padding: 0 50px 0 0;
  display: flex;
  align-items: center
}

.interior-subcontent-diagram .container div:nth-of-type(2) {
  width: 66%;
  padding: 0 0 0 50px
}

.interior-subcontent-diagram img {
  width: 100%;
  padding: 0
}

.interior-subcontent-diagram h2 {
  font-size: 34px;
  font-weight: 300;
  margin: 0 0 24px 0;
  line-height: 1em
}

.interior-subcontent-diagram h2 br {
  display: inline-block !important
}

.interior-subcontent-b {
  padding: 24px 0;
  background: #eef0f0
}

.interior-subcontent-b .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-items: flex-start
}

.interior-subcontent-b .container div:nth-of-type(1) {
  width: 25%;
  padding: 0 50px 0 0;
  display: flex;
  align-items: center
}

.interior-subcontent-b .container div:nth-of-type(2) {
  width: 74%;
  border-left: 2px solid #b2b2b2;
  padding: 0 0 0 50px
}

.interior-subcontent-b img {
  width: 100%;
  padding: 0
}

.interior-subcontent-b h2 {
  font-size: 34px;
  font-weight: 300;
  margin: 0 0 24px 0;
  line-height: 1em
}

.interior-subcontent-b h2 br {
  display: inline-block !important
}

.interior-subcontent-type1 {
  padding: 60px 0;
  background: #3f4245;
  color: #fff
}

.interior-subcontent-type1 .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.interior-subcontent-type1 .container div:nth-of-type(1) {
  width: 33%;
  border-right: 1px solid #b2b2b2;
  padding: 0 50px 0 0
}

.interior-subcontent-type1 .container div:nth-of-type(2) {
  width: 67%;
  padding: 0 0 0 50px
}

.interior-subcontent-type1 img {
  width: 100%
}

.interior-subcontent-type1 h2 {
  font-size: 45px;
  font-weight: 300;
  margin: 0 0 30px 0;
  line-height: 1em;
  color: #fff
}

.interior-subcontent-type1 h2 br {
  display: inline-block !important
}

.interior-subcontent-type2 {
  background: #eef0f0;
  padding: 70px 0
}

.interior-subcontent-type3 {
  padding: 60px 0
}

.interior-subcontent-type3.noborder .container div.column-right {
  border-left: none
}

.interior-subcontent-type3 .container {
  display: flex;
  align-items: stretch
}

.interior-subcontent-type3 .container div.column-content {
  width: 67%;
  padding: 0 3% 0 0
}

.interior-subcontent-type3 .container div.column-content .diagram {
  margin: 0 0 16px 0
}

.interior-subcontent-type3 .container div.column-content section {
  margin: 0 0 50px 0
}

.interior-subcontent-type3 .container div.column-content .icon {
  margin: 0 0 30px 0
}

.interior-subcontent-type3 .container div.column-content .icon a {
  display: inline-block
}

.interior-subcontent-type3 .container div.column-content .icon:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0
}

.interior-subcontent-type3 .container div.column-content .icon img {
  width: 100px
}

.interior-subcontent-type3 .container div.column-content .right50off {
  margin-right: 0
}

.interior-subcontent-type3 .container div.column-icons {
  width: 34%;
  padding: 0 0 0 3%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #979797
}

.interior-subcontent-type3 .container div.column-icons a {
  margin: 0 0 8px 0
}

.interior-subcontent-type3 .container div.column-icons .number {
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
  margin: 0;
  display: inline-flex;
  color: #1f7fa5
}

.interior-subcontent-type3 .container div.column-icons .number span {
  font-size: 36px;
  display: inline-block
}

.interior-subcontent-type3 .container div.column-icons .icon {
  padding: 0 0 30px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #979797
}

.interior-subcontent-type3 .container div.column-icons .icon:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.interior-subcontent-type3 .container div.column-icons .icon img {
  width: 100px
}

.interior-subcontent-type3 .container div.column-right {
  width: 34%;
  padding: 0 0 0 3%;
  border-left: 1px solid #979797
}

.interior-subcontent-type3 .container div.column-right .quote {
  padding: 0 30px 30px 30px
}

.interior-subcontent-type3 .container div.column-right .quote blockquote {
  font-size: 28px;
  font-weight: 300;
  padding: 0 0 24px 0;
  line-height: 1.5em
}

.interior-subcontent-type3 .container div.column-right .related-products img {
  margin: 0 0 8px 0;
  width: 100px
}

.interior-subcontent-type3 .container div.column-right .related-products h3 {
  margin: 0 0 36px 0
}

.interior-subcontent-type3 .container div.column-right .related-products div.product {
  margin: 0 0 30px 0
}

.interior-subcontent-type3 .container div.column-right .related-products+div {
  border-top: 1px solid #979797;
  padding-top: 30px
}

.interior-subcontent-type3 .container div.column-right .related-stories img {
  width: 120px
}

.interior-subcontent-type3 .container div.column-right .related-stories h3 {
  margin: 0 0 24px 0
}

.interior-subcontent-type3 .container div.column-right .related-stories div.story {
  margin: 0 0 30px 0
}

.interior-subcontent-type3 .container div.column-right .related-stories+div {
  border-top: 1px solid #979797;
  padding-top: 30px
}

.interior-subcontent-type3 .container div.column-right .related-industries h3 {
  margin: 0 0 36px 0
}

.interior-subcontent-type3 .container div.column-right .related-industries a {
  margin: 0 5px 5px 0;
  font-size: 13px;
  display: inline-block;
  background: #91d46c;
  color: #3f4245;
  padding: 0 15px;
  border-radius: 20px;
  text-decoration: none
}

.interior-subcontent-type3 .container div.column-right .related-industries a:hover {
  background: #3f4245;
  color: #fff;
  text-decoration: none
}

.interior-subcontent-type3 .container div.column-right .related-videos .image {
  display: inline-block;
  width: 100%;
  max-width: 240px;
  height: 135px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative
}

.interior-subcontent-type3 .container div.column-right .related-videos .image:after {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("//www.digi.com/images/card-button-play.png") center center no-repeat;
  content: '';
  background-size: 40px 40px;
  margin: -20px 0 0 -20px;
  left: 50%;
  top: 50%
}

.interior-subcontent-type3 .container div.column-right .related-videos h3 {
  margin: 0 0 24px 0
}

.interior-subcontent-type3 .container div.column-right .related-videos div.item {
  margin: 0 0 30px 0
}

.interior-subcontent-type3 .container div.column-right .related-videos+div {
  border-top: 1px solid #979797;
  padding-top: 30px
}

.interior-subcontent-type3 .container div.column-right .related-links {
  padding: 0 0 30px 0
}

.interior-subcontent-type3 .container div.column-right .related-links+div {
  border-top: 1px solid #979797;
  padding-top: 30px
}

.interior-subcontent-type3 .container div.column-right .related-press {
  padding: 0 0 30px
}

.interior-subcontent-type3 .container div.column-right .related-press+div {
  border-top: 1px solid #979797;
  padding-top: 30px
}

.interior-subcontent-type3 .container div.column-right .card-type-single .card-type1 {
  margin: 0 0 30px 0
}

.interior-subcontent-type3.switchorder .column-content {
  order: 1
}

.interior-subcontent-type3.switchorder .column-right {
  order: 2
}

.interior-subcontent-type4 {
  padding: 60px 0
}

.interior-subcontent-type5 {
  padding: 60px 0
}

.interior-subcontent-type5 .container {
  display: flex;
  align-items: flex-start
}

.interior-subcontent-type5 .container.align-stretch {
  align-items: stretch
}

.interior-subcontent-type5 .container .nav-sidenav {
  display: none
}

.interior-subcontent-type5 .container div.column-leftnav-type2 {
  width: 21%;
  padding: 0 3% 0 0;
  display: flex;
  flex-direction: column;
  line-height: 1.3em
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table td:nth-of-type(1) {
  padding: 5px !important
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table td {
  padding: 5px 0 !important
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table+div table tr td:nth-of-type(1) {
  padding: 5px 0 !important
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table+div table tr td:nth-of-type(2) {
  position: relative;
  padding: 5px !important
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table+div table tr td:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #91d46c;
  border-right: 1px solid #91d46c
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table+div table+div table tr td:nth-of-type(3) {
  position: relative
}

.interior-subcontent-type5 .container div.column-leftnav-type2 table+div table+div table tr td:nth-of-type(3):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #91d46c;
  border-right: 1px solid #91d46c
}

.interior-subcontent-type5 .container div.column-leftnav-type2 td {
  padding: 2px;
  font-size: 17px
}

.interior-subcontent-type5 .container div.column-leftnav-type2 img {
  max-width: none
}

.interior-subcontent-type5 .container div.column-leftnav-type2 .nav-mobile {
  display: none
}

.interior-subcontent-type5 .container div.column-leftnav-type2.nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11
}

.interior-subcontent-type5 .container div.column-leftnav-type2 a {
  color: #3f4245;
  text-decoration: none
}

.interior-subcontent-type5 .container div.column-leftnav-type2 a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.interior-subcontent-type5 .container div.column-leftnav-type2 span.selected {
  color: #cacaca
}

.interior-subcontent-type5 .container div.column-leftnav, .interior-subcontent-type5 .container div.column-leftnav-type3 {
  width: 21%;
  padding: 0 3% 0 0;
  display: flex;
  flex-direction: column
}

.interior-subcontent-type5 .container div.column-leftnav ul, .interior-subcontent-type5 .container div.column-leftnav-type3 ul {
  list-style-type: none;
  padding: 0
}

.interior-subcontent-type5 .container div.column-leftnav li, .interior-subcontent-type5 .container div.column-leftnav-type3 li {
  list-style-type: none;
  padding: 0;
  line-height: 1.2em
}

.interior-subcontent-type5 .container div.column-leftnav li ul, .interior-subcontent-type5 .container div.column-leftnav-type3 li ul {
  border-left: 1px solid #91d46c;
  margin: 8px 0 8px 20px;
  padding: 0 0 0 10px
}

.interior-subcontent-type5 .container div.column-leftnav a, .interior-subcontent-type5 .container div.column-leftnav-type3 a {
  color: #3f4245;
  text-decoration: none;
  display: block;
  padding: 10px 0 10px 5px
}

.interior-subcontent-type5 .container div.column-leftnav a.selected, .interior-subcontent-type5 .container div.column-leftnav-type3 a.selected {
  background: #eef0f0;
  position: relative
}

.interior-subcontent-type5 .container div.column-leftnav a.selected:after, .interior-subcontent-type5 .container div.column-leftnav-type3 a.selected:after {
  content: "x";
  position: absolute;
  right: 8px;
  top: 6px
}

.interior-subcontent-type5 .container div.column-leftnav a.selected.nounselect:after, .interior-subcontent-type5 .container div.column-leftnav-type3 a.selected.nounselect:after {
  display: none
}

.interior-subcontent-type5 .container div.column-leftnav a:hover, .interior-subcontent-type5 .container div.column-leftnav-type3 a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.interior-subcontent-type5 .container div.column-leftnav .nav-mobile, .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-mobile {
  display: none
}

.interior-subcontent-type5 .container div.column-leftnav.nav-sticky, .interior-subcontent-type5 .container div.column-leftnav-type3.nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11
}

.interior-subcontent-type5 .container div.column-content {
  width: 100%;
  padding: 0;
  border-left: none
}

.interior-subcontent-type5 .container div.column-content .featured {
  margin: 0 0 60px 0;
  padding: 295px 0 0 0;
  background-color: #dad8d8;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

.interior-subcontent-type5 .container div.column-content .featured .text {
  background: #3f4245;
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  color: #fff
}

.interior-subcontent-type5 .container div.column-content .featured .text h2 {
  margin: 0 0 20px 0;
  color: #fff
}

.interior-subcontent-type5 .container div.column-content .featured .text .teaser {
  display: block;
  margin: 0 0 16px 0
}

.interior-subcontent-type5 .container div.column-content .featured .text .date {
  display: block;
  color: #fff;
  margin: 0 0 16px 0
}

.interior-subcontent-type5 .container div.column-content .featured .text a {
  text-transform: uppercase;
  color: #fff
}

.interior-subcontent-type5 .container div.column-content .featured .image {
  background: #3f4245;
  width: 30%;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.interior-subcontent-type5 .container div.column-content .featured:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  display: block;
  right: 0;
  bottom: 0;
  background: #fff;
  background: linear-gradient(to bottom right, #91d46c 0%, #91d46c 50%, #fff 50%, #fff 100%)
}

.interior-subcontent-type5 .container div.column-content .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ebebeb
}

.interior-subcontent-type5 .container div.column-content .item h3 a {
  color: #3f4245
}

.interior-subcontent-type5 .container div.column-content .item h3 a:hover {
  color: #1f7fa5
}

.interior-subcontent-type5 .container div.column-content .item .pill {
  margin: 0 0 5px 0
}

.interior-subcontent-type5 .container div.column-content .item .text {
  width: 65%
}

.interior-subcontent-type5 .container div.column-content .item .text .teaser {
  display: block;
  margin: 0 0 8px 0
}

.interior-subcontent-type5 .container div.column-content .item .text .date {
  color: #cc6033;
  display: block
}

.interior-subcontent-type5 .container div.column-content .item .text .timelength {
  display: block;
  font-style: italic;
  color: #979797
}

.interior-subcontent-type5 .container div.column-content .item .image {
  width: 25%
}

.interior-subcontent-type5 .container div.column-content .item .image.video a {
  display: inline-block;
  position: relative;
  width: 100%
}

.interior-subcontent-type5 .container div.column-content .item .image.video a:after {
  content: '';
  width: 40px;
  height: 40px;
  background: url("//www.digi.com/images/card-button-play.png") center center no-repeat;
  background-size: 40px 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px
}

.interior-subcontent-type5 .container div.column-content .item:last-of-type {
  border-bottom: none;
  padding-bottom: 0
}

.interior-subcontent-type5 .container div.column-content.withrightnav {
  width: 79%;
  padding: 0 3% 0 0;
  border-right: 1px solid #979797
}

.interior-subcontent-type5 .container div.column-rightnav {
  width: 21%;
  padding: 0 0 0 3%;
  display: flex;
  flex-direction: column
}

.interior-subcontent-type5 .container div.column-rightnav ul {
  list-style-type: none;
  padding: 0
}

.interior-subcontent-type5 .container div.column-rightnav li {
  list-style-type: none;
  padding: 0
}

.interior-subcontent-type5 .container div.column-rightnav li ul {
  border-left: 1px solid #91d46c;
  margin: 8px 0 8px 20px;
  padding: 0 0 0 10px
}

.interior-subcontent-type5 .container div.column-rightnav a {
  color: #3f4245;
  text-decoration: none;
  display: block;
  padding: 8px 0 8px 5px
}

.interior-subcontent-type5 .container div.column-rightnav a.selected {
  background: #eef0f0;
  position: relative
}

.interior-subcontent-type5 .container div.column-rightnav a.selected:after {
  content: "x";
  position: absolute;
  right: 8px;
  top: 6px
}

.interior-subcontent-type5 .container div.column-rightnav a.selected.nounselect:after {
  display: none
}

.interior-subcontent-type5 .container div.column-rightnav a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.interior-subcontent-type5 .container div.column-rightnav .nav-mobile {
  display: none
}

.interior-subcontent-type5 .container div.column-rightnav.nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11
}

.interior-subcontent-type5 .container div.column-leftnav+div.column-content, .interior-subcontent-type5 .container div.column-leftnav-type2+div.column-content, .interior-subcontent-type5 .container div.column-leftnav-type3+div.column-content {
  width: 79%;
  padding: 0 0 0 3%;
  border-left: 1px solid #979797
}

.column-rightnav ul li a {
  font-weight: 600
}

.interior-subcontent-type6 {
  padding: 60px 0
}

.interior-subcontent-type6 .container {
  display: flex;
  align-items: stretch
}

.interior-subcontent-type6 .column-content {
  width: 50%;
  padding: 0 3% 0 0
}

.interior-subcontent-type6 .column-icons {
  width: 50%;
  padding: 0 0 0 3%;
  border-left: 1px solid #979797;
  display: flex;
  flex-wrap: wrap
}

.interior-subcontent-type6 .column-icons .icon {
  width: 48%;
  margin: 0 1% 24px 0
}

.interior-subcontent-type7 {
  padding: 60px 0
}

.interior-subcontent-type7 .container {
  display: flex;
  align-items: stretch
}

.interior-subcontent-type7 .column-left {
  width: 25%;
  padding: 0 3% 0 0;
  border-right: 1px solid #979797
}

.interior-subcontent-type7 .column-content {
  width: 75%;
  padding: 0 0 0 3%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between
}

.interior-subcontent-type7 .column-content .item {
  width: 31%;
  margin: 0 0 16px 0
}

.interior-subcontent-type7 .column-content img {
  width: 80px
}

.interior-subcontent-type8 {
  padding: 60px 0
}

.interior-subcontent-type8 .container {
  display: flex;
  align-items: stretch
}

.interior-subcontent-type8 .column-left {
  width: 34%;
  padding: 0 3% 0 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #979797
}

.interior-subcontent-type8 .column-content {
  width: 67%;
  padding: 0 0 0 3%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between
}

.interior-subcontent-type9 {
  padding: 60px 0
}

.interior-subcontent-type9 .container {
  display: flex;
  align-items: flex-start
}

.interior-subcontent-type9 .column-content {
  width: 79%;
  padding: 0 3% 0 0;
  border-right: 1px solid #979797
}

.interior-subcontent-type9 .column-right {
  width: 21%;
  padding: 0 0 0 3%;
  display: flex;
  flex-direction: column
}

.interior-subcontent-type9 .column-rightnav {
  width: 21%;
  padding: 0 0 0 3%;
  display: flex;
  flex-direction: column
}

.interior-subcontent-type9 .column-rightnav ul {
  list-style-type: none;
  padding: 0
}

.interior-subcontent-type9 .column-rightnav li {
  list-style-type: none;
  padding: 0
}

.interior-subcontent-type9 .column-rightnav li ul {
  border-left: 1px solid #91d46c;
  margin: 8px 0 8px 20px;
  padding: 0 0 0 10px
}

.interior-subcontent-type9 .column-rightnav a {
  color: #3f4245;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 5px
}

.interior-subcontent-type9 .column-rightnav a.selected {
  background: #eef0f0;
  position: relative
}

.interior-subcontent-type9 .column-rightnav a.selected:after {
  content: "x";
  position: absolute;
  right: 8px;
  top: 6px
}

.interior-subcontent-type9 .column-rightnav a.selected.nounselect:after {
  display: none
}

.interior-subcontent-type9 .column-rightnav a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.interior-subcontent-type9 .column-rightnav .nav-mobile {
  display: none
}

.interior-subcontent-type9 .column-rightnav.nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11
}

.interior-subcontent-type9 .column-rightnav-type2 {
  width: 21%;
  padding: 0 0 0 3%;
  display: flex;
  flex-direction: column;
  line-height: 1.3em
}

.interior-subcontent-type9 .column-rightnav-type2 table td:nth-of-type(1) {
  padding: 5px !important
}

.interior-subcontent-type9 .column-rightnav-type2 table td {
  padding: 5px 0 !important
}

.interior-subcontent-type9 .column-rightnav-type2 table+div table tr td:nth-of-type(1) {
  padding: 5px 0 !important
}

.interior-subcontent-type9 .column-rightnav-type2 table+div table tr td:nth-of-type(2) {
  position: relative;
  padding: 5px !important
}

.interior-subcontent-type9 .column-rightnav-type2 table+div table tr td:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #91d46c;
  border-right: 1px solid #91d46c
}

.interior-subcontent-type9 .column-rightnav-type2 table+div table+div table tr td:nth-of-type(3) {
  position: relative
}

.interior-subcontent-type9 .column-rightnav-type2 table+div table+div table tr td:nth-of-type(3):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #91d46c;
  border-right: 1px solid #91d46c
}

.interior-subcontent-type9 .column-rightnav-type2 td {
  padding: 2px;
  font-size: 17px
}

.interior-subcontent-type9 .column-rightnav-type2 img {
  max-width: none
}

.interior-subcontent-type9 .column-rightnav-type2 .nav-mobile {
  display: none
}

.interior-subcontent-type9 .column-rightnav-type2.nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11
}

.interior-subcontent-type9 .column-rightnav-type2 a {
  color: #3f4245;
  text-decoration: none
}

.interior-subcontent-type9 .column-rightnav-type2 a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.interior-subcontent-type9 .column-rightnav-type2 span.selected {
  background-color: #eef0f0;
  padding: 5px 10px 5px 15px;
  display: block
}

.interior-subcontent-type9.norightnav .container {
  flex-direction: column
}

.interior-subcontent-type9.norightnav .column-content {
  width: 100%;
  border: none;
  padding-right: 0;
  order: 2
}

.interior-subcontent-type9.norightnav .column-rightnav {
  width: 100%;
  order: 1;
  padding: 0 0 24px 0;
  display: flex;
  align-items: flex-end
}

.interior-subcontent-type9.norightnav .column-rightnav h3, .interior-subcontent-type9.norightnav .column-rightnav h4, .interior-subcontent-type9.norightnav .column-rightnav ul {
  display: none
}

.interior-subcontent-type9.norightnav .column-rightnav div span.container-form-type3 {
  display: inline-block;
  width: 24%;
  min-width: 200px;
  margin-top: 0 !important
}

.grid-type3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between
}

.grid-type3 .icon {
  width: 31%;
  margin: 0 0 24px 0
}

.grid-type3 .icon img {
  width: 95px
}

.interior-subcontent-logos {
  background: #eef0f0;
  padding: 60px 0
}

.interior-subcontent-logos h2 {
  margin: 0 0 50px 0
}

.interior-subcontent-logos h2+p {
  margin: -30px 0 25px 0
}

.interior-subcontent-logos .logos {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap
}

.interior-subcontent-logos .logos .logo {
  width: 25%;
  padding: 0 50px;
  border-right: 1px solid #979797;
  display: flex;
  align-items: center
}

.interior-subcontent-logos .logos .logo:last-of-type {
  border-right: none
}

.interior-subcontent-logos .logos img {
  max-width: 170px;
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .2s ease-in
}

.interior-subcontent-logos .logos a:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.custom-diagram-type1 {
  overflow: hidden
}

.custom-diagram-type1 .container {
  position: relative
}

.custom-diagram-type1 .text {
  position: absolute;
  right: 0;
  top: 45px;
  max-width: 500px
}

.custom-diagram-type1 .text h2 {
  font-weight: 800;
  font-size: 60px;
  line-height: 1.1em;
  margin: 0;
  position: relative;
  transition: -webkit-transform 1s ease-in;
  transition: transform 1s ease-in;
  transition: transform 1s ease-in, -webkit-transform 1s ease-in
}

.custom-diagram-type1 .text h2.off {
  -webkit-transform: translateX(calc(100vw + 100%));
  transform: translateX(calc(100vw + 100%))
}

.custom-diagram-type1 .text h3 {
  font-weight: 300;
  font-size: 50px;
  margin: 0;
  position: relative;
  transition: -webkit-transform 1.5s ease-in;
  transition: transform 1.5s ease-in;
  transition: transform 1.5s ease-in, -webkit-transform 1.5s ease-in
}

.custom-diagram-type1 .text h3.off {
  -webkit-transform: translateX(calc(100vw + 100%));
  transform: translateX(calc(100vw + 100%))
}

.custom-diagram-type1 .text .play {
  padding: 24px 0 0 0;
  font-weight: 300;
  display: flex;
  position: relative;
  transition: -webkit-transform 2s ease-in;
  transition: transform 2s ease-in;
  transition: transform 2s ease-in, -webkit-transform 2s ease-in;
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  align-items: center
}

.custom-diagram-type1 .text .play img {
  width: 64px;
  margin: 0 16px 0 0;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms
}

.custom-diagram-type1 .text .play:hover {
  text-decoration: underline
}

.custom-diagram-type1 .text .play:hover img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.custom-diagram-type1 .text .play.off {
  -webkit-transform: translateX(calc(100vw + 100%));
  transform: translateX(calc(100vw + 100%))
}

.carousel-customers {
  padding: 60px 0;
  background: #1f7fa5 url("//www.digi.com/images/carousel-type1-background.jpg") center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  position: relative
}

.carousel-customers .container {
  overflow-x: hidden;
  position: relative
}

.carousel-customers .arrow {
  width: 27px;
  position: absolute;
  top: 50%;
  margin: -25px 0 0 0;
  cursor: pointer;
  z-index: 2
}

.carousel-customers .arrow.prev {
  left: 0
}

.carousel-customers .arrow.next {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.carousel-customers .item {
  padding: 0 3%;
  text-align: center
}

.carousel-customers img {
  margin: 0 0 16px 0
}

.carousel-customers .quote {
  font-size: 24px;
  line-height: 32px;
  position: relative
}

.carousel-customers .quote .firstletter, .carousel-customers .quote .lastletter {
  font-size: 250%;
  position: relative;
  vertical-align: baseline;
  top: .35em;
  line-height: 0
}

.carousel-customers .quote .firstletter {
  left: -.1em
}

.carousel-customers .quote .lastletter {
  right: -.1em
}

.carousel-customers h3 {
  color: #fff;
  margin: 0 0 50px 0
}

.carousel-customers h2 {
  color: #fff;
  margin: 0 0 24px 0
}

.carousel-customers .carousel-items {
  overflow-x: scroll;
  display: flex;
  position: relative;
  align-items: center;
  transition: all .4s ease-out;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.carousel-customers .carousel-items::-webkit-scrollbar {
  display: none
}

.carousel-customers .carousel-items .item {
  width: 1200px;
  min-width: 1200px;
  margin: 0 0 50px 0;
  padding: 0 10%;
  scroll-snap-align: start
}

.carousel-customers .carousel-circles, .carousel-customers .customer-carousel-circles {
  text-align: center
}

.carousel-customers .carousel-circles span, .carousel-customers .customer-carousel-circles span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-decoration: none;
  transition: all .1s linear
}

.carousel-customers .carousel-circles span:hover, .carousel-customers .carousel-circles span.selected, .carousel-customers .customer-carousel-circles span:hover, .carousel-customers .customer-carousel-circles span.selected {
  background: #fff;
  text-decoration: none
}

.carousel-customers .all-type1 {
  color: #fff;
  background: none;
  position: absolute;
  bottom: 3px;
  right: 3px;
  text-decoration: none;
  padding: 4px 13px;
  font-weight: 600;
  font-size: 18px;
  border: 2px solid #fff
}

.carousel-customers .all-type1:hover {
  background: #9de476
}

@media(max-width:1240px) {
  .carousel-customers .carousel-items .item {
    width: 90vw;
    min-width: 90vw
  }
}

.carousel-type1 {
  padding: 60px 0;
  background: #1f7fa5 url("//www.digi.com/images/carousel-type1-background.jpg") center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  position: relative
}

.carousel-type1::-webkit-scrollbar {
  display: none
}

.carousel-type1 .container {
  overflow-x: hidden;
  position: relative
}

.carousel-type1 .arrow {
  width: 27px;
  position: absolute;
  top: 50%;
  margin: -25px 0 0 0;
  cursor: pointer;
  z-index: 2
}

.carousel-type1 .arrow.prev {
  left: 0
}

.carousel-type1 .arrow.next {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.carousel-type1 .item {
  padding: 0 3%;
  text-align: center
}

.carousel-type1 img {
  margin: 0 0 16px 0
}

.carousel-type1 .quote {
  font-size: 24px;
  line-height: 32px;
  position: relative
}

.carousel-type1 .quote .firstletter, .carousel-type1 .quote .lastletter {
  font-size: 250%;
  position: relative;
  vertical-align: baseline;
  top: .35em;
  line-height: 0
}

.carousel-type1 .quote .firstletter {
  left: -.1em
}

.carousel-type1 .quote .lastletter {
  right: -.1em
}

.carousel-type1 h3 {
  color: #fff;
  margin: 0 0 50px 0
}

.carousel-type1 h2 {
  color: #fff;
  margin: 0 0 24px 0
}

.carousel-type1 .carousel-items {
  overflow-x: hidden;
  width: 500%;
  display: flex;
  position: relative;
  align-items: center;
  transition: all .4s ease-out
}

.carousel-type1 .carousel-items .item {
  width: 20%;
  margin: 0 0 50px 0
}

.carousel-type1 .carousel-circles, .carousel-type1 .carousel-type1-circles {
  text-align: center
}

.carousel-type1 .carousel-circles span, .carousel-type1 .carousel-type1-circles span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-decoration: none;
  transition: all .1s linear
}

.carousel-type1 .carousel-circles span:hover, .carousel-type1 .carousel-circles span.selected, .carousel-type1 .carousel-type1-circles span:hover, .carousel-type1 .carousel-type1-circles span.selected {
  background: #fff;
  text-decoration: none
}

.carousel-type1 .all-type1 {
  color: #fff;
  background: none;
  position: absolute;
  bottom: 3px;
  right: 3px;
  text-decoration: none;
  padding: 4px 13px;
  font-weight: 600;
  font-size: 18px;
  border: 2px solid #fff
}

.carousel-type1 .all-type1:hover {
  background: #9de476
}

.carousel-type2 {
  padding: 60px 0
}

.carousel-type2 h3 {
  text-align: center;
  margin: 0 0 50px 0
}

.carousel-type2 .carousel-items {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  margin: 0 0 24px 0
}

.carousel-type2 .carousel-items .cards-type1 {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  padding: 0 0 20px 0
}

.carousel-type2 .carousel-items .cards-type1 a {
  width: 30%;
  max-width: 334px;
  margin: 0 20px 0 0;
  flex-grow: 0;
  flex-shrink: 0;
  scroll-snap-align: start;
  scroll-snap-points-x: none
}

.carousel-type2 .carousel-circles {
  text-align: center
}

.carousel-type2 .carousel-circles span {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
  border: 2px solid #3f4245;
  text-decoration: none;
  transition: all .1s linear
}

.carousel-type2 .carousel-circles span:hover, .carousel-type2 .carousel-circles span.selected {
  background: #3f4245;
  text-decoration: none
}

.carousel-type2.white .carousel-items .cards-type1 a {
  background: #eef0f0
}

html[data-useragent*='MSIE 10.0'] .carousel-type2 .carousel-items a {
  width: 334px
}

.loading-type1 {
  width: 100%
}

.loading-type1.loaded {
  display: none
}

.loading-type1 .container {
  text-align: center
}

.loading-type1 img {
  width: 200px;
  height: 200px
}

.carousel-type3 {
  color: #fff;
  overflow-x: hidden;
  position: relative;
  text-align: center
}

.carousel-type3 .carousel-items {
  overflow-x: none;
  width: 500%;
  display: none;
  position: relative;
  align-items: stretch;
  text-align: left;
  justify-content: stretch
}

.carousel-type3 .carousel-items .item {
  width: 20%;
  order: 2;
  display: inline-block
}

.carousel-circles-type3 {
  text-align: center;
  padding: 15px 0 0 0
}

.carousel-circles-type3 span {
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
  border: 2px solid #3f4245;
  text-decoration: none;
  transition: all .1s linear
}

.carousel-circles-type3 span:hover, .carousel-circles-type3 span.selected {
  background: #3f4245;
  text-decoration: none
}

.carousel-type-form2 {
  position: relative;
  overflow-x: hidden
}

.carousel-type-form2 .carousel-type-form-progress {
  background: #e6f3df;
  color: #3f4245;
  position: relative;
  padding: 5px 30px
}

.carousel-type-form2 .carousel-type-form-progress #progress-content {
  position: relative;
  z-index: 2
}

.carousel-type-form2 .carousel-type-form-progress #progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 15%;
  background: #91d46c;
  transition: max-width .7s ease-in-out
}

.carousel-type-form2 .carousel-items {
  padding: 30px 0;
  overflow-x: hidden;
  width: 400%;
  display: flex;
  position: relative;
  align-items: stretch
}

.carousel-type-form2 .carousel-items .item {
  width: 25%;
  padding: 0 0 0 30px
}

.border-type1 {
  border: 1px solid #ebebeb
}

.cards-type1 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap
}

.cards-type1 a:nth-of-type(3n+1) {
  margin: 0 1.5% 24px 0
}

.cards-type1 a:nth-of-type(3n+2) {
  margin: 0 .5% 24px .5%
}

.cards-type1 a:nth-of-type(3n+3) {
  margin: 0 0 24px 1.5%
}

.cards-type1.columns-2 a:nth-of-type(2n+1) {
  margin: 0 1% 24px 0
}

.cards-type1.columns-2 a:nth-of-type(2n+2) {
  margin: 0 .5% 24px .5%
}

.cards-type1.columns-2 .card-type1, .cards-type1.columns-2 a.card-type1 {
  width: 48%
}

.cards-type2, .cards-type3, .cards-type4 {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr
}

.cards-type2.columns-4, .cards-type3.columns-4, .cards-type4.columns-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr
}

.cards-type2 a.card-type1, .cards-type3 a.card-type1, .cards-type4 a.card-type1 {
  width: 100%
}

.card-type-background {
  position: relative;
  height: 50vh;
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
  z-index: 1
}

.card-type-background .card-content {
  background: #91d46c;
  color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(-1);
  transform: translateZ(-1)
}

.card-type-background .card-content a {
  color: #fff
}

.offers-type-1 {
  display: flex;
  align-items: stretch;
  justify-content: center
}

.offers-type-1 .offer-green {
  background: linear-gradient(-45deg, transparent 44px, #91d46c 44px);
  color: #3f4245;
  text-align: left;
  padding: 10px 0 10px 20px
}

.offers-type-1 .offer-darkgrey {
  background: linear-gradient(-45deg, transparent 44px, #3f4245 44px);
  color: #fff;
  text-align: left;
  padding: 10px 0 10px 20px
}

.offers-type-1 .item {
  width: 40%;
  border: 1px solid #c7c8c8;
  margin: 0 1%
}

.offers-type-1 .item .content {
  padding: 10px 20px 20px 20px
}

.offers-type-1 ul li {
  padding-left: 0 !important
}

.offers-type-2 {
  display: flex;
  align-items: stretch;
  justify-content: center
}

.offers-type-2 .offer-green {
  background: linear-gradient(-45deg, transparent 44px, #91d46c 44px);
  color: #3f4245;
  text-align: left;
  padding: 10px 0 10px 20px
}

.offers-type-2 .offer-darkgrey {
  background: linear-gradient(-45deg, transparent 44px, #3f4245 44px);
  color: #fff;
  text-align: left;
  padding: 10px 0 10px 20px;
  transition: all .1s ease-in
}

.offers-type-2 .item {
  display: inline-block;
  width: 30%;
  border: 1px solid #c7c8c8;
  margin: 0 1%;
  text-decoration: none;
  color: #3f4245
}

.offers-type-2 .item .content {
  display: block;
  padding: 10px 20px 20px 20px;
  text-align: center
}

.offers-type-2 .item .biggie {
  line-height: 1.3em
}

.offers-type-2 .item .logos {
  display: block;
  padding: 20px 0
}

.offers-type-2 .item img {
  width: 80%
}

.offers-type-2 .item:hover .link-dark-circle-g-b {
  color: #1f7fa5
}

.offers-type-2 .item:hover .link-dark-circle-g-b:after {
  border: 2px solid #1f7fa5;
  background: url("//www.digi.com/images/arrow-wcircle-grey-blue.png") -2px center no-repeat;
  background-size: 48px 24px
}

.offers-type-2 .link-dark-circle-g-b {
  font-weight: 600;
  color: #3f4245
}

.offers-type-2 .link-dark-circle-g-b:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 0 0 16px;
  transition: all .2s ease-in;
  background: url("//www.digi.com/images/arrow-wcircle-grey-blue.png") -26px center no-repeat;
  background-size: 48px 24px
}

.offers-type-3 {
  display: flex;
  align-items: stretch;
  justify-content: center
}

.offers-type-3 .item {
  width: 30%;
  border: 1px solid #3f4245;
  margin: 0 1%;
  padding: 25px
}

.ribbon-type20 .item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 0 35px 0
}

.ribbon-type20 .item:before {
  content: '';
  background: #1f7fa5;
  flex-grow: 1;
  display: flex
}

.ribbon-type20 .item:after {
  content: '';
  background: #fff;
  flex-grow: 1;
  display: flex
}

.ribbon-type20 .item-holder {
  width: 1200px;
  max-width: 1200px;
  min-width: 1200px;
  background: #fff;
  display: flex;
  flex-direction: row
}

.ribbon-type20 .item-holder .col {
  width: 33%;
  padding: 30px 20px
}

.ribbon-type20 .item-holder .col:nth-of-type(1) {
  background: #1f7fa5;
  background: linear-gradient(-45deg, transparent 20px, #1f7fa5 20px);
  color: #fff
}

.ribbon-type20 .item-holder .col:nth-of-type(1) h3, .ribbon-type20 .item-holder .col:nth-of-type(1) h4, .ribbon-type20 .item-holder .col:nth-of-type(1) h5, .ribbon-type20 .item-holder .col:nth-of-type(1) h6 {
  color: #fff
}

.ribbon-type20 .frequency {
  background: #1f7fa5;
  color: #fff;
  line-height: 1em;
  font-size: 12px;
  display: inline-flex;
  border-radius: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 8px 8px 0
}

.ribbon-type20 img {
  max-width: 175px;
  margin: 0 0 8px 0
}

.ribbon-5g {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.ribbon-5g .ribbon-container {
  display: flex;
  width: calc(((100vw - 1200px)/2) + 1200px);
  align-items: center;
  justify-content: flex-end
}

.ribbon-5g .ribbon-left {
  width: 100%;
  background: linear-gradient(225deg, transparent 30px, rgba(0, 0, 0, .7) 30px);
  display: flex;
  justify-content: flex-end;
  margin: 50px 0;
  padding: 30px 0
}

.ribbon-5g .left-container {
  width: 720px;
  color: #fff;
  position: relative
}

.ribbon-5g .left-container h1, .ribbon-5g .left-container h2, .ribbon-5g .left-container h3, .ribbon-5g .left-container h4, .ribbon-5g .left-container h5, .ribbon-5g .left-container h6 {
  color: #fff;
  margin: 0
}

.ribbon-5g .left-container .button {
  position: absolute;
  right: -50px;
  bottom: -55px
}

.ribbon-5g .ribbon-right {
  width: 480px;
  min-width: 480px;
  display: flex;
  justify-content: flex-end
}

@media(max-width:1220px) {
  .ribbon-5g .ribbon-container {
    width: 100%
  }
  .ribbon-5g .ribbon-left {
    width: 60%;
    padding-left: 5%
  }
  .ribbon-5g .ribbon-right {
    width: 40%;
    min-width: 40%
  }
}

@media(max-width:568px) {
  .ribbon-5g .ribbon-container {
    flex-direction: column
  }
  .ribbon-5g .ribbon-left {
    width: 100%;
    margin: 25px 0;
    padding-right: 5%;
    background: linear-gradient(225deg, transparent 16px, rgba(0, 0, 0, .7) 16px)
  }
  .ribbon-5g .ribbon-right {
    width: 50%
  }
  .ribbon-5g .left-container .button {
    right: 5%
  }
}

.ribbon-type-tiered {
  width: 100%;
  position: relative;
  max-width: 2560px;
  margin: 0 auto
}

.ribbon-type-tiered .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 35px 0
}

.ribbon-type-tiered .item:before {
  content: '';
  flex-grow: 1
}

.ribbon-type-tiered .item:nth-of-type(even):before {
  display: none
}

.ribbon-type-tiered .item:nth-of-type(even):after {
  content: '';
  flex-grow: 1;
  order: 3
}

.ribbon-type-tiered .item:nth-of-type(even) .content {
  order: 2;
  padding: 35px
}

.ribbon-type-tiered .item:nth-of-type(even) .image {
  order: 1
}

.ribbon-type-tiered .heading {
  display: flex;
  flex-direction: row;
  align-items: center
}

.ribbon-type-tiered .heading .icon {
  width: 100px;
  min-width: 100px;
  margin: 0 16px 0 0
}

.ribbon-type-tiered .content {
  width: 600px;
  padding: 35px
}

.ribbon-type-tiered .image {
  width: 50%
}

.ribbon-type-tiered .image img {
  width: 100%
}

.ribbon-type-tiered .image video {
  width: 100% !important;
  max-width: 100%;
  height: auto !important
}

.ribbon-type-tiered .image.w50 img, .ribbon-type-tiered .image.w50 video {
  width: 50% !important;
  margin: 0 40% 0 10%;
  height: auto !important
}

.ribbon-type-tiered .image.w60 img, .ribbon-type-tiered .image.w60 video {
  width: 60% !important;
  margin: 0 30% 0 10%;
  height: auto !important
}

.ribbon-type-ticker {
  font-size: 18px;
  line-height: 1.5em;
  padding: 60px 0
}

.ribbon-type-ticker .container {
  display: flex;
  flex-direction: row
}

.ribbon-type-ticker .items {
  width: 76%;
  overflow-x: hidden;
  position: relative
}

.ribbon-type-ticker .item-container {
  width: 300%;
  display: flex;
  position: relative;
  transition: left .4s linear;
  left: 0
}

.ribbon-type-ticker .item {
  border-left: 1px solid #bebfc1;
  padding: 30px 30px 40px 30px;
  width: 11.11%;
  position: relative
}

.ribbon-type-ticker .item a {
  display: block;
  position: relative;
  color: #3f4245;
  box-sizing: border-box;
  text-decoration: none
}

.ribbon-type-ticker .item a:after {
  display: block !important;
  width: 30px;
  height: 30px;
  border: 2px solid #91d46c;
  content: '';
  border-radius: 50%;
  position: static;
  background: url("/digi/media/nav/arrow-wcircle-blue-grey.png") center center no-repeat;
  background-size: 60px 30px;
  background-position: -30px 0;
  margin: 8px 0 0 0;
  transition: all .2s ease-in;
  box-sizing: content-box
}

.ribbon-type-ticker .item a .image {
  background: #fff;
  width: 150px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.ribbon-type-ticker .item a .heading {
  text-decoration: underline;
  display: inline-block;
  width: 100%;
  font-weight: 800
}

.ribbon-type-ticker .item a .teaser {
  text-decoration: none
}

.ribbon-type-ticker .item a:hover {
  color: #1f7fa5;
  text-decoration: none
}

.ribbon-type-ticker .item a:hover:after {
  border: 2px solid #1f7fa5;
  background-position: 0 0
}

.ribbon-type-ticker .item img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}

.ribbon-type-ticker .item.new:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #cc6033 transparent transparent transparent;
  font-size: 12px;
  z-index: 1
}

.ribbon-type-ticker .item.comingsoon:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #00b7ff transparent transparent transparent;
  font-size: 12px;
  z-index: 1
}

.ribbon-type-ticker .item.new:before {
  content: 'NEW';
  color: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  font-size: 11px;
  width: 25px;
  height: 25px;
  text-align: center
}

.ribbon-type-ticker .item.comingsoon:before {
  content: 'SOON';
  color: #fff;
  position: absolute;
  top: 7px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  font-size: 11px;
  width: 25px;
  height: 25px;
  text-align: center
}

.ribbon-type-ticker .allnews {
  width: 17%;
  padding: 30px 35px 0 0
}

.ribbon-type-ticker .allnews h4 {
  color: #3f4245;
  font-size: 26px;
  margin: 0 0 30px 0;
  text-transform: none
}

.ribbon-type-ticker .allnews a {
  font-weight: 600;
  text-decoration: underline;
  color: #3f4245
}

.ribbon-type-ticker .allnews a:hover {
  color: #1f7fa5
}

.ribbon-type-ticker .more {
  text-align: right;
  width: 7%;
  padding: 30px 0 0 0
}

.ribbon-type-ticker .more span {
  display: inline-block;
  width: 35px;
  height: 68px;
  background: url("/digi/media/home/arrow-next-grey.png") center center no-repeat;
  background-size: 70px 68px;
  background-position: -35px 0;
  cursor: pointer
}

.ribbon-type-ticker .more span:hover {
  background-position: 0 0
}

.ribbon-type-ticker.bggreen .item {
  border-left: 1px solid #3f4245
}

.ribbon-type-ticker.bggreen .item .image {
  margin: 0 0 8px 0
}

.ribbon-type-ticker.bggreen .item a:after {
  border: 2px solid #3f4245
}

.ribbon-type-ticker.bggreen .allnews h4 {
  color: #3f4245
}

.ribbon-type-ticker.lightblue .item .image {
  margin: 0 0 8px 0
}

.cards-type-cutcorners, .cards-type-cutcorners2 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap
}

.cards-type-cutcorners .item, .cards-type-cutcorners2 .item {
  -webkit-clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  padding: 5px 20px;
  width: 48%;
  height: 130px;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ebebed
}

.cards-type-cutcorners .item:before, .cards-type-cutcorners2 .item:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #1f7fa5;
  z-index: 1;
  opacity: 1;
  transition: all .2s ease-in
}

.cards-type-cutcorners .item span, .cards-type-cutcorners2 .item span {
  position: relative;
  z-index: 2;
  display: inline-flex
}

.cards-type-cutcorners .item:nth-of-type(odd), .cards-type-cutcorners2 .item:nth-of-type(odd) {
  margin: 0 1% 10px 0
}

.cards-type-cutcorners .item:nth-of-type(even), .cards-type-cutcorners2 .item:nth-of-type(even) {
  margin: 0 0 10px 1%
}

.cards-type-cutcorners .item:after, .cards-type-cutcorners2 .item:after {
  content: '';
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 0 0 10px;
  overflow: hidden;
  background-image: url("/digi/media/nav/arrow-wcircle-white-green.png");
  background-size: 60px 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all .2s ease-in;
  box-sizing: content-box !important;
  opacity: 1;
  position: relative;
  z-index: 2;
  left: 0
}

.cards-type-cutcorners .item:hover, .cards-type-cutcorners2 .item:hover {
  color: #fff
}

.cards-type-cutcorners .item:hover:before, .cards-type-cutcorners2 .item:hover:before {
  opacity: .5;
  background: #3f4245
}

.cards-type-cutcorners .item:hover:after, .cards-type-cutcorners2 .item:hover:after {
  opacity: 1;
  left: 5px
}

.cards-type-cutcorners2 {
  flex-direction: column;
  height: 100%;
  align-items: center
}

.cards-type-cutcorners2 .item {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: auto;
  min-height: 150px
}

.ribbon-type-squares .row {
  align-items: stretch
}

.ribbon-type-squares .row div:nth-of-type(1) {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.ribbon-type-squares .squares-type1, .ribbon-type-squares .squares-type2 {
  display: flex;
  flex-wrap: wrap
}

.ribbon-type-squares .squares-type1 a, .ribbon-type-squares .squares-type2 a {
  width: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  background: #3f4245;
  min-height: 150px;
  overflow: hidden;
  position: relative
}

.ribbon-type-squares .squares-type1 a span.cover, .ribbon-type-squares .squares-type2 a span.cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, .3);
  padding: 5px 20px;
  box-sizing: border-box;
  text-align: left;
  transition: all .3s ease-in
}

.ribbon-type-squares .squares-type1 a span.text, .ribbon-type-squares .squares-type2 a span.text {
  font-size: 25px;
  font-weight: 600;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  align-items: center
}

.ribbon-type-squares .squares-type1 a span.text:after, .ribbon-type-squares .squares-type2 a span.text:after {
  content: '';
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 0 0 10px;
  overflow: hidden;
  background-image: url("/digi/media/nav/arrow-wcircle-white-green.png");
  background-size: 60px 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all .2s ease-in;
  box-sizing: content-box !important;
  opacity: 1;
  position: relative;
  z-index: 2;
  left: 0
}

.ribbon-type-squares .squares-type1 a img, .ribbon-type-squares .squares-type2 a img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms
}

.ribbon-type-squares .squares-type1 a:hover span.cover, .ribbon-type-squares .squares-type2 a:hover span.cover {
  background: #1f7fa5
}

.ribbon-type-squares .squares-type1 a:hover span.text:after, .ribbon-type-squares .squares-type2 a:hover span.text:after {
  left: 5px
}

.ribbon-type-squares .squares-type1 a:hover img, .ribbon-type-squares .squares-type2 a:hover img {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.ribbon-type-squares .squares-type2 {
  flex-direction: column
}

.ribbon-type-squares .squares-type2 a {
  width: 100%
}

.ribbon-type-row {
  max-width: 2560px;
  margin: 0 auto
}

.ribbon-type-row .items {
  display: flex;
  align-items: stretch;
  flex-direction: row
}

.ribbon-type-row a, .ribbon-type-row span.no-link {
  width: 100%;
  overflow: hidden;
  min-height: 320px;
  position: relative;
  background: #3f4245;
  display: flex;
  padding: 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
  overflow: hidden
}

.ribbon-type-row a:after, .ribbon-type-row span.no-link:after {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3
}

.ribbon-type-row a.darken:after, .ribbon-type-row span.no-link.darken:after {
  opacity: .6
}

.ribbon-type-row a span.text, .ribbon-type-row span.no-link span.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  left: 0;
  bottom: calc(-100% + 50px);
  transition: all .2s ease-in;
  background: linear-gradient(225deg, transparent 35px, #91d46c 35px);
  overflow: hidden;
  padding: 0 0 100px 0
}

.ribbon-type-row a span.text:after, .ribbon-type-row span.no-link span.text:after {
  content: '';
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("/digi/media/home/arrow-wcircle-white-white.png");
  background-size: 88px 44px;
  background-position: 0 0;
  background-repeat: no-repeat;
  box-sizing: content-box !important;
  opacity: 1;
  position: relative;
  z-index: 2;
  left: 0;
  margin-top: 0
}

.ribbon-type-row a span.text.darkblue, .ribbon-type-row span.no-link span.text.darkblue {
  background: linear-gradient(225deg, transparent 35px, #1f7fa5 35px)
}

.ribbon-type-row a span.text.red, .ribbon-type-row span.no-link span.text.red {
  background: linear-gradient(225deg, transparent 35px, #cc6033 35px)
}

.ribbon-type-row a span.text.medblue, .ribbon-type-row span.no-link span.text.medblue {
  background: linear-gradient(225deg, transparent 35px, #00b7ff 35px)
}

.ribbon-type-row a span.heading, .ribbon-type-row span.no-link span.heading {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 800;
  width: 100%;
  margin: 0;
  height: 50px;
  min-height: 50px;
  transition: all .2s ease-in
}

.ribbon-type-row a span.teaser, .ribbon-type-row span.no-link span.teaser {
  width: 80%;
  margin: 16px 10% 16px 10%
}

.ribbon-type-row a span.video, .ribbon-type-row span.no-link span.video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.ribbon-type-row a video, .ribbon-type-row span.no-link video {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.ribbon-type-row a img, .ribbon-type-row span.no-link img {
  position: absolute;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.ribbon-type-row a:hover, .ribbon-type-row span.no-link:hover {
  color: #fff
}

.ribbon-type-row a:hover span.text, .ribbon-type-row span.no-link:hover span.text {
  bottom: 0;
  background: linear-gradient(225deg, transparent 35px, rgba(114, 187, 75, .85) 35px);
  padding: 50px 0 50px 0
}

.ribbon-type-row a:hover span.text.darkblue, .ribbon-type-row span.no-link:hover span.text.darkblue {
  background: linear-gradient(225deg, transparent 35px, rgba(31, 127, 165, .85) 35px)
}

.ribbon-type-row a:hover span.text.red, .ribbon-type-row span.no-link:hover span.text.red {
  background: linear-gradient(225deg, transparent 35px, rgba(204, 96, 51, .85) 35px)
}

.ribbon-type-row a:hover span.text.medblue, .ribbon-type-row span.no-link:hover span.text.medblue {
  background: linear-gradient(225deg, transparent 35px, rgba(0, 183, 255, .85) 35px)
}

.ribbon-type-row a:hover span.text:after, .ribbon-type-row span.no-link:hover span.text:after {
  margin-top: 0
}

.ribbon-type-row a.type-video span.text:after, .ribbon-type-row span.no-link.type-video span.text:after {
  width: 46px;
  height: 46px;
  max-height: 46px;
  max-width: 46px;
  border: none;
  background-image: url("/digi/media/xbee3/icon-play.svg");
  background-size: contain;
  background-position: center center
}

.ribbon-type-row span.no-link {
  cursor: help
}

.ribbon-type-row span.no-link span.text:after {
  display: none
}

.border-cells-flex {
  width: 100%;
  margin: 0;
  padding: 0
}

.border-cells-flex .row {
  margin: 0;
  padding: 0
}

.quad-type1 .item {
  display: flex;
  align-items: stretch;
  background-color: #3f4245
}

.quad-type1 .item h2, .quad-type1 .item h3, .quad-type1 .item h4, .quad-type1 .item h5, .quad-type1 .item h6 {
  color: #fff
}

.quad-type1 .item div {
  background: #3f4245;
  color: #fff;
  padding: 60px
}

.quad-type1 .item div.shim {
  flex-grow: 1
}

.quad-type1 .item div.content {
  max-width: 600px;
  width: 50%;
  padding: 60px 0 60px 60px
}

.quad-type1 .item div.image {
  width: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.quad-type1 .item div.image img {
  -o-object-fit: cover;
  object-fit: cover
}

.quad-type1 .item:nth-of-type(even) div.content {
  padding: 60px 60px 60px 0
}

.quad-type2 {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px
}

.quad-type2 .item {
  display: flex;
  background-color: #3f4245;
  flex-direction: column;
  width: 100%
}

.quad-type2 .item h2, .quad-type2 .item h3, .quad-type2 .item h4, .quad-type2 .item h5, .quad-type2 .item h6 {
  color: #fff
}

.quad-type2 .item div {
  background: #3f4245;
  color: #fff;
  padding: 0 60px 30px 60px
}

.quad-type2 .item div.image {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  position: relative
}

.quad-type2 .item div.image:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 30px;
  background: linear-gradient(225deg, transparent 20px, #3f4245 20px)
}

.quad-type2 .item div.image img {
  -o-object-fit: cover;
  object-fit: cover
}

.ribbon-type-split {
  max-width: 2560px;
  width: 100%;
  margin: 0 auto
}

.ribbon-type-split .videoWrapper, .ribbon-type-split .videowrapper {
  margin: 0
}

.ribbon-type-split .bgvideo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.ribbon-type-split .items {
  display: flex;
  align-items: stretch
}

.ribbon-type-split .item {
  width: 50%;
  overflow: hidden
}

.ribbon-type-split .item:nth-of-type(1) {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}

.ribbon-type-split .item:nth-of-type(1) .overlay-webinar span {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 300
}

.ribbon-type-split .item:nth-of-type(1) .overlay-webinar span img.play {
  width: 100px;
  margin: 0 0 30px 0;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms
}

.ribbon-type-split .item:nth-of-type(1) .overlay-webinar:hover img.play {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.ribbon-type-split .item:nth-of-type(2) {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.card-type1, a.card-type1 {
  display: inline-block;
  width: 32%;
  background: #fff;
  padding: 20px 20px 70px 20px;
  text-decoration: none;
  color: #3f4245;
  position: relative
}

.card-type1 span, a.card-type1 span {
  display: block;
  box-sizing: border-box
}

.card-type1 .card-image, a.card-type1 .card-image {
  margin: 0 0 16px 0;
  width: 100%;
  height: 185px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.card-type1 .card-image img, a.card-type1 .card-image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}

.card-type1 .card-heading, a.card-type1 .card-heading {
  text-decoration: underline;
  color: #3f4245;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 8px 0;
  transition: all ease-in .2s
}

.card-type1 .card-teaser, a.card-type1 .card-teaser {
  text-decoration: none;
  color: #3f4245
}

.card-type1 .card-link, a.card-type1 .card-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #91d46c;
  color: #3f4245;
  padding: 0 55px 0 20px;
  min-height: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 21px;
  font-weight: 600;
  transition: all ease-in .2s;
  display: flex;
  align-items: center
}

.card-type1 .card-link:after, a.card-type1 .card-link:after {
  content: '';
  width: 50px;
  height: 50px;
  background-color: #3f4245;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/digi/media/icons/card-icon-document.png");
  background-position: center center;
  background-size: 30px 30px;
  background-repeat: no-repeat
}

.card-type1:hover .card-heading, a.card-type1:hover .card-heading {
  color: #1f7fa5
}

.card-type1:hover .card-link, a.card-type1:hover .card-link {
  color: #fff;
  background-color: #1f7fa5
}

.card-type1.card-type-document .card-image, a.card-type1.card-type-document .card-image {
  background-size: contain
}

.card-type1.card-type-document .card-link:after, a.card-type1.card-type-document .card-link:after {
  background-image: url("/digi/media/icons/card-icon-document.png")
}

.card-type1.card-type-video .card-image, a.card-type1.card-type-video .card-image {
  background-size: contain;
  position: relative
}

.card-type1.card-type-video .card-image:after, a.card-type1.card-type-video .card-image:after {
  content: '';
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("//www.digi.com/images/card-button-play.png") center center no-repeat;
  background-size: 70px 70px;
  margin: -35px 0 0 -35px
}

.card-type1.card-type-video .card-link:after, a.card-type1.card-type-video .card-link:after {
  background-image: url("/digi/media/icons/card-icon-video.png")
}

.card-type1.card-type-story .card-image, a.card-type1.card-type-story .card-image {
  background-size: 170px 115px
}

.card-type1.card-type-story .card-link:after, a.card-type1.card-type-story .card-link:after {
  background-image: url("/digi/media/icons/card-icon-story.png")
}

.card-type1.card-type-product .card-image, a.card-type1.card-type-product .card-image {
  background-size: contain;
  background-color: #fff
}

.card-type1.card-type-product .card-link:after, a.card-type1.card-type-product .card-link:after {
  background-image: url("/digi/media/icons/card-icon-product.png")
}

.card-type1.card-type-link .card-image, a.card-type1.card-type-link .card-image {
  background-size: contain
}

.card-type1.card-type-link .card-link:after, a.card-type1.card-type-link .card-link:after {
  background-image: url("/digi/media/icons/card-icon-link.png")
}

.card-type1.card-type-blog .card-image, a.card-type1.card-type-blog .card-image {
  background-size: contain
}

.card-type1.card-type-blog .card-link:after, a.card-type1.card-type-blog .card-link:after {
  background-image: url("/digi/media/icons/card-icon-blog.png")
}

.card-type1.card-type-download .card-image, a.card-type1.card-type-download .card-image {
  background-size: contain
}

.card-type1.card-type-download .card-link:after, a.card-type1.card-type-download .card-link:after {
  background-image: url("/digi/media/icons/card-icon-download.png")
}

.card-type1.card-type-standard .card-image, a.card-type1.card-type-standard .card-image {
  background-size: contain
}

.card-type1.card-type-standard .card-link:after, a.card-type1.card-type-standard .card-link:after {
  background-image: url("/digi/media/icons/card-icon-standard.png")
}

.card-type-single.left40off {
  float: left;
  margin: 0 20px 20px -10%;
  width: 40%
}

.card-type-single.left50off {
  float: left;
  margin: 0 20px 20px -10%;
  width: 50%
}

.card-type-single .card-type1, .card-type-single a.card-type1 {
  width: 100%;
  background: #eef0f0
}

.filter-type-related, .filter-type-generic {
  margin: 0 0 30px 0
}

.filter-type-related a, .filter-type-generic a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin: 0 25px 10px 0;
  color: #3f4245;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 26px
}

.filter-type-related a span, .filter-type-generic a span {
  display: inline-block;
  margin: 0 0 0 5px;
  box-sizing: content-box
}

.filter-type-related a:before, .filter-type-generic a:before {
  box-sizing: content-box;
  content: '';
  width: 18px;
  height: 18px;
  border: 1px solid #c7c8c8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  margin: 0 8px 0 0
}

.filter-type-related a.selected:before, .filter-type-related a:hover:before, .filter-type-generic a.selected:before, .filter-type-generic a:hover:before {
  border: 1px solid #91d46c
}

.filter-type-related a.selected:after, .filter-type-related a:hover:after, .filter-type-generic a.selected:after, .filter-type-generic a:hover:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #91d46c;
  position: absolute;
  left: 4px;
  border-radius: 50%
}

.interior-subcontent-type5 .container div.column-rightnav .filter-type-related {
  text-align: left
}

.interior-subcontent-type5 .container div.column-rightnav .filter-type-related a {
  display: flex;
  padding: 0 0 0 26px;
  margin: 6px 0 6px 0
}

.interior-subcontent-type5 .container div.column-rightnav .filter-type-related a.selected, .interior-subcontent-type5 .container div.column-rightnav .filter-type-related a:hover {
  background: none
}

.interior-subcontent-type5 .container div.column-rightnav .filter-type-related a.selected:after, .interior-subcontent-type5 .container div.column-rightnav .filter-type-related a.selected:before, .interior-subcontent-type5 .container div.column-rightnav .filter-type-related a:hover:after, .interior-subcontent-type5 .container div.column-rightnav .filter-type-related a:hover:before {
  content: ''
}

.interior-subcontent-type5 .container div.column-rightnav .filter-type-related a.selected:after, .interior-subcontent-type5 .container div.column-rightnav .filter-type-related a:hover:after {
  right: auto;
  top: 7px
}

.interior-subcontent-type5 .container div.column-rightnav .container-filters+.filter-type-related {
  padding-top: 16px
}

.nav-type-filter-1 {
  margin: 0;
  padding: 0
}

.nav-type-filter-1 li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  margin: 0 0 8px 0
}

.nav-type-filter-1 li.selected {
  position: relative
}

.nav-type-filter-1 li.selected:after {
  position: absolute;
  content: 'x';
  right: 8px;
  top: 6px;
  color: #1f7fa5
}

.nav-type-filter-1 li.selected span {
  background: #eef0f0
}

.nav-type-filter-1 li:hover span {
  background: #eef0f0
}

.nav-type-filter-1 span {
  display: block;
  padding: 6px 16px 6px 8px
}

.column-icons .icon img {
  width: 100px
}

.calculator-type-rf {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 30px 0 30px;
  align-items: flex-end
}

.calculator-type-rf .item-calc {
  width: 22%
}

.calculator-type-rf .submit {
  width: 100%;
  margin: 24px 0 0 0
}

.calculator-type-rf .link-circle-arrow-bg-b {
  width: auto
}

#buildvsbuy .mobile {
  display: none
}

#buildvsbuy .desktop {
  display: inline
}

.interactive-diagram-type1 {
  background: #eef0f0;
  padding: 35px 0
}

.interactive-diagram-type1.lightblue {
  background: #e2f6ff
}

.interactive-diagram-type1.darkgrey {
  background: #3f4245
}

.interactive-diagram-type1 h2, .interactive-diagram-type1 h3 {
  width: 100%;
  text-align: center;
  margin: 0 0 32px 0
}

.interactive-diagram-type1 h2+h3 {
  margin: -24px 0 32px 0
}

.interactive-diagram-type1 h3+h2 {
  margin: -24px 0 32px 0
}

.interactive-diagram-type1 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative
}

.interactive-diagram-type1 .container.align-column {
  flex-direction: column
}

.interactive-diagram-type1 .container div ul {
  list-style-type: none;
  padding: 0
}

.interactive-diagram-type1 .container div li {
  padding: 0;
  margin: 0 0 8px 0
}

.interactive-diagram-type1 .container div.interaction {
  width: 66.5%;
  padding: 0 3% 20px 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 3;
  flex-wrap: wrap
}

.interactive-diagram-type1 .container div.interaction a {
  text-align: center;
  text-decoration: none;
  width: 25%
}

.interactive-diagram-type1 .container div.interaction a:hover .icon {
  border: 3px solid #1f7fa5
}

.interactive-diagram-type1 .container div.interaction a:hover .text {
  color: #1f7fa5
}

.interactive-diagram-type1 .container div.interaction a.selected .icon {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
  border: 3px solid #1f7fa5
}

.interactive-diagram-type1 .container div.interaction a.selected .text {
  text-decoration: none;
  color: #1f7fa5
}

.interactive-diagram-type1 .container div.interaction a.selected:hover .icon {
  border: 3px solid #1f7fa5;
  -webkit-animation: none;
  animation: none
}

.interactive-diagram-type1 .container div.interaction a.selected:hover .text {
  color: #1f7fa5
}

.interactive-diagram-type1 .container div.interaction .icon {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #91d46c;
  margin: 0 0 16px 0;
  transition-duration: .5s
}

.interactive-diagram-type1 .container div.interaction .icon img {
  border-radius: 50%
}

.interactive-diagram-type1 .container div.interaction .text {
  color: #3f4245;
  font-weight: 600;
  font-size: 22px;
  text-decoration: underline;
  transition: all .1s ease-out
}

.interactive-diagram-type1 .container div.result {
  overflow: hidden;
  position: relative;
  width: 33.5%;
  background: #fff;
  border-left: 3px solid #91d46c
}

.interactive-diagram-type1 .container div.result h2, .interactive-diagram-type1 .container div.result h3 {
  text-align: left
}

.interactive-diagram-type1 .container div.result .tick {
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 16px;
  border-color: transparent transparent transparent #91d46c;
  z-index: 2;
  transition: top .2s ease-in
}

.interactive-diagram-type1 .container div.result .result-container {
  display: flex;
  width: 400%;
  flex-direction: row;
  position: relative;
  transition: left .2s ease-in;
  left: 0
}

.interactive-diagram-type1 .container div.result .result-container div {
  width: 25%;
  padding: 15px 20px 15px 40px
}

.interactive-diagram-type1 .container:before {
  content: '';
  display: none;
  position: absolute;
  border-bottom: 3px solid #91d46c;
  width: 58%;
  left: 30px;
  bottom: 38%;
  z-index: 2
}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0)
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0)
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0)
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0)
  }
}

html[data-useragent*='MSIE 10.0'] .interactive-diagram-type1 .container div.interaction a {
  display: flex;
  flex-direction: column;
  align-items: center
}

html[data-useragent*='MSIE 10.0'] .interactive-diagram-type1 .container:before {
  bottom: 44%
}

.text-center {
  text-align: center
}

.products-type1 {
  padding: 60px 0
}

.products-type1.text-center {
  text-align: center
}

.products-type1.text-center a.item .image img {
  -o-object-position: center center;
  object-position: center center
}

.products-type1 h2, .products-type1 h3 {
  margin: 0 0 48px 0
}

.products-type1 .carousel-items {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0 0 16px 0
}

.products-type1 .carousel-items::-webkit-scrollbar {
  -webkit-appearance: none
}

.products-type1 .carousel-items::-webkit-scrollbar:vertical {
  width: 12px
}

.products-type1 .carousel-items::-webkit-scrollbar:horizontal {
  height: 12px
}

.products-type1 .carousel-items::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #fff
}

.products-type1 .carousel-items::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff
}

.products-type1 .items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 0 0 20px 0
}

.products-type1 a.item {
  text-decoration: none;
  padding: 0 20px;
  min-width: 250px;
  scroll-snap-align: start;
  display: inline-block
}

.products-type1 a.item:last-of-type {
  scroll-snap-align: end
}

.products-type1 a.item .image {
  width: 220px;
  height: 124px;
  margin: 0 0 16px 0;
  display: inline-block
}

.products-type1 a.item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center
}

.products-type1 a.item .heading {
  display: block;
  color: #3f4245;
  text-decoration: underline;
  font-size: 20px;
  font-weight: 800;
  transition: all .2s ease-in
}

.products-type1 a.item .teaser {
  display: block;
  color: #3f4245;
  text-decoration: none
}

.products-type1 a.item:hover .heading {
  color: #1f7fa5
}

.diagram-type1 {
  display: flex;
  flex-direction: row;
  align-items: center
}

.diagram-type1 .circle {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  border: 3px solid #91d46c;
  background: #fff
}

.diagram-type1 .circle.selected {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

.diagram-type1 .circle.blah:after {
  content: 'blah';
  text-align: center;
  width: 100%;
  margin: 120px 0 0 0
}

.diagram-type1 .segment {
  width: 100%;
  display: inline-block;
  height: 3px;
  background: #91d46c
}

.animation-type1 {
  padding: 35px 0;
  position: relative;
  overflow: hidden
}

.animation-type1 video {
  width: 100%
}

.animation-type1 .blowout {
  position: absolute;
  bottom: 45px;
  left: 0;
  background: #91d46c;
  color: #3f4245;
  padding: 6px 16px 6px 10px;
  text-decoration: none;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  align-items: center;
  font-size: 14px
}

.animation-type1 .blowout:hover {
  background: #9de476;
  padding-left: 20px
}

.animation-type1 .blowout span {
  padding: 0 8px 0 0
}

.animation-type1 .blowout img {
  width: 16px
}

.animation-type1 .restart {
  position: absolute;
  bottom: 45px;
  right: 0;
  background: #91d46c;
  color: #3f4245;
  padding: 6px 10px 6px 16px;
  text-decoration: none;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  transition: padding .1s ease-in, right 1s ease-in
}

.animation-type1 .restart:hover {
  background: #9de476;
  padding-right: 20px
}

.animation-type1 .restart span {
  padding: 0 8px 0 0
}

.animation-type1 .restart svg, .animation-type1 .restart img {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0
}

.animation-type1 .restart.hiderestart {
  right: -100%
}

#pagescroller {
  display: flex;
  height: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #e2f6ff;
  z-index: 100
}

#pagescroller span {
  height: 10px;
  width: 0;
  background: #00b7ff;
  transition: width ease-out .1s
}

.expanding-boxes, .expanding-box {
  width: 100%
}

.expanding-boxes h3, .expanding-box h3 {
  padding: 20px 0 20px 95px;
  cursor: pointer;
  text-transform: none;
  position: relative;
  clear: both;
  box-sizing: border-box;
  padding-right: 60px;
  color: #3f4245;
  background: #eef0f0;
  margin: 0 0 12px 0
}

.expanding-boxes h3:hover, .expanding-box h3:hover {
  background: #91d46c
}

.expanding-boxes h3:first-child, .expanding-box h3:first-child {
  border-top: none
}

.expanding-boxes h3:before, .expanding-box h3:before {
  content: '';
  width: 22px;
  height: 4px;
  background: #3f4245;
  display: block;
  border-radius: 0;
  -webkit-transform: rotate(-40deg) translateX(0) translateY(0) scaleX(1);
  transform: rotate(-40deg) translateX(0) translateY(0) scaleX(1);
  position: absolute;
  top: 37px;
  left: 45px;
  z-index: 2
}

.expanding-boxes h3:after, .expanding-box h3:after {
  content: '';
  width: 22px;
  height: 4px;
  background: #3f4245;
  display: block;
  border-radius: 0;
  -webkit-transform: rotate(40deg) translateX(-11px) translateY(10px) scaleX(1);
  transform: rotate(40deg) translateX(-11px) translateY(10px) scaleX(1);
  position: absolute;
  top: 37px;
  left: 45px;
  z-index: 2
}

.expanding-boxes h3.selected, .expanding-box h3.selected {
  background: #3f4245;
  color: #fff
}

.expanding-boxes h3.selected:after, .expanding-boxes h3.selected:before, .expanding-box h3.selected:after, .expanding-box h3.selected:before {
  background: #fff
}

.expanding-boxes h3.selected+div.info, .expanding-box h3.selected+div.info {
  padding: 30px 0 30px 95px;
  max-height: 5000px
}

.expanding-boxes h3+div.info, .expanding-box h3+div.info {
  padding: 0 0 0 95px;
  overflow: auto;
  max-height: 0;
  transition: all .2s ease-out
}

.interior-related-twocol {
  background: #eef0f0;
  padding: 60px 0
}

.interior-related-twocol .container {
  display: flex
}

.interior-related-twocol .container div {
  width: 48%;
  padding: 50px
}

.interior-related-twocol .container div:nth-of-type(1) {
  margin: 0 1% 0 0;
  background: #fff
}

.interior-related-twocol .container div:nth-of-type(2) {
  margin: 0 0 0 1%;
  position: relative;
  background: linear-gradient(315deg, transparent 53px, #fff 53px)
}

.interior-related-twocol .container div:nth-of-type(2):after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px 75px 0 0;
  border-color: #91d46c transparent transparent transparent;
  position: absolute;
  bottom: 0;
  right: 0
}

.interior-related-twocol a.link {
  font-size: 28px;
  color: #3f4245;
  text-decoration: underline;
  font-weight: 600;
  display: block;
  line-height: 1.2em;
  margin: 0 0 8px 0
}

.interior-related-twocol p {
  margin: 0 0 16px 0
}

.tabs-type1 {
  padding: 70px 0
}

.tabs-type1 .container {
  border-bottom: 3px solid #ebebeb
}

.tabs-type1 h2 {
  margin: 0 0 30px 0
}

.tabs-type1 .tabs-nav {
  margin: 0 0 60px 0;
  width: 100%
}

.tabs-type1 .tabs-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between
}

.tabs-type1 .tabs-nav li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 32.5%
}

.tabs-type1 .tabs-nav a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: #91d46c;
  color: #3f4245;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  position: relative;
  transition: none
}

.tabs-type1 .tabs-nav a.selected:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -24px;
  margin: 0 0 0 -38.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 38.5px 0 38.5px;
  border-color: #91d46c transparent transparent transparent
}

.tabs-type1 .tabs-nav a:hover {
  background: #9de476
}

.tabs-type1 .tabs-nav a:hover.selected:after {
  border-color: #9de476 transparent transparent transparent
}

.tabs-type1.tab-count2 .tabs-nav li {
  width: 49%
}

.tabs-type1 .tabs-container .item {
  display: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%
}

.tabs-type1 .tabs-container .item.selected {
  display: flex
}

.tabs-type1 .tabs-container .item a {
  width: 32.5%;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #3f4245;
  margin: 0 0 60px 0
}

.tabs-type1 .tabs-container .item a:hover {
  color: #1f7fa5
}

.tabs-type1 .tabs-container .item a img {
  width: 100%;
  margin: 0 0 20px 0
}

.tabs-type1 .tabs-container .item#container-family.selected {
  justify-content: space-between
}

.tabs-type1 .tabs-container .item#container-family .colfour {
  width: 24%;
  margin: 0 0 30px 0
}

.tabs-type1 .tabs-container .item#container-family .colthree {
  width: 32%;
  margin: 0 0 30px 0
}

.tabs-type1 .tabs-container .item#container-family .subcategory {
  border-left: 1px solid #91d46c;
  margin: 5px 0 5px 15px;
  padding: 0 0 0 15px
}

.tabs-type1 .tabs-container .item#container-family a {
  width: 100%;
  font-size: 18px;
  margin: 0 0 8px 0;
  color: #1f7fa5;
  font-weight: 400
}

.tabs-type1 .tabs-container .item#container-family a:hover {
  color: #3f4245
}

.tabs-type1 .tabs-container .item#container-family a.category {
  color: #3f4245;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 16px 0
}

.tabs-type1 .tabs-container .item#container-family a.category:hover {
  color: #1f7fa5
}

.tabs-type1 .tabs-container .item#container-feature a {
  text-align: center
}

.tabs-type1 .tabs-container .item#container-feature a img {
  width: 60%
}

.tabs-type1 .link-circle-arrow-bg-b {
  display: inline-block;
  margin: 0 0 30px 0
}

.tabs-type2 {
  background: #dad8d8
}

.tabs-type2 .tabs-nav {
  padding: 30px 0 0 0;
  width: 100%;
  position: relative
}

.tabs-type2 .tabs-nav .switch {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -22px 0 0 0
}

.tabs-type2 .tabs-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row
}

.tabs-type2 .tabs-nav li {
  list-style-type: none;
  padding: 0;
  margin: 0 2px
}

.tabs-type2 .tabs-nav a {
  padding: 15px 50px;
  display: inline-block;
  text-decoration: none;
  color: #3f4245;
  transition: all ease-in .2s
}

.tabs-type2 .tabs-nav a:hover {
  background: #fff
}

.tabs-type2 .tabs-nav a.selected {
  background: #fff;
  font-weight: 600
}

.tabs-type3 .tabs-nav {
  margin: 0 0 60px 0;
  width: 100%
}

.tabs-type3 .tabs-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: stretch
}

.tabs-type3 .tabs-nav li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 32.5%
}

.tabs-type3 .tabs-nav a {
  display: inline-block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px 20px 20px 20px;
  background-color: #91d46c;
  color: #3f4245;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  transition: none
}

.tabs-type3 .tabs-nav a img, .tabs-type3 .tabs-nav a svg {
  max-height: 60px;
  height: 60px;
  margin: 0 0 8px 0
}

.tabs-type3 .tabs-nav a.selected:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -24px;
  margin: 0 0 0 -38.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 38.5px 0 38.5px;
  border-color: #91d46c transparent transparent transparent
}

.tabs-type3 .tabs-nav a:hover {
  background-color: #9de476;
  background-image: none !important
}

.tabs-type3 .tabs-nav a:hover.selected:after {
  border-color: #9de476 transparent transparent transparent
}

.tabs-type3.tab-count2 .tabs-nav li {
  width: 49%
}

.tabs-type3.shrink .tabs-nav ul {
  justify-content: center
}

.tabs-type3.shrink .tabs-nav li {
  width: 24%;
  margin: 0 .5%
}

.tabs-type3.shrink .tabs-nav a {
  background-color: #eef0f0
}

.tabs-type3.shrink .tabs-nav a.selected {
  background: #91d46c;
  background-image: none !important
}

.tabs-type3.shrink .tabs-nav a.selected img .cls-1, .tabs-type3.shrink .tabs-nav a.selected img .cls-2, .tabs-type3.shrink .tabs-nav a.selected img .cls-e-1, .tabs-type3.shrink .tabs-nav a.selected img .cls-e-2, .tabs-type3.shrink .tabs-nav a.selected img .cls-e-3, .tabs-type3.shrink .tabs-nav a.selected img path, .tabs-type3.shrink .tabs-nav a.selected svg .cls-1, .tabs-type3.shrink .tabs-nav a.selected svg .cls-2, .tabs-type3.shrink .tabs-nav a.selected svg .cls-e-1, .tabs-type3.shrink .tabs-nav a.selected svg .cls-e-2, .tabs-type3.shrink .tabs-nav a.selected svg .cls-e-3, .tabs-type3.shrink .tabs-nav a.selected svg path {
  stroke: #3f4245 !important
}

.tabs-type3.shrink .tabs-nav a:hover {
  background: #91d46c;
  background-image: none !important
}

.tabs-type3.shrink .tabs-nav a:hover.selected:after {
  border-color: #91d46c transparent transparent transparent
}

.tabs-type3.shrink .tabs-nav a:hover img .cls-1, .tabs-type3.shrink .tabs-nav a:hover img .cls-2, .tabs-type3.shrink .tabs-nav a:hover img .cls-e-1, .tabs-type3.shrink .tabs-nav a:hover img .cls-e-2, .tabs-type3.shrink .tabs-nav a:hover img .cls-e-3, .tabs-type3.shrink .tabs-nav a:hover img path, .tabs-type3.shrink .tabs-nav a:hover svg .cls-1, .tabs-type3.shrink .tabs-nav a:hover svg .cls-2, .tabs-type3.shrink .tabs-nav a:hover svg .cls-e-1, .tabs-type3.shrink .tabs-nav a:hover svg .cls-e-2, .tabs-type3.shrink .tabs-nav a:hover svg .cls-e-3, .tabs-type3.shrink .tabs-nav a:hover svg path {
  stroke: #3f4245 !important
}

.tabs-type3 .tabs-container .tab-item {
  display: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%
}

.tabs-type3 .tabs-container .tab-item.selected {
  display: flex
}

.customers-type-6 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.customers-type-6 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .4s ease-in
}

.customers-type-6 a:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.customer-carousel-type1 {
  width: 100%;
  padding: 60px 0;
  clear: both;
  font-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #91d46c
}

.customer-carousel-type1.grey {
  background: #eef0f0
}

.customer-carousel-type1.darkgrey {
  background: #3f4245;
  color: #3f4245
}

.customer-carousel-type1.darkgrey .applications {
  color: #3f4245
}

.customer-carousel-type1.darkgrey .customers .quote {
  color: #3f4245
}

.customer-carousel-type1 .items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between
}

.customer-carousel-type1 .applications {
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.customer-carousel-type1 .applications span {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .6);
  padding: 24px 20px;
  margin-bottom: 8px;
  transition: background .2s ease-in;
  box-sizing: border-box
}

.customer-carousel-type1 .applications span:hover {
  cursor: pointer;
  background: #fff
}

.customer-carousel-type1 .applications span.selected {
  background: #fff
}

.customer-carousel-type1 .applications span:last-of-type {
  margin: 0
}

.customer-carousel-type1 .customers {
  width: 68%;
  background: #fff;
  overflow-x: hidden;
  position: relative;
  padding: 20px 0;
  display: flex;
  align-items: center
}

.customer-carousel-type1 .customers .customers-holder {
  display: flex;
  align-items: stretch;
  width: 500%;
  min-width: 500%;
  position: relative;
  left: 0;
  transition: left .3s ease-in
}

.customer-carousel-type1 .customers .customer {
  display: flex;
  align-items: center;
  width: 20%
}

.customer-carousel-type1 .customers .customer.selected {
  display: flex;
  align-items: center
}

.customer-carousel-type1 .customers .customer .logo {
  min-width: 200px;
  width: 200px;
  padding: 0 24px
}

.customer-carousel-type1 .customers .customer .content {
  border-left: 1px solid #c7c8c8;
  padding: 35px 24px
}

.customer-carousel-type1 .customers .customer .content.diagram {
  border-left: none
}

.customer-carousel-type1 .customers .customer .quote {
  display: block;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.2em;
  margin: 0 0 8px 0
}

.customer-carousel-type1 .customers .customer .attribution {
  display: block;
  margin: 0 0 16px 0
}

.customer-carousel-type2 {
  border: 5px solid #fff;
  width: 100%;
  max-width: 2560px
}

.customer-carousel-type2 .container {
  max-width: 100%;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important
}

.customer-carousel-type2 .row {
  margin: 0
}

.customer-carousel-type2 a.col, .customer-carousel-type2 div.col {
  background: #eef0f0;
  border: 5px solid #fff;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  overflow: hidden;
  min-height: 275px
}

.customer-carousel-type2 a.col span.image, .customer-carousel-type2 div.col span.image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  box-sizing: border-box;
  z-index: 2
}

.customer-carousel-type2 a.col span.text, .customer-carousel-type2 div.col span.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: -100%;
  transition: all .2s ease-in;
  background: linear-gradient(225deg, transparent 35px, rgba(63, 66, 69, .85) 35px);
  overflow: hidden
}

.customer-carousel-type2 a.col span.text:after, .customer-carousel-type2 div.col span.text:after {
  content: '';
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border: 2px solid #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  background-image: url("/digi/media/home/arrow-wcircle-white-white.png");
  background-size: 88px 44px;
  background-position: 0 0;
  background-repeat: no-repeat;
  box-sizing: content-box !important;
  opacity: 1;
  position: relative;
  z-index: 2;
  left: 0;
  margin-top: 0;
  transition: margin .4s ease-in
}

.customer-carousel-type2 a.col span.heading, .customer-carousel-type2 div.col span.heading {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 800;
  width: 100%;
  margin: 0;
  height: 50px;
  transition: all .2s ease-in;
  color: #fff
}

.customer-carousel-type2 a.col span.teaser, .customer-carousel-type2 div.col span.teaser {
  width: 80%;
  margin: 0 10% 16px 10%;
  transition: margin .3s ease-in;
  color: #fff
}

.customer-carousel-type2 a.col img, .customer-carousel-type2 div.col img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.customer-carousel-type2 a.col:hover span.text, .customer-carousel-type2 div.col:hover span.text {
  bottom: 0
}

.customer-carousel-type2 a.col:hover span.image, .customer-carousel-type2 div.col:hover span.image {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.customer-carousel-type2 div.col {
  background: #3f4245;
  color: #fff;
  border: 5px solid #fff;
  box-sizing: border-box
}

.customer-carousel-type2 div.col:hover span.image {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

.customer-carousel-type2+.carrot {
  top: -10px
}

.ribbon-type1 {
  padding: 60px 0;
  clear: both;
  font-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: hidden
}

.ribbon-type1 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 3
}

.ribbon-type1 .container div:nth-of-type(1) {
  width: 38%
}

.ribbon-type1 .container div:nth-of-type(1) img {
  width: 60%;
  margin: 0 20%
}

.ribbon-type1 .container div:nth-of-type(1) .shadow-type1 {
  width: 60%;
  margin: 0 20%
}

.ribbon-type1 .container div:nth-of-type(1) .shadow-type1 img {
  width: 100%;
  margin: 0
}

.ribbon-type1 .container div:nth-of-type(2) {
  width: 63%
}

.ribbon-type1.whitetext {
  color: #fff
}

.ribbon-type1.whitetext h2, .ribbon-type1.whitetext h3, .ribbon-type1.whitetext h4, .ribbon-type1.whitetext h5, .ribbon-type1.whitetext h6 {
  color: #fff
}

.ribbon-type1.flip .container div:nth-of-type(1), .ribbon-type1+.ribbon-type1 .container div:nth-of-type(1) {
  order: 2
}

.ribbon-type1.flip .container div:nth-of-type(2), .ribbon-type1+.ribbon-type1 .container div:nth-of-type(2) {
  order: 1
}

.ribbon-type1.border-top {
  border-top: 1px solid #979797
}

.ribbon-type1.border-bottom {
  border-bottom: 1px solid #979797
}

.ribbon-type1 .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #000;
  opacity: .3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.ribbon-type1 video, .ribbon-type1 #bgvideo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.ribbon-type5 {
  position: relative;
  padding: 90px 0;
  clear: both;
  font-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  color: #fff;
  overflow: hidden
}

.ribbon-type5 h2, .ribbon-type5 h3, .ribbon-type5 h4, .ribbon-type5 h5, .ribbon-type5 h6 {
  color: #fff
}

.ribbon-type5:after {
  content: '';
  display: block;
  position: absolute;
  width: 65%;
  top: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  background: linear-gradient(225deg, transparent 230px, rgba(0, 0, 0, .6) 230px);
  z-index: 2
}

.ribbon-type5 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 3
}

.ribbon-type5 .container div:nth-of-type(1) {
  width: 45%
}

.ribbon-type5 .container div:nth-of-type(2) {
  width: 45%;
  text-align: center
}

.ribbon-type3 {
  padding: 60px 0;
  position: relative;
  margin: 30px 0;
  width: 100%
}

.ribbon-type3 img.direction-left {
  position: absolute;
  top: 0;
  z-index: 3;
  right: 51%;
  height: 100%;
  width: auto;
  max-width: none
}

.ribbon-type3 .background {
  z-index: -1;
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 0;
  width: 100%;
  background-color: #3f4245
}

.ribbon-type3 .background.green {
  background-color: #91d46c
}

.ribbon-type3 .background.darkblue {
  background-color: #1f7fa5
}

.ribbon-type3 .container {
  padding: 30px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.ribbon-type3 .container div:nth-of-type(1) {
  width: 49%
}

.ribbon-type3 .container div:nth-of-type(2) {
  width: 49%
}

.ribbon-type3 ul li {
  margin: 5px 0
}

.ribbon-type3.whitetext {
  color: #fff
}

.ribbon-type3.whitetext h2, .ribbon-type3.whitetext h3, .ribbon-type3.whitetext h4, .ribbon-type3.whitetext h5, .ribbon-type3.whitetext h6 {
  color: #fff
}

.hbspt-form {
  color: #3f4245
}

.hbspt-form fieldset, .hbspt-form .hs-dependent-field {
  width: 100%;
  max-width: 100% !important
}

.hbspt-form .hs-form-field {
  margin: 0 0 20px 0
}

.hbspt-form .hs-form-required {
  color: #cc6033
}

.hbspt-form label {
  margin: 0 0 6px 0;
  color: #3f4245
}

.hbspt-form input, .hbspt-form select, .hbspt-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #3f4245;
  background: #fff;
  width: 100% !important;
  border: 1px solid #c7c8c8;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400
}

.hbspt-form input[type="checkbox"], .hbspt-form input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px !important;
  height: 20px !important;
  padding: 0;
  margin: 0 8px 0 0;
  border: 1px solid #c7c8c8;
  vertical-align: middle
}

.hbspt-form input[type="checkbox"]:checked, .hbspt-form input[type="radio"]:checked {
  position: relative;
  width: 20px
}

.hbspt-form input[type="checkbox"]:checked:after, .hbspt-form input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #3f4245;
  margin: -5px 0 0 -5px;
  border-radius: 2px
}

.hbspt-form select {
  background: #fff url("//www.digi.com/images/form-select-downarrow.png") no-repeat right center;
  background-size: 24px 10px
}

.hbspt-form .hs-button {
  width: auto !important;
  border: none;
  background: #91d46c;
  color: #3f4245;
  border-radius: 0;
  padding: 16px 22px;
  font-size: 18px;
  font-weight: 600;
  transition: all .2s ease-in;
  cursor: pointer
}

.hbspt-form .hs-button:hover {
  background: #9de476
}

.hbspt-form input.hs-input.error, .hbspt-form textarea.hs-input.error {
  background: #f99
}

.hbspt-form select.hs-input.error {
  background: #f99 url("//www.digi.com/images/form-select-downarrow.png") no-repeat right center;
  background-size: 24px 10px
}

.hbspt-form .hs-recaptcha {
  margin: 24px 0
}

.hbspt-form .hs-error-msg {
  color: #cc6033
}

.hbspt-form .no-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.hbspt-form div.input .inputs-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.hbspt-form .submitted-message {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 36px 0;
  color: #1f7fa5
}

.form-hottag .hbspt-form form {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between
}

.form-hottag .hbspt-form .hs-form-field {
  width: 100%
}

.form-hottag .hbspt-form .hs-form-field.hs-fieldtype-textarea {
  width: 100%
}

.form-hottag .hbspt-form .hs-dependent-field .hs-form-field {
  width: 100%
}

.form-hottag .hbspt-form .hs-submit {
  width: 100%
}

@media(max-width:568px) {
  .form-hottag .hbspt-form form {
    flex-direction: column
  }
  .form-hottag .hbspt-form .hs-form-field {
    width: 100%
  }
  .form-hottag .hbspt-form .hs-form-field.hs-fieldtype-textarea {
    width: 100%
  }
  .form-hottag .hbspt-form .hs-submit {
    width: 100%
  }
}

.form-type1 {
  padding: 60px 0
}

.form-type1 .container {
  display: block
}

.form-type1 .form-layout1 {
  display: flex;
  flex-direction: row
}

.form-type1 .form-layout1 div:nth-of-type(1) {
  width: 38%
}

.form-type1 .form-layout1 div:nth-of-type(1) img {
  width: 60%
}

.form-type1 .form-layout1 div:nth-of-type(1) .shadow-type1 {
  width: 60%;
  margin: 0 20%
}

.form-type1 .form-layout1 div:nth-of-type(1) .shadow-type1 img {
  width: 100%;
  margin: 0
}

.form-type1 .form-layout1 div:nth-of-type(2) {
  width: 63%
}

.form-type1 .form-layout1 div:nth-of-type(2) div {
  width: 100%
}

.ribbon-type2 {
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3f4245;
  position: relative;
  font-size: 20px
}

.ribbon-type2 .container-type2 {
  display: flex;
  flex-direction: row;
  align-items: stretch
}

.ribbon-type2 .container-type2:before {
  background: rgba(0, 0, 0, .6);
  flex-grow: 1;
  content: ' ';
  display: flex
}

.ribbon-type2 .container-type2:after {
  flex-grow: 1;
  content: ' ';
  display: flex
}

.ribbon-type2 h3 {
  color: #fff
}

.ribbon-type2 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  z-index: 3;
  justify-content: space-between
}

.ribbon-type2 .container div:nth-of-type(1) {
  width: 66.5%;
  padding: 90px 10% 90px 0;
  background: linear-gradient(225deg, transparent 45px, rgba(0, 0, 0, .6) 45px)
}

.ribbon-type2 .container div:nth-of-type(2) {
  width: 33.5%;
  text-align: center;
  padding: 0 3%
}

.ribbon-type2 .container div:nth-of-type(2) img {
  width: 80%
}

.ribbon-video-type1 {
  padding: 90px 0;
  color: #fff;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 30px;
  font-weight: 300;
  background-color: #3f4245;
  position: relative;
  overflow: hidden
}

.ribbon-video-type1 a {
  text-decoration: none;
  display: block;
  color: #fff
}

.ribbon-video-type1 a:hover {
  color: #fff
}

.ribbon-video-type1 .heading {
  font-size: 60px;
  line-height: 1.1em;
  font-weight: 800;
  color: #fff;
  display: block
}

.ribbon-video-type1 img {
  width: 100px;
  margin: 30px 0
}

.ribbon-video-type1 .container {
  position: relative;
  z-index: 3
}

.ribbon-video-type1 video {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.ribbon-video-type1 .overlay {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2
}

.ribbon-video-type1.effect span.play {
  width: 100px;
  height: 100px;
  display: none;
  margin: 30px 0;
  position: relative;
  display: inline-block
}

.ribbon-video-type1.effect span.play:after {
  content: '';
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px dashed #fff;
  display: none;
  position: absolute;
  left: -10px;
  top: -10px;
  -webkit-animation: rotation 5s infinite linear;
  animation: rotation 5s infinite linear;
  -webkit-transform-origin: center;
  transform-origin: center
}

.ribbon-video-type1.effect span.play img {
  margin: 0
}

.ribbon-video-type1.effect a:hover span.play:after {
  display: inline-block
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.video-type2 {
  width: 100%;
  padding: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  margin: 0 0 10px 0;
  overflow: hidden
}

.video-type2 .play {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 300;
  color: #fff;
  text-decoration: none
}

.video-type2 .play:hover {
  text-decoration: none;
  color: #fff
}

.video-type2 .play img {
  width: 100px;
  margin: 0 0 24px 0
}

.video-type2 .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  transition: background .2s ease-in
}

.video-type2 .play:hover+.overlay+video {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.video-type2 video {
  transition: all .2s ease-in;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%
}

div.ulfix {
  display: inline-block
}

.ribbon-bullets-type1, .ribbon-bullets-type2 {
  padding: 60px 0
}

.ribbon-bullets-type1 h2, .ribbon-bullets-type1 h3, .ribbon-bullets-type2 h2, .ribbon-bullets-type2 h3 {
  text-align: center;
  margin: 0 0 40px 0
}

.ribbon-bullets-type1 .items, .ribbon-bullets-type2 .items {
  display: flex;
  flex-wrap: wrap
}

.ribbon-bullets-type1 .items .item, .ribbon-bullets-type2 .items .item {
  width: 50%;
  padding: 0 3% 0 0;
  font-size: 22px;
  display: flex;
  align-items: flex-start;
  margin: 0 0 32px 0
}

.ribbon-bullets-type1 .items .item:before, .ribbon-bullets-type2 .items .item:before {
  transition: all .2s ease-in;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  vertical-align: middle;
  display: inline-block;
  content: '';
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 16px 0 0;
  background-position: -50px center;
  background-repeat: no-repeat;
  background-size: 100px 50px;
  background-image: url("/digi/media/home/checkbox-wcircle-blue-grey.png")
}

.ribbon-bullets-type1 .items .item h2, .ribbon-bullets-type1 .items .item h3, .ribbon-bullets-type1 .items .item h6, .ribbon-bullets-type2 .items .item h2, .ribbon-bullets-type2 .items .item h3, .ribbon-bullets-type2 .items .item h6 {
  text-align: left;
  margin: 0 0 8px 0
}

.ribbon-bullets-type2 {
  padding: 16px 0
}

.ribbon-bullets-type2 h6 {
  margin: 0
}

.ribbon-bullets-type2 .items .item {
  font-size: 18px
}

.ribbon-bullets-type2 .items .item:before {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-position: -30px center;
  background-size: 60px 30px
}

.ribbon-bullets-type3 {
  padding: 60px 0;
  width: 100%
}

.ribbon-bullets-type3 .items {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between
}

.ribbon-bullets-type3 .item {
  width: 48%;
  margin: 0 0 16px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.ribbon-bullets-type3 .item img {
  width: 80px;
  margin: 0 10px 0 0
}

.ribbon-bullets-type3 .item div {
  width: 80%
}

.ribbon-bullets-type3 .item h4 {
  color: #3f4245
}

.ribbon-cards {
  padding: 60px 0
}

.ribbon-cards.nopad {
  padding: 0 !important
}

.ribbon-cards.grey {
  background: #eef0f0
}

.ribbon-cards.white .cards-type1 a, .ribbon-cards.white .cards-type2 a, .ribbon-cards.white .cards-type3 a, .ribbon-cards.white .cards-type4 a {
  background: #eef0f0
}

.ribbon-cards h2, .ribbon-cards h3 {
  text-align: center;
  margin: 0 0 50px 0
}

.ribbon-cards.align-left h2, .ribbon-cards.align-left h3 {
  text-align: left
}

.ribbon-cards.align-center h2, .ribbon-cards.align-center h3 {
  text-align: center
}

.ribbon-cards.align-center .cards-type1 {
  justify-content: center
}

.ribbon-faq {
  padding: 60px 0;
  width: 100%
}

.ribbon-faq h2 {
  margin: 0 0 30px 0
}

.ribbon-blog, .ribbon-type4 {
  padding: 60px 0;
  font-size: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.ribbon-blog.grey, .ribbon-type4.grey {
  background: #eef0f0
}

.ribbon-blog .container, .ribbon-type4 .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.ribbon-blog .container div:nth-of-type(1), .ribbon-type4 .container div:nth-of-type(1) {
  width: 38%
}

.ribbon-blog .container div:nth-of-type(1) p, .ribbon-type4 .container div:nth-of-type(1) p {
  display: none
}

.ribbon-blog .container div:nth-of-type(1) img, .ribbon-type4 .container div:nth-of-type(1) img {
  width: 80%;
  margin: 0 10%
}

.ribbon-blog .container div:nth-of-type(1) img[style], .ribbon-type4 .container div:nth-of-type(1) img[style] {
  width: 80% !important;
  max-width: 80% !important;
  float: none !important;
  margin: 0 10% !important
}

.ribbon-blog .container div:nth-of-type(2), .ribbon-type4 .container div:nth-of-type(2) {
  width: 63%
}

.ribbon-blog .container div:nth-of-type(2) div, .ribbon-type4 .container div:nth-of-type(2) div {
  display: none
}

.ribbon-blog .container div span, .ribbon-type4 .container div span {
  margin: 0 0 20px 0;
  display: inline-block
}

.ribbon-blog h2, .ribbon-blog h3, .ribbon-type4 h2, .ribbon-type4 h3 {
  margin: 0 0 20px 0
}

.ribbon-blog.whitetext, .ribbon-type4.whitetext {
  color: #fff
}

.ribbon-blog.whitetext h2, .ribbon-blog.whitetext h3, .ribbon-blog.whitetext h4, .ribbon-blog.whitetext h5, .ribbon-blog.whitetext h6, .ribbon-type4.whitetext h2, .ribbon-type4.whitetext h3, .ribbon-type4.whitetext h4, .ribbon-type4.whitetext h5, .ribbon-type4.whitetext h6 {
  color: #fff
}

.ribbon-type6 {
  padding: 60px 0;
  font-size: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.ribbon-type6 .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.ribbon-type6 .container div:nth-of-type(1) {
  width: 48%
}

.ribbon-type6 .container div:nth-of-type(2) {
  width: 48%
}

.ribbon-type6.whitetext {
  color: #fff
}

.ribbon-type6.whitetext h2, .ribbon-type6.whitetext h3, .ribbon-type6.whitetext h4, .ribbon-type6.whitetext h5, .ribbon-type6.whitetext h6 {
  color: #fff
}

.ribbon-trustfence {
  background: #3f4245 url("//www.digi.com/images/ribbon-trustfence-background.jpg") center center no-repeat;
  background-size: cover;
  color: #fff;
  padding: 60px 0
}

.ribbon-trustfence .container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.ribbon-trustfence .container div:nth-of-type(1) {
  width: 38%
}

.ribbon-trustfence .container div:nth-of-type(1) img {
  width: 60%;
  margin: 0 20%
}

.ribbon-trustfence .container div:nth-of-type(2) {
  width: 63%
}

.ribbon-trustfence h2, .ribbon-trustfence h3 {
  color: #fff;
  margin: 0 0 20px 0
}

.ribbon {
  padding: 60px 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%
}

.ribbon.toedge {
  padding: 0
}

.ribbon.toedge .container-type2 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  z-index: 5
}

.ribbon.toedge .container-type2:before {
  background: #e2f6ff;
  flex-grow: 1;
  content: ' ';
  display: flex
}

.ribbon.toedge .container-type2:after {
  content: ' ';
  flex-grow: 1;
  display: flex;
  background: #91d46c
}

.product-list-type1 .item-group {
  padding: 60px 0 36px 0
}

.product-list-type1 .item-group:first-of-type {
  padding-top: 0
}

.product-list-type1 .item-group:nth-of-type(even) {
  border-top: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8
}

.product-list-type1 .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.product-list-type1 h3 {
  width: 100%;
  margin: 24px 0 8px 0
}

.product-list-type1 h3:first-of-type {
  margin-top: 0
}

.product-list-type1 a {
  width: 25%;
  display: inline-block;
  padding: 0 1%;
  margin: 0 0 24px
}

.product-list-type1 a.comingsoon {
  position: relative
}

.product-list-type1 a.comingsoon:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #00b7ff transparent transparent transparent;
  font-size: 12px;
  z-index: 1
}

.product-list-type1 a.comingsoon:before {
  content: 'SOON';
  color: #fff;
  position: absolute;
  top: 7px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  font-size: 11px;
  width: 25px;
  height: 25px;
  text-align: center
}

.product-list-type1 .image {
  max-width: 175px;
  height: 175px;
  line-height: 175px;
  display: inline-block
}

.product-list-type1 .image img {
  vertical-align: middle;
  max-height: 90%
}

.product-list-type2 .image {
  max-width: 175px;
  height: 175px;
  line-height: 175px;
  display: inline-block
}

.product-list-type2 .image img {
  vertical-align: middle;
  max-height: 90%
}

.item-list-type1, .item-list-type2 {
  border: 1px solid #cfd5d3;
  padding: 16px 30px
}

.item-list-type1 .item, .item-list-type2 .item {
  border-top: 1px solid #cfd5d3;
  padding: 15px 0
}

.item-list-type1 .item:first-of-type, .item-list-type2 .item:first-of-type {
  border-top: none
}

.item-list-type1 .item:last-of-type, .item-list-type2 .item:last-of-type {
  padding-bottom: 0
}

.item-list-type1 .item .date, .item-list-type2 .item .date {
  font-size: 16px;
  font-style: italic;
  color: #646466;
  display: block
}

.item-list-type1 .item .teaser, .item-list-type2 .item .teaser {
  display: block;
  padding-bottom: 15px
}

.item-list-type2 {
  border: none;
  padding: 0
}

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center
}

.gallery a {
  width: 33%;
  padding: 1%
}

.gallery img {
  width: 100%
}

.gallery.gallery-3 a {
  width: 33%
}

.gallery.gallery-4 a {
  width: 25%
}

.gallery.gallery-5 a {
  width: 20%
}

.list-type-product {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between
}

.list-type-product h3 {
  width: 100%;
  margin: 24px 0
}

.list-type-product h3:nth-of-type(1) {
  margin-top: 0;
  border-top: none;
  padding-top: 0
}

.list-type-product .item {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 36px 0
}

.list-type-product .item .image {
  width: 175px;
  height: 175px;
  display: flex
}

.list-type-product .item .image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}

.list-type-product .item .description {
  width: 100%
}

.list-type-product .item .description h3 {
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 8px 0
}

.list-type-product .item .description h4 {
  font-size: 18px;
  color: #3f4245;
  font-weight: 400
}

.list-type-product .item .description ul {
  padding-left: 1em;
  margin-left: 0
}

.list-type-product .item.mature {
  display: none
}

.list-type-product .item.mature.hide.show {
  display: block !important
}

.list-type-product .item.comingsoon {
  position: relative
}

.list-type-product .item.comingsoon:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #00b7ff transparent transparent transparent;
  font-size: 12px;
  z-index: 1
}

.list-type-product .item.comingsoon:before {
  content: 'SOON';
  color: #fff;
  position: absolute;
  top: 7px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  font-size: 11px;
  width: 25px;
  height: 25px;
  text-align: center
}

.list-type-product .item.new {
  position: relative
}

.list-type-product .item.new:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #cc6033 transparent transparent transparent;
  font-size: 12px;
  z-index: 1
}

.list-type-product .item.new:before {
  content: 'NEW';
  color: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  font-size: 11px;
  width: 25px;
  height: 25px;
  text-align: center
}

.list-type-product.view-grid {
  justify-content: flex-start;
  align-items: stretch
}

.list-type-product.view-grid .item {
  width: 31%;
  margin: 0 1% 36px 1%;
  flex-direction: column;
  border: 1px solid #c7c8c8;
  padding: 10px;
  justify-content: flex-start;
  overflow: hidden
}

.list-type-product.view-grid .item .image {
  width: 100%;
  justify-content: center;
  height: 175px
}

.list-type-product.view-grid .item .image img {
  max-width: 175px
}

.list-type-product.view-grid .item .description {
  width: 100%
}

.list-type-product.view-grid .item ul {
  display: none
}

.PagerControl {
  width: 100%;
  clear: both;
  text-align: left;
  background: #eef0f0;
  padding: 20px
}

.PagerControl span[style] {
  padding-left: 0 !important
}

.PagerControl .UnselectedPage {
  background: none;
  padding: 0;
  color: #1f7fa5;
  font-size: 18px;
  text-decoration: underline
}

.PagerControl .UnselectedPage:hover {
  color: #3f4245;
  background: none
}

.PagerControl .UnselectedPage:after {
  text-decoration: underline
}

.PagerControl .UnselectedPage:after {
  content: '/';
  color: #bfc1c0;
  display: inline-block;
  padding: 0 10px;
  text-decoration: none
}

.PagerControl .SelectedPage {
  background: none;
  color: #1f7fa5;
  font-weight: 800;
  padding: 0;
  font-size: 18px
}

.PagerControl .SelectedPage:hover {
  color: #1f7fa5;
  background: none
}

.PagerControl .SelectedPage:after {
  content: '/';
  color: #bfc1c0;
  display: inline-block;
  padding: 0 10px
}

.PagerControl .UnselectedNext, .PagerControl .UnselectedPrev {
  background: none;
  color: #1f7fa5;
  padding: 0;
  text-decoration: underline;
  font-size: 18px;
  text-transform: none;
  visibility: hidden
}

.PagerControl .UnselectedNext:hover, .PagerControl .UnselectedPrev:hover {
  color: #3f4245;
  background: none
}

.PagerControl .UnselectedNext:before, .PagerControl .UnselectedNext:after, .PagerControl .UnselectedPrev:before, .PagerControl .UnselectedPrev:after {
  text-decoration: underline
}

.PagerControl .UnselectedNext:before, .PagerControl .UnselectedNext:after, .PagerControl .UnselectedPrev:before, .PagerControl .UnselectedPrev:after {
  visibility: visible;
  text-decoration: none
}

.PagerControl .SelectedPrev:before, .PagerControl .UnselectedPrev:before {
  content: 'Prev';
  padding: 0 10px 0 0
}

.PagerControl .SelectedNext:before, .PagerControl .UnselectedNext:before {
  content: 'Next'
}

.PagerControl .SelectedPrev, .PagerControl .SelectedNext {
  display: none
}

.PagerControl .UnselectedPrev:hover:after, .PagerControl .UnselectedNext:hover:before {
  text-decoration: underline
}

#compare {
  float: none
}

#compare .item a:hover.link {
  border: 1px solid #91d46c
}

#compare a.remove {
  text-decoration: none !important;
  background: #91d46c;
  color: #3f4245
}

#compare a.remove:hover {
  background: #9de476
}

.cookietrail+#compare {
  margin-top: 0
}

.front-door .cta {
  margin: 0
}

.asset.gate.hide {
  display: none
}

.asset.content.hide {
  display: none
}

.container-form .scrollbox, .container-form-type2 .scrollbox, .container-form-type3 .scrollbox, .container-form-type4 .scrollbox {
  overflow-y: scroll;
  border: 1px solid #c7c8c8;
  height: 250px;
  padding: 20px
}

.container-form h3, .container-form-type2 h3, .container-form-type3 h3, .container-form-type4 h3 {
  margin: 0 0 30px 0
}

.container-form div, .container-form-type2 div, .container-form-type3 div, .container-form-type4 div {
  margin: 0 0 24px 0
}

.container-form label, .container-form-type2 label, .container-form-type3 label, .container-form-type4 label {
  display: block;
  margin: 0 0 8px 0
}

.container-form label.error, .container-form-type2 label.error, .container-form-type3 label.error, .container-form-type4 label.error {
  color: #cc6033
}

.container-form label.required:after, .container-form span.required:after, .container-form-type2 label.required:after, .container-form-type2 span.required:after, .container-form-type3 label.required:after, .container-form-type3 span.required:after, .container-form-type4 label.required:after, .container-form-type4 span.required:after {
  content: " *";
  color: #d14124;
  white-space: nowrap
}

.container-form label.explanation, .container-form-type2 label.explanation, .container-form-type3 label.explanation, .container-form-type4 label.explanation {
  color: #b3b3b3
}

.container-form input[type=text], .container-form input[type=email], .container-form input[type=tel], .container-form input[type=number], .container-form input[type=date], .container-form textarea, .container-form select, .container-form-type2 input[type=text], .container-form-type2 input[type=email], .container-form-type2 input[type=tel], .container-form-type2 input[type=number], .container-form-type2 input[type=date], .container-form-type2 textarea, .container-form-type2 select, .container-form-type3 input[type=text], .container-form-type3 input[type=email], .container-form-type3 input[type=tel], .container-form-type3 input[type=number], .container-form-type3 input[type=date], .container-form-type3 textarea, .container-form-type3 select, .container-form-type4 input[type=text], .container-form-type4 input[type=email], .container-form-type4 input[type=tel], .container-form-type4 input[type=number], .container-form-type4 input[type=date], .container-form-type4 textarea, .container-form-type4 select {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  color: #3f4245;
  border: 1px solid #cfd5d3;
  background: #fff;
  padding: 10px;
  width: 100%;
  font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
  border-radius: 4px
}

.container-form input[type=text].error, .container-form input[type=email].error, .container-form input[type=tel].error, .container-form input[type=number].error, .container-form input[type=date].error, .container-form textarea.error, .container-form select.error, .container-form-type2 input[type=text].error, .container-form-type2 input[type=email].error, .container-form-type2 input[type=tel].error, .container-form-type2 input[type=number].error, .container-form-type2 input[type=date].error, .container-form-type2 textarea.error, .container-form-type2 select.error, .container-form-type3 input[type=text].error, .container-form-type3 input[type=email].error, .container-form-type3 input[type=tel].error, .container-form-type3 input[type=number].error, .container-form-type3 input[type=date].error, .container-form-type3 textarea.error, .container-form-type3 select.error, .container-form-type4 input[type=text].error, .container-form-type4 input[type=email].error, .container-form-type4 input[type=tel].error, .container-form-type4 input[type=number].error, .container-form-type4 input[type=date].error, .container-form-type4 textarea.error, .container-form-type4 select.error {
  background-color: #f9efea;
  border: 1px solid #cc6033
}

.container-form span.price-type1, .container-form-type2 span.price-type1, .container-form-type3 span.price-type1, .container-form-type4 span.price-type1 {
  display: inline-block;
  position: relative
}

.container-form span.price-type1 input[type=number], .container-form-type2 span.price-type1 input[type=number], .container-form-type3 span.price-type1 input[type=number], .container-form-type4 span.price-type1 input[type=number] {
  padding-left: 22px
}

.container-form span.price-type1:before, .container-form-type2 span.price-type1:before, .container-form-type3 span.price-type1:before, .container-form-type4 span.price-type1:before {
  content: '$';
  position: absolute;
  left: 10px;
  top: 15px;
  font-size: 20px
}

.container-form select, .container-form-type2 select, .container-form-type3 select, .container-form-type4 select {
  background: #fff url("//www.digi.com/images/form-select-downarrow.png") no-repeat right center;
  background-size: 24px 10px
}

.container-form input.button, .container-form button.button, .container-form-type2 input.button, .container-form-type2 button.button, .container-form-type3 input.button, .container-form-type3 button.button, .container-form-type4 input.button, .container-form-type4 button.button {
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #3f4245;
  background: #91d46c;
  cursor: pointer;
  border-radius: 0
}

.container-form input.button:after, .container-form button.button:after, .container-form-type2 input.button:after, .container-form-type2 button.button:after, .container-form-type3 input.button:after, .container-form-type3 button.button:after, .container-form-type4 input.button:after, .container-form-type4 button.button:after {
  display: none
}

.container-form input.button:hover, .container-form button.button:hover, .container-form-type2 input.button:hover, .container-form-type2 button.button:hover, .container-form-type3 input.button:hover, .container-form-type3 button.button:hover, .container-form-type4 input.button:hover, .container-form-type4 button.button:hover {
  background: #9de476
}

.container-form input.button:disabled, .container-form button.button:disabled, .container-form-type2 input.button:disabled, .container-form-type2 button.button:disabled, .container-form-type3 input.button:disabled, .container-form-type3 button.button:disabled, .container-form-type4 input.button:disabled, .container-form-type4 button.button:disabled {
  opacity: .2;
  cursor: default
}

.container-form input[type=checkbox], .container-form-type2 input[type=checkbox], .container-form-type3 input[type=checkbox], .container-form-type4 input[type=checkbox] {
  visibility: hidden
}

.container-form input[type=checkbox]+label span, .container-form input[type=checkbox]+label+label span, .container-form-type2 input[type=checkbox]+label span, .container-form-type2 input[type=checkbox]+label+label span, .container-form-type3 input[type=checkbox]+label span, .container-form-type3 input[type=checkbox]+label+label span, .container-form-type4 input[type=checkbox]+label span, .container-form-type4 input[type=checkbox]+label+label span {
  display: inline-block;
  width: auto;
  line-height: 1.2em;
  min-height: 20px;
  padding: 0 0 0 28px;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box
}

.container-form input[type=checkbox]+label span:before, .container-form input[type=checkbox]+label+label span:before, .container-form-type2 input[type=checkbox]+label span:before, .container-form-type2 input[type=checkbox]+label+label span:before, .container-form-type3 input[type=checkbox]+label span:before, .container-form-type3 input[type=checkbox]+label+label span:before, .container-form-type4 input[type=checkbox]+label span:before, .container-form-type4 input[type=checkbox]+label+label span:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
  border: 1px solid #cfd5d3
}

.container-form input[type=checkbox]:checked+label span, .container-form input[type=checkbox]:checked+label+label span, .container-form-type2 input[type=checkbox]:checked+label span, .container-form-type2 input[type=checkbox]:checked+label+label span, .container-form-type3 input[type=checkbox]:checked+label span, .container-form-type3 input[type=checkbox]:checked+label+label span, .container-form-type4 input[type=checkbox]:checked+label span, .container-form-type4 input[type=checkbox]:checked+label+label span {
  position: relative
}

.container-form input[type=checkbox]:checked+label span:before, .container-form input[type=checkbox]:checked+label+label span:before, .container-form-type2 input[type=checkbox]:checked+label span:before, .container-form-type2 input[type=checkbox]:checked+label+label span:before, .container-form-type3 input[type=checkbox]:checked+label span:before, .container-form-type3 input[type=checkbox]:checked+label+label span:before, .container-form-type4 input[type=checkbox]:checked+label span:before, .container-form-type4 input[type=checkbox]:checked+label+label span:before {
  border: 1px solid #91d46c
}

.container-form input[type=checkbox]:checked+label span:after, .container-form input[type=checkbox]:checked+label+label span:after, .container-form-type2 input[type=checkbox]:checked+label span:after, .container-form-type2 input[type=checkbox]:checked+label+label span:after, .container-form-type3 input[type=checkbox]:checked+label span:after, .container-form-type3 input[type=checkbox]:checked+label+label span:after, .container-form-type4 input[type=checkbox]:checked+label span:after, .container-form-type4 input[type=checkbox]:checked+label+label span:after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -5px;
  background-color: #91d46c;
  background-size: 15px 15px
}

.container-form input[type=checkbox].error+label span, .container-form input[type=checkbox].error+label+label+span, .container-form-type2 input[type=checkbox].error+label span, .container-form-type2 input[type=checkbox].error+label+label+span, .container-form-type3 input[type=checkbox].error+label span, .container-form-type3 input[type=checkbox].error+label+label+span, .container-form-type4 input[type=checkbox].error+label span, .container-form-type4 input[type=checkbox].error+label+label+span {
  background: #f9efea;
  border-bottom: 1px solid #cc6033
}

.container-form input[type=radio], .container-form-type2 input[type=radio], .container-form-type3 input[type=radio], .container-form-type4 input[type=radio] {
  display: none
}

.container-form input[type=radio]+label span, .container-form-type2 input[type=radio]+label span, .container-form-type3 input[type=radio]+label span, .container-form-type4 input[type=radio]+label span {
  display: inline-block;
  width: auto;
  line-height: 1.2em;
  min-height: 20px;
  padding: 0 0 0 28px;
  vertical-align: middle;
  position: relative
}

.container-form input[type=radio]+label span:before, .container-form-type2 input[type=radio]+label span:before, .container-form-type3 input[type=radio]+label span:before, .container-form-type4 input[type=radio]+label span:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border: 1px solid #cfd5d3;
  border-radius: 50%
}

.container-form input[type=radio]:checked+label span, .container-form-type2 input[type=radio]:checked+label span, .container-form-type3 input[type=radio]:checked+label span, .container-form-type4 input[type=radio]:checked+label span {
  font-weight: 600
}

.container-form input[type=radio]:checked+label span:before, .container-form-type2 input[type=radio]:checked+label span:before, .container-form-type3 input[type=radio]:checked+label span:before, .container-form-type4 input[type=radio]:checked+label span:before {
  border: 1px solid #91d46c
}

.container-form input[type=radio]:checked+label span:after, .container-form-type2 input[type=radio]:checked+label span:after, .container-form-type3 input[type=radio]:checked+label span:after, .container-form-type4 input[type=radio]:checked+label span:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #91d46c;
  background-size: 15px 15px
}

.container-form input[type=radio].error+label span, .container-form-type2 input[type=radio].error+label span, .container-form-type3 input[type=radio].error+label span, .container-form-type4 input[type=radio].error+label span {
  background: #f9efea;
  border-bottom: 1px solid #cc6033
}

.container-form .mapson, .container-form-type2 .mapson, .container-form-type3 .mapson, .container-form-type4 .mapson {
  display: none
}

.container-form .form-type50 #requestForm, .container-form-type2 .form-type50 #requestForm, .container-form-type3 .form-type50 #requestForm, .container-form-type4 .form-type50 #requestForm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}

.container-form .form-type50 #requestForm div, .container-form-type2 .form-type50 #requestForm div, .container-form-type3 .form-type50 #requestForm div, .container-form-type4 .form-type50 #requestForm div {
  width: 48%
}

.container-form .form-type50 #requestForm #theform, .container-form-type2 .form-type50 #requestForm #theform, .container-form-type3 .form-type50 #requestForm #theform, .container-form-type4 .form-type50 #requestForm #theform {
  width: 100% !important
}

.container-form .form-type50 #requestForm h3, .container-form-type2 .form-type50 #requestForm h3, .container-form-type3 .form-type50 #requestForm h3, .container-form-type4 .form-type50 #requestForm h3 {
  width: 100%
}

.container-form .form-type50 #requestForm .full, .container-form-type2 .form-type50 #requestForm .full, .container-form-type3 .form-type50 #requestForm .full, .container-form-type4 .form-type50 #requestForm .full {
  width: 100%
}

.container-form .form-type50 #requestForm .full div, .container-form-type2 .form-type50 #requestForm .full div, .container-form-type3 .form-type50 #requestForm .full div, .container-form-type4 .form-type50 #requestForm .full div {
  width: 100%
}

.form-type50 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}

.form-type50 div {
  width: 48%
}

.form-type50 h3 {
  width: 100%
}

.form-type50 .full {
  width: 100%
}

.form-type50 .full div {
  width: 100%
}

.container-form-type2 input[type=text], .container-form-type2 textarea {
  border-top: none;
  border-right: none;
  border-left: none;
  padding: 8px 0;
  border-radius: 0
}

.container-form-type2 input[type=text].error, .container-form-type2 textarea.error {
  border: none;
  border-bottom: 1px solid #cc6033
}

.container-form-type2 select {
  padding: 8px 11px
}

.container-form-type3 {
  display: block
}

.container-form-type3 select {
  width: 90%;
  padding: 7px 30px 7px 5px
}

.container-form-type4 input[type=checkbox] {
  visibility: visible
}

.container-form-type4 input[type=radio] {
  display: inline-block
}

.table-sticky {
  position: relative
}

.table-sticky th {
  position: -webkit-sticky;
  position: sticky;
  top: 0
}

.table-type1, .detail_table {
  font-size: 16px;
  width: 100%;
  border-collapse: collapse
}

.table-type1 tr, .detail_table tr {
  border-left: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8
}

.table-type1 th, .detail_table th {
  background: #3f4245;
  color: #fff;
  font-weight: 800;
  text-align: left
}

.table-type1 td, .table-type1 th, .detail_table td, .detail_table th {
  padding: 8px;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8;
  font-size: 16px
}

.table-type1 tbody tr:nth-of-type(even), .detail_table tbody tr:nth-of-type(even) {
  background: #f6f8f8
}

.table-type1 tbody tr:nth-of-type(odd), .detail_table tbody tr:nth-of-type(odd) {
  background: #fff
}

.table-type1 .checkmark, .detail_table .checkmark {
  color: #91d46c;
  font-weight: 800;
  text-align: center;
  font-size: 22px
}

.table-type1 .subheading, .detail_table .subheading {
  background: #dad8d8
}

.table-type1 .subheading td, .table-type1 .subheading th, .detail_table .subheading td, .detail_table .subheading th {
  font-weight: 800
}

.table-type1 .buttonsmall, .detail_table .buttonsmall {
  white-space: nowrap
}

#table-type-certs {
  font-size: 16px;
  border-left: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative
}

#table-type-certs th {
  background: #3f4245;
  color: #fff;
  font-weight: 800;
  text-align: left;
  line-height: 1.2em;
  font-size: 12px;
  vertical-align: bottom;
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-clip: padding-box;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8;
  padding: 5px 10px
}

#table-type-certs th:nth-of-type(1) {
  width: 15%
}

#table-type-certs th:nth-of-type(2) {
  width: 22%
}

#table-type-certs th+th+th {
  text-align: center;
  padding: 5px 0
}

#table-type-certs th+th+th span {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  white-space: nowrap
}

#table-type-certs th+th+th span.arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#table-type-certs td {
  padding: 5px 10px;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8;
  font-size: 14px
}

#table-type-certs td:nth-of-type(1) {
  width: 15%;
  font-weight: 600
}

#table-type-certs td:nth-of-type(2) {
  width: 22%
}

#table-type-certs td+td+td {
  text-align: center;
  font-size: 20px;
  padding: 0
}

#table-type-certs td img {
  width: 15px;
  max-width: 15px
}

.table-type2 {
  width: 100%;
  border-collapse: collapse
}

.table-type2 tr {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff
}

.table-type2 thead tr {
  border-top: 1px solid #91d46c;
  border-left: 1px solid #91d46c
}

.table-type2 thead th:last-of-type {
  border-right: 1px solid #91d46c
}

.table-type2 th {
  background: #91d46c;
  color: #3f4245;
  font-weight: 800;
  text-align: left
}

.table-type2 td, .table-type2 th {
  padding: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  vertical-align: top
}

.table-type2 td {
  background-color: #fff
}

.table-type3 {
  width: 100%;
  border-collapse: collapse
}

.table-type3 tr {
  border-left: 1px solid #c7c8c8;
  border-top: 1px solid #c7c8c8
}

.table-type3 thead tr {
  border-top: 1px solid #3f4245;
  border-left: 1px solid #3f4245
}

.table-type3 thead th:last-of-type {
  border-right: 1px solid #91d46c
}

.table-type3 th {
  background: #3f4245;
  color: #fff;
  font-weight: 800;
  text-align: left
}

.table-type3 td, .table-type3 th {
  padding: 8px;
  border-right: 1px solid #c7c8c8;
  border-bottom: 1px solid #c7c8c8
}

.table-type3 td {
  background-color: #fff
}

.table-type3 .heading {
  background: #eaeaeb;
  font-weight: 600
}

.table-type3 .subheading {
  background: #edf6e7;
  font-weight: 600
}

.table-type3 .checkmark {
  color: #91d46c;
  font-weight: 800;
  text-align: center;
  font-size: 22px
}

.table-type3.head-green thead tr {
  border-top: 1px solid #91d46c;
  border-left: 1px solid #91d46c
}

.table-type3.head-green th {
  background: #91d46c;
  color: #3f4245
}

.table-type-digirm, .products #content-specifications table.table-type-digirm {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 35px 0;
  line-height: 1.3em
}

.table-type-digirm tr, .products #content-specifications table.table-type-digirm tr {
  border-left: 1px solid #c6c6c8;
  border-top: 1px solid #c6c6c8
}

.table-type-digirm td, .table-type-digirm th, .products #content-specifications table.table-type-digirm td, .products #content-specifications table.table-type-digirm th {
  padding: 5px 8px;
  border-right: 1px solid #c6c6c8;
  border-bottom: 1px solid #c6c6c8;
  vertical-align: center !important
}

.table-type-digirm th, .products #content-specifications table.table-type-digirm th {
  font-weight: 800;
  padding: 8px
}

.table-type-digirm thead th:nth-of-type(1), .products #content-specifications table.table-type-digirm thead th:nth-of-type(1) {
  width: 23%;
  background: #91d46c
}

.table-type-digirm thead th:nth-of-type(2), .products #content-specifications table.table-type-digirm thead th:nth-of-type(2) {
  width: 37%;
  background: #91d46c
}

.table-type-digirm thead th:nth-of-type(3), .products #content-specifications table.table-type-digirm thead th:nth-of-type(3) {
  width: 10%;
  background: #9d9fa6;
  color: #fff;
  text-align: center
}

.table-type-digirm thead th:nth-of-type(4), .products #content-specifications table.table-type-digirm thead th:nth-of-type(4) {
  width: 10%;
  background: #878787;
  color: #fff;
  text-align: center
}

.table-type-digirm thead th:nth-of-type(5), .products #content-specifications table.table-type-digirm thead th:nth-of-type(5) {
  width: 10%;
  background: #3f4245;
  color: #fff;
  text-align: center
}

.table-type-digirm tbody tr:nth-of-type(even) td, .products #content-specifications table.table-type-digirm tbody tr:nth-of-type(even) td {
  background: #edeeee
}

.table-type-digirm tbody td:nth-of-type(1), .products #content-specifications table.table-type-digirm tbody td:nth-of-type(1) {
  font-weight: 600
}

.table-type-digirm tbody td:nth-of-type(n+3), .products #content-specifications table.table-type-digirm tbody td:nth-of-type(n+3) {
  text-align: center;
  color: #91d46c;
  font-size: 20px
}

.pill {
  box-sizing: border-box;
  display: inline-block;
  background-color: #00b7ff;
  white-space: nowrap;
  color: #fff;
  padding: 5px 15px;
  border-radius: 15px;
  margin: 0;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none
}

.pill.red {
  background-color: #cc6033
}

.pill.red.square, .pill.red.outline {
  color: #cc6033;
  border: 2px solid #cc6033
}

.pill.red.square:hover, .pill.red.outline:hover {
  color: #cc6033
}

.pill.grey {
  background-color: #dad8d8;
  color: #3f4245
}

.pill.grey.outline {
  color: #3f4245;
  border: 2px solid #dad8d8
}

.pill.blue {
  background-color: #00b7ff
}

.pill.blue.square, .pill.blue.outline {
  color: #00b7ff;
  border: 2px solid #00b7ff
}

.pill.blue.square:hover, .pill.blue.outline:hover {
  color: #00b7ff
}

.pill.lightblue {
  background-color: #e2f6ff;
  color: #3f4245
}

.pill.green {
  background-color: #91d46c;
  color: #3f4245 !important
}

.pill.green.square, .pill.green.outline {
  color: #91d46c;
  border: 2px solid #91d46c
}

.pill.green.square:hover, .pill.green.outline:hover {
  color: #91d46c
}

.pill.darkgrey {
  background-color: #3f4245;
  color: #fff
}

.pill.darkgrey.square, .pill.darkgrey.outline {
  color: #3f4245;
  border: 2px solid #3f4245
}

.pill.darkgrey.square:hover, .pill.darkgrey.outline:hover {
  color: #3f4245
}

.pill.darkblue {
  background-color: #1f7fa5;
  color: #fff
}

.pill.darkblue.square, .pill.darkblue.outline {
  color: #1f7fa5;
  border: 2px solid #1f7fa5
}

.pill.darkblue.square:hover, .pill.darkblue.outline:hover {
  color: #1f7fa5
}

.pill.yellow {
  background-color: #ffbb42;
  color: #3f4245
}

.pill.yellow.square, .pill.yellow.outline {
  color: #ffbb42;
  border: 2px solid #ffbb42
}

.pill.yellow.square:hover, .pill.yellow.outline:hover {
  color: #ffbb42
}

.pill.large {
  font-size: 20px;
  padding: 10px 25px;
  border-radius: 30px
}

.pill.square {
  border-radius: 0;
  background: none;
  border: 2px solid #1f7fa5;
  color: #1f7fa5;
  text-decoration: none
}

.pill.outline {
  background: none !important;
  border: 2px solid #3f4245;
  color: #3f4245;
  box-sizing: border-box;
  padding: 8px 23px
}

a.pill {
  text-decoration: none
}

a.pill:hover {
  cursor: pointer;
  text-decoration: underline
}

a.pill:hover.red {
  color: #fff
}

a.pill:hover.grey {
  color: #3f4245
}

a.pill:hover.blue {
  color: #fff
}

a.pill:hover.lightblue {
  color: #3f4245
}

a.pill:hover.green {
  color: #3f4245
}

a.pill:hover.darkgrey {
  color: #fff
}

a.pill:hover.darkblue {
  color: #fff
}

a.pill:hover.yellow {
  color: #3f4245
}

.pt-0 {
  padding-top: 0 !important
}

.column-leftnav .container-form.side-search {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  padding: 0 !important;
  margin: 0 0 16px 0
}

.column-leftnav .container-form.side-search input {
  border-right: none;
  display: inline-block;
  border-radius: 0
}

.column-leftnav .container-form.side-search input#bq {
  width: calc(100% - 53px)
}

.column-leftnav .container-form.side-search input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 20px;
  background: #fff url("/images/search-icon-grey.png") center center no-repeat;
  background-size: auto;
  background-size: 16px 16px;
  border: 1px solid #cfd5d3;
  border-left: none
}

.interior-subcontent-typesearch {
  padding: 60px 0
}

.interior-subcontent-typesearch .SearchResults .item a {
  display: block;
  margin: 0 0 6px 0
}

.interior-subcontent-typesearch .SearchResults .item .content {
  display: flex;
  align-items: flex-start;
  flex-direction: row
}

.interior-subcontent-typesearch .SearchResults .item .image {
  width: 160px;
  min-width: 160px;
  margin: 0 10px 0 0
}

.interior-subcontent-typesearch .SearchResults .item .date {
  display: none
}

.SearchResults .item {
  margin: 0 0 30px 0;
  flex-direction: column
}

.SearchResults .item .relevance {
  display: none
}

.SearchResults .item .image {
  width: 160px;
  min-width: 160px;
  margin: 0 10px 0 0
}

.SearchResults .item .summary {
  display: block
}

.SearchResults .item .url {
  display: block;
  color: #006d21
}

.SearchResults .item .date {
  font-size: .9em;
  color: grey;
  font-style: italic
}

.SearchResults .item .highlight {
  background: #fcfc8e;
  padding: 0 5px
}

.SearchDialog {
  margin: 0 0 50px 0
}

.SearchDialog label {
  display: none
}

.SearchDialog .form-horizontal {
  display: flex;
  flex-direction: row
}

.SearchDialog .form-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.SearchDialog input {
  width: auto;
  border-radius: 0;
  background: #fff;
  padding: 8px 25px;
  border: none;
  width: 100%;
  max-width: 430px;
  height: 50px;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #c7c8c8;
  border-right: none;
  font-size: 18px;
  -webkit-appearance: none;
  box-sizing: border-box
}

.SearchDialog input:focus, .SearchDialog input:active {
  outline: 0;
  box-shadow: none
}

.SearchDialog input[type="submit"] {
  width: 40px;
  height: 40px;
  color: #fff;
  box-sizing: border-box
}

.SearchDialog .form-group-submit {
  width: 40px;
  height: 40px;
  position: relative;
  border: none
}

.SearchDialog .form-group-submit:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #fff url("//www.digi.com/images/search-icon-darkgrey.png") center center no-repeat;
  background-size: 16px 16px;
  pointer-events: none;
  border: 1px solid #c7c8c8;
  border-left: none
}

.search-type-all input {
  border-right: none;
  display: inline-block;
  border-radius: 0
}

.search-type-all input#bg {
  width: calc(100% - 53px)
}

.search-type-all input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 20px;
  background: #fff url("/images/search-icon-grey.png") center center no-repeat;
  background-size: auto;
  background-size: 16px 16px;
  border: 1px solid #cfd5d3;
  border-left: none
}

.search-type-all .SearchDialog {
  margin: 0 0 50px 0
}

.search-type-all .SearchDialog label {
  display: none
}

.search-type-all .SearchDialog .form-horizontal {
  display: flex;
  flex-direction: row
}

.search-type-all .SearchDialog .form-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.search-type-all .SearchDialog input {
  width: auto;
  border-radius: 0;
  background: #fff;
  padding: 8px 25px;
  border: none;
  width: 100%;
  max-width: 430px;
  height: 50px;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #c7c8c8;
  border-right: none;
  font-size: 18px;
  -webkit-appearance: none
}

.search-type-all .SearchDialog input:focus, .search-type-all .SearchDialog input:active {
  outline: 0;
  box-shadow: none
}

.search-type-all .SearchDialog input[type="submit"] {
  width: 40px;
  height: 40px;
  color: #fff
}

.search-type-all .SearchDialog .form-group-submit {
  width: 40px;
  height: 40px;
  position: relative;
  border: none
}

.search-type-all .SearchDialog .form-group-submit:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #fff url("//www.digi.com/images/search-icon-darkgrey.png") center center no-repeat;
  background-size: 16px 16px;
  pointer-events: none;
  border: 1px solid #c7c8c8;
  border-left: none
}

.search-type-all .item {
  margin: 0 0 30px 0;
  display: flex;
  align-items: flex-start
}

.search-type-all .item .image img {
  width: 90px;
  max-width: 90px;
  margin: 0 8px 0 0
}

.search-type-all .item .relevance {
  display: none
}

.search-type-all .item .summary {
  display: block
}

.search-type-all .item .url {
  display: block;
  color: #006d21
}

.search-type-all .item .date {
  font-size: .9em;
  color: grey;
  font-style: italic
}

.search-type-all .item .highlight {
  background: #fcfc8e;
  padding: 0 5px
}

.tweet-box.ctt-box-design-1 p {
  font-size: 22px !important;
  line-height: 30px !important
}

.poweredby {
  display: flex;
  align-items: center
}

.poweredby img {
  width: 185px;
  margin: 0 0 0 8px
}

#compare+#products {
  margin-top: 0
}

.products.generic h2 {
  margin: 0 0 20px 0
}

.products .interior-heading-type2 {
  margin: 0 0 24px 0
}

.products .interior-heading-type2 span span {
  display: inline-block;
  width: auto
}

.products .interior-heading-type2+.interior-feature-type7 {
  margin: -24px 0 24px 0
}

.products .interior-heading-type5+.interior-feature-type7 {
  margin: 0 0 24px 0
}

.products .column-rightnav span a {
  display: flex;
  align-items: center;
  line-height: 1.2em
}

.products .column-rightnav span img {
  width: 45px;
  min-width: 45px;
  margin: 0 8px 0 0
}

.products .keyindustries {
  margin: 24px 0 0 0
}

.products .keyindustries a {
  font-size: 18px;
  display: inline-block;
  margin: 0 10px 20px 0;
  line-height: 1.5em;
  background: #91d46c;
  padding: 0 15px;
  border-radius: 20px;
  text-decoration: none;
  color: #3f4245
}

.products .keyindustries a:hover {
  background: #9de476;
  color: #3f4245
}

.products #content-overview .section {
  float: none
}

.products #content-partnumbers table thead th {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em;
  margin: 0 0 8px 0;
  padding: 0;
  color: #3f4245
}

.products #content-partnumbers table thead th .teaser {
  font-size: 18px;
  font-weight: 400
}

.products #content-partnumbers table tbody tr.teaser td {
  font-size: 18px;
  font-weight: 400;
  border-bottom: none;
  padding: 0
}

.products #content-resources .ribbon-cards {
  padding: 50px 0
}

.products #content-faq .ribbon-faq {
  padding-top: 0
}

.products #content-productsupport .resource-section .dochead h4, .products #content-productsupport h4.supportsubcat, .products #content-productsupport .resource-section .dochead b {
  color: #3f4245;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 1.3em
}

.products #content-productsupport .expandeddiv {
  line-height: 1.5em
}

.products .tabssub ul li a {
  text-transform: none
}

.products .tabssub ul li a:hover {
  color: #1f7fa5
}

#filter-tool #filter-filters ul {
  padding: 0;
  margin: 0 0 24px 0
}

#filter-tool #filter-filters li {
  list-style: none;
  padding: 6px 0;
  margin: 0
}

#filter-tool #filter-filters li.disabled {
  pointer-events: none;
  opacity: .3
}

#filter-tool #filter-filters li.disabled a {
  pointer-events: none;
  color: #c7c8c8
}

#filter-tool #filter-filters a {
  text-decoration: none;
  color: #1f7fa5;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1.1em
}

#filter-tool #filter-filters a:before {
  content: '';
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #c7c8c8;
  margin: 0 8px 0 0
}

#filter-tool #filter-filters a.selected:before {
  border: 1px solid #91d46c
}

#filter-tool #filter-filters a.selected:after {
  position: absolute;
  left: 5px;
  content: '';
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  background-color: #91d46c
}

#filter-tool #filter-filters a span.num {
  color: #717174;
  font-size: .8em
}

#filter-tool #filter-filters h6.expand:after {
  content: '';
  display: inline-block;
  background: #fff url("//www.digi.com/images/select-background-arrow.png") no-repeat right center;
  background-size: 13px 8px;
  width: 13px;
  height: 18px;
  margin: 0 0 0 8px
}

#filter-tool #filter-filters h6.expand:hover {
  cursor: pointer
}

#filter-tool #filter-filters h6.expand+ul {
  display: none
}

#filter-tool .filter-reset {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#filter-tool .filter-reset span {
  color: #1f7fa5
}

#filter-tool .filter-reset span:hover {
  cursor: pointer
}

#filter-tool #filter-items {
  align-items: stretch
}

#filter-tool #filter-items .item {
  padding: 0 5px
}

#filter-tool #filter-items .item div {
  display: flex;
  flex-direction: column;
  border: 1px solid #c7c8c8;
  height: 100%;
  border-radius: 20px;
  padding: 0 10px 10px 10px
}

@media(max-width:767px) {
  #filter-tool .col.border-left {
    border: none !important;
    padding: 0 5% !important
  }
}

@media(max-width:1400px) {
  .card-type-single.left50off, .card-type-single.left40off {
    margin-left: 0
  }
}

@media(max-width:1240px) {
  .ribbon-type20 .item {
    width: 100%
  }
  .ribbon-type20 .item:before, .ribbon-type20 .item:after {
    display: none
  }
  .ribbon-type20 .item-holder {
    width: 100%;
    max-width: 100%;
    min-width: 100%
  }
  .container-full {
    max-width: 100%;
    width: 90%;
    margin: 0 5%;
    padding: 0
  }
  .cookietrail .inside {
    width: 90%;
    margin: 0 5%
  }
  .interior-heading-type2 span {
    width: 90%;
    margin: 0 5%
  }
  .interior-heading-type5 .container, .ribbon-type2 .container {
    margin: 0
  }
  .quad-type1 .item div {
    padding: 35px 5%
  }
  .quad-type1 .item div.shim {
    display: none
  }
  .quad-type1 .item div.content {
    padding: 35px 5%
  }
  .quad-type1 .item:nth-of-type(even) div.content {
    padding: 35px 5%
  }
}

@media(max-width:1200px) {
  .custom-diagram-type1 .text {
    max-width: 350px
  }
  .custom-diagram-type1 .text h2 {
    font-size: 46px
  }
  .custom-diagram-type1 .text h3 {
    font-size: 34px
  }
  .custom-diagram-type1 .text .play {
    font-size: 24px
  }
  .custom-diagram-type1 .text .play img {
    width: 50px
  }
  .interior-heading-type1 {
    background-size: 200px 200px
  }
  .interior-heading-type4 .cover {
    width: 80%
  }
  .interior-heading-type4 h1, .interior-heading-type4 h2 {
    width: 70%
  }
  .interior-heading-type7 .cover {
    width: 80%
  }
  .interior-heading-type7 span.text {
    width: 75%
  }
  .carousel-type1 span.quote br, .carousel-customers span.quote br {
    display: none
  }
  .interactive-diagram-type1 .container div.interaction .icon {
    width: 100px;
    height: 100px
  }
  .interactive-diagram-type1 .container:before {
    width: 54%;
    left: 40px;
    bottom: 32%
  }
  .landing-banner-type1 h1 br, .landing-banner-type1 h2 br {
    display: none
  }
  .landing-banner-type1 #product_photos img {
    margin-left: 25px;
    margin-right: 25px
  }
  .landing-banner-type1 #product_photos img.sbc {
    margin-left: 25px;
    margin-right: 25px
  }
  .interior-feature-type7 .container .arrow, .interior-feature-type7 .container .plus, .interior-feature-type7 .container .check {
    font-size: 20px;
    flex-grow: 0
  }
  .interior-feature-type7 .container .arrow:before, .interior-feature-type7 .container .plus:before, .interior-feature-type7 .container .check:before {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    background-size: 60px 30px;
    background-position: -30px center
  }
}

@media(max-width:1020px) {
  .cta {
    padding: 35px 0
  }
  .cta span.text {
    width: 90%;
    margin: 0 5%;
    padding: 0 70px 0 0
  }
  .cta span.text:after {
    width: 46px;
    height: 46px;
    background-size: 80px 40px;
    margin: -20px 0 0 0;
    background-position: -40px 0
  }
  .cta span.heading {
    font-size: 26px;
    margin: 0
  }
  .cta span.teaser {
    font-size: 18px
  }
}

@media(max-width:960px) {
  .interior-subcontent h2 br {
    display: none !important
  }
  .customer-carousel-type1 .items {
    align-items: flex-start
  }
  .ribbon-type-tiered .item {
    flex-direction: column;
    padding: 0
  }
  .ribbon-type-tiered .item:before, .ribbon-type-tiered .item:after {
    display: none !important
  }
  .ribbon-type-tiered .content {
    width: 90%;
    margin: 0 5%;
    order: 1 !important
  }
  .ribbon-type-tiered .image {
    width: 100%;
    order: 2 !important
  }
  .ribbon-type-tiered .image.w50 {
    margin: 0 25%
  }
  .ribbon-type-tiered .image.w60 video {
    margin: 0 20%
  }
  .form-type50 div {
    width: 100%
  }
  .carrot, .carrot-lightgrey, .carrot-darkgrey, .carrot-lightblue, .carrot-medgrey, .carrot-green {
    position: relative;
    z-index: 1
  }
  .carrot:after, .carrot-lightgrey:after, .carrot-darkgrey:after, .carrot-lightblue:after, .carrot-medgrey:after, .carrot-green:after {
    border-width: 0 45px 45px 0;
    top: 0;
    left: auto;
    right: 0;
    margin: 0
  }
  .carrot.carrot-pad, .carrot-lightgrey.carrot-pad, .carrot-darkgrey.carrot-pad, .carrot-lightblue.carrot-pad, .carrot-medgrey.carrot-pad, .carrot-green.carrot-pad {
    padding-top: 45px
  }
  .customer-carousel-type2+.carrot {
    right: 50%
  }
  .ribbon-type-ticker {
    padding: 35px 0
  }
  .ribbon-type-ticker .container {
    flex-wrap: wrap
  }
  .ribbon-type-ticker .items {
    width: 92%
  }
  .ribbon-type-ticker .item {
    padding: 0 15px 20px 15px
  }
  .ribbon-type-ticker .allnews {
    width: 100%;
    margin: 0 0 16px 0
  }
  .ribbon-type-ticker .allnews h4 {
    margin: 0 0 16px 0
  }
  .ribbon-type-row .items {
    flex-wrap: wrap
  }
  .ribbon-type-row .items a, .ribbon-type-row .items span.no-link {
    width: 50%
  }
  .ribbon-type-split .items {
    flex-direction: column
  }
  .ribbon-type-split .item {
    width: 100%
  }
  .ribbon-type-split .item:nth-of-type(1) .overlay-webinar span {
    font-size: 26px
  }
  .ribbon-type-split .item:nth-of-type(1) .overlay-webinar span img.play {
    width: 60px;
    margin: 0 0 15px 0
  }
  .ribbon-type-split .item:nth-of-type(2) {
    width: 90%;
    margin: 0 5%;
    padding: 35px 0
  }
  .cards-type-cutcorners .item {
    height: 100px;
    font-size: 18px;
    line-height: 24px
  }
  .cards-type-cutcorners .item:after {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-size: 40px 20px
  }
  .ribbon-type-squares .squares-type1 a span.text {
    font-size: 18px;
    line-height: 24px
  }
  .ribbon-type-squares .squares-type1 a span.text:after {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background-size: 40px 20px
  }
  a.link-circle-arrow, a.link-circle-arrow-bg-b, a.link-circle-arrow-b-b {
    font-size: 20px
  }
  a.link-circle-arrow:after, a.link-circle-arrow-bg-b:after, a.link-circle-arrow-b-b:after {
    width: 22px;
    height: 22px;
    background-size: 40px 20px;
    background-position: -20px 0;
    box-sizing: border-box
  }
  a.link-circle-arrow:hover:after, a.link-circle-arrow-bg-b:hover:after, a.link-circle-arrow-b-b:hover:after {
    background-position: 0 0
  }
  .interior-heading-type1 {
    padding: 35px 0
  }
  .interior-heading-type1 h1 {
    font-size: 60px
  }
  .interior-heading-type1 .teaser {
    font-size: 18px
  }
  .interior-heading-type1 br {
    display: none
  }
  .interior-heading-type3 {
    padding: 24px 0
  }
  .interior-heading-type3 h1 {
    font-size: 60px
  }
  .interior-heading-type3 h2 {
    width: 100%
  }
  .interior-heading-type3 .teaser {
    width: 100%
  }
  .interior-heading-type3 br {
    display: none
  }
  .interior-heading-type4 {
    padding: 35px 0
  }
  .interior-heading-type4 h1 {
    font-size: 60px
  }
  .interior-heading-type7 {
    padding: 35px 0
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
    padding: 35px 5% 35px 0
  }
  .interior-heading-type5 h1 {
    font-size: 60px
  }
  .interior-heading-type6 h1 {
    font-size: 35px
  }
  .interior-heading-type6 h2 {
    font-size: 22px
  }
  .landing-banner-type1 .container {
    padding-top: 50px
  }
  .landing-banner-type1 h1 {
    font-size: 49px
  }
  .landing-banner-type1 h2 {
    font-size: 21px
  }
  .landing-banner-type1 #product_photos {
    margin: 70px 0 0 0;
    padding: 0 0 0 0
  }
  .landing-banner-type1 #product_photos img {
    width: 65px;
    margin: -60px 25px 0 25px
  }
  .landing-banner-type1 #product_photos img.sbc {
    width: 140px;
    margin: -40px 25px 20px 25px
  }
  .landing-banner-type1 #selector_options a {
    font-size: 18px
  }
  .interior-navigation-type1 .items .item {
    padding: 15px
  }
  .interior-navigation-type1 .items .item .link {
    font-size: 24px
  }
  .interior-navigation-type1 .items .item img {
    max-width: 150px
  }
  .interior-navigation-type1 .items.columns-4 .item {
    width: 50% !important
  }
  .interior-navigation-type1 .items.columns-4 .item:nth-of-type(odd) {
    border-right: 6px solid #eef0f0 !important;
    border-left: none !important
  }
  .interior-navigation-type1 .items.columns-4 .item:nth-of-type(even) {
    border-left: 6px solid #eef0f0 !important;
    border-right: none !important
  }
  .navigation-type5 .items.columns-4 .item {
    width: 48%
  }
  .navigation-type5 .items.columns-4 .item:nth-of-type(2n+1) {
    margin: 0 1% 30px 0
  }
  .navigation-type5 .items.columns-4 .item:nth-of-type(2n+2) {
    margin: 0 0 30px 1%
  }
  .navigation-type5 .items.columns-4 .item .content {
    padding: 0 15px 10px 15px
  }
  .navigation-type5 .item {
    width: 48%
  }
  .navigation-type5 .item:nth-of-type(2n+1) {
    margin: 0 1% 30px 0
  }
  .navigation-type5 .item:nth-of-type(2n+2) {
    margin: 0 0 30px 1%
  }
  .navigation-type5 .item .content {
    padding: 0 15px 10px 15px
  }
  .interior-feature-type1 {
    padding: 35px 0 0 0
  }
  .interior-feature-type1 .container div:nth-of-type(1) {
    padding: 35px
  }
  .interior-feature-type2, .interior-navigation-type2b {
    padding: 35px 0
  }
  .interior-navigation-type1, .interior-navigation-type1b, .interior-navigation-type2, .interior-subcontent-type6, .interior-subcontent-type7, .product-list-type1 .item-group {
    padding: 35px 0 0 0
  }
  .interior-feature-type4, .interior-subcontent-type3, .interior-feature-type3, .interior-feature-type35, .ribbon-bullets-type3 {
    padding: 35px 0
  }
  .interior-feature-type6 {
    padding: 35px 0
  }
  .interior-feature-type6 .feature-document {
    flex-direction: column;
    align-items: flex-start
  }
  .interior-feature-type6 .feature-document span.image {
    margin: 0 0 16px 0
  }
  .interior-feature-type6 .feature-document span.text {
    width: 100%
  }
  .interior-feature-type6 .feature-extras {
    flex-direction: column;
    align-items: flex-start;
    padding: 35px 0 0 0
  }
  .interior-feature-type6 .feature-extras a {
    width: 100%
  }
  .interior-feature-type3.columns-4 .container {
    flex-wrap: wrap
  }
  .interior-feature-type3.columns-4 .container div {
    width: 50%
  }
  .interior-feature-type3.columns-4 .container div:nth-of-type(1) {
    padding: 0 2% 0 0;
    border-right: 1px solid #91d46c;
    margin: 0 0 24px 0
  }
  .interior-feature-type3.columns-4 .container div:nth-of-type(2) {
    padding: 0 1% 0 1%;
    border-right: 1px solid #fff;
    margin: 0 0 24px 0
  }
  .interior-feature-type3.columns-4 .container div:nth-of-type(3) {
    padding: 0 1% 0 1%;
    border-right: 1px solid #fff
  }
  .interior-feature-type3.columns-4 .container div:nth-of-type(4) {
    padding: 0 0 0 2%;
    border-left: 1px solid #91d46c
  }
  .interior-subcontent-type1 h2 {
    font-size: 36px
  }
  .interior-subcontent-logos {
    padding: 35px 0
  }
  .interior-subcontent-logos .logos .logo {
    padding: 0 25px
  }
  .interactive-diagram-type1 .container div.interaction {
    flex-wrap: wrap
  }
  .interactive-diagram-type1 .container div.interaction a {
    width: 50%;
    margin: 0 0 24px 0
  }
  .interactive-diagram-type1 .container:before {
    display: none
  }
  .list-type-product.view-grid .item {
    width: 46%;
    margin: 0 2% 36px 2%
  }
  .list-type-product.view-grid .item .image {
    width: 100px;
    height: 100px
  }
  .carousel-type1, .carousel-type2, .carousel-customers {
    padding: 35px 0 45px 0
  }
  .carousel-type1 .arrow, .carousel-type2 .arrow, .carousel-customers .arrow {
    width: 15px
  }
  .carousel-type1 .arrow.prev, .carousel-type2 .arrow.prev, .carousel-customers .arrow.prev {
    left: 0
  }
  .carousel-type1 .arrow.next, .carousel-type2 .arrow.next, .carousel-customers .arrow.next {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .carousel-type1 .item, .carousel-type2 .item, .carousel-customers .item {
    padding: 0 1.5%
  }
  .carousel-type1 h3, .carousel-type2 h3, .carousel-customers h3 {
    margin: 0 0 15px 0
  }
  .carousel-type1 .carousel-items .item, .carousel-type2 .carousel-items .item, .carousel-customers .carousel-items .item {
    margin: 0 0 25px 0
  }
  .carousel-customers .item {
    padding: 0 10%
  }
  .carousel-type2 .carousel-items .cards-type1 a {
    width: 300px
  }
  .ribbon-video-type1 .heading br {
    display: none
  }
  .ribbon-blog, .ribbon-type4, .ribbon-type6, .ribbon-trustfence, .ribbon-type1, .interior-subcontent-type5, .ribbon-video-type1, .interior-subcontent-type9, .form-type1, .navigation-type5 {
    padding: 35px 0
  }
  .cards-type1 {
    padding: 35px 0 9px 0
  }
  .ribbon-cards {
    padding: 35px 0
  }
  .ribbon-cards h2, .ribbon-cards h3 {
    margin: 0 0 15px 0
  }
  .ribbon-cards .link-circle-arrow-bg-b {
    display: inline-block;
    margin: 0 0 35px 0
  }
  .tabs-type1 {
    padding: 35px 0
  }
  .cta-type2 {
    padding: 35px 0
  }
  .ribbon {
    padding: 35px 0
  }
  .product-list-type1 a {
    width: 33%
  }
  .ribbon-type2 .container div:nth-of-type(1) {
    padding: 45px 0
  }
  .ribbon-type5 {
    padding: 45px 0
  }
  .ribbon-type5:after {
    width: 75%
  }
  .ribbon-type5 .container div:nth-of-type(1) {
    width: 38%
  }
  .interior-navigation-type2b.columns-4 .item, .interior-navigation-type2.columns-4 .item {
    width: 48%
  }
}

@media(max-height:768px) {
  .interior-heading-type4 {
    padding: 35px 0
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
    padding: 35px 5% 35px 0
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) img {
    width: 50%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 {
    width: 50%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 img {
    width: 100%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2).callout.video img {
    width: 80%
  }
  .interior-heading-type5 .container-type2 .container div.callout.max img {
    width: 90%
  }
  .carousel-type3 .carousel-items .item {
    padding: 40px 0
  }
}

@media(max-width:768px) {
  .asset.gate .column-right {
    order: 1;
    margin: 0 0 24px 0
  }
  .asset.gate .column-right img {
    width: 50%
  }
  .asset.gate .column-content {
    order: 2
  }
  .interior-feature-type7 {
    padding: 30px 0 14px 0
  }
  .interior-feature-type7 .container {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .interior-feature-type7 .container .arrow, .interior-feature-type7 .container .plus, .interior-feature-type7 .container .check {
    margin: 0 0 16px 0 !important;
    min-width: 50%;
    max-width: 50%;
    width: 50%
  }
  .interior-feature-type7 .container .arrow br, .interior-feature-type7 .container .plus br, .interior-feature-type7 .container .check br {
    display: none
  }
  .interior-feature-type7 .container .arrow:nth-of-type(odd), .interior-feature-type7 .container .plus:nth-of-type(odd), .interior-feature-type7 .container .check:nth-of-type(odd) {
    width: 49%;
    margin: 0 1% 16px 0
  }
  .content-plus .container {
    padding: 15px 0 35px 0
  }
  .interior-heading-type1 {
    background-size: 100px 100px
  }
  .interior-heading-type1 h1 {
    width: 100%
  }
  .interior-heading-type1 .teaser {
    width: 90%
  }
  .interior-heading-type1.mod-1 .teaser {
    width: 90%
  }
  .interior-navigation-type1 .heading {
    padding: 150px 0 0 0
  }
  .interior-navigation-type1 .heading h2 {
    padding: 20px 15px;
    background: linear-gradient(225deg, transparent 22.5px, #3f4245 22.5px)
  }
  .interior-navigation-type1 .heading h2:after {
    width: 30px;
    height: 30px
  }
  .interior-navigation-type1 .heading h2 img {
    width: 40px
  }
  .interior-navigation-type1 .heading .teaser {
    padding: 24px 15px;
    font-size: 18px
  }
  .interior-navigation-type1 .items .item {
    padding: 15px
  }
  .interior-navigation-type1 .items .item .link {
    font-size: 24px
  }
  .interior-navigation-type1 .items .item img {
    max-width: 150px
  }
  .interior-navigation-type1 .items.columns-3 .item {
    width: 50% !important
  }
  .interior-navigation-type1 .items.columns-3 .item:nth-of-type(odd) {
    border-right: 6px solid #eef0f0 !important;
    border-left: none !important
  }
  .interior-navigation-type1 .items.columns-3 .item:nth-of-type(even) {
    border-left: 6px solid #eef0f0 !important;
    border-right: none !important
  }
  .interior-navigation-type1b .heading h2 {
    padding: 20px 15px;
    background: linear-gradient(225deg, transparent 22.5px, #3f4245 22.5px)
  }
  .interior-navigation-type1b .heading h2:after {
    width: 30px;
    height: 30px
  }
  .interior-navigation-type1b .items {
    flex-direction: row !important;
    padding: 0 8px;
    justify-content: space-between
  }
  .interior-navigation-type1b .items .item {
    width: 48.5% !important
  }
  .interior-navigation-type1b .items .item .link {
    font-size: 24px
  }
  .interior-navigation-type1b .items .item:nth-of-type(odd) {
    width: 48.5% !important;
    border-right: none !important;
    border-left: none !important
  }
  .interior-navigation-type1b .items .item:nth-of-type(even) {
    width: 48.5% !important;
    border-left: none !important;
    border-right: none !important
  }
  .navigation-type4, .interior-naviation-type4 {
    padding: 35px 0
  }
  .navigation-type4 h1, .navigation-type4 h2, .navigation-type4 h3, .interior-naviation-type4 h1, .interior-naviation-type4 h2, .interior-naviation-type4 h3 {
    margin: 0 0 20px 0
  }
  .navigation-type4 .container div, .interior-naviation-type4 .container div {
    flex-wrap: wrap;
    padding: 15px
  }
  .navigation-type4 .container div a, .interior-naviation-type4 .container div a {
    width: 33.33%;
    margin: 0 0 15px 0
  }
  .navigation-type4 .container .surround, .interior-naviation-type4 .container .surround {
    width: 80%
  }
  .interior-subcontent-type7 .column-left {
    width: 34%
  }
  .interior-subcontent-type7 .column-content {
    width: 66%
  }
  .interior-subcontent-type7 .column-content .item {
    width: 48%
  }
  .cards-type1 a:nth-of-type(2n+1) {
    margin: 0 1% 24px 0
  }
  .cards-type1 a:nth-of-type(2n+2) {
    margin: 0 0 24px 1%
  }
  .cards-type2, .cards-type3, .cards-type4 {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px
  }
  html[data-useragent*='rv:11.0'] .cards-type2 .card-type1, html[data-useragent*='rv:11.0'] .cards-type2 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type3 .card-type1, html[data-useragent*='rv:11.0'] .cards-type3 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type4 .card-type1, html[data-useragent*='rv:11.0'] .cards-type4 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type2 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type2 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type3 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type3 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type4 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type4 a.card-type1 {
    width: 48%
  }
  html[data-useragent*='rv:11.0'] .cards-type2 a:nth-of-type(2n+1), html[data-useragent*='rv:11.0'] .cards-type3 a:nth-of-type(2n+1), html[data-useragent*='rv:11.0'] .cards-type4 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type2 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type3 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type4 a:nth-of-type(2n+1) {
    margin: 0 1% 24px 0
  }
  html[data-useragent*='rv:11.0'] .cards-type2 a:nth-of-type(2n+2), html[data-useragent*='rv:11.0'] .cards-type3 a:nth-of-type(2n+2), html[data-useragent*='rv:11.0'] .cards-type4 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type2 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type3 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type4 a:nth-of-type(2n+2) {
    margin: 0 0 24px 1%
  }
  .card-type1, a.card-type1 {
    width: 48%
  }
  .card-type1 .card-heading, .card-type1 .card-link, a.card-type1 .card-heading, a.card-type1 .card-link {
    font-size: 24px
  }
  h1, span.h1 {
    font-size: 35px
  }
  h2, .generic h2, span.h2 {
    font-size: 26px
  }
  h3, .products #content-partnumbers table thead th, span.h3, h1.h3 {
    font-size: 24px
  }
  h4, span.h4 {
    font-size: 23px
  }
  h5 span.h5 {
    font-size: 23px
  }
  .ribbon-type1 {
    font-size: 18px;
    line-height: 24px
  }
  .carousel-type1 .quote, .carousel-customers .quote {
    font-size: 18px;
    line-height: 26px
  }
  .interior-subcontent-type3.switchorder .column-content {
    order: 2
  }
  .interior-subcontent-type3.switchorder .column-right {
    order: 1
  }
  .tabs-type3.shrink .tabs-nav a img, .tabs-type3.shrink .tabs-nav a svg {
    height: 60px
  }
  .tabs-type3.shrink .tabs-nav li {
    width: 49%
  }
}

@media(max-width:767px) {
  .customer-carousel-type2 a.col span.text:after {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 1px solid #fff;
    background-image: url("/digi/media/home/arrow-wcircle-white-white.png");
    background-size: 60px 30px
  }
  .customer-carousel-type2 a.col span.teaser {
    width: 100%;
    padding: 0 5% 8px 5%;
    margin: 0
  }
  .ribbon-featured-type1 .items {
    flex-wrap: wrap
  }
  .ribbon-featured-type1 .items .item {
    width: 48%;
    margin: 0 0 24px 0
  }
  .ribbon-type20 .item-holder {
    flex-wrap: wrap
  }
  .ribbon-type20 .item-holder .col {
    width: 50%
  }
  .ribbon-type20 .item-holder .col:nth-of-type(1) {
    width: 100%;
    min-width: 100%;
    max-width: 100%
  }
  .customer-carousel-type1 .items {
    flex-direction: column
  }
  .customer-carousel-type1 .applications {
    width: 100%
  }
  .customer-carousel-type1 .applications span {
    margin-bottom: 1px;
    padding: 6px 16px
  }
  .customer-carousel-type1 .customers {
    width: 100%;
    align-items: flex-start
  }
  .customer-carousel-type1 .customers .customer {
    align-items: flex-start;
    flex-direction: column
  }
  .customer-carousel-type1 .customers .customer .logo {
    min-width: 50%;
    width: 50%;
    padding: 0 16px
  }
  .customer-carousel-type1 .customers .customer .quote {
    font-size: 20px
  }
  .customer-carousel-type1 .customers .customer .content {
    padding: 16px;
    border-left: 0
  }
  .custom-diagram-type1 .text {
    position: relative;
    padding: 0 0 16px 0;
    text-align: center;
    top: 25px
  }
  .custom-diagram-type1 .text h2 {
    font-size: 30px
  }
  .custom-diagram-type1 .text h3 {
    font-size: 23px
  }
  .custom-diagram-type1 .text .play {
    padding: 16px 0 0 0;
    justify-content: center;
    font-size: 20px
  }
  .custom-diagram-type1 .text .play img {
    width: 40px
  }
  .offers-type-1, .offers-type-2 {
    flex-direction: column
  }
  .offers-type-1 .item, .offers-type-2 .item {
    width: 100%;
    margin: 0 0 16px 0
  }
  .ribbon-type-squares .row {
    margin: 0
  }
  .ribbon-type-squares .row:nth-of-type(2) {
    padding: 0
  }
  .ribbon-type-squares .squares-type1 {
    padding: 0
  }
  .interior-heading-type1 {
    padding: 20px 0;
    background-size: 60px 60p
  }
  .interior-heading-type1 h1 {
    font-size: 35px;
    width: 100%
  }
  .interior-heading-type1 .teaser {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400
  }
  .interior-heading-type3 h1 {
    font-size: 35px
  }
  .interior-heading-type3 h2 {
    font-size: 26px
  }
  .interior-heading-type3 .teaser {
    font-size: 16px
  }
  .interior-heading-type2 {
    font-size: 35px
  }
  .interior-heading-type4 h1 {
    font-size: 35px
  }
  .interior-heading-type4 h2 {
    font-size: 26px
  }
  .interior-heading-type5 .datastreams-container {
    opacity: .8
  }
  .interior-heading-type5 .datastreams {
    width: 500%;
    margin-left: -150%;
    margin-top: -100%
  }
  .interior-heading-type5 .container-type2 {
    flex-direction: column
  }
  .interior-heading-type5 .container-type2:before, .interior-heading-type5 .container-type2:after {
    display: none
  }
  .interior-heading-type5 .container-type2 .container {
    flex-direction: column;
    width: 100%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(1) {
    width: 100%;
    padding: 35px 5%;
    background: linear-gradient(225deg, transparent 30px, rgba(0, 0, 0, .6) 30px)
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) {
    width: 100%;
    background: rgba(0, 0, 0, .6);
    text-align: left;
    padding: 0 5%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) img {
    max-width: 200px
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 {
    max-width: 200px
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) .shadow-type1 img {
    width: 100%
  }
  .interior-heading-type5 .container-type2 .container div:nth-of-type(2) a {
    margin: 0 0 32px 0
  }
  .interior-heading-type5 .container-type2 div.callout.download a:after {
    width: 60px;
    height: 60px;
    right: 40%;
    margin-top: -30px
  }
  .interior-heading-type5 .container-type2 div.callout.video a img {
    max-width: 320px
  }
  .interior-heading-type5 .container-type2 div.callout.max img {
    margin: 0 0 24px 0;
    max-width: 90% !important
  }
  .interior-heading-type5 h1 {
    font-size: 35px
  }
  .interior-heading-type5 h2 {
    font-size: 26px
  }
  .interior-heading-type6 h1 {
    font-size: 26px
  }
  .interior-heading-type6 h2 {
    font-size: 18px
  }
  .interior-heading-type7 span.heading {
    font-size: 35px;
    margin: 0 0 16px 0
  }
  .interior-heading-type7 span.teaser {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
  }
  .interior-heading-type7 span.teaser span:nth-of-type(1) {
    margin: 0 0 16px 0
  }
  .interior-heading-type7 span.teaser span:nth-of-type(2) {
    font-size: 18px;
    width: 100%
  }
  .landing-banner-type1 .container {
    padding-top: 25px;
    width: 100% !important;
    margin: 0 !important
  }
  .landing-banner-type1 h1 {
    font-size: 25px;
    line-height: 1.1em;
    width: 90%;
    margin: 0 5%
  }
  .landing-banner-type1 h2 {
    font-size: 18px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%
  }
  .landing-banner-type1 #product_photos {
    margin: 70px 0 0 0;
    padding: 0 0 0 0
  }
  .landing-banner-type1 #product_photos img {
    width: 65px;
    margin: -60px 25px 0 25px
  }
  .landing-banner-type1 #product_photos img.sbc {
    width: 140px;
    margin: -40px 25px 20px 25px
  }
  .landing-banner-type1 #selector_options {
    flex-direction: column
  }
  .landing-banner-type1 #selector_options a {
    padding: 10px
  }
  .interior-subcontent, .interior-subcontent-b, .interior-subcontent-diagram {
    padding: 30px 0
  }
  .interior-subcontent h2, .interior-subcontent-b h2, .interior-subcontent-diagram h2 {
    font-size: 24px
  }
  .interior-subcontent-type1 {
    padding: 30px 0
  }
  .interior-subcontent-type1 h2 {
    font-size: 24px
  }
  .interior-feature-type4 .row-1, .interior-feature-type4 .row {
    flex-wrap: wrap
  }
  .interior-feature-type4 .row-1 .item, .interior-feature-type4 .row .item {
    max-width: 25%
  }
  .interior-related-twocol {
    padding: 30px 0
  }
  .interior-related-twocol .container {
    flex-direction: column
  }
  .interior-related-twocol .container div {
    width: 100%;
    padding: 20px
  }
  .interior-related-twocol .container div:nth-of-type(1) {
    margin: 0 0 16px 0
  }
  .interior-related-twocol .container div:nth-of-type(2) {
    margin: 0;
    background: #fff
  }
  .interior-related-twocol .container div:nth-of-type(2):after {
    display: none
  }
  .interior-related-twocol a.link {
    font-size: 22px
  }
  .interior-feature-type1 .container {
    flex-direction: column
  }
  .interior-feature-type1 .container div {
    width: 100%
  }
  .interior-feature-type1 .container div:nth-of-type(1) {
    order: 2;
    padding: 20px;
    margin: 0
  }
  .interior-feature-type1 .container div:nth-of-type(2) {
    order: 1;
    height: 200px;
    margin: 0
  }
  .interior-feature-type1 .container div:nth-of-type(2):after {
    display: none
  }
  .interior-feature-type2 .container {
    align-items: flex-start
  }
  .interior-feature-type5 .items {
    width: 100%;
    margin: 0;
    padding: 15px 15px 30px 15px
  }
  .interior-feature-type5 .items a {
    width: 33%
  }
  .interior-feature-type5 img {
    max-width: 88px
  }
  .interior-subcontent-type3 .container, .interior-subcontent-type6 .container {
    flex-direction: column
  }
  .interior-subcontent-type3 .container div.column-content, .interior-subcontent-type6 .container div.column-content {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0
  }
  .interior-subcontent-type3 .container div.column-icons, .interior-subcontent-type6 .container div.column-icons {
    width: 100%;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    border-left: none
  }
  .interior-subcontent-type3 .container div.column-icons .number, .interior-subcontent-type6 .container div.column-icons .number {
    font-size: 36px;
    line-height: 36px
  }
  .interior-subcontent-type3 .container div.column-icons .number span, .interior-subcontent-type6 .container div.column-icons .number span {
    font-size: 24px
  }
  .interior-subcontent-type3 .container div.column-icons .icon, .interior-subcontent-type6 .container div.column-icons .icon {
    width: 50%;
    border-bottom: none;
    padding: 0 2%;
    margin: 0 0 30px 0
  }
  .interior-subcontent-type3 .container div.column-icons .icon:last-of-type, .interior-subcontent-type6 .container div.column-icons .icon:last-of-type {
    margin: 0
  }
  .interior-subcontent-type3 .container div.column-right, .interior-subcontent-type6 .container div.column-right {
    width: 100%;
    padding: 0;
    border-left: none
  }
  .interior-subcontent-type5 .container {
    flex-direction: column;
    overflow: hidden
  }
  .interior-subcontent-type5 .container .nav-sidenav {
    display: block;
    position: relative;
    color: #3f4245;
    text-decoration: none;
    padding-left: 32px;
    height: 18px;
    line-height: 18px;
    margin: 0 0 16px 0
  }
  .interior-subcontent-type5 .container .nav-sidenav span {
    background: #dad8d8;
    width: 18px;
    height: 4px;
    position: absolute;
    left: 0;
    margin: 0 0 0 7px
  }
  .interior-subcontent-type5 .container .nav-sidenav span:before {
    content: '';
    display: inline-block;
    height: 4px;
    width: 4px;
    position: absolute;
    left: -7px;
    top: 0;
    background: #3f4245
  }
  .interior-subcontent-type5 .container .nav-sidenav span:nth-of-type(1) {
    top: 0
  }
  .interior-subcontent-type5 .container .nav-sidenav span:nth-of-type(2) {
    top: 7px
  }
  .interior-subcontent-type5 .container .nav-sidenav span:nth-of-type(3) {
    top: 14px
  }
  .interior-subcontent-type5 .container .nav-sidenav:hover span {
    background: #3f4245
  }
  .interior-subcontent-type5 .container div.column-leftnav, .interior-subcontent-type5 .container div.column-leftnav-type2 {
    width: 100%;
    padding: 0;
    margin: 0 0 24px 0
  }
  .interior-subcontent-type5 .container div.column-leftnav div, .interior-subcontent-type5 .container div.column-leftnav-type2 div {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    padding: 0 5%;
    border-bottom: 1px solid #eef0f0;
    border-left: 1px solid #eef0f0;
    border-right: 1px solid #eef0f0;
    transition: max-height ease-in .2s
  }
  .interior-subcontent-type5 .container div.column-leftnav div h3:nth-of-type(1), .interior-subcontent-type5 .container div.column-leftnav div h4:nth-of-type(1), .interior-subcontent-type5 .container div.column-leftnav-type2 div h3:nth-of-type(1), .interior-subcontent-type5 .container div.column-leftnav-type2 div h4:nth-of-type(1) {
    display: none
  }
  .interior-subcontent-type5 .container div.column-leftnav div.show, .interior-subcontent-type5 .container div.column-leftnav-type2 div.show {
    max-height: 5000px
  }
  .interior-subcontent-type5 .container div.column-leftnav .nav-mobile, .interior-subcontent-type5 .container div.column-leftnav-type2 .nav-mobile {
    display: block;
    background: #fff;
    color: #3f4245 !important;
    text-align: left;
    width: 100%;
    padding: 8px 45px 8px 8px;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    border: 1px solid #c7c8c8
  }
  .interior-subcontent-type5 .container div.column-leftnav .nav-mobile:hover, .interior-subcontent-type5 .container div.column-leftnav-type2 .nav-mobile:hover {
    background: #91d46c;
    text-decoration: none
  }
  .interior-subcontent-type5 .container div.column-leftnav .nav-mobile:before, .interior-subcontent-type5 .container div.column-leftnav-type2 .nav-mobile:before {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type5 .container div.column-leftnav .nav-mobile:after, .interior-subcontent-type5 .container div.column-leftnav-type2 .nav-mobile:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type5 .container div.column-leftnav.nav-sticky, .interior-subcontent-type5 .container div.column-leftnav-type2.nav-sticky {
    position: relative
  }
  .interior-subcontent-type5 .container div.column-leftnav-type2 div>div, .interior-subcontent-type5 .container div.column-leftnav-type2 td>div {
    overflow-y: visible;
    max-height: none;
    padding: 0;
    border: none
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 {
    transition: left .2s ease-in;
    position: fixed;
    left: -75%;
    width: 75%;
    height: 100%;
    background: #eef0f0;
    padding: 30px 3% 0 3%;
    max-width: 280px;
    overflow-y: scroll;
    z-index: 204
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3.nav-sticky {
    position: fixed;
    z-index: 204
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3.open {
    left: 0;
    top: 0
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-sideclose {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    display: inline-block
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-sideclose span {
    background: #dad8d8;
    width: 22px;
    height: 4px;
    position: absolute;
    left: 0
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-sideclose span:nth-of-type(1) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-sideclose span:nth-of-type(2) {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }
  .interior-subcontent-type5 .container div.column-leftnav-type3 .nav-sideclose:hover span {
    background: #3f4245
  }
  .interior-subcontent-type5 .container div.column-content {
    width: 100%
  }
  .interior-subcontent-type5 .container div.column-content .featured {
    padding: 200px 0 0 0;
    margin: 0 0 35px 0
  }
  .interior-subcontent-type5 .container div.column-content .featured .text {
    padding: 20px
  }
  .interior-subcontent-type5 .container div.column-content .featured:after {
    display: none
  }
  .interior-subcontent-type5 .container div.column-content .item {
    flex-direction: column
  }
  .interior-subcontent-type5 .container div.column-content .item a {
    max-width: 150px
  }
  .interior-subcontent-type5 .container div.column-content .item .image {
    order: 1;
    width: 100%
  }
  .interior-subcontent-type5 .container div.column-content .item .image img {
    max-width: 150px
  }
  .interior-subcontent-type5 .container div.column-content .item .text {
    order: 2;
    width: 100%
  }
  .interior-subcontent-type5 .container div.column-content.withrightnav {
    width: 100%;
    order: 2;
    border-right: none;
    padding: 0
  }
  .interior-subcontent-type5 .container div.column-rightnav {
    width: 100%;
    order: 1;
    padding: 0;
    margin: 0 0 24px 0
  }
  .interior-subcontent-type5 .container div.column-rightnav div {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    padding: 0 5%;
    border-bottom: 1px solid #eef0f0;
    border-left: 1px solid #eef0f0;
    border-right: 1px solid #eef0f0;
    transition: max-height ease-in .2s
  }
  .interior-subcontent-type5 .container div.column-rightnav div h3:nth-of-type(1), .interior-subcontent-type5 .container div.column-rightnav div h4.category {
    display: none
  }
  .interior-subcontent-type5 .container div.column-rightnav div.show {
    max-height: 5000px
  }
  .interior-subcontent-type5 .container div.column-rightnav div.show.filter-type-related {
    padding: 0 5% !important
  }
  .interior-subcontent-type5 .container div.column-rightnav div.filter-type-related {
    padding: 0 !important;
    margin: 0;
    border-top: none !important
  }
  .interior-subcontent-type5 .container div.column-rightnav div+div {
    padding-top: 16px
  }
  .interior-subcontent-type5 .container div.column-rightnav .nav-mobile {
    display: block;
    background: #fff;
    color: #3f4245 !important;
    text-align: left;
    width: 100%;
    padding: 8px 45px 8px 8px;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #c7c8c8;
    position: relative
  }
  .interior-subcontent-type5 .container div.column-rightnav .nav-mobile:hover {
    background: #91d46c;
    text-decoration: none
  }
  .interior-subcontent-type5 .container div.column-rightnav .nav-mobile:before {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type5 .container div.column-rightnav .nav-mobile:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type5 .container div.column-rightnav .nav-mobile+div h4 {
    padding-top: 16px
  }
  .interior-subcontent-type5 .container div.column-rightnav.nav-sticky {
    position: relative
  }
  .interior-subcontent-type5 .container div.column-rightnav.no-collapse div {
    max-height: none;
    border: none;
    padding: 0
  }
  .interior-subcontent-type5 .container div.column-rightnav.no-collapse div h3:nth-of-type(1) {
    display: block
  }
  .interior-subcontent-type5 .container div.column-rightnav.no-collapse div a {
    color: #1f7fa5;
    text-decoration: underline
  }
  .interior-subcontent-type5 .container div.column-rightnav.no-collapse div a:hover {
    color: #3f4245
  }
  .interior-subcontent-type5 .container div.column-rightnav.no-collapse .nav-mobile {
    display: none
  }
  .interior-subcontent-type5 .container div.column-leftnav+div.column-content, .interior-subcontent-type5 .container div.column-leftnav-type2+div.column-content, .interior-subcontent-type5 .container div.column-leftnav-type3+div.column-content {
    width: 100%;
    padding: 0;
    border-left: none
  }
  .interior-subcontent-type9 .container {
    flex-direction: column
  }
  .interior-subcontent-type9 div.column-content {
    width: 100%;
    order: 2;
    border-right: none;
    padding: 0
  }
  .interior-subcontent-type9 div.column-right {
    width: 100%;
    order: 3;
    padding: 0;
    margin: 24px 0 0 0
  }
  .interior-subcontent-type9 div.column-rightnav {
    width: 100%;
    order: 1;
    padding: 0;
    margin: 0 0 24px 0
  }
  .interior-subcontent-type9 div.column-rightnav div {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    padding: 0 5%;
    border-bottom: 1px solid #eef0f0;
    border-left: 1px solid #eef0f0;
    border-right: 1px solid #eef0f0;
    transition: max-height ease-in .2s
  }
  .interior-subcontent-type9 div.column-rightnav div h3:nth-of-type(1), .interior-subcontent-type9 div.column-rightnav div h4.category {
    display: none
  }
  .interior-subcontent-type9 div.column-rightnav div.show {
    max-height: 5000px
  }
  .interior-subcontent-type9 div.column-rightnav .nav-mobile {
    display: block;
    background: #fff;
    color: #3f4245 !important;
    text-align: left;
    width: 100%;
    padding: 8px 45px 8px 8px;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #c7c8c8;
    position: relative
  }
  .interior-subcontent-type9 div.column-rightnav .nav-mobile:hover {
    background: #91d46c;
    text-decoration: none
  }
  .interior-subcontent-type9 div.column-rightnav .nav-mobile:before {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type9 div.column-rightnav .nav-mobile:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type9 div.column-rightnav .nav-mobile+div h4 {
    padding-top: 16px
  }
  .interior-subcontent-type9 div.column-rightnav.nav-sticky {
    position: relative
  }
  .interior-subcontent-type9 div.column-rightnav.no-collapse div {
    max-height: none;
    border: none;
    padding: 0
  }
  .interior-subcontent-type9 div.column-rightnav.no-collapse div h3:nth-of-type(1) {
    display: block
  }
  .interior-subcontent-type9 div.column-rightnav.no-collapse div a {
    color: #1f7fa5;
    text-decoration: underline
  }
  .interior-subcontent-type9 div.column-rightnav.no-collapse div a:hover {
    color: #3f4245
  }
  .interior-subcontent-type9 div.column-rightnav.no-collapse .nav-mobile {
    display: none
  }
  .interior-subcontent-type9 div.column-rightnav-type2 {
    width: 100%;
    order: 1;
    padding: 0;
    margin: 0 0 24px 0
  }
  .interior-subcontent-type9 div.column-rightnav-type2 div {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    transition: max-height ease-in .2s
  }
  .interior-subcontent-type9 div.column-rightnav-type2 div h3:nth-of-type(1) {
    display: none
  }
  .interior-subcontent-type9 div.column-rightnav-type2 div.show {
    max-height: 5000px
  }
  .interior-subcontent-type9 div.column-rightnav-type2 .nav-mobile {
    display: block;
    background: #fff;
    color: #3f4245 !important;
    text-align: left;
    width: 100%;
    padding: 8px 45px 8px 8px;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #c7c8c8;
    position: relative
  }
  .interior-subcontent-type9 div.column-rightnav-type2 .nav-mobile:hover {
    background: #91d46c;
    text-decoration: none
  }
  .interior-subcontent-type9 div.column-rightnav-type2 .nav-mobile:before {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    transform: rotate(-135deg) translateX(1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-subcontent-type9 div.column-rightnav-type2 .nav-mobile:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #3f4245;
    display: block;
    border-radius: 3px;
    -webkit-transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    transform: rotate(135deg) translateX(-1px) translateY(-2px) scaleX(.6);
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 2
  }
  .interior-navigation-type2 .container {
    flex-wrap: wrap
  }
  .interior-navigation-type2 .item {
    width: 49%;
    margin: 0 0 16px 0
  }
  .interior-navigation-type2 .item div {
    padding: 15px
  }
  .interior-navigation-type2 h2, .interior-navigation-type2 h3 {
    margin: 0 0 10px 0
  }
  .interior-navigation-type2b .items {
    flex-wrap: wrap
  }
  .interior-navigation-type2b .item {
    width: 49%;
    margin: 0 0 16px 0
  }
  .interior-navigation-type2b .item div {
    padding: 15px
  }
  .interior-navigation-type2b h2, .interior-navigation-type2b h3 {
    margin: 0 0 10px 0
  }
  .interactive-diagram-type1 .container {
    flex-direction: column
  }
  .interactive-diagram-type1 .container div.interaction {
    width: 100%;
    padding: 0;
    margin: 0 0 24px 0
  }
  .interactive-diagram-type1 .container div.result {
    width: 100%;
    padding: 0
  }
  .ribbon-type1 {
    font-size: 18px
  }
  .ribbon-type1 .container {
    align-items: flex-start
  }
  .ribbon-type5 {
    padding: 45px 0
  }
  .ribbon-type5:after {
    width: 130%
  }
  .ribbon-type5 .container div:nth-of-type(1) {
    width: 48%
  }
  .ribbon-trustfence .container {
    align-items: flex-start
  }
  .ribbon-blog .container, .ribbon-type4 .container, .ribbon-type6 .container {
    align-items: flex-start
  }
  .ribbon-video-type1 {
    font-size: 26px
  }
  .ribbon-video-type1 .heading {
    font-size: 35px
  }
  .ribbon-video-type1 img {
    width: 75px;
    margin: 15px 0
  }
  .ribbon-video-type1.effect span.play {
    width: 75px;
    height: 75px
  }
  .ribbon-video-type1.effect span.play:after {
    content: '';
    width: 95px;
    height: 95px;
    border-radius: 50%;
    border: 4px dashed #fff;
    display: none;
    position: absolute;
    left: -10px;
    top: -10px;
    -webkit-animation: rotation 5s infinite linear;
    animation: rotation 5s infinite linear;
    -webkit-transform-origin: center;
    transform-origin: center
  }
  .video-type2 {
    font-size: 26px
  }
  .video-type2 .play img {
    width: 75px
  }
  .ribbon-bullets-type1 .items, .ribbon-bullets-type2 .items {
    flex-direction: column
  }
  .ribbon-bullets-type1 .items .item, .ribbon-bullets-type2 .items .item {
    width: 100%;
    padding: 0;
    align-items: flex-start;
    font-size: 18px
  }
  .table-type1, .detail_table, #table-type-certs.mobile {
    border-top: 1px solid #c7c8c8
  }
  .table-type1 thead, .table-type1 tbody, .table-type1 tr, .table-type1 th, .table-type1 td, .detail_table thead, .detail_table tbody, .detail_table tr, .detail_table th, .detail_table td, #table-type-certs.mobile thead, #table-type-certs.mobile tbody, #table-type-certs.mobile tr, #table-type-certs.mobile th, #table-type-certs.mobile td {
    display: block;
    width: 100%;
    box-sizing: border-box
  }
  .table-type1 thead, .detail_table thead, #table-type-certs.mobile thead {
    display: none
  }
  .table-type1 td:before, .table-type1 td.checkmark:before, .detail_table td:before, .detail_table td.checkmark:before, #table-type-certs.mobile td:before, #table-type-certs.mobile td.checkmark:before {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #747474;
    font-style: italic
  }
  .table-type1 tr, .detail_table tr, #table-type-certs.mobile tr {
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #c7c8c8
  }
  .table-type1 td, .detail_table td, #table-type-certs.mobile td {
    padding: 8px;
    border-bottom: none
  }
  .table-type2 {
    border-top: 8px solid #91d46c
  }
  .table-type2 thead, .table-type2 tbody, .table-type2 tr, .table-type2 th, .table-type2 td {
    display: block;
    width: 100% !important;
    box-sizing: border-box
  }
  .table-type2 thead {
    display: none
  }
  .table-type2 th:before, .table-type2 td:before {
    content: attr(data-label) ": ";
    display: block;
    font-weight: 800
  }
  .table-type2 tr {
    border-top: 1px solid #c7c8c8
  }
  .table-type2 tr:nth-of-type(1) {
    border-top: none
  }
  .table-type3 {
    border-top: 1px solid #c7c8c8
  }
  .table-type3 tbody, .table-type3 tr, .table-type3 th, .table-type3 td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    border-bottom: none;
    border-top: none;
    text-align: left
  }
  .table-type3 thead {
    display: none
  }
  .table-type3 th:before, .table-type3 td:before {
    content: attr(data-label) ": ";
    display: block;
    font-style: italic;
    color: #1f7fa5;
    font-weight: 300;
    font-size: 18px
  }
  .table-type3 tr {
    border-bottom: 1px solid #c7c8c8
  }
  .table-type3 .heading:before, .table-type3 .subheading:before, .table-type3 .blank {
    display: none
  }
  .table-type3 .checkmark, .table-type3 .text-center {
    text-align: left !important
  }
  .table-type-digirm thead, .table-type-digirm tbody, .table-type-digirm tr, .table-type-digirm th, .table-type-digirm td, .products #content-specifications table.table-type-digirm thead, .products #content-specifications table.table-type-digirm tbody, .products #content-specifications table.table-type-digirm tr, .products #content-specifications table.table-type-digirm th, .products #content-specifications table.table-type-digirm td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    text-align: left !important
  }
  .table-type-digirm thead, .products #content-specifications table.table-type-digirm thead {
    display: none
  }
  .table-type-digirm td, .table-type-digirm th, .products #content-specifications table.table-type-digirm td, .products #content-specifications table.table-type-digirm th {
    border-bottom: none
  }
  .table-type-digirm td:before, .products #content-specifications table.table-type-digirm td:before {
    font-size: 16px;
    color: #747474;
    font-style: italic;
    margin: 0 8px 0 0
  }
  .table-type-digirm td:nth-of-type(n+3):before, .products #content-specifications table.table-type-digirm td:nth-of-type(n+3):before {
    content: attr(data-label) ": "
  }
  #table-type-certs {
    min-width: 860px
  }
  #table-type-certs th+th+th {
    padding: 5px 0
  }
  #table-type-certs.mobile {
    min-width: 100%
  }
  #table-type-certs.mobile td {
    text-align: left
  }
  #table-type-certs.mobile td span.dash:after {
    display: inline-block;
    content: '-'
  }
  .container-form-type2 div {
    margin: 0 0 12px 0
  }
  .products-type1 a.item {
    min-width: 180px
  }
  .products-type1 a.item .image {
    width: 160px;
    height: 90px
  }
  .products-type1 a.item .heading {
    font-size: 24px
  }
  .tabs-type1 .tabs-container .item#container-family .colfour, .tabs-type1 .tabs-container .item#container-family .colthree {
    width: 48%
  }
  .tabs-type2 .tabs-nav .switch span {
    display: none
  }
  .ribbon-bullets-type3 .items .item img {
    width: 60px
  }
}

@media(max-width:568px) {
  .pill.large {
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 15px
  }
  .ribbon.container {
    width: 90%
  }
  .animation-type1 {
    padding-bottom: 50px
  }
  .animation-type1 .blowout, .animation-type1 .restart {
    bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px
  }
  .quad-type1 .item {
    flex-wrap: wrap
  }
  .quad-type1 .item div {
    width: 100%;
    max-width: 100%;
    min-width: 100%
  }
  .quad-type1 .item div.content {
    order: 2;
    width: 100%;
    max-width: 100%;
    min-width: 100%
  }
  .quad-type1 .item div.image {
    order: 1;
    width: 100%;
    padding-top: 50%
  }
  .quad-type1 .item:nth-of-type(even) div.content {
    width: 100%;
    max-width: 100%;
    min-width: 100%
  }
  a.slidein-type1 .container {
    width: 100%;
    margin: 0
  }
  a.slidein-type1 .items {
    align-items: flex-start
  }
  a.slidein-type1 .image {
    width: 95px;
    margin: 0 16px 0 0
  }
  a.slidein-type1 .content {
    max-width: 62%
  }
  .ribbon-type-row {
    padding: 35px 0
  }
  .ribbon-type-row a, .ribbon-type-row span.no-link {
    width: 100% !important;
    min-height: auto !important
  }
  .ribbon-type-row a span.text, .ribbon-type-row span.no-link span.text {
    bottom: 0;
    padding: 24px 0;
    background: linear-gradient(225deg, transparent 35px, rgba(114, 187, 75, .85) 35px)
  }
  .ribbon-type-row a span.text:after, .ribbon-type-row span.no-link span.text:after {
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    background-size: 60px 30px;
    background-position: -30px 0;
    margin-top: 0
  }
  .ribbon-type-row a span.heading, .ribbon-type-row span.no-link span.heading {
    font-size: 22px
  }
  .ribbon-type-row a span.teaser, .ribbon-type-row span.no-link span.teaser {
    width: 90%;
    margin: 0 5% 8px 5%
  }
  .ribbon-type-row a:hover span.text, .ribbon-type-row span.no-link:hover span.text {
    padding: 24px 0
  }
  .ribbon-type-row a:hover span.text:after, .ribbon-type-row span.no-link:hover span.text:after {
    background-position: 0 0
  }
  .ribbon-type-row a.type-video span.text:after, .ribbon-type-row span.no-link.type-video span.text:after {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px
  }
  .ribbon-type-ticker {
    border-top: none
  }
  .ribbon-type-ticker .items {
    width: 100%
  }
  .ribbon-type-ticker .item-container {
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    left: 0 !important
  }
  .ribbon-type-ticker .item {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0 0 24px 0
  }
  .ribbon-type-ticker .item:nth-of-type(n+4) {
    display: none
  }
  .ribbon-type-ticker .more {
    display: none
  }
  .products-type1 a.item .heading {
    font-size: 20px
  }
  .products-type1 a.item .teaser {
    line-height: 1.2em
  }
  .interior-feature-type7 .container .arrow, .interior-feature-type7 .container .plus, .interior-feature-type7 .container .check {
    font-size: 18px;
    line-height: 1.1em
  }
  h1, span.h1 {
    font-size: 30px
  }
  h2, .generic h2, span.h2 {
    font-size: 23px
  }
  h3, .products #content-partnumbers table thead th, span.h3 {
    font-size: 20px
  }
  h4, span.h4 {
    font-size: 18px
  }
  h5, span.h5 {
    font-size: 18px
  }
  h6, span.h6, .products #content-productsupport .resource-section .dochead h4, h4.supportsubcat, .products #content-productsupport .resource-section .dochead b, span.h6 {
    font-size: 18px
  }
  body {
    font-size: 18px
  }
  .alert-type2 {
    padding: 15px 5%;
    font-size: 16px;
    line-height: 18px
  }
  a.button2018, a.button, span.button, input.button {
    font-size: 16px;
    padding: 10px 16px
  }
  a.button2018.outline, a.button.outline, span.button.outline, input.button.outline {
    padding: 7px 13px
  }
  a.button2018.circlearrow, a.button.circlearrow, span.button.circlearrow, input.button.circlearrow {
    padding-right: 40px
  }
  a.button2018.circlearrow:after, a.button.circlearrow:after, span.button.circlearrow:after, input.button.circlearrow:after {
    width: 20px;
    height: 20px;
    background: url("//www.digi.com/digi/media/icons/arrow-wcircle-grey-grey.png") -22px center no-repeat;
    background-size: 40px 20px;
    right: 10px
  }
  .cookietrail {
    font-size: 14px;
    line-height: 1.2em;
    position: relative
  }
  .cookietrail span.separator {
    padding: 0 5px
  }
  .cookietrail .inside {
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    position: relative
  }
  img.full, img.center50, img.center80, img.right50, img.right40, img.right50off, img.left50, img.left40, img.left50off, img.left33off, img.left25off, img.left20off, img.left20, img.rightauto, img.leftauto, img.right25, img.right5, img.right10, img.left5, img.left10, img.right20, img.right30, img.right33, img.left33, img.left30, img.left25, img.left50nf, img.left33nf {
    width: 100%;
    margin: 10px 0
  }
  img.holdsize.full {
    width: 100%;
    margin: 20px 0
  }
  img.holdsize.center50 {
    float: left;
    width: 50%;
    margin: 20px 25%
  }
  img.holdsize.center80 {
    float: left;
    width: 80%;
    margin: 20px 10%
  }
  img.holdsize.right20 {
    float: right;
    width: 20%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right15 {
    float: right;
    width: 15%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right25 {
    float: right;
    width: 25%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right30 {
    float: right;
    width: 30%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right33, img.holdsize.alignright33 {
    float: right;
    width: 33%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right40 {
    float: right;
    width: 40%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right50, img.holdsize.alignright, img.holdsize.alignright50 {
    float: right;
    width: 50%;
    margin: 0 0 20px 20px
  }
  img.holdsize.right50off {
    float: right;
    width: 50%;
    margin: 0 -10% 20px 20px;
    position: relative
  }
  img.holdsize.rightauto {
    float: right;
    width: auto;
    margin: 0 0 20px 20px
  }
  img.holdsize.left20 {
    float: left;
    width: 20%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left25 {
    float: left;
    width: 25%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left30 {
    float: left;
    width: 30%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left33, img.holdsize.alignleft33 {
    float: left;
    width: 33%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left33nf {
    width: 33%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left40 {
    float: left;
    width: 40%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left50, img.holdsize.alignleft, img.holdsize.alignleft50 {
    float: left;
    width: 50%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left50nf {
    width: 50%;
    margin: 0 20px 20px 0
  }
  img.holdsize.left50off {
    float: left;
    width: 50%;
    margin: 20px 20px 10px -10%;
    position: relative
  }
  img.holdsize.left33off {
    float: left;
    width: 33%;
    margin: 20px 20px 10px -10%;
    position: relative
  }
  img.holdsize.left25off {
    float: left;
    width: 25%;
    margin: 20px 20px 10px -10%;
    position: relative
  }
  img.holdsize.left20off {
    float: left;
    width: 20%;
    margin: 20px 20px 10px -10%;
    position: relative
  }
  img.holdsize.leftauto {
    float: left;
    width: auto;
    margin: 20px 20px 10px 0
  }
  ul.type-checkmark-bigbullets li {
    padding: 0 0 0 0;
    margin: 0 0 24px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
  }
  ul.type-checkmark-bigbullets li:before {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    background-position: -30px center;
    background-size: 60px 30px;
    background-image: url("/digi/media/home/checkbox-wcircle-blue-grey.png")
  }
  hr.divider {
    margin: 25px 0
  }
  hr.divider.narrow {
    margin: 16px 0
  }
  .interior-heading-type2 {
    padding: 20px 0;
    background-size: 60px 60px;
    background-position: bottom right
  }
  .interior-heading-type2 span {
    width: 90%;
    margin: 0 5%
  }
  .container-form .form-type50 #requestForm div {
    width: 100%
  }
  .lity-type1 {
    padding: 15px
  }
  .interior-heading-type3 {
    padding: 16px 0
  }
  .interior-heading-type3 h1 {
    font-size: 35px
  }
  .interior-heading-type3 h2 {
    font-size: 20px
  }
  .interior-heading-type3 .teaser {
    display: none
  }
  .interior-heading-type4 .cover {
    width: 100%;
    background: linear-gradient(225deg, transparent 30px, #000 30px);
    padding-right: 30px
  }
  .interior-heading-type4 h1 {
    font-size: 35px
  }
  .interior-heading-type4 h2 {
    font-size: 23px
  }
  .interior-heading-type5 h2 {
    font-size: 20px
  }
  .interior-heading-type7.background-right {
    background-position: right center
  }
  .interior-heading-type7 .cover {
    width: 100%;
    background: linear-gradient(225deg, transparent 30px, #000 30px);
    padding-right: 30px
  }
  .interior-heading-type7 span.text {
    width: 100%
  }
  .landing-banner-type1 img:nth-of-type(2), .landing-banner-type1 img:nth-of-type(3) {
    display: none
  }
  .interior-feature-type1 h2, .interior-feature-type1 p {
    margin: 0 0 15px 0
  }
  .interior-feature-type2 .container {
    flex-direction: column
  }
  .interior-feature-type2 .container div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .interior-feature-type2 .container div:nth-of-type(1) img {
    max-width: 200px
  }
  .interior-feature-type2 .container div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
  .interior-navigation-type2b p {
    display: none
  }
  .interior-feature-type3 .container {
    flex-direction: column
  }
  .interior-feature-type3 .container div {
    width: 100%
  }
  .interior-feature-type3 .container div:nth-of-type(1) {
    padding: 0;
    border-right: none;
    margin: 0 0 50px 0
  }
  .interior-feature-type3 .container div:nth-of-type(2) {
    padding: 0
  }
  .interior-feature-type3 .container img, .interior-feature-type3 .container img.w50, .interior-feature-type3 .container img.w40, .interior-feature-type3 .container img.w33, .interior-feature-type3 .container img.w25 {
    width: 60%;
    margin: 0 0 15px 0;
    max-width: 200px
  }
  .interior-feature-type3 .image {
    width: 200px;
    height: 200px
  }
  .interior-feature-type3 .image img {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: none
  }
  .interior-feature-type3.center .container img, .interior-feature-type3.center .container img.w50, .interior-feature-type3.center .container img.w40, .interior-feature-type3.center .container img.w33, .interior-feature-type3.center .container img.w25 {
    width: 60%;
    margin: 0 20% 15px 20%;
    max-width: 200px
  }
  .interior-feature-type3.carrot {
    position: relative;
    z-index: 1
  }
  .interior-feature-type3.carrot:after {
    border-width: 0 45px 45px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: auto;
    right: 0;
    margin: 0
  }
  .interior-feature-type3.columns-3 .container div, .interior-feature-type3.columns-4 .container div {
    width: 100%;
    border: none !important;
    margin: 0 0 24px 0
  }
  .interior-feature-type35 .container {
    flex-direction: column
  }
  .interior-feature-type35 .container div {
    width: 100%
  }
  .interior-feature-type35 .container div:nth-of-type(1) {
    padding: 0;
    border-right: none;
    margin: 0 0 50px 0
  }
  .interior-feature-type35 .container div:nth-of-type(2) {
    padding: 0
  }
  .interior-feature-type35.carrot {
    position: relative;
    z-index: 1
  }
  .interior-feature-type35.carrot:after {
    border-width: 0 45px 45px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: auto;
    right: 0;
    margin: 0
  }
  .interior-feature-type4 .row-1, .interior-feature-type4 .row {
    margin: 0 0 25px 0
  }
  .interior-feature-type4 .row-1 .item, .interior-feature-type4 .row .item {
    max-width: 50%;
    margin: 0 0 25px
  }
  .interior-feature-type4 .row-1 .item img, .interior-feature-type4 .row .item img {
    max-height: 125px
  }
  .interior-feature-type6 .container {
    flex-direction: column
  }
  .interior-feature-type6 .container div.item {
    width: 100%
  }
  .interior-feature-type6 .container div.item:nth-of-type(1) {
    padding: 0;
    border-right: none;
    border-bottom: 1px solid #979797;
    margin: 0 0 35px 0
  }
  .interior-feature-type6 .container div.item:nth-of-type(2) {
    padding: 0
  }
  .interior-feature-type6 .feature-extras {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
  }
  .interior-feature-type6 .feature-extras a {
    width: 48%
  }
  .interior-feature-type6 .feature-extras .link {
    font-size: 20px
  }
  .interior-subcontent img, .interior-subcontent-b img, .interior-subcontent-diagram img {
    max-width: 150px
  }
  .interior-subcontent-type7 .container {
    flex-wrap: wrap
  }
  .interior-subcontent-type7 .column-left {
    width: 100%;
    border-right: none;
    margin: 0 0 35px 0
  }
  .interior-subcontent-type7 .column-content {
    width: 100%
  }
  .interior-subcontent-type7 .column-content .item {
    width: 48%
  }
  .interior-subcontent-type7 .column-content img {
    width: 50%
  }
  .interior-subcontent-logos .logos .logo {
    width: 50%;
    margin: 0 0 30px 0
  }
  .interior-subcontent-logos .logos .logo:nth-of-type(even) {
    border-right: none
  }
  .list-type-product .item {
    width: 100%
  }
  .tabs-type2 .tabs-nav {
    padding: 15px 0 0 0
  }
  .tabs-type2 .tabs-nav a {
    padding: 8px 25px
  }
  .item-list-type1 {
    padding: 8px 15px
  }
  .item-list-type1 .item {
    padding: 8px 0
  }
  .item-list-type2 .item {
    padding: 8px 0
  }
  .navigation-type3 .item {
    padding: 10px 45px 10px 10px
  }
  .navigation-type3 .item:before {
    right: 10px;
    width: 16px;
    height: 4px
  }
  .navigation-type3 .item:after {
    right: 10px;
    width: 16px;
    height: 4px;
    -webkit-transform: rotate(-50deg) translateX(-8px) translateY(7px) scaleX(1);
    transform: rotate(-50deg) translateX(-8px) translateY(7px) scaleX(1)
  }
  .navigation-type3.columns-2 .items {
    flex-direction: column;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
  .navigation-type3.columns-2 .item {
    width: 100%
  }
  .expanding-boxes h3, .expanding-box h3 {
    padding: 10px 0 10px 45px
  }
  .expanding-boxes h3:before, .expanding-box h3:before {
    width: 16px;
    height: 4px;
    left: 20px;
    top: 24px
  }
  .expanding-boxes h3:after, .expanding-box h3:after {
    width: 16px;
    height: 4px;
    left: 20px;
    top: 24px;
    -webkit-transform: rotate(40deg) translateX(-8px) translateY(7px) scaleX(1);
    transform: rotate(40deg) translateX(-8px) translateY(7px) scaleX(1)
  }
  .expanding-boxes h3.selected+div.info, .expanding-box h3.selected+div.info {
    padding: 15px 0 15px 45px
  }
  .expanding-boxes h3+div.info, .expanding-box h3+div.info {
    padding: 0 0 0 45px
  }
  .cards-type1, .cards-type2, .cards-type3, .cards-type4 {
    justify-content: space-between
  }
  .cards-type1 .card-type1, .cards-type1 a.card-type1, .cards-type2 .card-type1, .cards-type2 a.card-type1, .cards-type3 .card-type1, .cards-type3 a.card-type1, .cards-type4 .card-type1, .cards-type4 a.card-type1 {
    width: 49%;
    margin: 0 0 24px 0;
    padding: 8px 8px 70px 8px
  }
  .cards-type1 .card-type1 .card-image, .cards-type1 a.card-type1 .card-image, .cards-type2 .card-type1 .card-image, .cards-type2 a.card-type1 .card-image, .cards-type3 .card-type1 .card-image, .cards-type3 a.card-type1 .card-image, .cards-type4 .card-type1 .card-image, .cards-type4 a.card-type1 .card-image {
    height: 100px
  }
  .cards-type1 .card-type1 .card-heading, .cards-type1 a.card-type1 .card-heading, .cards-type2 .card-type1 .card-heading, .cards-type2 a.card-type1 .card-heading, .cards-type3 .card-type1 .card-heading, .cards-type3 a.card-type1 .card-heading, .cards-type4 .card-type1 .card-heading, .cards-type4 a.card-type1 .card-heading {
    font-size: 18px
  }
  .cards-type1 .card-type1 .card-teaser, .cards-type1 a.card-type1 .card-teaser, .cards-type2 .card-type1 .card-teaser, .cards-type2 a.card-type1 .card-teaser, .cards-type3 .card-type1 .card-teaser, .cards-type3 a.card-type1 .card-teaser, .cards-type4 .card-type1 .card-teaser, .cards-type4 a.card-type1 .card-teaser {
    font-size: 14px;
    line-height: 20px
  }
  .cards-type1 .card-type1 .card-link, .cards-type1 a.card-type1 .card-link, .cards-type2 .card-type1 .card-link, .cards-type2 a.card-type1 .card-link, .cards-type3 .card-type1 .card-link, .cards-type3 a.card-type1 .card-link, .cards-type4 .card-type1 .card-link, .cards-type4 a.card-type1 .card-link {
    min-height: 50px;
    font-size: 16px;
    line-height: 18px;
    padding: 0 50px 0 8px
  }
  .cards-type1 .card-type1 .card-link:after, .cards-type1 a.card-type1 .card-link:after, .cards-type2 .card-type1 .card-link:after, .cards-type2 a.card-type1 .card-link:after, .cards-type3 .card-type1 .card-link:after, .cards-type3 a.card-type1 .card-link:after, .cards-type4 .card-type1 .card-link:after, .cards-type4 a.card-type1 .card-link:after {
    width: 50px;
    height: 50px;
    background-size: 30px 30px
  }
  .cards-type1 .card-type1.card-type-video .card-image:after, .cards-type1 a.card-type1.card-type-video .card-image:after, .cards-type2 .card-type1.card-type-video .card-image:after, .cards-type2 a.card-type1.card-type-video .card-image:after, .cards-type3 .card-type1.card-type-video .card-image:after, .cards-type3 a.card-type1.card-type-video .card-image:after, .cards-type4 .card-type1.card-type-video .card-image:after, .cards-type4 a.card-type1.card-type-video .card-image:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("//www.digi.com/images/card-button-play.png") center center no-repeat;
    background-size: 40px 40px;
    margin: -20px 0 0 -20px
  }
  .cards-type2 .card-type1, .cards-type2 a.card-type1, .cards-type3 .card-type1, .cards-type3 a.card-type1, .cards-type4 .card-type1, .cards-type4 a.card-type1 {
    width: 100%;
    margin: 0
  }
  .card-type-single.left50off, .card-type-single.left40off {
    width: 100%
  }
  .filter-type-related, .filter-type-generic {
    margin: 0
  }
  .filter-type-related a, .filter-type-generic a {
    margin: 0 10px 5px 0;
    font-size: 16px
  }
  .filter-type-generic {
    text-align: left;
    margin: 0 0 35px 0
  }
  .carousel-type2 .carousel-items .cards-type1 a {
    width: 200px
  }
  .carousel-type3 .container {
    flex-direction: column
  }
  .carousel-type3 .carousel-items .item {
    padding: 35px 0
  }
  .carousel-type3 .carousel-items .item .coltwo:nth-of-type(1) {
    width: 100%;
    padding: 0;
    margin: 0 0 36px 0;
    border-right: none
  }
  .carousel-type3 .carousel-items .item .coltwo:nth-of-type(2) {
    width: 100%;
    padding: 0
  }
  .ribbon-type1 .container {
    flex-direction: column
  }
  .ribbon-type1 .container div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .ribbon-type1 .container div:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  .ribbon-type1 .container div:nth-of-type(1) .shadow-type1 {
    max-width: 200px;
    margin: 0
  }
  .ribbon-type1 .container div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
  .ribbon-type1.flip .container div:nth-of-type(1), .ribbon-type1+.ribbon-type1 .container div:nth-of-type(1) {
    order: 1
  }
  .ribbon-type1.flip .container div:nth-of-type(2), .ribbon-type1+.ribbon-type1 .container div:nth-of-type(2) {
    order: 2
  }
  .ribbon-type3 {
    margin: 0;
    padding: 30px 0
  }
  .ribbon-type3 img.direction-left {
    position: static;
    height: auto;
    max-width: 100%
  }
  .ribbon-type3 .background {
    top: 0;
    bottom: 0
  }
  .ribbon-type3 .container {
    flex-direction: column
  }
  .ribbon-type3 .container div:nth-of-type(1), .ribbon-type3 .container div:nth-of-type(2) {
    width: 100%
  }
  .ribbon-type5 {
    padding: 45px 0;
    font-size: 18px
  }
  .ribbon-type5:after {
    width: 100%;
    background: linear-gradient(225deg, transparent 65px, rgba(0, 0, 0, .6) 65px)
  }
  .ribbon-type5 .container {
    flex-direction: column;
    align-items: flex-start
  }
  .ribbon-type5 .container div:nth-of-type(1) {
    width: 90%;
    margin: 0 0 24px 0
  }
  .ribbon-type5 .container div:nth-of-type(2) {
    width: 100%;
    text-align: left
  }
  .form-type1 .form-layout1 {
    flex-direction: column
  }
  .form-type1 .form-layout1 div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .form-type1 .form-layout1 div:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  .form-type1 .form-layout1 div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
  .ribbon-type2 {
    font-size: 18px
  }
  .ribbon-type2 .container-type2:before, .ribbon-type2 .container-type2:after {
    display: none
  }
  .ribbon-type2 .container {
    flex-direction: column;
    width: 100%
  }
  .ribbon-type2 .container div:nth-of-type(1) {
    padding: 0;
    width: 100%;
    padding: 35px 5%;
    background: linear-gradient(225deg, transparent 30px, rgba(0, 0, 0, .6) 30px)
  }
  .ribbon-type2 .container div:nth-of-type(2) {
    padding: 0;
    text-align: left;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    padding: 0 5%
  }
  .ribbon-type2 .container div:nth-of-type(2) img {
    width: 60%;
    max-width: 200px;
    margin: 0 0 35px 0
  }
  .ribbon-type2 .container div:nth-of-type(2) a.button {
    margin: 0 0 35px 0
  }
  .ribbon-trustfence .container {
    flex-direction: column
  }
  .ribbon-trustfence .container div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .ribbon-trustfence .container div:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  .ribbon-trustfence .container div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
  .ribbon-blog, .ribbon-type4 {
    font-size: 18px
  }
  .ribbon-blog .container, .ribbon-type4 .container {
    flex-direction: column
  }
  .ribbon-blog .container div:nth-of-type(1), .ribbon-type4 .container div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .ribbon-blog .container div:nth-of-type(1) img, .ribbon-type4 .container div:nth-of-type(1) img {
    max-width: 200px;
    margin: 0
  }
  .ribbon-blog .container div:nth-of-type(2), .ribbon-type4 .container div:nth-of-type(2) {
    width: 100%;
    margin: 0
  }
  .ribbon-type6 {
    font-size: 18px
  }
  .ribbon-type6 .container {
    flex-direction: column
  }
  .ribbon-type6 .container div:nth-of-type(1) {
    width: 100%;
    margin: 0 0 20px 0
  }
  .ribbon-type6 .container div:nth-of-type(2) {
    width: 100%
  }
  .interior-navigation-type1 .items .item, .interior-navigation-type1 .items.columns-3 .item {
    width: 50%;
    border-bottom: 6px solid #eef0f0;
    padding: 8px;
    font-size: 14px;
    line-height: 20px
  }
  .interior-navigation-type1 .items .item img, .interior-navigation-type1 .items.columns-3 .item img {
    width: 50%
  }
  .interior-navigation-type1 .items .item:nth-of-type(odd), .interior-navigation-type1 .items.columns-3 .item:nth-of-type(odd) {
    border-right: 3px solid #eef0f0 !important;
    border-left: none !important
  }
  .interior-navigation-type1 .items .item:nth-of-type(even), .interior-navigation-type1 .items.columns-3 .item:nth-of-type(even) {
    border-left: 3px solid #eef0f0 !important;
    border-right: none !important
  }
  .interior-navigation-type1 .items .item .link, .interior-navigation-type1 .items.columns-3 .item .link {
    font-size: 20px;
    margin: 0 0 10px 0
  }
  .interior-navigation-type1 .items .item .teaser:after, .interior-navigation-type1 .items.columns-3 .item .teaser:after {
    width: 30px;
    height: 30px;
    background-size: 60px 30px;
    background-position: -30px center
  }
  .interior-navigation-type1b .items .item .link {
    font-size: 20px;
    margin: 0 0 10px 0
  }
  .tabs-type1 .tabs-nav {
    margin: 0 0 35px 0
  }
  .tabs-type1 .tabs-nav a {
    font-size: 18px;
    padding: 10px
  }
  .tabs-type1 .tabs-nav a.selected:after {
    border-width: 12px 20px 0 20px;
    margin: 0 0 0 -20px;
    bottom: -12px
  }
  .tabs-type1 .tabs-container .item a {
    font-size: 18px;
    width: 48.5%;
    margin: 0 0 35px 0
  }
  .tabs-type1 .tabs-container .item a img {
    margin: 0 0 8px 0
  }
  .tabs-type1 .tabs-container .item#container-family a {
    font-size: 16px
  }
  .tabs-type1 .tabs-container .item#container-family a.category {
    font-size: 18px
  }
  .tabs-type3 .tabs-nav {
    margin: 0 0 35px 0
  }
  .tabs-type3 .tabs-nav a {
    font-size: 16px;
    padding: 10px
  }
  .tabs-type3 .tabs-nav a.selected:after {
    border-width: 12px 20px 0 20px;
    margin: 0 0 0 -20px;
    bottom: -12px
  }
  .tabs-type3 .tabs-nav a img, .tabs-type3 .tabs-nav a svg {
    max-height: 50px;
    height: 50px
  }
  .interior-subcontent .container, .interior-subcontent-b .container, .interior-subcontent-diagram .container {
    flex-direction: column
  }
  .interior-subcontent .container div:nth-of-type(1), .interior-subcontent-b .container div:nth-of-type(1), .interior-subcontent-diagram .container div:nth-of-type(1) {
    width: 100%;
    border-right: none;
    padding: 0 0 16px 0
  }
  .interior-subcontent .container div:nth-of-type(2), .interior-subcontent-b .container div:nth-of-type(2), .interior-subcontent-diagram .container div:nth-of-type(2) {
    width: 100%;
    border-left: none;
    padding: 0
  }
  .interior-subcontent-type1 .container {
    flex-direction: column
  }
  .interior-subcontent-type1 .container div:nth-of-type(1) {
    width: 100%;
    border-right: none;
    padding: 0 0 16px 0
  }
  .interior-subcontent-type1 .container div:nth-of-type(2) {
    width: 100%;
    padding: 0
  }
  .product-list-type1 a {
    width: 50%
  }
  .gallery a {
    width: 33%
  }
  .gallery.gallery-4 a {
    width: 33%
  }
  .gallery.gallery-5 a {
    width: 33%
  }
  .calculator-type-rf {
    padding: 0
  }
  .calculator-type-rf .item-calc {
    width: 48%
  }
  #buildvsbuy .mobile {
    display: inline
  }
  #buildvsbuy .desktop {
    display: none
  }
  .tweet-box.ctt-box-design-1 p {
    font-size: 20px !important;
    line-height: 26px !important
  }
  .ribbon-bullets-type3 .items .item {
    width: 100%
  }
  .products #content-resources .ribbon-cards {
    padding: 25px 0
  }
}

.about-digi .ribbon-type1 .container {
  border-bottom: 1px solid #c7c8c8;
  padding-bottom: 70px
}

.about-digi .aboutdigi-map {
  padding: 0 0 70px 0
}

.about-digi .aboutdigi-map .container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between
}

.about-digi .aboutdigi-map .container div:nth-of-type(1) {
  width: 64%;
  height: 450px
}

.about-digi .aboutdigi-map .container div:nth-of-type(2) {
  width: 32%
}

.about-digi .aboutdigi-map h2 {
  margin: 0 0 30px 0
}

.about-digi .aboutdigi-bytes {
  padding: 80px 0;
  color: #fff;
  background-color: #3f4245;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}

.about-digi .aboutdigi-bytes .items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between
}

.about-digi .aboutdigi-bytes .items .item {
  width: 24%
}

.about-digi .aboutdigi-bytes h2 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 0 0 50px 0
}

.about-digi .aboutdigi-bytes h3 {
  color: #fff
}

.about-digi .leadership {
  padding: 70px 0
}

.about-digi .leadership span.title {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 0 20px
}

.about-digi .leadership .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 50px 0;
  padding: 0 0 50px;
  border-bottom: 1px solid #c7c8c8
}

.about-digi .leadership .item:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.about-digi .leadership .item div:nth-of-type(1) {
  width: 25%
}

.about-digi .leadership .item div:nth-of-type(1) img {
  width: 100%
}

.about-digi .leadership .item div:nth-of-type(2) {
  width: 70%
}

.about-digi .locations2019 .column-content a {
  display: inline-block;
  margin: 0 0 8px 0
}

.about-digi .locations2019 .column-icons {
  flex-direction: column !important
}

.about-digi .locations2019 .column-icons a {
  display: block;
  margin: 0 0 8px 0
}

.about-digi .locations2019 .pin {
  display: inline-block;
  margin: 8px 0 0 0
}

.about-digi .locations2019 .pin img {
  width: 18px;
  vertical-align: middle;
  margin: 0 8px 0 0
}

.about-digi .locations2019 .interior-subcontent-type3 .column-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap
}

.about-digi .locations2019 .interior-subcontent-type3 .column-content h2 {
  margin: 0 0 30px 0
}

.about-digi .locations2019 .interior-subcontent-type3 .column-content .column {
  width: 48%
}

.about-digi .locations2019 .interior-subcontent-type3 .column-content .column .item {
  margin: 0 0 50px 0
}

.about-digi .interior-feature-map {
  height: 400px;
  display: flex;
  align-items: stretch;
  position: relative;
  background: #eef0f0
}

.about-digi .interior-feature-map .shim {
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 1200px)/2);
  height: 400px;
  background: #3f4245;
  z-index: 3
}

.about-digi .interior-feature-map .container {
  position: relative;
  z-index: 3
}

.about-digi .interior-feature-map .container div.content {
  display: flex;
  align-items: center;
  width: 25%;
  height: 400px;
  background: #3f4245;
  color: #fff;
  position: relative
}

.about-digi .interior-feature-map .container div.content a {
  color: #fff
}

.about-digi .interior-feature-map .container div.content a:hover {
  color: #fff
}

.about-digi .interior-feature-map .container div.content h3 {
  color: #fff
}

.about-digi .interior-feature-map .container div.content:after {
  content: '';
  width: 95px;
  height: 400px;
  background: linear-gradient(225deg, transparent 65px, #3f4245 65px);
  position: absolute;
  top: 0;
  right: -95px
}

.about-digi .interior-feature-map #map {
  width: 80%;
  height: 400px;
  position: absolute;
  top: 0;
  right: 0
}

.about-digi .export .container-form {
  margin: 70px 0
}

.othersites a {
  display: block;
  margin: 0;
  padding: 30px 0;
  border-bottom: 1px solid #cfd5d3
}

.othersites a img {
  max-width: 190px;
  vertical-align: middle;
  margin: 0 15px 0 0
}

.othersites a img.digi {
  max-width: 115px
}

@media(max-width:1240px) {
  .about-digi .interior-feature-map .shim {
    width: 5%
  }
}

@media(max-width:960px) {
  .about-digi .ribbon-type1 .container {
    padding: 0 0 35px 0
  }
  .about-digi .aboutdigi-map {
    padding: 0 0 35px 0
  }
  .about-digi .aboutdigi-bytes {
    padding: 40px 0
  }
  .about-digi .leadership {
    padding: 35px 0
  }
}

@media(max-width:767px) {
  .about-digi .aboutdigi-map .container {
    flex-wrap: wrap
  }
  .about-digi .aboutdigi-map .container div:nth-of-type(1) {
    width: 100%;
    height: 350px;
    order: 2
  }
  .about-digi .aboutdigi-map .container div:nth-of-type(2) {
    width: 100%;
    order: 1;
    margin: 0 0 30px 0
  }
  .about-digi .aboutdigi-bytes .items {
    flex-wrap: wrap
  }
  .about-digi .aboutdigi-bytes .items .item {
    width: 49%;
    margin: 0 0 16px 0
  }
  .about-digi .aboutdigi-bytes h2 {
    margin: 0 0 25px 0
  }
  .about-digi .interior-feature-map {
    height: 600px;
    background: #3f4245
  }
  .about-digi .interior-feature-map .shim {
    display: none
  }
  .about-digi .interior-feature-map .container {
    height: 300px
  }
  .about-digi .interior-feature-map .container div.content {
    width: 100%;
    height: 300px
  }
  .about-digi .interior-feature-map .container div.content:after {
    display: none
  }
  .about-digi .interior-feature-map #map {
    width: 100%;
    height: 300px;
    margin-top: 300px
  }
  .about-digi .locations2019 {
    clear: both
  }
}

@media(max-width:568px) {
  .about-digi .leadership span.title {
    margin: 0;
    width: 100%;
    display: block
  }
  .about-digi .leadership .item {
    margin: 0 0 25px 0;
    padding: 0 0 15px 0;
    flex-direction: column
  }
  .about-digi .leadership .item div:nth-of-type(1) {
    width: 100%
  }
  .about-digi .leadership .item div:nth-of-type(1) img {
    max-width: 200px
  }
  .about-digi .leadership .item div:nth-of-type(2) {
    width: 100%
  }
  .about-digi .locations2019 .interior-subcontent-type3 .column-content .column {
    width: 100%
  }
}

.customer-story .share {
  margin: 0 0 30px 0
}

.customer-story a.cta {
  margin: 0
}

.customer-story .videowrapper, .customer-story .videoWrapper {
  margin: 30px 0
}

#center-absolute-5g {
  overflow: hidden;
  background: url("/getattachment/solutions/by-technology/5g/background.jpg") right center no-repeat;
  background-size: cover
}

#center-absolute-5g .row .col:nth-of-type(2) {
  position: relative
}

#center-absolute-5g .row .col:nth-of-type(2) img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3);
  transform: translateX(-50%) translateY(-50%) scale(1.3)
}

@media(max-width:767px) {
  #center-absolute-5g {
    background: url("/getattachment/solutions/by-technology/5g/background.jpg") center center no-repeat
  }
  #center-absolute-5g .row .col:nth-of-type(1) {
    order: 2
  }
  #center-absolute-5g .row .col:nth-of-type(2) {
    height: 250px;
    order: 1
  }
  #center-absolute-5g .row .col:nth-of-type(2) img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-55%) scale(1.6);
    transform: translateX(-50%) translateY(-55%) scale(1.6)
  }
}

.digixbee .xbee-social {
  padding-top: 35px
}

.digixbee .xbee-social a {
  display: inline-block;
  width: 80px;
  margin: 0 16px 8px 0
}

.digixbee #xbee-comparison {
  line-height: 1.3em
}

.digixbee #xbee-comparison .rowspan-hide {
  display: none
}

.digixbee #xbee-comparison td, .digixbee #xbee-comparison th {
  text-align: center
}

.digixbee #xbee-comparison tbody tr:nth-of-type(2n) {
  background: none
}

.digixbee #xbee-comparison tbody td:nth-of-type(1) {
  font-weight: 600
}

.digixbee #xbee-comparison .no-break {
  white-space: nowrap
}

.digixbee #xbee-comparison .xbee-table-separator {
  border-left: none
}

.digixbee #xbee-comparison .xbee-table-separator td {
  border-right: none
}

.digixbee .xbee-libraries a {
  transition: all .2s ease-in;
  position: relative
}

.digixbee .xbee-libraries a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.digixbee .xbee-libraries a:hover {
  background: #fff
}

.digixbee .xbee-libraries a:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.digixbee .xbee-libraries a:hover:after {
  content: '';
  background: url("/images/icon-link-external.png") center center no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
  margin: 0 0 0 16px;
  position: absolute;
  bottom: 10px;
  right: 10px
}

@media(max-width:568px) {
  .digixbee .xbee-social a {
    display: inline-block;
    width: 60px;
    margin: 0 8px 8px 0
  }
  .digixbee #xbee-comparison td, .digixbee #xbee-comparison th {
    text-align: left
  }
  .digixbee #xbee-comparison td:before {
    content: attr(data-label) ": ";
    display: block
  }
  .digixbee #xbee-comparison .rowspan-hide {
    display: block
  }
  .digixbee #xbee-comparison .xbee-table-separator td:before {
    display: none
  }
}

.hottag-type1 .column-content {
  order: 1
}

.hottag-type1 .column-right {
  order: 2
}

#bingsearch {
  margin: 0 0 50px 0
}

#bingsearch #searchinput {
  padding: 50px 0
}

#bingsearch #searchinput input {
  width: 40%;
  border-right: none;
  border-radius: 0;
  height: 54px;
  vertical-align: middle
}

#bingsearch #searchinput input.button {
  width: 54px;
  height: 54px;
  background-color: #91d46c;
  background-image: url("//www.digi.com/images/nav-icon-search-background-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 22px;
  border: 1px solid #91d46c
}

#bingsearch #searchinput input.button:hover {
  background-color: #9de476
}

#bingsearch #searchtotals {
  margin: 0 0 30px 0;
  border-bottom: 1px solid #cfd5d3;
  padding: 30px 0 8px 0
}

#bingsearch #searchcontent div {
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
  clear: both
}

#bingsearch #searchcontent div.pin {
  border: 1px solid #cfd5d3;
  padding: 2%
}

#bingsearch #searchcontent div a {
  font-size: 18px;
  font-weight: 800
}

#bingsearch #searchcontent div a b {
  background: #fcfc8e;
  padding: 0 5px;
  font-size: 1em
}

#bingsearch #searchcontent div span.image {
  width: 160px;
  height: 90px;
  float: left;
  margin: 5px 10px 0 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat
}

#bingsearch #searchcontent div span {
  font-size: .9em;
  display: block
}

#bingsearch #searchcontent div span.searchurl {
  color: #006d21
}

#bingsearch #searchcontent div span.searchlabel {
  color: grey;
  font-style: italic
}

#bingsearch #searchcontent div span b {
  background: #fcfc8e;
  padding: 0 5px;
  font-size: 1em
}

#bingsearch #searchsuggestion {
  border-bottom: 1px solid #cfd5d3;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0
}

#bingsearch #searchsuggestion a {
  color: #d14124
}

#bingsearch #searchpagination a {
  display: inline-block;
  padding: 8px
}

#bingsearch #searchpagination a.selected {
  color: #646466;
  text-decoration: none
}

#bingsearch #searchpagination a.selected:hover {
  text-decoration: none
}

.how-to-buy #filters .filter-container {
  display: flex;
  flex-wrap: wrap
}

.how-to-buy #filters .filter-container .heading {
  font-weight: 800;
  margin: 0 0 16px 0;
  display: block
}

.how-to-buy #filters .filter-container .colthree {
  margin: 0 0 30px 0
}

.how-to-buy #filters .filter-container .colthree div {
  margin: 4px
}

.how-to-buy .errormessage {
  color: #cc6033
}

.how-to-buy .filterexpand {
  text-align: right;
  padding: 0 0 16px 0
}

.how-to-buy .expanding-boxes h3.selected+div.info {
  padding: 0 0 30px 0
}

.how-to-buy .expanding-boxes .company, .how-to-buy .expanding-boxes .carrier {
  clear: both
}

.how-to-buy .expanding-boxes .company .info, .how-to-buy .expanding-boxes .carrier .info {
  display: flex;
  align-items: flex-start;
  padding: 0
}

.how-to-buy .expanding-boxes .company .info .left, .how-to-buy .expanding-boxes .carrier .info .left {
  width: 65%;
  padding: 15px 30px 15px 15px
}

.how-to-buy .expanding-boxes .company .info .right, .how-to-buy .expanding-boxes .carrier .info .right {
  width: 35%;
  padding: 15px
}

.how-to-buy .expanding-boxes .company .info .address, .how-to-buy .expanding-boxes .carrier .info .address {
  padding: 20px 0
}

.how-to-buy .expanding-boxes .company .info .address img, .how-to-buy .expanding-boxes .carrier .info .address img {
  margin: 0 0 8px 0;
  max-width: 200px
}

.how-to-buy .expanding-boxes .company .info .buttonsmall, .how-to-buy .expanding-boxes .carrier .info .buttonsmall {
  margin: 0 0 30px 0
}

.how-to-buy .expanding-boxes .company .info .heading, .how-to-buy .expanding-boxes .carrier .info .heading {
  font-weight: 400;
  font-style: italic;
  margin: 0 0 16px 0;
  display: block
}

.how-to-buy .expanding-boxes .company .info .right h5, .how-to-buy .expanding-boxes .carrier .info .right h5 {
  color: #3f4245;
  font-size: 22px;
  margin: 0 0 24px 0
}

.how-to-buy .expanding-boxes .company .info .right ul, .how-to-buy .expanding-boxes .carrier .info .right ul {
  margin: 0;
  padding: 0 0 0 2em;
  font-size: 14px
}

.how-to-buy .expanding-boxes .company .info .right ul li, .how-to-buy .expanding-boxes .carrier .info .right ul li {
  position: relative
}

.how-to-buy .expanding-boxes .company .info .right ul li.selected:before, .how-to-buy .expanding-boxes .carrier .info .right ul li.selected:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url("/images/form-checkbox-checkmark.png") center center no-repeat;
  background-size: 16px 16px;
  display: block;
  position: absolute;
  left: -35px;
  top: 50%;
  margin: -8px 0 0 0
}

.pressrelease2019 .interior-subcontent-type3 .share {
  padding: 0 0 30px 0
}

.pressrelease2019 .interior-subcontent-type3 h2 {
  margin: 0 0 30px 0
}

#video2019 .videoWrapper, #video2019 .videowrapper {
  margin-bottom: 30px
}

#video2019 .share {
  padding: 0 0 30px 0
}

#video2019 .timeduration {
  color: #979797;
  padding: 0 0 8px 0;
  font-style: italic
}

#video2019 .videocontent {
  margin: 0 0 35px 0
}

#video2019 .expanding-boxes .info {
  padding-left: 0
}

#video2019 .cta {
  margin: 0
}

.download-type1 #requestForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.download-type1 #requestForm div {
  width: 48%
}

.download-type1 #requestForm div.shim {
  width: 100%
}

.resource-library .container-form select {
  margin: 0 0 8px 0
}

.resource-library .container-form select:nth-of-type(2) {
  margin: 0 0 24px 0
}

.resource-library .ribbon-cards {
  padding: 0
}

.resource-library .cards-type1 {
  justify-content: space-between
}

.resource-library .cards-type1 a {
  margin: 0 0 24px 0 !important
}

#sitemap {
  float: left;
  width: 100%
}

#sitemap .sitemap-container {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}

#find-serial-number {
  background: #fff;
  padding: 2%
}

#find-serial-number .label {
  width: 100%;
  max-width: 400px
}

@media(max-width:960px) {
  .resource-library .cards-type1 a.card-type1 {
    width: 48%
  }
}

@media(max-width:767px) {
  .how-to-buy .expanding-boxes .company .info {
    flex-direction: column
  }
  .how-to-buy .expanding-boxes .company .info .left, .how-to-buy .expanding-boxes .company .info .right {
    width: 100%
  }
  #sitemap .sitemap-container {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}

@media(max-width:568px) {
  .resource-library .column-leftnav select:nth-of-type(1) {
    margin-top: 24px
  }
  #bingsearch #searchinput {
    padding: 35px 0
  }
  #bingsearch #searchinput input {
    width: calc(100% - 54px)
  }
  .download-type1 .column-right {
    order: 1
  }
  .download-type1 .column-content {
    order: 2
  }
  .download-type1 #requestForm {
    flex-direction: column
  }
  .download-type1 #requestForm div {
    width: 100%
  }
  #sitemap .sitemap-container {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
}

.blog .loop, .blog .loop-col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
}

.blog .loop .item, .blog .loop-col3 .item {
  margin: 0 0 70px 0;
  width: 48%
}

.blog .loop .item a, .blog .loop-col3 .item a {
  color: #3f4245;
  text-decoration: none;
  overflow: hidden;
  display: block
}

.blog .loop .item a .title, .blog .loop-col3 .item a .title {
  display: block;
  color: #3f4245;
  font-size: 26px;
  line-height: 1.3em;
  font-weight: 800;
  text-decoration: none;
  margin: 0 0 16px 0
}

.blog .loop .item a .thumbnail, .blog .loop-col3 .item a .thumbnail {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin: 0 0 24px 0;
  box-sizing: border-box
}

.blog .loop .item a .thumbnail.border, .blog .loop-col3 .item a .thumbnail.border {
  border: 1px solid #c7c8c8
}

.blog .loop .item a .thumbnail .videoplay, .blog .loop-col3 .item a .thumbnail .videoplay {
  position: absolute;
  z-index: 2;
  width: 100px;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px
}

.blog .loop .item a .thumbnail .image, .blog .loop-col3 .item a .thumbnail .image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1) 20ms;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.blog .loop .item a .thumbnail .image.contain, .blog .loop-col3 .item a .thumbnail .image.contain {
  -webkit-transform: scale(.9, .9);
  transform: scale(.9, .9)
}

.blog .loop .item a .thumbnail .image.contain img, .blog .loop-col3 .item a .thumbnail .image.contain img {
  -o-object-fit: contain;
  object-fit: contain
}

.blog .loop .item a .thumbnail .image img, .blog .loop-col3 .item a .thumbnail .image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.blog .loop .item a .thumbnail .category, .blog .loop-col3 .item a .thumbnail .category {
  position: absolute;
  z-index: 2;
  color: #fff;
  background: #3f4245;
  text-decoration: none;
  padding: 3px 20px;
  font-size: 16px;
  font-weight: 400;
  top: 0;
  right: 0
}

.blog .loop .item a .thumbnail .category.green, .blog .loop-col3 .item a .thumbnail .category.green {
  background: #91d46c;
  color: #3f4245
}

.blog .loop .item a .thumbnail .category.darkblue, .blog .loop-col3 .item a .thumbnail .category.darkblue {
  background: #1f7fa5
}

.blog .loop .item a .readmore, .blog .loop-col3 .item a .readmore {
  display: block !important;
  display: none !important;
  width: 30px;
  height: 30px;
  border: 2px solid #91d46c;
  content: '';
  border-radius: 50%;
  position: static;
  background: url("/digi/media/nav/arrow-wcircle-blue-grey.png") center center no-repeat;
  background-size: 60px 30px;
  background-position: -30px 0;
  margin: 8px 0 0 0;
  transition: all .2s ease-in;
  box-sizing: content-box
}

.blog .loop .item a:hover, .blog .loop-col3 .item a:hover {
  text-decoration: none
}

.blog .loop .item a:hover span, .blog .loop-col3 .item a:hover span {
  text-decoration: none
}

.blog .loop .item a:hover .title, .blog .loop-col3 .item a:hover .title {
  color: #1f7fa5;
  text-decoration: underline
}

.blog .loop .item a:hover .readmore, .blog .loop-col3 .item a:hover .readmore {
  border: 2px solid #1f7fa5;
  background-position: 0 0
}

.blog .loop .item a:hover .thumbnail .image, .blog .loop-col3 .item a:hover .thumbnail .image {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.blog .loop .item a:hover .thumbnail .image.contain, .blog .loop-col3 .item a:hover .thumbnail .image.contain {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}

.blog .loop .item .tags, .blog .loop-col3 .item .tags {
  display: block
}

.blog .loop .item .tags a, .blog .loop-col3 .item .tags a {
  margin: 0 5px 5px 0;
  font-size: 13px;
  display: inline-block;
  background: #91d46c;
  color: #3f4245;
  padding: 2px 15px;
  border-radius: 20px
}

.blog .loop .item .tags a:hover, .blog .loop-col3 .item .tags a:hover {
  background: #3f4245;
  color: #fff;
  text-decoration: none
}

.blog .loop-col3 .item {
  width: 32%
}

.blog .author {
  display: flex;
  line-height: 1.2em;
  align-items: center;
  font-size: 14px;
  color: #3f4245;
  text-decoration: none;
  margin: 0 0 16px 0
}

.blog .author a {
  color: #3f4245;
  text-decoration: underline
}

.blog .author a:hover {
  color: #1f7fa5
}

.blog .author span.avatar {
  margin: 0 8px 0 0
}

.blog .author img {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%
}

.blog .authors-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.blog .authors-list .author {
  color: #3f4245;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  margin: 0 0 50px 0;
  font-size: 26px;
  font-weight: 800;
  width: 33%
}

.blog .authors-list .author .displayname {
  color: #3f4245;
  text-decoration: underline
}

.blog .authors-list .author .jobtitle, .blog .authors-list .author .postcount {
  display: inline-block;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 400;
  text-decoration: none
}

.blog .authors-list .author .image {
  margin: 0 0 16px 0
}

.blog .authors-list .author img {
  width: 160px;
  height: 160px;
  transition: all ease-in .2s
}

.blog .authors-list .author:hover img {
  border-radius: 10px
}

.blog .authors-list .author:hover .displayname {
  color: #1f7fa5
}

.blog .thearticle {
  font-size: 22px;
  line-height: 1.6em
}

.blog .thearticle .container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto
}

.blog .thearticle .author {
  font-size: 18px;
  margin: 30px 0
}

.blog .thearticle .author span.avatar {
  margin: 0 15px 0 0
}

.blog .thearticle .author img {
  width: 70px;
  height: 70px;
  border-radius: 50%
}

.blog .thearticle .tags {
  margin: 30px 0 8px 0;
  padding: 30px 0 0 0
}

.blog .thearticle .categories {
  margin: 0 0 70px 0
}

.blog .thearticle .share {
  margin: 0 0 16px 0
}

.blog .thearticle .share .st-total {
  display: none
}

.blog .thearticle .thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.blog .thearticle .relatedposts {
  border-bottom: 1px solid #ddd;
  margin: 0 0 70px 0
}

.blog .thearticle .relatedposts h3 {
  margin: 0 0 16px 0
}

.blog .thearticle .relatedposts .item {
  width: 48%
}

.blog .thearticle .relatedposts .item .thumbnail {
  height: auto;
  aspect-ratio: 16/9
}

.blog .posttags {
  padding: 0 !important;
  margin: 0 0 16px 0;
  border: none !important
}

.blog .posttags h3 {
  margin: 0 0 20px 0;
  display: block !important
}

.blog .posttags a {
  background: #91d46c;
  display: inline-block;
  padding: 0 15px;
  color: #3f4245;
  text-decoration: none;
  border-radius: 20px;
  margin: 0 10px 20px 0
}

.blog .posttags a:hover {
  background: #9de476;
  color: #3f4245;
  text-decoration: none
}

.blog .blog-search {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  padding: 0 !important;
  margin: 0 0 16px 0
}

.blog .blog-search input {
  border-right: none;
  display: inline-block;
  border-radius: 0
}

.blog .blog-search input#bg {
  width: calc(100% - 53px)
}

.blog .blog-search input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 20px;
  background: #fff url("/images/search-icon-grey.png") center center no-repeat;
  background-size: auto;
  background-size: 16px 16px;
  border: 1px solid #cfd5d3;
  border-left: none
}

.blog .SearchDialog {
  margin: 0 0 50px 0
}

.blog .SearchDialog label {
  display: none
}

.blog .SearchDialog .form-horizontal {
  display: flex;
  flex-direction: row
}

.blog .SearchDialog .form-group {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.blog .SearchDialog input {
  width: auto;
  border-radius: 0;
  background: #fff;
  padding: 8px 25px;
  border: none;
  width: 100%;
  max-width: 430px;
  height: 50px;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #c7c8c8;
  border-right: none;
  font-size: 18px;
  -webkit-appearance: none
}

.blog .SearchDialog input:focus, .blog .SearchDialog input:active {
  outline: 0;
  box-shadow: none
}

.blog .SearchDialog input[type="submit"] {
  width: 40px;
  height: 40px;
  color: #fff
}

.blog .SearchDialog .form-group-submit {
  width: 40px;
  height: 40px;
  position: relative;
  border: none
}

.blog .SearchDialog .form-group-submit:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #fff url("/images/search-icon-darkgrey.png") center center no-repeat;
  background-size: 16px 16px;
  pointer-events: none;
  border: 1px solid #c7c8c8;
  border-left: none;
  box-sizing: border-box
}

.blog .bio {
  margin: 0 0 70px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.blog .bio div.photo {
  width: 300px;
  margin: 0 30px 0 0;
  flex-shrink: 0
}

.blog .bio div.photo img {
  width: 300px;
  height: 300px;
  border-radius: 50%
}

.blog .bio .social {
  margin: 20px 0 0 0
}

.blog .bio .social img {
  width: 40px;
  margin: 0 10px 0 0
}

.blog .blog-subscribe .socialicon {
  display: inline-block;
  width: 60px;
  margin: 0 10px 0 0;
  vertical-align: middle
}

.blog .blog-subscribe section {
  margin: 0 0 50px 0
}

.blog .blog-subscribe section a {
  display: inline-block;
  text-decoration: underline
}

.blog .blog-subscribe section a:hover {
  text-decoration: underline;
  color: #1f7fa5
}

.blog .TagCloud span a {
  display: inline-block;
  margin: 0 10px 20px 0;
  background: #91d46c;
  padding: 0 15px;
  border-radius: 20px;
  text-decoration: none;
  color: #3f4245
}

.blog .TagCloud span a:hover {
  background: #9de476
}

.blog .ribbon-type1 {
  border-top: 1px solid #979797;
  border-bottom: 1px solid #979797;
  margin: 30px 0
}

.blog .ribbon-type1.ribbon-type-video .container div:nth-of-type(1) a {
  display: inline-block;
  position: relative
}

.blog .ribbon-type1.ribbon-type-video .container div:nth-of-type(1) a:after {
  content: '';
  left: 50%;
  top: 50%;
  position: absolute;
  width: 40px;
  height: 40px;
  background: url("https://www.digi.com/images/card-button-play.png") center center no-repeat;
  background-size: 40px 40px;
  margin: -20px 0 0 -20px
}

.blog blockquote {
  width: 95%;
  margin: 0 2.5% 20px 2.5%;
  display: block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
  border-left: 15px solid #eef0f0
}

.blog blockquote:before {
  content: "“";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #eef0f0;
  position: absolute;
  left: 10px;
  top: 15px
}

html[data-useragent*='rv:11.0'] .blog .authors-list .author, html[data-useragent*='MSIE 10.0'] .blog .authors-list .author {
  width: 100%
}

html[data-useragent*='rv:11.0'] .blog .authors-list .author .name, html[data-useragent*='MSIE 10.0'] .blog .authors-list .author .name {
  width: 100%
}

@media(max-width:960px) {
  .blog .authors-list .author {
    width: 50%
  }
  .blog .bio {
    flex-direction: column
  }
  .blog .bio div.photo {
    width: 150px;
    flex-shrink: 0;
    margin: 0 0 30px 0
  }
  .blog .bio div.photo img {
    width: 150px;
    height: 150px;
    border-radius: 50%
  }
  .blog .loop-col3 .item {
    width: 48%
  }
}

@media(max-width:568px) {
  .blog .loop .item, .blog .loop-col3 .item {
    margin: 0 0 35px 0
  }
  .blog .loop .item a, .blog .loop-col3 .item a {
    display: flex;
    flex-wrap: wrap
  }
  .blog .loop .item a .thumbnail, .blog .loop-col3 .item a .thumbnail {
    height: auto;
    aspect-ratio: 16/9;
    margin: 0 0 8px 0;
    order: 1
  }
  .blog .loop .item a .thumbnail .videoplay, .blog .loop-col3 .item a .thumbnail .videoplay {
    width: 50px;
    margin: -25px 0 0 -25px
  }
  .blog .loop .item a .thumbnail .category, .blog .loop-col3 .item a .thumbnail .category {
    padding: 0 10px;
    font-size: 13px
  }
  .blog .loop .item a .title, .blog .loop-col3 .item a .title {
    margin: 0 0 8px 0;
    font-size: 18px;
    order: 3
  }
  .blog .loop .item a .teaser, .blog .loop-col3 .item a .teaser {
    line-height: 1.3em;
    display: -webkit-box;
    order: 4;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
  }
  .blog .loop .item a .author, .blog .loop-col3 .item a .author {
    order: 2;
    margin: 0 0 8px 0
  }
  .blog .loop .item a .author .name, .blog .loop-col3 .item a .author .name {
    display: none
  }
  .blog .loop .item a .author .avatar, .blog .loop-col3 .item a .author .avatar {
    display: none
  }
  .blog .authors-list .author {
    font-size: 18px
  }
  .blog .authors-list .author img {
    width: 130px;
    height: 130px
  }
  .blog .thearticle .thumbnail {
    height: auto;
    aspect-ratio: 16/9
  }
  .blog .thearticle .author {
    font-size: 16px
  }
  .blog .thearticle .author span.avatar {
    margin: 0 8px 0 0
  }
  .blog .thearticle .author img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px
  }
  .blog blockquote {
    border-left: 10px solid #eef0f0;
    line-height: 1.2em
  }
}

html[data-useragent*='rv:11.0'] .cards-type2, html[data-useragent*='rv:11.0'] .cards-type3, html[data-useragent*='rv:11.0'] .cards-type4, html[data-useragent*='MSIE 10.0'] .cards-type2, html[data-useragent*='MSIE 10.0'] .cards-type3, html[data-useragent*='MSIE 10.0'] .cards-type4 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap
}

html[data-useragent*='rv:11.0'] .cards-type2 a:nth-of-type(3n+1), html[data-useragent*='rv:11.0'] .cards-type3 a:nth-of-type(3n+1), html[data-useragent*='rv:11.0'] .cards-type4 a:nth-of-type(3n+1), html[data-useragent*='MSIE 10.0'] .cards-type2 a:nth-of-type(3n+1), html[data-useragent*='MSIE 10.0'] .cards-type3 a:nth-of-type(3n+1), html[data-useragent*='MSIE 10.0'] .cards-type4 a:nth-of-type(3n+1) {
  margin: 0 1.5% 24px 0
}

html[data-useragent*='rv:11.0'] .cards-type2 a:nth-of-type(3n+2), html[data-useragent*='rv:11.0'] .cards-type3 a:nth-of-type(3n+2), html[data-useragent*='rv:11.0'] .cards-type4 a:nth-of-type(3n+2), html[data-useragent*='MSIE 10.0'] .cards-type2 a:nth-of-type(3n+2), html[data-useragent*='MSIE 10.0'] .cards-type3 a:nth-of-type(3n+2), html[data-useragent*='MSIE 10.0'] .cards-type4 a:nth-of-type(3n+2) {
  margin: 0 .5% 24px .5%
}

html[data-useragent*='rv:11.0'] .cards-type2 a:nth-of-type(3n+3), html[data-useragent*='rv:11.0'] .cards-type3 a:nth-of-type(3n+3), html[data-useragent*='rv:11.0'] .cards-type4 a:nth-of-type(3n+3), html[data-useragent*='MSIE 10.0'] .cards-type2 a:nth-of-type(3n+3), html[data-useragent*='MSIE 10.0'] .cards-type3 a:nth-of-type(3n+3), html[data-useragent*='MSIE 10.0'] .cards-type4 a:nth-of-type(3n+3) {
  margin: 0 0 24px 1.5%
}

html[data-useragent*='rv:11.0'] .cards-type2 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type3 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type4 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type2 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type3 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type4 a.card-type1 {
  width: 32%
}

html[data-useragent*='rv:11.0'] .cards-type2.columns-2 a:nth-of-type(2n+1), html[data-useragent*='rv:11.0'] .cards-type3.columns-2 a:nth-of-type(2n+1), html[data-useragent*='rv:11.0'] .cards-type4.columns-2 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type2.columns-2 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type3.columns-2 a:nth-of-type(2n+1), html[data-useragent*='MSIE 10.0'] .cards-type4.columns-2 a:nth-of-type(2n+1) {
  margin: 0 1% 24px 0
}

html[data-useragent*='rv:11.0'] .cards-type2.columns-2 a:nth-of-type(2n+2), html[data-useragent*='rv:11.0'] .cards-type3.columns-2 a:nth-of-type(2n+2), html[data-useragent*='rv:11.0'] .cards-type4.columns-2 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type2.columns-2 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type3.columns-2 a:nth-of-type(2n+2), html[data-useragent*='MSIE 10.0'] .cards-type4.columns-2 a:nth-of-type(2n+2) {
  margin: 0 .5% 24px .5%
}

html[data-useragent*='rv:11.0'] .cards-type2.columns-2 .card-type1, html[data-useragent*='rv:11.0'] .cards-type2.columns-2 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type3.columns-2 .card-type1, html[data-useragent*='rv:11.0'] .cards-type3.columns-2 a.card-type1, html[data-useragent*='rv:11.0'] .cards-type4.columns-2 .card-type1, html[data-useragent*='rv:11.0'] .cards-type4.columns-2 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type2.columns-2 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type2.columns-2 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type3.columns-2 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type3.columns-2 a.card-type1, html[data-useragent*='MSIE 10.0'] .cards-type4.columns-2 .card-type1, html[data-useragent*='MSIE 10.0'] .cards-type4.columns-2 a.card-type1 {
  width: 48%
}

html[data-useragent*='rv:11.0'] .list-type-product .item .image, html[data-useragent*='MSIE 10.0'] .list-type-product .item .image {
  position: relative
}

html[data-useragent*='rv:11.0'] .list-type-product .item .image img, html[data-useragent*='MSIE 10.0'] .list-type-product .item .image img {
  width: auto;
  height: auto;
  max-width: 175px;
  max-height: 175px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

html[data-useragent*='rv:11.0'] .container-form-type3 select, html[data-useragent*='MSIE 10.0'] .container-form-type3 select {
  background: none;
  padding-right: 5px
}

html[data-useragent*='rv:11.0'] .filter-type-related a.selected:after, html[data-useragent*='rv:11.0'] .filter-type-related a:hover:after, html[data-useragent*='rv:11.0'] .filter-type-generic a.selected:after, html[data-useragent*='rv:11.0'] .filter-type-generic a:hover:after, html[data-useragent*='MSIE 10.0'] .filter-type-related a.selected:after, html[data-useragent*='MSIE 10.0'] .filter-type-related a:hover:after, html[data-useragent*='MSIE 10.0'] .filter-type-generic a.selected:after, html[data-useragent*='MSIE 10.0'] .filter-type-generic a:hover:after {
  top: 4px
}

@media(max-width:768px) {
  img.md-left20 {
    float: left;
    width: 25%;
    margin: 0 10px 10px 0
  }
  img.md-left25 {
    float: left;
    width: 25%;
    margin: 0 10px 10px 0
  }
  img.md-left33 {
    float: left;
    width: 33%;
    margin: 0 10px 10px 0
  }
  img.md-left50 {
    float: left;
    width: 50%;
    margin: 0 10px 10px 0
  }
  img.md-right20 {
    float: right;
    width: 25%;
    margin: 0 0 10px 10px
  }
  img.md-right25 {
    float: right;
    width: 25%;
    margin: 0 0 10px 10px
  }
  img.md-right33 {
    float: right;
    width: 33%;
    margin: 0 0 10px 10px
  }
  img.md-right50 {
    float: right;
    width: 50%;
    margin: 0 0 10px 10px
  }
}

@media(max-width:568px) {
  img.sm-left50 {
    width: 50%;
    margin: 0 10px 10px 0
  }
  img.sm-right50 {
    width: 50%;
    margin: 0 0 10px 10px
  }
}

.home2020 #home-banners-2021 {
  min-height: 576px;
  width: 100%;
  overflow-x: scroll;
  transition: all .3s ease-in;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.home2020 #home-banners-2021::-webkit-scrollbar {
  display: none
}

.home2020 #home-banners-2021.touch {
  overflow-x: scroll
}

.home2020 #home-banners-2021.initial {
  opacity: 0
}

.home2020 #home-banners-2021.preloading {
  background: #f2f2f2 url("//www.digi.com/images/loading.gif") center center no-repeat;
  background-size: 200px 200px
}

.home2020 #home-banners-2021 #banner-container {
  min-height: 576px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: all .4s ease-out
}

.home2020 #home-banners-2021 .banner {
  min-height: 576px;
  display: flex;
  width: 100vw;
  min-width: 100vw;
  overflow: hidden;
  scroll-snap-align: start;
  order: 2
}

.home2020 #home-banners-2021 .banner.selected {
  order: 1
}

.home2020 #home-banners-2021 .banner .inside {
  position: relative;
  min-height: 576px;
  display: flex
}

.home2020 #home-banners-2021 .banner .background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  max-width: none;
  min-height: 100%
}

.home2020 #home-banners-2021 .banner .content {
  display: flex;
  flex-direction: row;
  z-index: 2;
  position: relative;
  width: 100%
}

.home2020 #home-banners-2021 .banner .main {
  text-decoration: none;
  align-self: center;
  padding: 24px 5% 24px 0;
  width: 70%;
  box-sizing: border-box;
  position: relative;
  z-index: 4
}

.home2020 #home-banners-2021 .banner .main .text {
  display: flex;
  flex-direction: column
}

.home2020 #home-banners-2021 .banner .main .heading {
  color: #fff;
  font-size: 78px;
  font-weight: 800;
  line-height: .9em
}

.home2020 #home-banners-2021 .banner .main .heading span.green {
  color: #91d46c
}

.home2020 #home-banners-2021 .banner .main .teaser {
  font-size: 22px;
  line-height: 1.2em;
  color: #fff;
  padding: 0 20px 0 47px;
  margin: 30px 0 0 0;
  position: relative
}

.home2020 #home-banners-2021 .banner .main .teaser:before {
  position: absolute;
  left: 5px;
  top: -15px;
  display: inline-block;
  content: "";
  width: 37px;
  height: 37px;
  background: url("/digi/media/home/text-wedge.png") center center no-repeat;
  background-size: 37px 37px
}

.home2020 #home-banners-2021 .banner .main .teaser.slash-green:before {
  position: absolute;
  left: 5px;
  top: 0;
  display: inline-block;
  content: "";
  width: 55px;
  height: 1px;
  background-color: #91d46c;
  background-image: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.home2020 #home-banners-2021 .banner .main .teaser.w-90 {
  max-width: 90%
}

.home2020 #home-banners-2021 .banner .main .banner-button {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  background: #91d46c;
  color: #3f4245;
  display: inline-block;
  padding: 13px 16px;
  position: relative;
  transition: all .2s ease-out
}

.home2020 #home-banners-2021 .banner .main .banner-button span {
  display: inline
}

.home2020 #home-banners-2021 .banner .main .banner-button:hover {
  background: #9de476
}

.home2020 #home-banners-2021 .banner .corner {
  align-self: flex-end;
  width: 30%;
  min-width: 30%;
  height: 0;
  padding-bottom: 30%;
  box-sizing: border-box;
  background: linear-gradient(135deg, #00b7ff 0%, #00b7ff 50%, #fff 50%, #fff 100%);
  position: relative
}

.home2020 #home-banners-2021 .banner .corner.bggreen {
  background: linear-gradient(135deg, #91d46c 0%, #91d46c 50%, #fff 50%, #fff 100%)
}

.home2020 #home-banners-2021 .banner .corner a {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

.home2020 #home-banners-2021 .banner .corner a:hover .corner-link {
  color: #1f7fa5
}

.home2020 #home-banners-2021 .banner .corner a:hover .corner-link span {
  color: #1f7fa5
}

.home2020 #home-banners-2021 .banner .corner a:hover .corner-link span:after {
  border: 2px solid #1f7fa5;
  background: url("//www.digi.com/images/arrow-wcircle-grey-blue.png") -2px center no-repeat;
  background-size: 48px 24px
}

.home2020 #home-banners-2021 .banner .corner .corner-heading {
  display: block;
  text-align: left;
  width: 84%;
  margin: 0 8% 0 5%;
  font-size: 25px;
  line-height: 1.1em;
  padding: 14px 0 8px 0;
  color: #fff
}

.home2020 #home-banners-2021 .banner .corner .corner-image {
  display: block;
  padding: 0 5%;
  max-height: 60%
}

.home2020 #home-banners-2021 .banner .corner .corner-image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%
}

.home2020 #home-banners-2021 .banner .corner .corner-link {
  display: inline-block;
  text-align: center;
  width: 92%;
  margin: 0 4%;
  font-size: 18px;
  line-height: 1.2em;
  text-decoration: underline;
  color: #3f4245;
  font-weight: 600;
  padding: 8px 0
}

.home2020 #home-banners-2021 .banner .corner .corner-link span {
  display: inline-block;
  text-decoration: underline
}

.home2020 #home-banners-2021 .banner .corner .corner-link span:after {
  content: '';
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #91d46c;
  margin: 0 0 0 5px;
  transition: all .2s ease-in;
  background: url("//www.digi.com/images/arrow-wcircle-grey-blue.png") -26px center no-repeat;
  background-size: 48px 24px
}

.home2020 #home-banners-2021 .banner .side {
  width: 30%;
  min-width: 30%;
  height: 100%;
  position: relative;
  z-index: 3
}

.home2020 #home-banners-2021 .banner .side img {
  position: absolute;
  height: 100%;
  width: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.home2020 #home-banners-2021 .banner.customer {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative
}

.home2020 #home-banners-2021 .banner.customer .cover {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  background: linear-gradient(225deg, transparent 120px, #000 120px);
  padding-right: 120px;
  box-sizing: content-box
}

.home2020 #home-banners-2021 .banner.customer .customer-logo {
  position: absolute;
  right: 20px;
  bottom: 20px;
  max-width: 300px;
  z-index: 2
}

.home2020 #home-banners-2021 .banner.customer .customer-content {
  width: 60%;
  align-items: center;
  display: flex
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main {
  margin: 0;
  width: 100%
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main .text {
  align-items: flex-start
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main .customer-company {
  font-weight: 800;
  font-size: 18px;
  padding: 16px 0;
  color: #00b7ff
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main .customer-title {
  color: #fff;
  padding: 0 0 16px 0;
  font-style: italic;
  line-height: 1.2em
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main .teaser {
  padding: 0;
  margin: 0 0 16px 0;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 600
}

.home2020 #home-banners-2021 .banner.customer .customer-content a.main .teaser:before {
  display: none
}

.home2020 #home-banners-2021 .banner.layout-floater .main {
  width: 65%;
  margin: 0 5% 0 0
}

.home2020 #home-banners-2021 .banner.layout-floater .heading-floater {
  display: flex;
  flex-direction: row;
  align-items: center
}

.home2020 #home-banners-2021 .banner.layout-floater .floater {
  width: 44%;
  height: 260px;
  margin: 0 4% 0 -20%;
  position: relative
}

.home2020 #home-banners-2021 .banner.layout-floater .floater img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: opacity .5s ease-in
}

.home2020 #home-banners-2021 .banner.layout-floater .floater img.off {
  opacity: 0
}

.home2020 #home-banners-2021 .banner.layout-floater .teaser {
  padding: 0;
  margin: 12px 0 0 0
}

.home2020 #home-banners-2021 .banner.layout-floater .teaser:before {
  display: none
}

.home2020 #home-banners-2021 .banner.layout-floater .corner a {
  display: flex;
  flex-direction: column
}

.home2020 #home-banners-2021 .banner.layout-floater .corner .corner-image {
  max-height: none;
  padding: 0;
  height: 70%;
  width: 100%
}

.home2020 #home-banners-2021 .banner.layout-floater .corner .corner-image img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}

.home2020 #home-banners-2021 .banner.layout-floater #animate-shell {
  display: inline-block;
  position: relative
}

.home2020 #home-banners-2021 .banner.layout-floater #animate-text {
  display: inline-block
}

.home2020 #home-banners-2021 .banner.layout-floater .background {
  transition: opacity .5s ease-in;
  opacity: 1
}

.home2020 #home-banners-2021 .banner.layout-floater .background.off {
  opacity: 0
}

.home2020 #home-banners-2021 .banner.layout1-v3 .main {
  width: 45%
}

.home2020 #home-banners-2021 .banner.layout1-v3 .main .heading {
  font-size: 84px;
  color: #84d2f5;
  font-weight: 700;
  line-height: 1.1em
}

.home2020 #home-banners-2021 .banner.layout1-v3 .main .heading .larger {
  font-size: 146px
}

.home2020 #home-banners-2021 .banner.layout1-v3 .main .teaser {
  font-size: 32px;
  line-height: 1.2em;
  padding: 0;
  margin: 0
}

.home2020 #home-banners-2021 .banner.layout1-v3 .main .teaser:before {
  display: none
}

.home2020 #home-banners-2021 .banner.layout1-v3 .side {
  width: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 2%
}

.home2020 #home-banners-2021 .banner.layout1-v3 .side img {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  height: auto;
  min-height: auto
}

.home2020 .home-navigation {
  width: 100%
}

.home2020 .home-navigation .section-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 100px;
  border-top: 5px solid #1f7fa5
}

.home2020 .home-navigation .section-top .content {
  width: 400px;
  font-size: 20px
}

.home2020 .home-navigation .section-top .content a.heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 8px 0;
  text-decoration: none
}

.home2020 .home-navigation .section-top .content a.heading img {
  width: 35%;
  min-width: 35%;
  margin: 0 16px 0 0
}

.home2020 .home-navigation .section-top .content a.heading h2 {
  transition: all .2s ease-in;
  text-decoration: underline;
  color: #3f4245;
  line-height: 1.1em
}

.home2020 .home-navigation .section-top .content a.heading:hover h2 {
  color: #1f7fa5
}

.home2020 .home-navigation .section-top .content p {
  font-weight: 300
}

.home2020 .home-navigation .section-top .content .links a {
  font-weight: 600;
  color: #3f4245
}

.home2020 .home-navigation .section-top .content .links a h6 {
  margin: 0 0 16px 0
}

.home2020 .home-navigation .section-top .content .links a:hover, .home2020 .home-navigation .section-top .content .links a:hover h6 {
  color: #1f7fa5
}

.home2020 .home-navigation #embedded {
  width: calc(50% - 200px);
  background: #eeefef url("/digi/media/home/home2020/background-embedded.png") right top no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end
}

.home2020 .home-navigation #embedded .content {
  padding: 35px 70px 16px 0
}

.home2020 .home-navigation a#drm {
  width: 400px;
  background: #accfdb;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px 60px 10px;
  border-left: 5px solid #1f7fa5;
  border-right: 5px solid #1f7fa5;
  position: relative
}

.home2020 .home-navigation a#drm .image-holder {
  display: block;
  box-sizing: border-box;
  margin: -75px 10% 24px 10%;
  width: 80%;
  padding-top: 80%;
  background: url("/digi/media/home/home2020/home-drm.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 200% auto
}

.home2020 .home-navigation a#drm h2 {
  text-decoration: underline;
  transition: all .2s ease-in;
  margin: 0
}

.home2020 .home-navigation a#drm h3 {
  transition: all .2s ease-in
}

.home2020 .home-navigation a#drm:hover {
  background: #1f7fa5
}

.home2020 .home-navigation a#drm:hover .image-holder {
  background-position: top left
}

.home2020 .home-navigation a#drm:hover h2, .home2020 .home-navigation a#drm:hover h3 {
  color: #fff
}

.home2020 .home-navigation a#drm:after {
  content: '';
  width: 60px;
  height: 120px;
  background: url("/digi/media/home/home2020/home-arrow.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  right: -65px;
  top: 50%;
  z-index: 2;
  -webkit-transform: rotate(180deg) scaleY(-1) translateY(-50%);
  transform: rotate(180deg) scaleY(-1) translateY(-50%)
}

.home2020 .home-navigation a#drm:before {
  content: '';
  width: 60px;
  height: 120px;
  background: url("/digi/media/home/home2020/home-arrow.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -65px;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.home2020 .home-navigation #networking {
  display: flex;
  justify-content: flex-start;
  width: calc(50% - 200px);
  background: #eeefef url("/digi/media/home/home2020/background-networking.png") left top no-repeat;
  background-size: cover
}

.home2020 .home-navigation #networking .content {
  padding: 35px 0 16px 70px
}

.home2020 .home-navigation .section-bottom {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  border-top: 5px solid #1f7fa5;
  background: #eef0f0
}

.home2020 .home-navigation .section-bottom a {
  text-decoration: none;
  background-color: rgba(31, 127, 165, .75);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply
}

.home2020 .home-navigation .section-bottom a:hover {
  background-color: #1f7fa5
}

.home2020 .home-navigation .section-bottom .content {
  width: 400px;
  font-size: 20px;
  box-sizing: border-box;
  color: #fff
}

.home2020 .home-navigation .section-bottom span.link {
  display: flex;
  align-items: center;
  color: #fff
}

.home2020 .home-navigation .section-bottom span.link img {
  width: 20%;
  min-width: 20%;
  margin: 0 16px 0 0
}

.home2020 .home-navigation .section-bottom span.h3 {
  color: #fff;
  text-decoration: underline
}

.home2020 .home-navigation #wds {
  width: calc(50% - 200px);
  display: flex;
  justify-content: flex-end;
  background-image: url("/digi/media/home/home2020/background-embedded.png")
}

.home2020 .home-navigation #wds .content {
  padding: 16px 35px 24px 0
}

.home2020 .home-navigation #tagline {
  width: 400px;
  background: #1f7fa5;
  display: flex;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 10px
}

.home2020 .home-navigation #tagline h2 {
  line-height: 1.1em
}

.home2020 .home-navigation #ss {
  width: calc(50% - 200px);
  display: flex;
  justify-content: flex-start;
  background-image: url("/digi/media/home/home2020/background-networking.png")
}

.home2020 .home-navigation #ss .content {
  padding: 16px 0 24px 35px
}

.home2020 .home-trustfence {
  background: #91d46c;
  color: #3f4245;
  text-decoration: none;
  width: 100%;
  padding: 16px 0;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease-in
}

.home2020 .home-trustfence img, .home2020 .home-trustfence svg {
  width: 40px;
  margin: 0 16px 0 0;
  vertical-align: middle;
  fill: #3f4245;
  transition: fill .2s ease-in
}

.home2020 .home-trustfence .container {
  box-sizing: border-box
}

.home2020 .home-trustfence:hover {
  background: #1f7fa5;
  color: #fff
}

.home2020 .home-trustfence:hover svg {
  fill: #fff !important
}

.home2020 .home-solutions {
  background: #1f7fa5 url("/digi/media/home/industry-background.png") right bottom no-repeat;
  color: #fff;
  text-align: center;
  background-size: 280px 280px
}

.home2020 .home-solutions .container {
  position: relative;
  padding: 60px 0 100px 0
}

.home2020 .home-solutions h2 {
  color: #fff;
  margin: 0
}

.home2020 .home-solutions span.selector {
  padding: 20px 45px;
  background: #91d46c;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  color: #3f4245;
  text-align: left
}

.home2020 .home-solutions span.selector.heading-h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3em
}

.home2020 .home-solutions span.selector:before {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: #91d46c transparent transparent transparent;
  transition: all .2s ease-out
}

.home2020 .home-solutions-items {
  padding-bottom: 60px
}

.home2020 .home-solutions-items .container {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.home2020 .home-solutions-items .container a {
  width: 30%;
  text-align: left;
  padding: 15px 30px;
  text-decoration: none;
  color: #3f4245
}

.home2020 .home-solutions-items .container a:nth-of-type(2) {
  border-left: 1px solid #91d46c;
  border-right: 1px solid #91d46c
}

.home2020 .home-solutions-items .container a h3 {
  text-decoration: underline
}

.home2020 .home-solutions-items .container a img {
  max-width: 150px
}

.home2020 .home-solutions-items .container a:hover h3 {
  color: #1f7fa5
}

@media(max-height:768px) {
  .home2020 #home-banners-2021 {
    min-height: 456px
  }
  .home2020 #home-banners-2021 #banner-container {
    min-height: 456px
  }
  .home2020 #home-banners-2021 .banner {
    min-height: 456px
  }
  .home2020 #home-banners-2021 .banner .inside {
    min-height: 456px
  }
  .home2020 #home-banners-2021 .banner .main .heading {
    font-size: 60px
  }
}

@media(max-width:1500px) {
  .home2020 #home-banners-2021 {
    min-height: auto
  }
  .home2020 #home-banners-2021 .banner {
    min-height: auto
  }
  .home2020 #home-banners-2021 .banner.layout-floater .floater {
    width: 33%;
    margin: 0 4% 0 0
  }
}

@media(max-width:1240px) {
  .home2020 .home-navigation #embedded, .home2020 .home-navigation #wds {
    width: 35%;
    padding: 0 0 0 5%
  }
  .home2020 .home-navigation a#drm, .home2020 .home-navigation #tagline {
    width: 30%
  }
  .home2020 .home-navigation #networking, .home2020 .home-navigation #ss {
    width: 35%;
    padding: 0 5% 0 0
  }
}

@media(max-width:1200px) {
  .home2020 #home-banners-2021 .banner .corner .corner-heading {
    font-size: 1.9vw
  }
  .home2020 #home-banners-2021 .banner .corner .corner-link {
    font-size: 1.4vw
  }
  .home2020 #home-banners-2021 .banner.customer .customer-logo {
    max-width: 20%
  }
  .home2020 #home-banners-2021 .banner.customer .cover {
    width: 60%
  }
  .home2020 #home-banners-2021 .banner.layout-floater .floater {
    height: 180px
  }
  .home2020 #home-banners-2021 .banner.layout1-v3 .main .heading {
    font-size: 44px;
    line-height: 1.3em
  }
  .home2020 #home-banners-2021 .banner.layout1-v3 .main .heading .larger {
    font-size: 96px
  }
  .home2020 #home-banners-2021 .banner.layout1-v3 .main .teaser {
    font-size: 26px
  }
}

@media(max-width:960px) {
  .home2020 #home-banners-2021 .banner .main .heading {
    font-size: 60px
  }
  .home2020 .home-navigation h2, .home2020 .home-navigation span.h2 {
    font-size: 26px
  }
  .home2020 .home-navigation h3, .home2020 .home-navigation span.h3 {
    font-size: 24px
  }
  .home2020 .home-navigation h6, .home2020 .home-navigation span.h6 {
    font-size: 20px
  }
  .home2020 .home-navigation .section-top .content {
    font-size: 18px
  }
  .home2020 .home-navigation #embedded .content {
    padding: 16px 40px 16px 0
  }
  .home2020 .home-navigation a#drm {
    padding: 0 5% 24px 5%
  }
  .home2020 .home-navigation a#drm:after {
    right: -35px;
    width: 30px;
    height: 60px
  }
  .home2020 .home-navigation a#drm:before {
    left: -35px;
    width: 30px;
    height: 60px
  }
  .home2020 .home-navigation #networking .content {
    padding: 16px 0 16px 40px
  }
  .home2020 .home-solutions p br {
    display: none
  }
  .home2020 .home-solutions-items {
    padding-bottom: 35px
  }
}

@media(max-width:768px) {
  .home2020 #home-banners-2021 {
    min-height: auto
  }
  .home2020 #home-banners-2021 #banner-container {
    min-height: auto
  }
  .home2020 #home-banners-2021 .banner {
    min-height: auto
  }
  .home2020 #home-banners-2021 .banner .inside {
    min-height: auto
  }
  .home2020 #home-banners-2021 .banner .content {
    flex-direction: column;
    padding: 35px 0 0 0;
    justify-content: space-between
  }
  .home2020 #home-banners-2021 .banner .main {
    padding: 0 5% 24px 0;
    width: 100%
  }
  .home2020 #home-banners-2021 .banner .main .heading {
    font-size: 35px;
    padding: 0
  }
  .home2020 #home-banners-2021 .banner .main .teaser {
    padding: 0;
    margin-top: 16px
  }
  .home2020 #home-banners-2021 .banner .main .teaser:before, .home2020 #home-banners-2021 .banner .main .teaser.slash-green:before {
    display: none
  }
  .home2020 #home-banners-2021 .banner .main .teaser.w-70 {
    max-width: 100%
  }
  .home2020 #home-banners-2021 .banner .corner {
    min-width: 40%;
    width: 40%;
    padding-bottom: 40%
  }
  .home2020 #home-banners-2021 .banner .corner .corner-link span:after {
    width: 14px;
    height: 14px;
    border: 1px solid #91d46c;
    background: url("//www.digi.com/images/arrow-wcircle-grey-blue.png") -15px center no-repeat;
    background-size: 28px 14px
  }
  .home2020 #home-banners-2021 .banner .side {
    width: 100%;
    text-align: right
  }
  .home2020 #home-banners-2021 .banner.customer .customer-content {
    width: 70%
  }
  .home2020 #home-banners-2021 .banner.customer a.main {
    padding: 24px 0
  }
  .home2020 #home-banners-2021 .banner.customer .cover {
    width: 100%;
    background: linear-gradient(225deg, transparent 60px, #000 60px);
    padding-right: 60px;
    box-sizing: border-box
  }
  .home2020 #home-banners-2021 .banner.layout-floater .main {
    width: 100%;
    margin: 0;
    padding: 0 5%
  }
  .home2020 #home-banners-2021 .banner.layout-floater .floater {
    width: 28%;
    margin: 0 4% 0 0
  }
  .home2020 #home-banners-2021 .banner.layout-floater .teaser {
    margin: 12px 0 50px 0
  }
  .home2020 #home-banners-2021 .banner.layout1-v3 .main {
    width: 100%
  }
  .home2020 #home-banners-2021 .banner.layout1-v3 .side {
    width: 75%;
    align-self: flex-end
  }
}

@media(max-width:767px) {
  .home2020 .home-navigation .section-top {
    flex-wrap: wrap
  }
  .home2020 .home-navigation .section-top .content {
    width: 100%
  }
  .home2020 .home-navigation .section-top .content a.heading {
    flex-direction: column;
    align-items: flex-start
  }
  .home2020 .home-navigation .section-top .content a.heading img {
    min-width: 100px;
    width: 100px
  }
  .home2020 .home-navigation .section-top .content p {
    display: none
  }
  .home2020 .home-navigation #embedded {
    order: 2;
    width: 100%;
    border-right: none;
    padding: 0;
    border-bottom: 2px solid #1f7fa5
  }
  .home2020 .home-navigation #embedded .content {
    padding: 16px 5% 16px 5%
  }
  .home2020 .home-navigation a#drm {
    order: 1;
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 4px solid #1f7fa5
  }
  .home2020 .home-navigation a#drm:after {
    display: none
  }
  .home2020 .home-navigation a#drm:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    bottom: -47px;
    left: 50%;
    top: auto;
    margin-left: -15px
  }
  .home2020 .home-navigation a#drm .image-holder {
    width: 200px;
    padding-top: 200px;
    margin: -75px auto 24px auto
  }
  .home2020 .home-navigation #networking {
    order: 3;
    width: 100%;
    border-left: none;
    padding: 0
  }
  .home2020 .home-navigation #networking .content {
    padding: 16px 5% 16px 5%
  }
  .home2020 .home-navigation .section-bottom {
    border-top: 4px solid #1f7fa5;
    flex-direction: column
  }
  .home2020 .home-navigation .section-bottom .content {
    width: 100%
  }
  .home2020 .home-navigation .section-bottom .content span.link img {
    display: none
  }
  .home2020 .home-navigation .section-bottom .content span.teaser {
    font-size: 16px;
    line-height: 18px
  }
  .home2020 .home-navigation #wds {
    width: 100%;
    border-right: none;
    padding: 0
  }
  .home2020 .home-navigation #wds .content {
    padding: 16px 5% 16px 5%
  }
  .home2020 .home-navigation #tagline {
    display: none
  }
  .home2020 .home-navigation #ss {
    width: 100%;
    border-left: none;
    padding: 0
  }
  .home2020 .home-navigation #ss .content {
    padding: 16px 5% 16px 5%
  }
  .home2020 .home-solutions .container {
    padding: 35px 0 60px 0
  }
  .home2020 .home-solutions span.selector {
    padding: 12px 22px
  }
  .home2020 .home-solutions span.selector.heading-h3 {
    font-size: 20px
  }
  .home2020 .home-solutions-items .container {
    flex-wrap: wrap
  }
  .home2020 .home-solutions-items .container a {
    width: 50%
  }
  .home2020 .home-solutions-items .container a:nth-of-type(2) {
    border-right: none
  }
  .home2020 .home-solutions-items .container a img {
    width: 50%
  }
}

@media(max-width:568px) {
  .home2020 #home-banners-2021 .banner .inside {
    width: 100% !important;
    margin: 0 !important
  }
  .home2020 #home-banners-2021 .banner .main {
    padding-left: 5%;
    padding-right: 5%
  }
  .home2020 #home-banners-2021 .banner .main .banner-button {
    font-size: 16px;
    padding: 10px 16px
  }
  .home2020 #home-banners-2021 .banner .corner {
    min-width: 55%;
    width: 55%;
    padding-bottom: 55%
  }
  .home2020 #home-banners-2021 .banner .corner .corner-heading {
    font-size: 16px;
    padding: 5px 0
  }
  .home2020 #home-banners-2021 .banner .corner .corner-link {
    font-size: 13px
  }
  .home2020 #home-banners-2021 .banner.r-20 img.background {
    right: -20%
  }
  .home2020 #home-banners-2021 .banner.r-30 img.background {
    right: -30%
  }
  .home2020 #home-banners-2021 .banner.r-40 img.background {
    right: -40%
  }
  .home2020 #home-banners-2021 .banner.r-50 img.background {
    right: -50%
  }
  .home2020 #home-banners-2021 .banner.r-130 img.background {
    right: -130%
  }
  .home2020 #home-banners-2021 .banner.r-150 img.background {
    right: -150%
  }
  .home2020 #home-banners-2021 .banner.customer {
    background-position: -1000px center
  }
  .home2020 #home-banners-2021 .banner.customer .customer-content {
    width: 90%;
    padding: 0 5% 60px 5%
  }
  .home2020 #home-banners-2021 .banner.customer .customer-logo {
    max-width: none;
    max-height: 50px
  }
  .home2020 #home-banners-2021 .banner.customer .cover {
    background: linear-gradient(225deg, transparent 30px, #000 30px);
    padding-right: 30px
  }
  .home2020 #home-banners-2021 .banner.layout-floater .floater {
    height: 120px
  }
}

#home2018 {
  position: relative
}

#home2018 .carousel-type1+#home-news {
  margin-top: 60px
}

#home2018 .quad-type1+#home-news {
  margin-top: 60px
}

#home2018 .circlespacer {
  padding: 60px 0 0 0
}

#home2018 .loading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 576px;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all .3s ease-in;
  opacity: 1
}

#home2018 .loading.loaded {
  opacity: 0
}

#home2018 #home-circles {
  position: relative;
  top: 20px;
  left: 50%;
  margin: 0 0 0 -100px;
  width: 200px;
  z-index: 4;
  text-align: center
}

#home2018 #home-circles span, #home2018 #home-circles a {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 9px;
  border-radius: 50%;
  border: 2px solid #3f4245;
  text-decoration: none;
  transition: all .1s linear
}

#home2018 #home-circles span:hover, #home2018 #home-circles span.selected, #home2018 #home-circles a:hover, #home2018 #home-circles a.selected {
  background: #3f4245;
  text-decoration: none
}

#home2018 #home-platform {
  text-align: center;
  padding: 60px 0 70px 0
}

#home2018 #home-platform h1, #home2018 #home-platform h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 35px 0
}

#home2018 #home-platform .container {
  position: relative
}

#home2018 #home-platform .container div {
  display: flex;
  width: 100%;
  border: 2px solid #91d46c;
  padding: 36px 15px 46px 15px
}

#home2018 #home-platform .container div a {
  display: block;
  text-align: center;
  width: 16.67%;
  font-weight: 600;
  line-height: 1.2em;
  text-decoration: underline;
  color: #3f4245
}

#home2018 #home-platform .container div a:hover {
  color: #1f7fa5
}

#home2018 #home-platform .container div img {
  max-width: 88px
}

#home2018 #home-platform .container .trustfence {
  width: 270px;
  height: 28px;
  margin: 0 0 0 -135px;
  line-height: 28px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  background: #fff;
  color: #3f4245;
  text-transform: uppercase;
  font-weight: 600
}

#home2018 #home-platform .container .trustfence:hover {
  text-decoration: underline;
  color: #1f7fa5
}

#home2018 #home-platform .container .trustfence img {
  width: 22px;
  vertical-align: middle;
  margin: 0 5px 0 0
}

#home2018 #home-industries {
  background: #1f7fa5 url("//www.digi.com/digi/media/home/industry-background.png") right bottom no-repeat;
  color: #fff;
  font-size: 25px;
  line-height: 1.2em;
  text-align: center;
  font-weight: 200;
  margin: 0 0 60px 0;
  background-size: 280px 280px
}

#home2018 #home-industries .container {
  position: relative;
  padding: 70px 0 150px 0
}

#home2018 #home-industries h2 {
  font-size: 60px;
  line-height: 1em;
  font-weight: 200;
  margin: 0 0 35px 0;
  color: #fff
}

#home2018 #home-industries span.selector {
  font-size: 30px;
  font-weight: 600;
  padding: 28px 45px;
  background: #91d46c;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  transition: all .2s ease-out;
  color: #3f4245;
  text-align: left
}

#home2018 #home-industries span.selector:before {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: #91d46c transparent transparent transparent;
  transition: all .2s ease-out
}

#home2018 #home-industries #industries-select {
  background: #fff;
  color: #3f4245;
  font-weight: 400;
  clear: both
}

#home2018 #home-industries #industries-select .container {
  padding: 30px 0 0 50px;
  text-align: left;
  text-align: left
}

#home2018 #home-industries #industries-select a {
  font-size: 22px;
  color: #3f4245;
  text-decoration: none;
  border-bottom: 1px solid #3f4245;
  text-decortation: none;
  display: inline-block;
  margin: 0 0 8px 0;
  transition: all .3s ease-in
}

#home2018 #home-industries #industries-select a:hover {
  color: #1f7fa5;
  border-bottom: 1px solid #1f7fa5;
  text-decoration: none
}

#home2018 #home-industries #industries-select a.selected {
  font-weight: 600;
  color: #1f7fa5;
  border-bottom: 2px solid #1f7fa5;
  text-decoration: none
}

#home2018 #home-industries #industries-select span {
  color: #91d46c;
  padding: 0 7px 0 12px
}

#home2018 #industries-container {
  max-height: 0;
  opacity: 0;
  transition: all .2s ease-out;
  overflow: hidden
}

#home2018 #industries-container.open {
  max-height: 5000px;
  opacity: 1
}

#home2018 #industries-container .industries-items.transition {
  min-height: 2000px
}

#home2018 #industries-container .industry h3 {
  font-size: 46px;
  font-weight: 700;
  color: #3f4245;
  width: 100%;
  border-bottom: 1px solid #cfd5d3;
  line-height: .9em;
  margin: 0 0 24px 0;
  padding: 0 0 24px 0;
  text-transform: none
}

#home2018 #industries-container .industry .teaser {
  font-size: 24px;
  line-height: 1.2em;
  display: block;
  margin: 0 0 30px 0;
  font-weight: 300
}

#home2018 #industries-container .industry h4 {
  text-transform: none;
  color: #1f7fa5;
  font-weight: 600;
  margin: 0 0 30px 0
}

#home2018 #industries-container .industry .subindustries {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600
}

#home2018 #industries-container .industry .subindustries .colthree {
  padding: 0 50px;
  margin: 0 0 35px 0;
  border-left: 1px solid #cfd5d3
}

#home2018 #industries-container .industry .subindustries .colthree:nth-of-type(1), #home2018 #industries-container .industry .subindustries .colthree:nth-of-type(4) {
  border: none
}

#home2018 #industries-container .industry .subindustries .colthree img {
  width: 80%;
  margin: 0 0 30px 0
}

#home2018 #industries-container .industry .industry-cta {
  margin: 0 0 50px 0
}

#home2018 #industries-container .industry .industry-featured {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 40px 0
}

#home2018 #industries-container .industry .industry-featured .item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 18px;
  color: #fff;
  background-size: cover;
  width: 50%;
  font-weight: 300;
  background: #3f4245;
  margin: 0;
  border-bottom: 10px solid #fff
}

#home2018 #industries-container .industry .industry-featured .item:nth-of-type(odd) {
  border-right: 5px solid #fff
}

#home2018 #industries-container .industry .industry-featured .item:nth-of-type(even) {
  border-left: 5px solid #fff
}

#home2018 #industries-container .industry .industry-featured .item .image {
  height: 350px;
  width: 100%;
  overflow: hidden;
  display: flex;
  position: relative
}

#home2018 #industries-container .industry .industry-featured .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  vertical-align: middle
}

#home2018 #industries-container .industry .industry-featured .item .image:after {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background: linear-gradient(225deg, transparent 30px, #3f4245 30px);
  position: absolute;
  bottom: 0;
  left: 0
}

#home2018 #industries-container .industry .industry-featured .item .content {
  width: 100%;
  background: #3f4245;
  padding: 0 30px 30px 30px;
  margin: 0;
  position: relative
}

#home2018 #industries-container .industry .industry-featured .item h4 {
  margin: 0 0 16px 0;
  color: #fff;
  font-weight: 500;
  text-transform: none
}

#home2018 #industries-container .industry .industry-featured .item span {
  display: block;
  margin: 0 0 24px 0
}

#home2018 #industries-container .industry .industry-featured .item.product {
  background: #1f7fa5;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center 40px
}

#home2018 #industries-container .industry .industry-featured .item.product .image {
  background: #00b7ff;
  padding-bottom: 55px;
  justify-content: center
}

#home2018 #industries-container .industry .industry-featured .item.product .image img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 20px
}

#home2018 #industries-container .industry .industry-featured .item.product .image:after {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background: linear-gradient(225deg, transparent 30px, #1f7fa5 30px);
  position: absolute;
  bottom: 0;
  left: 0
}

#home2018 #industries-container .industry .industry-featured .item.product .content {
  background: #1f7fa5
}

#home2018 #industries-container .industry .industry-featured .item a.buttonsmall {
  margin: 0 0 5px 0
}

#home2018 #industries-container .industry-another {
  background: #91d46c;
  color: #3f4245;
  font-size: 30px;
  font-weight: 600;
  display: none
}

#home2018 #industries-container .industry-another.open {
  display: block
}

#home2018 #industries-container .industry-another .container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#home2018 #industries-container .industry-another span#selector-bottom {
  display: inline-block;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  transition: all .2s ease-out;
  background: #91d46c;
  cursor: pointer
}

#home2018 #industries-container .industry-another span#selector-bottom img {
  width: 50px;
  padding: 25px 60px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#home2018 #home-promos {
  background: #eef0f0;
  padding: 70px 0;
  margin: 0 0 70px 0
}

#home2018 #home-promos .container .item {
  display: flex
}

#home2018 #home-promos .container h3 {
  font-size: 60px;
  color: #fff;
  text-transform: none;
  font-weight: 200;
  line-height: 1em;
  margin: 0 0 30px 0
}

#home2018 #home-promos .container .content {
  background: #3f4245;
  color: #fff;
  padding: 70px
}

#home2018 #home-promos .container .content span {
  display: block;
  margin: 0 0 80px 0
}

#home2018 #home-promos .container .image {
  background-position: center center;
  background-repeat: no-repeat
}

#home2018 #home-news {
  font-size: 18px;
  line-height: 1.5em
}

#home2018 #home-news .container {
  display: flex;
  flex-direction: row
}

#home2018 #home-news #items {
  width: 75%;
  overflow-x: hidden;
  position: relative
}

#home2018 #home-news #item-container {
  width: 300%;
  display: flex;
  position: relative;
  transition: left .4s linear;
  left: 0
}

#home2018 #home-news .item {
  border-left: 1px solid #bebfc1;
  padding: 0 30px 40px 30px;
  width: 11.11%
}

#home2018 #home-news .item span.tag {
  color: #717174;
  font-size: .9em
}

#home2018 #home-news .item a {
  display: block;
  position: relative;
  color: #3f4245;
  box-sizing: border-box
}

#home2018 #home-news .item a:after {
  display: block !important;
  width: 30px;
  height: 30px;
  border: 2px solid #91d46c;
  content: '';
  border-radius: 50%;
  position: static;
  background: url("//www.digi.com/digi/media/nav/arrow-wcircle-blue-grey.png") center center no-repeat;
  background-size: 60px 30px;
  background-position: -30px 0;
  margin: 8px 0 0 0;
  transition: all .2s ease-in;
  box-sizing: content-box
}

#home2018 #home-news .item a:hover {
  color: #1f7fa5;
  text-decoration: none
}

#home2018 #home-news .item a:hover:after {
  border: 2px solid #1f7fa5;
  background-position: 0 0
}

#home2018 #home-news .allnews {
  width: 17%;
  padding: 0 35px 0 0
}

#home2018 #home-news .allnews h4 {
  color: #1f7fa5;
  font-size: 26px;
  margin: 0 0 30px 0;
  text-transform: none
}

#home2018 #home-news .allnews a {
  font-weight: 600;
  text-decoration: underline;
  color: #3f4245
}

#home2018 #home-news .allnews a:hover {
  color: #1f7fa5
}

#home2018 #home-news .more {
  text-align: right;
  width: 8%
}

#home2018 #home-news .more span {
  display: inline-block;
  width: 35px;
  height: 68px;
  background: url("//www.digi.com/digi/media/home/arrow-next-grey.png") center center no-repeat;
  background-size: 70px 68px;
  background-position: -35px 0;
  cursor: pointer
}

#home2018 #home-news .more span:hover {
  background-position: 0 0
}

@media(max-width:1240px) {
  #home2018 #home-banners .layout5 .container {
    margin: 0
  }
}

@media(max-width:960px) {
  #home2018 #home-industries #industries-selector br {
    display: none
  }
  #home2018 #industries-container .industry-another {
    font-size: 24px
  }
  #home2018 #industries-container .industry-another span#selector-bottom img {
    width: 30px;
    padding: 15px 30px
  }
  #home2018 #industries-container .industry h3 {
    font-size: 60px;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0
  }
  #home2018 #industries-container .industry .teaser {
    font-size: 18px
  }
  #home2018 #industries-container .industry h4 {
    font-size: 18px
  }
  #home2018 #industries-container .industry .industry-featured .item, #home2018 #industries-container .industry .industry-featured .item.product {
    font-size: 16px;
    margin: 0 0 16px 0
  }
  #home2018 #industries-container .industry .industry-featured .item .image, #home2018 #industries-container .industry .industry-featured .item.product .image {
    height: 200px
  }
  #home2018 #industries-container .industry .industry-featured .item .image:after, #home2018 #industries-container .industry .industry-featured .item.product .image:after {
    height: 25px;
    background: linear-gradient(225deg, transparent 15px, #3f4245 15px);
    position: absolute;
    bottom: 0;
    left: 0
  }
  #home2018 #industries-container .industry .industry-featured .item .content, #home2018 #industries-container .industry .industry-featured .item.product .content {
    padding: 0 15px 10px 15px
  }
  #home2018 #industries-container .industry .industry-featured .item h4, #home2018 #industries-container .industry .industry-featured .item.product h4 {
    font-size: 22px;
    margin: 0 0 16px 0
  }
  #home2018 #industries-container .industry .industry-featured .item span, #home2018 #industries-container .industry .industry-featured .item.product span {
    margin: 0 0 16px 0
  }
  #home2018 #industries-container .industry .industry-featured .item.product .image:after {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    background: linear-gradient(225deg, transparent 15px, #1f7fa5 15px);
    position: absolute;
    bottom: 0;
    left: 0
  }
  #home2018 #home-promos {
    padding: 0
  }
  #home2018 #home-promos .container {
    width: 100%;
    margin: 0
  }
  #home2018 #home-promos .container h3 {
    font-size: 30px;
    margin: 0 0 16px 0
  }
  #home2018 #home-promos .container .content {
    padding: 25px
  }
  #home2018 #home-promos .container .content span {
    margin: 0 0 40px 0
  }
}

@media(max-width:768px) {
  #home2018 #home-platform {
    padding: 35px 0
  }
  #home2018 #home-platform h1, #home2018 #home-platform h2 {
    font-size: 18px;
    margin: 0 0 20px 0
  }
  #home2018 #home-platform .container div {
    flex-wrap: wrap;
    padding: 15px
  }
  #home2018 #home-platform .container div a {
    width: 33.33%;
    margin: 0 0 15px 0
  }
  #home2018 #industries-container .industry .subindustries .colthree {
    padding: 0 15px
  }
  #home2018 #industries-container .industry .industry-cta a {
    font-size: 24px;
    font-weight: 400
  }
  #home2018 #industries-container .industry .industry-cta a span.wcircle:after {
    width: 30px;
    height: 30px;
    background-size: 60px 30px;
    background-position: -30px center;
    margin: 0 0 0 10px;
    border: 2px solid #91d46c
  }
  #home2018 #industries-container .industry .industry-cta a:hover span.wcircle:after {
    border: 2px solid #1f7fa5
  }
}

@media(max-width:767px) {
  #home2018 #home-industries {
    font-size: 18px
  }
  #home2018 #home-industries .container {
    padding: 35px 0 100px 0
  }
  #home2018 #home-industries h2 {
    font-size: 35px;
    margin: 0 0 16px
  }
  #home2018 #home-industries span.teaser {
    display: block;
    width: 80%;
    margin: 0 10%
  }
  #home2018 #home-industries span.selector {
    font-size: 18px;
    padding: 16px 22px
  }
  #home2018 #home-industries span.selector:before {
    bottom: -30px;
    border-width: 30px 30px 0 0
  }
  #home2018 #home-industries span.selector:after {
    width: 30px;
    height: 16px;
    background-size: 30px 16px;
    margin: 0 0 0 20px
  }
  #home2018 #home-industries #industries-select .container {
    padding: 20px 0 0 30px
  }
  #home2018 #home-industries #industries-select a {
    font-size: 18px
  }
  #home2018 #industries-container .industry .subindustries .colthree {
    width: 50%
  }
  #home2018 #industries-container .industry .subindustries .colthree:nth-of-type(odd) {
    border: none
  }
  #home2018 #industries-container .industry .subindustries .colthree:nth-of-type(even) {
    border-left: 1px solid #cfd5d3
  }
  #home2018 #industries-container .industry .subindustries .colthree:last-of-type {
    margin: 0
  }
  #home2018 #industries-container .industry .industry-featured .item {
    width: 100%;
    border: none;
    margin: 0 0 10px 0
  }
  #home2018 #industries-container .industry .industry-featured .item:nth-of-type(odd) {
    border-right: none
  }
  #home2018 #industries-container .industry .industry-featured .item:nth-of-type(even) {
    border-left: none
  }
  #home2018 #home-news .container {
    flex-wrap: wrap
  }
  #home2018 #home-news #items {
    width: 92%
  }
  #home2018 #home-news .item {
    padding: 0 15px 20px 15px
  }
  #home2018 #home-news .allnews {
    width: 100%;
    margin: 0 0 16px 0
  }
  #home2018 #home-news .allnews h4 {
    margin: 0 0 16px 0
  }
}

@media(max-width:568px) {
  #home2018 #home-industries {
    margin: 0 0 40px 0
  }
  #home2018 #home-industries span.teaser {
    width: 100%;
    margin: 0
  }
  #home2018 #industries-container .industry h3 {
    font-size: 35px
  }
  #home2018 #industries-container .industry-another {
    font-size: 18px
  }
  #home2018 #industries-container .industry-another span#selector-bottom img {
    padding: 15px 20px
  }
  #home2018 #home-promos .container .item {
    flex-direction: column
  }
  #home2018 #home-promos .container .item .image {
    min-height: 200px
  }
  #home2018 #home-promos .container .item:nth-of-type(1) .content {
    order: 2
  }
  #home2018 #home-promos .container .item:nth-of-type(1) .image {
    order: 1
  }
  #home2018 #home-news #items {
    width: 100%
  }
  #home2018 #home-news #item-container {
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    left: 0 !important
  }
  #home2018 #home-news .item {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0 0 24px 0
  }
  #home2018 #home-news .item:nth-of-type(n+4) {
    display: none
  }
  #home2018 #home-news .more {
    display: none
  }
}

html[data-useragent*='rv:11.0'] #home2018 #home-banners .corner-type1 .corner-image, html[data-useragent*='MSIE 10.0'] #home2018 #home-banners .corner-type1 .corner-image {
  text-align: center
}

html[data-useragent*='rv:11.0'] #home2018 #home-banners .corner-type1 .corner-image img, html[data-useragent*='MSIE 10.0'] #home2018 #home-banners .corner-type1 .corner-image img {
  width: auto;
  margin: 0 auto
}

html[data-useragent*='rv:11.0'] #home2018 #home-banners-2021 .banner .main, html[data-useragent*='MSIE 10.0'] #home2018 #home-banners-2021 .banner .main {
  max-width: 70%
}

html[data-useragent*='rv:11.0'] #home2018 #home-banners-2021 .banner .corner, html[data-useragent*='MSIE 10.0'] #home2018 #home-banners-2021 .banner .corner {
  max-width: 30%
}

html[data-useragent*='rv:11.0'] #home2018 #home-banners-2021 .banner .corner .corner-image img, html[data-useragent*='MSIE 10.0'] #home2018 #home-banners-2021 .banner .corner .corner-image img {
  max-width: 324px
}

/*DIgi360用　241114追記*/

.carrot-out {
    position: relative;
}
.carrot-out-pad {
    margin-bottom: 84px;
}
.carrot-out:after {
    left: 55%;
}
.carrot-out:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 84px 84px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    margin: 0 0 -84px -84px;
}
.carrot-out-lightgrey:after {
    border-color: transparent #eef0f0 transparent transparent;
}