@charset "UTF-8";
.mi-header {
  background-image: url(/images/market-intelligence/banner-interior.jpg);
  background-position: right;
  background-size: cover;
  background-repeat: none
}
#market-intelligence-home .mi-header {
  display: none
}
.mi-logo {
  max-width: 320px;
  padding: 40px 0
}
.mi-navigation {
  background-color: #E4EAF2;
  color: #0B2E4A;
  width: 100%;
  height: auto;
  top: 0;
  z-index: 1000;
  position: sticky
}
.mi-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden
}
.mi-navigation ul li {
  display: inline-block;
  list-style-type: none;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  margin: 0;
  text-decoration: none
}
.mi-navigation ul a {
  text-decoration: none;
  color: #0B2E4A;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 20px;
  text-transform: uppercase;
  transition: all 0.3s;
  display: inline-block;
  padding: 14px 12px
}
#market-intelligence-home .mi-navigation li.mi-nav-hp a, #mi-webinar .mi-navigation li.mi-nav-webinar a, #automation-statistics .mi-navigation li.mi-nav-stats a, #industry-reports .mi-navigation li.mi-nav-reports a, #automation-keynotes .mi-navigation li.mi-nav-keynotes a, #partners .mi-navigation li.mi-nav-partners a, #mi-content .mi-navigation li.mi-nav-content a {
  border-bottom: 4px inset #A7C3E0;
  padding: 14px 12px 10px
}
.mi-navigation ul a:hover, .mi-navigation ul li:hover {
  background-color: #A7C3E0
}
.mi-navigation ul a i {
  color: #0967B1 !important
}
.mi-navigation ul.sub-menu {
  display: none;
  position: absolute;
  width: 240px;
  transition: all 0.5s ease;
  text-align: left;
  background-color: #A7C3E0
}
.mi-navigation ul li:hover ul.sub-menu {
  display: block
}
.mi-navigation ul.sub-menu li {
  width: 100%;
  padding: 0;
  text-align: left
}
.mi-navigation ul li ul.sub-menu li a {
  color: #0B2E4A;
  background-color: #A7C3E0;
  min-height: auto;
  height: auto;
  padding: 10px;
  display: block;
  text-align: left;
  text-transform: none;
  font-weight: 400
}
.mi-navigation ul li ul.sub-menu li:hover a {
  color: #FFF !important;
  background-color: #0B2E4A
}
.miFullBanner {
  background-color: #F5F7FA;
  padding: 46px 0 30px;
  margin: 30px auto
}
.miFullBanner h3 {
  font-size: 26px
}
.miThickBar {
  background-color: #F5F7FA;
  margin: 30px auto;
  height: 20px
}
a.readNowBtn {
  background-color: #A7C3E0;
  text-decoration: none;
  font-weight: 600;
  color: #FFF;
  padding: 5px 10px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px
}
a.readNowBtn:hover {
  background-color: #0B67B2
}
.itemFlex .item {
  position: relative;
  padding-bottom: 50px
}

.itemFlex .item a.readNowBtn {
  position: absolute;
  bottom: 15px;
  left: 20px
}
.carousel-item {
  background-size: cover;
  height: 400px
}
.carousel-item .inner {
  height: 400px;
  display: flex;
  align-items: center
}
.slider-content {
  margin-left: 60px;
  max-width: 600px;
  font-size: 20px;
  line-height: 1.2;
  color: #0B2E4A
}
.slider-content.darkBkgd {
  color: #FFF
}
#content .slider-content p, #content .slider-content h1, #content .slider-content h2, #content .slider-content h3 {
  margin-bottom: 20px !important
}
.slider-content h1, .slider-content h2, .slider-content h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  color: #0B67B2
}
.slider-content.darkBkgd h1, .slider-content.darkBkgd h2, .slider-content.darkBkgd h3 {
  color: #FFF
}
.slider-content img {
  width: 100%;
  max-width: 330px;
  margin: 20px 0
}
.slider-content .btn {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  margin: 5px 0 20px
}
.slider-content .btn i {
  margin-left: 10px
}
.mi-gatedContent {
  display: block;
  padding: 20px;
  margin: 50px auto 30px;
  background-color: rgb(228 236 244 / .7);
  border: 1px solid #0B2E4A;
  color: #192f47;
  font-size: 16px;
  clear: both
}
.mi-gatedContent span {
  font-weight: 700;
  text-transform: uppercase
}
.mi-gatedContent a {
  color: #192f47
}
.articleContainer {
  margin-top: 20px
}
#contentBlock {
  position: relative
}
/*#previewShield {
  position: absolute;
  height: 300px;
  width: 100%;
  bottom: 0;
  z-index: 200;
  background: #fff;
  background: linear-gradient(0deg, rgb(255 255 255) 0%, #fff0 100%);
  overflow: hidden
}*/
#previewShield {
  overflow: hidden;
}
#previewShield::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 175px;
  background: linear-gradient(to bottom, transparent, white);
  pointer-events: none;
}
.login-cta {
  max-width: 970px;
  margin: 30px auto;
  background-image: url(../images/login-cta-bkgd.jpg);
  background-size: cover;
  background-position: center;
  padding: 25px 280px 25px 0;
  z-index: 400
}
.login-cta p.login-cta-title, .login-cta p.login-cta-subtitle, .login-cta p {
  color: #FFF;
  margin: 0 0 15px 25px !important;
  font-size: 18px;
  line-height: 1.2
}
.login-cta p.login-cta-title {
  font-size: 38px;
  line-height: 1;
  font-weight: 700
}
.login-cta p.login-cta-subtitle {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700
}
.login-cta a {
  color: #FFF;
  text-decoration: underline
}
.login-cta a:hover {
  text-decoration: none
}
.login-cta-keys {
  background-color: #42223a;
  padding: 10px 10px 10px 25px;
  margin: 10px 0 20px;
  display: inline-block
}
.login-cta-keys ul {
  margin: 0;
  padding: 0
}
.login-cta-keys ul li {
  display: inline-block;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700
}
.login-cta-keys ul li i {
  font-size: 18px;
  display: inline-block;
  margin: 0;
  margin-right: 5px
}
.fa-key.platinum, .platinum {
  color: #acbec4
}
.fa-key.gold, .gold {
  color: #d4ae37
}
.fa-key.silver, .silver {
  color: #8b8b8b
}
.fa-key.bronze, .bronze {
  color: #bd7c44
}
@media (max-width:800px) {
  .login-cta {
    background-position: center;
    padding: 25px 180px 25px 0
  }
}
@media (max-width:800px) {
  .login-cta {
    padding: 25px 25px 25px 0;
    background-size: auto
  }
}