/*
    COMBINED.CSS
    CSS FILES ASSOCIATED IN A SINGLE FILE
    TO EASE SERVER BURDEN ON PAGE LOAD

    VERSION 1.0
    16 APR 2018

    DIRECTORY
    -------------
    I.   MENU-AND-HEADER.CSS
    II.  ERIC_CSS.CSS
    III. LIGHTARC.CSS
    IV.  NEW-STYLE.CSS
    V.   CONTENTPANEL.CSS [DEPRECATED - USE ACTIVECONTENTPANEL.CSS]
    VI.  ACTIVECONTENTPANEL.CSS
    VII. ACCORDION.CSS

    -- BEM Styles --
    * _generic-page
    * _overview
    * _headline-logo
    * _paragraph-text
    * _btn
    * _related-content
    * _footline
    * _placard
    * _accordion
    * _assorted
    * _ds-features (darkshield)
    * _support-boxes
    * _fade-info
    * _voracity-fade-info
    * _image-block
    * _related-links
    * _video-responsive
    * _new-btn
    * _analytic-logos
    * _product-resources
    * _pseudo-table
    * _case-study
    * _slider-box
    * _new-contact
    * _iframe-wrapper
    * _grid
    * __content
    * _data-types-modal
    * _notice
    * _old-contact-form
    * _resource-gallery
    * _cta-buttons 
    * _new-fade-info
    * __content__medium-clone
    * _similar-content
    * __old-style-customer-lists
    * _info-box
    * _table
    * __dropdown
    * _float-clear
    * _washout
    * __img-block
    * __cards
    * __footnotes
*/

.indent {
  left: 25px;
  position: relative;
  width: calc(100% - 50px);
}

.center-text {
  margin-top: 25px;
  text-align: center;
}


/* MENU-AND-HEADER.CSS */
body {
  overflow-y: hidden;
}

.menu .navbar-collapse {
  padding: 0 !important;
  display: none !important;
}

#menu-full-width {
  position: static;
}

.menu {
  position: static;
  background: white;
  height: 51px;
  border: none;
  border-top: 1px solid #888;
}

.menu li:hover a {
  color: #0e2c46 !important;
}

.menu li li:hover a {
  color: #a01b1b !important;
}

.menu li li:hover li a {
  color: #154c7d !important;
}

.menu li li li:hover a {
  color: #a01b1b !important;
}

.menu li li a {
  color: #2d8eea !important;
  font-size: 1.25em;
}

.menu-level-1 {
  top: 10px;
  margin-top: 10px !important;
}

.menu-level-1:after {
  position: relative;
  content: "";
  display: block;
  width: 200%;
  height: 10px;
  background: white;
  top: 2px;
}

.menu-level-2 {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 125px;
  background: rgba(238, 238, 238, 0.9);
  width: 100vw;
  padding-left: 20vw;
  padding-top: 50px;
  padding-bottom: 150px;
  opacity: 0;
  transition: 300ms;
  visibility: hidden;
}

.menu-level-2 li {
  display: block;
  float: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.menu li li {
  padding: 0 !important;
}

.menu-level-2 li a {
  display: block;
  width: 100% !important;
  height: 100%;
  padding: 5px;
  max-width: 250px;
}

.menu-level-3 {
  padding-top: 50px;
  display: none;
  position: absolute;
  left: 34vw;
  top: 0;
  bottom: 0;
  width: 67vw;
  background: rgba(200, 200, 200, .75);
  visibility: hidden;
  opacity: 1;
  transition: 100ms;
  z-index: 1000;
}

.menu-level-3 li {
  opacity: 0;
  transition: opacity 300ms;
}

.menu-level-3 li a {
  max-width: 250px;
}

.menu-2-list-item-active:hover .menu-level-3 li {
  opacity: 1;
}

.menu-level-2-active {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.menu-level-3-active {
  display: block !important;
  visibility: visible;
  opacity: 1;
  transition: 300ms;
}

.menu-level-3-list-item-active {
  display: block !important;
  margin-left: 25px;
}

.maintain-hover {
  display: block;
}

.menu li a {
  text-decoration: none;
  text-align: left;
}

.menu li a:before {
  display: none;
}

/* images */
#menu-2-image-wrapper {
  position: absolute;
  display: block;
  height: 200px !important;
  width: 500px !important;
  background: red;
  right: 35%;
  top: 50px;
  z-index: 10;
  overflow: hidden;
  border-radius: 4px;
}

#menu-2-image-wrapper img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: filter 300ms;
}

#menu-2-image-wrapper:hover img {
  filter: brightness(115%);
}

#menu-3-image-wrapper,
#menu-3-image-wrapper-2 {
  position: absolute;
  display: block;
  height: 200px !important;
  width: 300px !important;
  background: blue;
  right: 50%;
  top: 50px;
  z-index: 1000;
  overflow: hidden !important;
  border-radius: 4px;
  padding: 0 !important;
}

#menu-3-image-wrapper-2 {
  right: 20%;
}

#menu-3-image-wrapper img,
#menu-3-image-wrapper-2 img {
  display: block;
  object-fit: fill;
  width: 100%;
  height: 100%;
  transition: filter 300ms;
  position: relative;
  z-index: -1;
}

#menu-3-image-wrapper:hover img,
#menu-3-image-wrapper-2:hover img {
  filter: brightness(115%);
}

/* MENU BUTTON */
#new-menu-mobile-button {
  display: none;
  position: fixed;
  width: 45px;
  height: 45px;
  top: 15px;
  right: 15px;
  background: #515151;
  border-radius: 5px;
  cursor: pointer;
  z-index: -99;
}

#new-menu-mobile-button:hover {
  background: #1666ae;
}

#new-menu-mobile-button:hover .new-menu-mobile-button-bar {
  background: white;
}

.mobile-transparent,
.mobile-opaque {
  opacity: 0 !important;
}

.navbar-default.mobile-transparent {
  opacity: 1 !important;
}

.new-menu-mobile-button-bar {
  position: relative;
  top: 5px;
  width: 30px;
  margin: 5px auto;
  height: 5px;
  background: white;
  border-radius: 15px;
}

@media screen and (max-width: 1600px) {
  .menu-level-2 {
    padding-left: 15vw;
  }

  #menu-2-image-wrapper {
    right: 20%;
  }

  .menu-level-2 li a,
  .menu-level-3 li a {
    max-width: 200px;
  }
}

@media screen and (max-width: 1300px) {
  .menu-level-2 {
    padding-left: 5vw;
  }

  .menu-level-2 li a {
    max-width: 500px;
  }

  #menu-3-image-wrapper {
    right: 20%;
  }

  #menu-3-image-wrapper-2 {
    right: 10%;
  }

  #menu-3-image-wrapper-2 {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  #menu-2-image-wrapper {
    right: 10%;
  }

  #menu-3-image-wrapper {
    right: 10%;
  }
}

@media screen and (max-width: 991px) {
  .menu {
    height: 55px;
  }

  #menu-2-image-wrapper {
    transform: scale(0.75);
  }

  .menu-level-1:after {
    height: 17px;
  }

  .menu-level-2 {
    top: 130px;
  }

  .menu li li a {
    font-size: 1em;
  }
}

@media screen and (max-width: 850px) {
  #menu-3-image-wrapper {
    transform: scale(0.75);
  }
}

@media screen and (max-width: 767px) {
  .search {
    display: none !important;
  }
}

/* MOBILE WIDTH */
@media screen and (max-width: 767px) {
  .header-top {
    border-bottom: 1px solid #888;
  }

  .content {
    padding-top: 50px;
  }

  #new-menu-mobile-button {
    display: block;
    transition: 300ms;
  }

  .menu {
    position: fixed;
    top: 0;
    left: 100vw;
    background: white;
    border-bottom: 2px solid #333;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9999;
    padding-top: 50px !important;
    overflow: auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 25px !important;
    width: 100vw;
    height: 100vh;
    transition: 300ms;
  }

  .menu .navbar-default {
    margin-left: 0;
  }

  #menu-full-width {
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .navbar-toggle {
    display: none;
  }

  .menu-level-1 {
    width: 100%;
    background: white;
  }

  .menu-level-1 a {
    width: 100%;
  }

  .menu-level-1:after {
    display: none !important;
    height: 0 !important;
  }

  #new-menu {
    height: auto;
    background: white;
    /* border-bottom: 2px solid #333; */
  }

  .menu li {
    float: left;
    border-left: none;
    border-bottom: none;
    border-top: 0;
    padding: 0;
    display: block;
    height: auto;
  }

  .menu-level-2,
  .menu-level-3 {
    display: none !important;
  }

  .menu-level-1 {
    position: relative;
    height: 100%;
  }

  .menu-level-1 a,
  #mobile-menu-level-2 a,
  #mobile-menu-level-3 a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0 !important;
    padding-left: 20px !important;
  }

  .menu li:first-child {
    padding-left: 0;
    border-bottom: none;
  }

  #mobile-menu-level-2 li {
    position: relative;
  }

  .mobile-menu-level-1-see-more,
  #mobile-menu-level-2 li .mobile-menu-level-2-see-more {
    position: absolute;
    top: 0;
    right: 35px;
    width: 40px;
    height: 100%;
    border: 1px solid #888;
    cursor: pointer;
  }

  .mobile-menu-level-1-see-more:after,
  #mobile-menu-level-2 li .mobile-menu-level-2-see-more:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("/assets/uploads/editor/right-caret.png");
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }

  .mobile-menu-level-1-see-more:hover,
  .mobile-menu-level-2-see-more:hover {
    background: #1666ae;
  }

  .mobile-menu-level-1-see-more:hover:after,
  .mobile-menu-level-2-see-more:hover:after {
    filter: invert(100%);
  }

  #mobile-menu-level-2-category-title,
  #mobile-menu-level-3-category-title {
    position: relative;
    font-size: 1.75em;
    color: white;
    background: #1666ae;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #mobile-menu-level-2,
  #mobile-menu-level-3 {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 20px;
    opacity: 0;
    transition: 300ms;
  }

  .navbar-default {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    transition: 300ms;
  }

  .navbar-default.mobile-transparent {
    opacity: 0 !important;
  }

  .mobile-transparent {
    opacity: 0 !important;
    z-index: -999;
  }

  .mobile-opaque {
    opacity: 1 !important;
  }

  /* back buttons */
  #back-button-level-2,
  #back-button-level-3 {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  #back-button-level-2:after,
  #back-button-level-3:after {
    content: "";
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background: url("/assets/uploads/editor/left-caret-white.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }

  #mobile-menu-close-button {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35px;
    right: 40px;
    z-index: 9999999999;
    background: url("/assets/uploads/editor/close-x-white.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(70%);
    transition: 300ms;
    cursor: pointer;
  }

  .mobile-menu-close-button-invert {
    filter: invert(0%) !important;
  }

  .mobile-menu-active {
    left: 0;
  }

  .mobile-toggle-active {
    left: -100vw !important;
  }
}

/* HEADER CSS */
.menu {
  background: #fff;
}

.header-top {
  background: rgba(255, 255, 255, 1);
  padding-bottom: 5px;
}

#broken-row {
  text-align: center !important;
  padding-bottom: 0px;
}

#logo-breakout {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: 30%;
  min-width: 250px;
}

@media (min-width: 767px) {
  #logo-breakout {
    padding-left: 25px;
    margin-left: unset;
    margin-right: unset;
  }
}

.logo {
  display: inline-block;
  margin-top: 5px !important;
  width: 250px;
}

.logo img {
  display: block;
  width: 100%;
}

#broken-bootstrap {
  display: flex;
  width: 100%;
  vertical-align: top;
}

.header li {
  float: none;
  display: inline-block;
}

.top-menu {
  float: none;
  text-align: left;
  width: 100%;
  margin-top: 15px;
  padding-left: 50px;
}

.top-menu li a,
.top-menu li {
  color: #1666ae;
  border-color: #1666ae;
}

.top-menu li a:hover {
  color: rgba(22, 102, 174, 0.75);
}

/* header changes */
.top-menu li {
  border-right: none;
}

.header__top-menu {
  text-align: right;
  margin-right: 25px;
  margin-top: 7px;
}

.header__search-form {
  max-width: 250px;
  display: inline-block;
}

.header__search-bar {
  border-radius: 5px;
  border: 1.5px solid #5a9bd4 !important;
  padding: 5px 15px !important;
  width: 60% !important;
  transition: 1000ms;
}

.header__search-bar:focus {
  width: 80% !important;
  border-color: #1666AE !important;
}

#search-contact {
  display: inline-block;
  vertical-align: top;
}

.header__search-container {
  width: 50% !important;
  float: right !important;
  margin-top: 25px !important;
  min-width: 500px;
  margin-left: auto !important;
  text-align: right;
  padding-right: 25px;
  box-sizing: border-box;
  min-width: 525px;
}

.header-right-top {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: 35%;
  vertical-align: top;
  color: #1666ae;
}

.social-list {
  text-align: left;
  float: none;
  display: block;
  margin-top: 15px;
  padding-left: 50px;
}

.social-list li {
  border-color: #1666ae;
}

.social-list li a {
  color: #1666ae;
  border-color: #1666ae;
}

.social-list li a:hover {
  color: rgba(22, 102, 174, 0.75);
}

#search-contact {
  margin-bottom: 15px;
  text-align: center;
}

#search-contact span {
  display: inline-block;
  margin: 0 15px;
  font-size: 1.15em;
}

#search-contact span a {
  color: #1666ae !important;
  font-weight: 600;
}

#search-contact span a:hover {
  color: rgba(22, 102, 174, 0.75) !important;
  font-weight: 600;
}

.search {
  display: inline-block;
  width: 25%;
  float: none;
  margin: 0;
  margin-top: 0;
  position: relative;
  top: 0;
}

input.search-txt {
  width: 75%;
}

.search-btn {
  display: inline-block;
}

.search-btn i {
  color: #333;
}

#less-than-400px-logo {
  display: none;
  max-width: 100px;
}

@media screen and (max-width: 1050px) {
  .social-list {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .header-right-top {
    display: none;
  }

  .search {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  #main-logo {
    display: none;
  }

  #less-than-400px-logo {
    display: inline-block;
  }

  .header-top {
    border-bottom: 0px solid #888;
  }
}

/* ERIC.CSS */
html,
body {
  overflow-x: hidden;
}

.panel {
  border-radius: 20px;
  padding: 5px;
  text-align: left;
  background-color: #f6f6f6;
  padding: 1.5%;
}

.panel {
  line-height: 1.5;
  font-size: 20px;
  padding: 5%;
  display: none;
}

.flip {
  line-height: 1.5;
  font-size: 20px;
  border-radius: 20px;
  padding: 1%;
  text-align: center;
  background-color: #1b4164;
  color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.flip:hover {
  cursor: pointer;
  color: #000000;
  background-color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.panel-teal {
  background: #f2ddc0;
  border-radius: 20px;
  padding: 5px;
  text-align: left;
  padding: 1.5%;
  line-height: 1.5;
  font-size: 20px;
  padding: 5%;
  display: none;
}

.flip-teal {
  line-height: 1.5;
  font-size: 20px;
  border-radius: 20px;
  padding: 1%;
  text-align: center;
  background-color: #3eb0b4;
  color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.flip-teal:hover {
  cursor: pointer;
  color: #000000;
  background-color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.panel-gold {
  background: #d1e7f2;
  border-radius: 20px;
  padding: 5px;
  text-align: left;
  padding: 1.5%;
  line-height: 1.5;
  font-size: 20px;
  padding: 5%;
  display: none;
}

.flip-gold {
  line-height: 1.5;
  font-size: 20px;
  border-radius: 20px;
  padding: 1%;
  text-align: center;
  background-color: #e4b349;
  color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.flip-gold:hover {
  cursor: pointer;
  color: #000000;
  background-color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}

.spacing-header {
  display: block;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: 175%;
}

.spacing {
  line-height: 1.5;
}

.panel-header {
  display: block;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}

.uls {
  margin: 2% 0% 2% 2%;
}

.lis {
  margin: 1% 0%;
  line-height: 1.5;
}

.lis span {
  line-height: 1.5;
}

.features-benefits {
  margin: 4% auto;
}

.theader1 {
  background: #1b4164;
  color: #fff;
  width: 225px;
}

.theader2 {
  background: #e4b359;
  color: #fff;
}

.theader3 {
  background: #3eb0b4;
  color: #fff;
}

.theader1 div {
  line-height: 1.5;
  font-weight: bold;
  font-size: 125%;
  margin-left: 2%;
  font-style: italic;
}

.theader2 div {
  line-height: 1.5;
  font-weight: bold;
  font-size: 125%;
  margin-left: 2%;
  font-style: italic;
}

.theader3 div {
  line-height: 1.5;
  font-weight: bold;
  font-size: 125%;
  margin-left: 2%;
  font-style: italic;
}

.imgwrap {
  display: block;
  margin: auto;
  text-align: center;
  max-width: 500px;
}

.imgmargin {
  max-width: 100%;
  height: auto;
  margin: 4% 0;
}

figcaption {
  text-align: center;
}

.infobox {
  max-width: 800px;
  margin: 4% auto;
  padding: 3%;
  font-size: 150%;
  text-align: center;
  background-color: #efe0c3;
  line-height: 1.5;
  border: 4px solid #cccccc;
}

.textwrap {
  float: left;
}

.ifwrapper {
  text-align: center;
  width: 100%;
}

iframe {
  max-width: 690px;
  width: 690px;
  height: 388.13px;
}

@media screen and (max-width: 600px) {
  iframe {
    width: 500px;
    height: 281.25px;
  }
}

@media screen and (max-width: 500px) {
  iframe {
    width: 400px;
    height: 225px;
  }
}

@media screen and (max-width: 350px) {
  iframe {
    width: 300px;
    height: 168.75px;
  }
}

.indent1 {
  padding-left: 5px;
  line-height: 0.3em;
}

.orange-text {
  /*
            padding-left: 5px; 
            line-height: 1.5;
            color: #FF6600;
            */
  color: #ff6600;
}

.linkedin-button {
  font-family: "Roboto", sans-serif;
  display: block;
  background: #d1efff;
  height: 90px;
  width: 700px;
  text-decoration: none;
  color: #007ab9;
  margin: 2% auto;
  transition: 200ms;
  border: 2px solid #dddddd;
  box-shadow: 3px 2px 4px #aaaaaa;
}

.linkedin-button:nth-of-type(4) {
  width: 800px;
}

.linkedin-button:hover {
  background: #c9ffc9;
  transition: 500ms;
  border: 2px solid transparent;
}

.linkedin-icon {
  float: left;
  /* display: inline-block; */
  width: 15%;
}

/*
                h1, h2 {
                    display: block;
                    width: 90%;
                   vertical-align: top;
                    padding-left: 3%;
                    padding-top: .5%;
                margin: .5% 0;
                    text-align: center;
                    font-size: 2.5em !important;
                    font-weight: bold;
                    margin: 25px auto !important;
                }
                */
@media screen and (max-width: 850px) {
  .linkedin-button {
    font-size: 60%;
    width: 50%;
    height: 60px;
    min-width: 400px;
  }

  .linkedin-button:nth-of-type(4) {
    width: 55%;
  }

  .linkedin-icon {
    position: relative;
    top: 7px;
    width: 10%;
    min-width: 50px;
    padding-left: 5px;
  }

  .button-text-wrangle {
    font-size: 90%;
  }
}

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

  .linkedin-button,
  .linkedin-button:nth-of-type(4) {
    background: none;
    border: none;
    box-shadow: none;
    height: 150px;
    text-align: center;
    width: 100%;
    min-width: 0;
  }

  .linkedin-button:hover {
    border: none;
  }

  .linkedin-icon {
    display: block;
    float: none;
    margin: 2% auto;
    width: 20%;
  }

  h1,
  h2 {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

/* CLICKSTREAM BOX */
#clickstream-box {
  width: 350px;
  background: #16222a;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3a6073, #16222a);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3a6073, #16222a);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
  color: white;
  border-radius: 15px;
  transition: 500ms;
}

#clickstream-box h2 {
  margin-top: 30px;
  width: 90%;
}

#clickstream-image {
  display: block;
  width: 90%;
  max-width: 250px;
  margin: 15px auto;
  border-radius: 15px;
}

#clickstream-link {
  display: block;
  width: 250px;
  padding: 10px;
  background: white;
  margin: 15px auto;
  border-radius: 5px;
  text-decoration: none;
}

#clickstream-link:hover {
  background: #3c89a0;
  color: white;
}

#clickstream-box-close-button {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 1.5em;
  color: #a1a1a1;
  cursor: pointer;
}

#clickstream-box-close-button:hover {
  color: #ff996b;
}

.clickstream-close {
  bottom: -375px !important;
}

#clickstream-mobile-link {
  display: none;
  color: white;
  text-decoration: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 15px;
}

/* POPUP STUFF */
#clickstream-popup {
  text-align: center !important;
}

#clickstream-popup h2 {
  margin: 15px auto;
  padding: 0;
  width: 75%;
  text-align: center !important;
}

#clickstream-icon,
#clickstream-popup-icon {
  display: block;
  margin: 15px auto;
  max-width: 75px;
  margin-bottom: 0;
}

#clickstream-box .field {
  width: 75%;
  margin: 5px auto;
  color: #333;
}

#clickstream-box p,
#clickstream-popup p {
  width: 75%;
  min-width: 200px;
  margin: 0 auto;
}

#clickstream-box input.button,
#clickstream-popup input.button {
  display: block;
  background: #d05656;
  width: 50%;
  min-width: 150px;
  margin: 5px auto;
  border-radius: 15px;
  padding: 10px 5px;
  animation: buttonflash 2s infinite ease;
  border: 0 !important;
  margin-top: 10px;
  box-shadow: none !important;
}

#clickstream-popup input.button {
  animation: none;
  border: 0 !important;
  margin-top: 10px;
}

#clickstream-popup input.button:hover {
  background: #397bac;
}

@keyframes buttonflash {
  0% {
    background: #d05656;
  }

  50% {
    background: #ff8b8b;
  }

  100% {
    background: #d05656;
  }
}

#clickstream-box input.button:hover {
  background: #397bac;
  animation: none;
}

#clickstream-popup {
  position: fixed;
  width: 250px;
  top: 15%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999999;
  transition: 300ms;
  transform: scale(0);
}

#clickstream-smokescreen {
  position: fixed;
  top: -100vh;
  left: -100vw;
  width: 200vw;
  height: 200vh;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

#clickstream-popup-content {
  position: relative;
  background: #93d5ff;
  padding: 15px;
  border-radius: 15px;
  z-index: 99999999;
}

#clickstream-mobile-button {
  display: none;
}

.popup-scale {
  transform: scale(1) !important;
}

@media screen and (max-width: 800px) {
  #clickstream-box {
    max-width: 300px;
    padding: 0;
    border-radius: 0;
    transition: 500ms;
  }

  #clickstream-box:hover {
    background: #16222a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #dd9643, #a53207);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #dd9643, #a53207);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

  #clickstream-box h2,
  #clickstream-image,
  #clickstream-link,
  #clickstream-icon,
  #clickstream-box p,
  #clickstream-box form {
    display: none;
  }

  #clickstream-mobile-link {
    display: block;
  }

  /* POPUP STUFF */
  #clickstream-box {
    max-width: 300px;
    padding: 0;
    border-radius: 0;
    transition: 500ms;
  }

  #clickstream-box:hover {
    background: #16222a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #dd9643, #a53207);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #dd9643, #a53207);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

  #clickstream-mobile-button {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 30px;
    background: transparent;
    z-index: 9999999999999;
    cursor: pointer;
  }

  #clickstream-box h2,
  #clickstream-image,
  #clickstream-link,
  #clickstream-icon,
  #clickstream-box p,
  #clickstream-box form {
    display: none;
  }

  #clickstream-mobile-link {
    display: block;
  }

  #persistent-header {
    display: block !important;
    margin-bottom: 15px;
  }
}

/* END CLICKSTREAM BOX */
/* GODADDY EMAIL COLLECTION FORM */
#ema_signup_form {
  text-align: center;
  font-size: 1.5em;
}

#ema_signup_form #form-title {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 15px auto;
  color: #333;
}

#ema_signup_form #signup_email {
  display: inline-block;
  border-radius: 4px;
  box-shadow: none;
  border: 0;
  border: 1px solid black;
  padding: 5px 10px;
  font-size: 1em;
}

#ema_signup_form #signup_email:focus {
  outline: none;
  border: 1px solid #1b4164;
  box-shadow: 0 0 5px #1b4164;
}

#ema_signup_form .mimi_field,
#ema_signup_form .middle-field {
  display: inline-block;
  width: 100%;
}

#ema_signup_form .middle-field {
  width: 0px;
}

#ema_signup_form input[type="submit"] {
  font-family: "MyriadPro-Regular", sans-serif;
  background: #187e7e;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  font-size: 1em;
  box-shadow: none;
  outline: none;
  border: none;
  color: white;
  position: relative;
  bottom: 5px;
  display: inline-block;
}

#ema_signup_form input[type="submit"]:hover {
  background: #00de89;
}

#ema_signup_form .mimi_field.last h2 {
  padding: 0;
  margin: 10px 0;
}

#ema_signup_form .mimi_field.last {
  max-width: 300px;
  line-height: 1.15em;
  font-size: 18px;
}

/* END GODADDY EMAIL COLLECTION FORM */
/* SUBSCRIPT AND SUPERSCRIPT */
sub,
sup {
  font-size: 0.75em;
}

sub a,
sup a {
  font-size: inherit !important;
}

sup {
  position: relative;
  top: 0px;
}

/* GET DETAILS POPUP BOX */
#get-details-button {
  position: fixed;
  right: -300px;
  top: 30%;
  transform: rotate(90deg);
  background: #2446a2;
  padding: 15px;
  padding-top: 25px;
  font-size: 1.75em;
  color: white;
  letter-spacing: 0.75px;
  border-radius: 4px;
  cursor: pointer;
  font-family: "MyriadPro-Regular", sans-serif;
  transition: 500ms;
  z-index: 99999999999;
}

#get-details-button:hover {
  background: #0bcc5d;
}

.get-details-button-appear {
  right: -60px !important;
}

#get-details-popup-wrapper {
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  width: 75%;
  max-width: 600px;
  min-width: 300px;
  margin: auto;
  transform: scale(0);
  opacity: 0;
  transition: 500ms;
  z-index: 999999999999;
}

.get-details-popup-wrapper-appear {
  transform: scale(1) !important;
  opacity: 1 !important;
}

#get-details-popup {
  position: relative;
  background: #fc4a1a;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom right, #f7b733, #fc4a1a);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom right, #f7b733, #fc4a1a);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 25px;
  border-radius: 20px;
  text-align: center;
  z-index: 99999;
  overflow: hidden;
}

#get-details-popup:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}

#get-details-popup-content {
  position: relative;
  z-index: 9999;
}

#get-details-popup-smokescreen {
  position: absolute;
  width: 200vw;
  height: 200vh;
  top: -100vh;
  left: -100vw;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.get-details-content-button {
  display: inline-block;
  position: relative;
  z-index: 9999;
  color: white !important;
  margin: 15px;
  font-size: 1.25em;
  text-decoration: none !important;
  font-family: "MyriadPro-Regular", sans-serif;
}

.get-details-content-button:hover {
  color: white !important;
  text-decoration: none !important;
}

.get-details-content-icon {
  width: 100px;
  height: 100px;
  display: block;
  background-position: center;
  background-size: cover;
  transition: 300ms;
  margin-bottom: 15px;
}

#get-details-popup-content-main {
  position: relative;
  left: 0;
  transition: 500ms;
}

#get-details-popup-content-newsletter {
  position: absolute;
  top: 0;
  left: 150%;
  transition: 500ms;
  text-align: center;
  width: 100%;
}

#get-newsletter-back-button {
  position: absolute;
  top: 150px;
  font-size: 50px;
  cursor: pointer;
}

#get-newsletter-back-button:hover {
  filter: brightness(125%);
}

.live-chat {
  background: url("/assets/uploads/editor/icons/icons/live-chat-icon.png");
}

.live-chat:hover {
  background: url("/assets/uploads/editor/icons/icons/live-chat-icon-hover.png");
}

.get-info {
  background: url("/assets/uploads/editor/icons/icons/get-info-icon.png");
}

.get-info:hover {
  background: url("/assets/uploads/editor/icons/icons/get-info-icon-hover.png");
}

.newsletter {
  background: url("/assets/uploads/editor/icons/icons/newsletter-icon.png");
}

.newsletter:hover {
  background: url("/assets/uploads/editor/icons/icons/newsletter-icon-hover.png");
}

.live-demo {
  background: url("/assets/uploads/editor/icons/icons/live-demo-icon.png");
}

.live-demo:hover {
  background: url("/assets/uploads/editor/icons/icons/live-demo-icon-hover.png");
}

.free-trial {
  background: url("/assets/uploads/editor/icons/icons/free-trial-icon.png");
}

.free-trial:hover {
  background: url("/assets/uploads/editor/icons/icons/free-trial-icon-hover.png");
}

.quote-request {
  background: url("/assets/uploads/editor/icons/icons/quote-request-icon.png");
}

.quote-request:hover {
  background: url("/assets/uploads/editor/icons/icons/quote-request-icon-hover.png");
}

#newsletters-link {
  margin-top: 20px;
}

.newsletter-panel-newsletter {
  margin: 15px auto;
}

@media screen and (max-width: 800px) {
  #get-details-button {
    display: none;
  }

  #get-details-popup-wrapper {
    display: none;
  }
}

/* REQUEST MORE INFORMATION SECTION LIVE CHAT SUBMIT */
#reqinfo {
  position: relative;
  display: inline-block;
  width: calc(100%-150px);
}

#live-chat-button.button {
  position: relative;
  display: block;
  top: 0;
  right: 0;
  padding: 10px 20px;
  background: #2cb5aa;
  cursor: pointer;
  border-radius: 4px;
  float: right;
  top: 15px;
  text-align: center;
  font-size: 1.5em;
  font-weight: normal;
  color: #fff;
  font-family: "MyriadPro-Regular", sans-serif;
}

#live-chat-button:hover {
  background: #00de89;
  text-decoration: none !important;
  color: #fff !important;
}

.request-info-container .button {
  background: #328edc;
  box-shadow: none;
  padding: 10px 20px;
  font-family: "MyriadPro-Regular", sans-serif;
  font-size: 1.5em;
  font-weight: normal;
}

.request-info-container .button:hover {
  background: #00de89;
}

@media screen and (max-width: 500px) {
  #live-chat-button {
    display: none;
  }
}

/* HOME PAGE POPUPS */
.solution-shortcut-body a {
  text-decoration: underline !important;
}

/* GODADDY EMAIL COLLECTION FORM */
#ema_signup_form {
  text-align: center;
  font-size: 1.5em;
}

#ema_signup_form #form-title {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 15px auto;
  color: #333;
}

#ema_signup_form #signup_email {
  display: inline-block;
  border-radius: 4px;
  box-shadow: none;
  border: 0;
  border: 1px solid black;
  padding: 5px 10px;
  font-size: 1em;
}

#ema_signup_form #signup_email:focus {
  outline: none;
  border: 1px solid #1b4164;
  box-shadow: 0 0 5px #1b4164;
}

#ema_signup_form .mimi_field,
#ema_signup_form .middle-field {
  display: inline-block;
  width: 100%;
}

#ema_signup_form .middle-field {
  width: 0px;
}

#ema_signup_form input[type="submit"] {
  font-family: "MyriadPro-Regular", sans-serif;
  background: #187e7e;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  font-size: 1em;
  box-shadow: none;
  outline: none;
  border: none;
  color: white;
  position: relative;
  bottom: 5px;
  display: inline-block;
}

#ema_signup_form input[type="submit"]:hover {
  background: #00de89;
}

#ema_signup_form .mimi_field.last h2 {
  padding: 0;
  margin: 10px 0;
}

#ema_signup_form .mimi_field.last {
  max-width: 300px;
  line-height: 1.15em;
  font-size: 18px;
}

/* END GODADDY EMAIL COLLECTION FORM */
/* HEADER */
#header-search-form {
  display: inline-block;
}

#free-trial-header-button,
#how-to-header-button,
#live-chat-header-button {
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  padding: 5px 10px;
  color: white;
  font-size: 1.25em;
  background: #ff6363;
  border-radius: 4px;
}

#how-to-header-button {
  margin-right: 15px;
  background: #3fbecc;
}

#live-chat-header-button {
  background: #2cb5aa;
}

#free-trial-header-button:hover,
#how-to-header-button:hover,
#live-chat-header-button:hover {
  background: #ff6113;
  color: white !important;
}

/* END HEADER STYLES */
/* LIGHTARC.CSS */
.lightarc {
  cursor: pointer;
  position: relative;
  transition: 300ms;
  z-index: 99;
}

.lightarc:hover {
  filter: brightness(105%);
}

.lightarc-white {
  background: white;
}

#lightarc-box {
  position: fixed;
  top: 0;
  left: -300vw;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background: rgba(51, 51, 51, 0.75);
  z-index: 99999999999999;
  transition: 300ms opacity;
  overflow: auto;
  cursor: pointer;
}

#lightarc-box-close {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 25px;
  right: 50px;
  border-radius: 6px;
  overflow: hidden;
}

#lightarc-box-close:after {
  content: "X";
  font-size: 3em;
  color: #333;
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
  text-align: center;
}

#lightarc-box-close:hover:after {
  color: crimson;
  background: rgba(255, 255, 255, 1);
}

#lightarc-box-image,
#lightarc-box-video {
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  object-fit: contain;
  width: 90%;
  /* max-width: 1200px; */
  z-index: 99999999999999;
}

#lightarc-box-image,
#lightarc-box-video {
  position: fixed;
  opacity: 0;
  left: -300vw;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  transition: 300ms opacity;
}

.lightarc-box-engaged,
.lightarc-box-image-engaged,
.lightarc-box-video-engaged {
  left: 0 !important;
  opacity: 1 !important;
}

.lightarc-box-image-engaged,
.lightarc-box-video-engaged {
  width: 90% !important;
  max-width: 1200px !important;
  top: 10% !important;
  max-height: 80vh;
}

/* NEW-STYLE.CSS */
/* NEW-STYLE.CSS      
    VERSION 1.0
    UPDATED: 16 JAN 2018
    AUTHOR: ERIC */
/* **** 
    ** THIS FILE COVERS MOST OF THE STYLE CHANGES FOR THE 2018
    ** REDO OF THE IRI.COM MAIN WEBSITE.
    ** IT CONTAINS ALL OF THE STYLES USED ON PAGES
    ** EXCEPT FOR JAVASCRIPT-DEPENDENT SCRIPTS -
    ** THOSE WILL HAVE THEIR OWN CSS FILES IF APPLICABLE
    **** */
/* ****
    GENERIC PAGE TEMPLATE:
    <section id="generic-main-content">
        <div class="[color]-width(-top)">
            <div class="container-wrapper">
                <div class="container-full">
                    <div class="container-content">
                        <!-- IF LEFT/RIGHT SECTIONS -->
                        <div class="inner-container-wrapper">
                            <div class="container-left">
                                <img />
                            </div>
                            <div class="container-right">
                                <div class="container-content">
                                    <!-- STUFF -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    NOTES: 
    ONLY USE inner-container-wrapper IF THE THE CONTENTS
    ARE container-right AND container-left, OTHERWISE
    IT IS COMPLETELY UNNECESSARY
    **** */
/* DIRECTORY */
/* II. MAIN PRODUCT PAGE STYLES
    III. MAIN GENERIC PAGE STYLES
    IV. MUTUAL STILES
    I. SITEWIDE STYLES
    A. COLOR STYLES */
/* I. SITEWIDE STYLES */
/* HEADER */
#generic-main-content code {
  font-size: inherit !important;
}

#clickstream-box {
  display: none !important;
}

#phone-button {
  position: relative;
}

#phone-button:before {
  content: "+1.321.777.8889";
  font-size: 1.05em;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 5px;
  width: 125px;
  height: 25px;
  background: white;
  border: 1px solid #888;
  color: #333;
  opacity: 0;
  z-index: -9999999;
  transition: 300ms opacity;
}

#phone-button:hover:before {
  z-index: 999999999;
  opacity: 1;
}

/* ONLY FOR SOLUTIONS PAGE */
.content-data .container .row div a img {
  border-radius: 50%;
}

/* HOME PAGE */
@media only screen and (max-width: 1199px) and (min-width: 992px) {

  .main-slider .david-text h1,
  .main-slider .david-text h2 {
    font-size: 1.5em;
    line-height: 1em;
  }
}

/* IA COLOR STYLES */
/* UIGRADIENTS */
#product-main-page .orange-fun,
#generic-main-content .orange-fun,
.orange-fun {
  background: #fc4a1a;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fc4a1a, #f7b733);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fc4a1a, #f7b733);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .orange-fun-button:hover,
#generic-main-content .orange-fun-button:hover,
.orange-fun-button:hover {
  color: #fc4a1a !important;
}

#product-main-page .mango,
#generic-main-content .mango,
.mango {
  background: #f09819;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #edde5d, #f09819);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #edde5d, #f09819);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .mango-button:hover,
#generic-main-content .mango-button:hover,
.mango-button:hover {
  color: #f09819 !important;
}

#product-main-page .martini,
#generic-main-content .martini,
.martini {
  background: #fdfc47;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24fe41, #fdfc47);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24fe41, #fdfc47);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .martini-button:hover,
#generic-main-content .martini-button:hover,
.martini-button:hover {
  color: #fdfc47 !important;
}

#product-main-page .sweet-morning,
#generic-main-content .sweet-morning,
.sweet-morning {
  background: #ff5f6d;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ffc371, #ff5f6d);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ffc371, #ff5f6d);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .sweet-morning-button:hover,
#generic-main-content .sweet-morning-button:hover,
.sweet-morning-button:hover {
  color: #ff5f6d !important;
}

#product-main-page .visions-of-grandeur,
#generic-main-content .visions-of-grandeur,
.visions-of-grandeur {
  background: #000046;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #1cb5e0, #000046);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #1cb5e0, #000046);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .visions-of-grandeur-button:hover,
#generic-main-content .visions-of-grandeur-button:hover,
.visions-of-grandeur-button:hover {
  color: #000046 !important;
}

#product-main-page .slight-ocean-view,
#generic-main-content .slight-ocean-view,
.slight-ocean-view {
  background: #a8c0ff;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3f2b96, #a8c0ff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3f2b96, #a8c0ff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .slight-ocean-view-button:hover,
#generic-main-content .slight-ocean-view-button:hover,
.slight-ocean-view-button:hover {
  color: #a8c0ff !important;
}

#product-main-page .quepal,
#generic-main-content .quepal,
.quepal {
  background: #11998e;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #38ef7d, #11998e);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #38ef7d, #11998e);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .quepal-button:hover,
#generic-main-content .quepal-button:hover,
.quepal-button:hover {
  color: #34e67f !important;
}

#product-main-page .meridian,
#generic-main-content .meridian,
.meridian {
  background: #283c86;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #45a247, #283c86);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #45a247, #283c86);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .meridian-button:hover,
#generic-main-content .meridian-button:hover,
.meridian-button:hover {
  color: #283c86 !important;
}

#product-main-page .lawrencium-one-way,
#generic-main-content .lawrencium-one-way,
.lawrencium-one-way {
  background: #0f0c29;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24243e, #302b63);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24243e, #302b63);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .lawrencium-one-way-button:hover,
#generic-main-content .lawrencium-one-way-button:hover,
.lawrencium-one-way-button:hover {
  color: #0f0c29 !important;
}

#product-main-page .purplepine,
#generic-main-content .purplepine,
.purplepine {
  background: #20002c;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #cbb4d4, #20002c);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #cbb4d4, #20002c);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .purplepine-button:hover,
#generic-main-content .purplepine-button:hover,
.purplepine-button:hover {
  color: #20002c !important;
}

#product-main-page .dark-skies,
#generic-main-content .dark-skies,
.dark-skies {
  background: #4b79a1;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #283e51, #4b79a1);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #283e51, #4b79a1);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .dark-skies-button:hover,
#generic-main-content .dark-skies-button:hover,
.dark-skies-button:hover {
  color: #4b79a1 !important;
}

#product-main-page .terminal,
#generic-main-content .terminal,
.terminal {
  background: #000000;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #0f9b0f, #000000);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #0f9b0f, #000000);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .terminal-button:hover,
#generic-main-content .terminal-button:hover,
.terminal-button:hover {
  color: #000000 !important;
}

#product-main-main .orca,
#generic-main-page .orca,
.orca {
  background: #44a08d;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #093637, #44a08d);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #093637, #44a08d);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .orca-button:hover,
#generic-main-page .orca-button:hover,
.orca-button:hover {
  color: #44a08d !important;
}

#product-main-page .scooter,
#generic-main-page .scooter,
.scooter {
  background: #36d1dc;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #5b86e5, #36d1dc);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #5b86e5, #36d1dc);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .scooter-button:hover,
#generic-main-page .scooter-button:hover,
.scooter-button:hover {
  color: #36d1dc !important;
}

#product-main-page .pure-lust,
#generic-main-page .pure-lust,
.pure-lust {
  background: #333333;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #dd1818, #333333);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #dd1818, #333333);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* #product-main-page .pure-lust-button:hover,
    #generic-main-page .pure-lust-button:hover,
    .pure-lust-button:hover {
        
    } */
#product-main-page .sunrise,
#generic-main-page .sunrise,
.sunrise {
  background: #ff512f;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #f09819, #ff512f);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #f09819, #ff512f);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .sunrise-button:hover,
#generic-main-page .sunrise-button:hover,
.sunrise-button:hover {
  color: #ff512f !important;
}

#product-main-page .kyoto,
#generic-main-page .kyoto,
.kyoto {
  background: #c21500;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #ffc500, #c21500);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ffc500, #c21500);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .kyoto-button:hover,
#generic-main-page .kyoto-button:hover,
.kyoto-button:hover {
  color: #c21500 !important;
}

#product-main-page .kashmir,
#generic-main-page .kashmir,
.kashmir {
  background: #614385;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #516395, #614385);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #516395, #614385);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .kashmir-button:hover,
#generic-main-page .kashmir-button:hover,
.kashmir-button:hover {
  color: #614385 !important;
}

#product-main-page .royal,
#generic-main-page .royal,
.royal {
  background: #141E30;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #243B55, #141E30);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #243B55, #141E30);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .royal-button:hover,
#generic-main-page .royal-button:hover,
.royal-button:hover {
  color: #141E30 !important;
}

#product-main-page .deep-space,
#generic-main-page .deep-space,
.deep-space {
  background: #000000;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #434343, #000000);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #434343, #000000);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#product-main-page .deep-space-button:hover,
#generic-main-page .deep-space-button:hover,
.deep-space-button:hover {
  color: #000000 !important;
}

/* SINGLE COLORS */
#product-main-page .purple,
#generic-main-content .purple,
.purple {
  background: #7040be !important;
}

#product-main-page .purple-button:hover,
#generic-main-content .purple-button:hover,
.purple-button:hover {
  color: #7040be !important;
  border: 2px solid #7040be !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .salmon,
#generic-main-content .salmon,
.salmon {
  background: #fbbdbd !important;
}

#product-main-page .salmon-button:hover,
#generic-main-content .salmon-button:hover,
.salmon-button:hover {
  color: #fbbdbd !important;
  border: 2px solid #fbbdbd !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .blue,
#generic-main-content .blue,
.blue {
  background: #4045be !important;
}

#product-main-page .blue-button:hover,
#generic-main-content .blue-button:hover,
.blue-button:hover {
  color: #4045be !important;
  border: 2px solid #4045be !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .mid-blue,
#generic-main-content .mid-blue,
.mid-blue {
  background: #407fbe;
}

#product-main-page .mid-blue-button:hover,
#generic-main-content .mid-blue-button:hover,
.mid-blue-button:hover {
  color: #407fbe !important;
  border: 2px solid #407fbe !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .green,
#generic-main-content .green,
.green {
  background: #2aa546 !important;
}

#product-main-page .green-button:hover,
#generic-main-content .green-button:hover,
.green-button:hover {
  color: #2aa546 !important;
  border: 2px solid #2aa546 !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .pastel-green,
#generic-main-content .pastel-green,
.pastel-green {
  background: #00ffa5;
}

#product-main-page .pastel-green-button:hover,
#generic-main-content .pastel-green-button:hover,
.pastel-green-button:hover {
  color: #00ffa5 !important;
  border: 2px solid #00ffa5 !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .orange,
#generic-main-content .orange,
.orange {
  background: #e5672f !important;
}

#product-main-page .orange-button:hover,
#generic-main-content .orange-button:hover,
.orange-button:hover {
  color: #e5672f !important;
  border: 2px solid #e5672f !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .red,
#generic-main-content .red,
.red {
  background: #e24242 !important;
}

#product-main-page .red-button:hover,
#generic-main-content .red-button:hover,
.red-button:hover {
  color: #e24242 !important;
  border: 2px solid #e24242 !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .white,
#generic-main-content .white,
.white {
  background: #fff !important;
}

#product-main-page .white-button:hover,
#generic-main-content .white-button:hover,
.white-button:hover {
  color: #1666ae !important;
  background: rgba(255, 255, 255, 0.75) !important;
}

#product-main-page .mindaro,
#generic-main-content .mindaro,
.mindaro {
  background: #ddfc99 !important;
}

#product-main-page .mindaro-button:hover,
#generic-main-content .mindaro-button:hover,
.mindaro-button:hover {
  color: #ddfc99 !important;
  border: 2px solid #ddfc99 !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .hit-pink,
#generic-main-content .hit-pink,
.hit-pink {
  background: #ffa584 !important;
}

#product-main-page .hit-pink-button:hover,
#generic-main-content .hit-pink-button:hover,
.hit-pink-button:hover {
  color: #ffa584 !important;
  border: 2px solid #ffa584 !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .periwinkle,
#generic-main-content .periwinkle,
.periwinkle {
  background: #c4d0ff !important;
}

#product-main-page .periwinkle-button:hover,
#generic-main-content .periwinkle-button:hover,
.periwinkle-button:hover {
  color: #c4d0ff !important;
  border: 2px solid #c4d0ff !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .anakiwa,
#generic-main-content .anakiwa,
.anakiwa {
  background: #a9d8fc !important;
}

#product-main-page .anakiwa-button:hover,
#generic-main-content .anakiwa-button:hover,
.anakiwa-button:hover {
  color: #a9d8fc !important;
  border: 2px solid #a9d8fc !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .onahau,
#generic-main-content .onahau,
.onahau {
  background: #bffcff !important;
}

#product-main-page .onahau-button:hover,
#generic-main-content .onahau-button:hover,
.onahau-button:hover {
  color: #bffcff !important;
  border: 2px solid #bffcff !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .melrose,
#generic-main-content .melrose,
.melrose {
  background: #b9afff !important;
}

#product-main-page .melrose-button:hover,
#generic-main-content .melrose-button:hover,
.melrose-button:hover {
  color: #b9afff !important;
  border: 2px solid #b9afff !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .pattens-purple,
#generic-main-content .pattens-purple,
.pattens-purple {
  background: #dbe4ff !important;
}

#product-main-page .pattens-purple-button:hover,
#generic-main-content .pattens-purple-button:hover,
.pattens-purple-button:hover {
  color: #dbe4ff !important;
  border: 2px solid #dbe4ff !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .mauve,
#generic-main-content .mauve,
.mauve {
  background: #e3afff !important;
}

#product-main-page .mauve-button:hover,
#generic-main-content .mauve-button:hover,
.mauve-button:hover {
  color: #e3afff !important;
  border: 2px solid #e3afff !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .perfume,
#generic-main-content .perfume,
.perfume {
  background: #e9c9fc !important;
}

#product-main-page .perfume-button:hover,
#generic-main-content .perfume-button:hover,
.perfume-button:hover {
  color: #e9c9fc !important;
  border: 2px solid #e9c9fc !important;
  background: white !important;
  font-weight: bold !important;
}

#product-main-page .purple-chalk,
#generic-main-content .purple-chalk,
.purple-chalk {
  background: #f2ddff !important;
}

#product-main-page .purple-chalk-button:hover,
#generic-main-content .purple-chalk-button:hover,
.purple-chalk-button:hover {
  color: #f2ddff !important;
  border: 2px solid #f2ddff !important;
  background: white !important;
  font-weight: bold !important;
}

/* END COLOR STYLES */
#product-main-page .contain,
#generic-main-content .contain,
.contain {
  object-fit: contain !important;
}

#product-main-page .cover,
#generic-main-content .cover,
.cover {
  object-fit: cover !important;
}

#product-main-page .boxes-wrapper,
#generic-main-content .boxes-wrapper,
.boxes-wrapper {
  text-align: center;
  margin-top: 50px;
}

#product-main-page .boxes-wrapper img,
#generic-main-content .boxes-wrapper img,
.boxes-wrapper img {
  width: 100%;
}

#product-main-page .box,
#generic-main-content .box,
.box {
  padding: 25px;
}

#product-main-page .box-half,
#generic-main-content .box-half,
.box-half {
  display: inline-block;
  width: 45%;
  margin: 15px;
  min-width: 250px;
}

#product-main-page .box-third,
#generic-main-content .box-third,
.box-third {
  display: inline-block;
  width: 30%;
  margin: 15px;
  min-width: 250px;
}

#product-main-page .box-quarter,
#generic-main-content .box-quarter,
.box-quarter {
  display: inline-block;
  width: 20%;
  margin: 15px;
  min-width: 250px;
}

#product-main-page .border-radius-50-percent,
#generic-main-content .border-radius-50-percent,
.border-radius-50-percent {
  border-radius: 50%;
}

#product-main-page .link-image,
#generic-main-content .link-image,
.link-image {
  display: block;
  margin: 0 auto !important;
  width: 50%;
}

#product-main-page .image-link-block,
#generic-main-content .image-link-block,
.image-link-block {
  display: block;
  margin: 0 auto !important;
}

#product-main-page .image-link-block img,
#generic-main-content .image-link-block img,
.image-link-block img {
  width: 100%;
}

#product-main-page .valign-top,
#generic-main-content .valign-top,
.valign-top,
.valign-top {
  vertical-align: top !important;
}

#product-main-page .seventy-five-percent,
#generic-main-content .seventy-five-percent,
.image-size-75-percent,
.seventy-five-percent {
  width: 75% !important;
  min-width: 300px !important;
}

#product-main-page .fifty-percent,
#generic-main-content .fifty-percent,
.image-size-50-percent,
.fifty-percent {
  width: 50% !important;
  min-width: 300px !important;
}

#product-main-page .margin-top-50px,
#generic-main-content .margin-top-50px,
.margin-top-50px {
  margin-top: 50px !important;
}

#product-main-page .margin-top-25px,
#generic-main-content .margin-top-25px,
.margin-top-25px {
  margin-top: 25px !important;
}

#product-main-page .margin-top-0px,
#generic-main-content .margin-top-0px,
.margin-top-0px {
  margin-top: 0px !important;
}

#product-main-page .margin-bottom-50px,
#generic-main-content .margin-bottom-50px,
.margin-bottom-50px {
  margin-bottom: 50px !important;
}

#product-main-page .margin-bottom-25px,
#generic-main-content .margin-bottom-25px,
.margin-bottom-25px {
  margin-bottom: 25px !important;
}

#product-main-page .height-150-px,
#generic-main-content .height-150-px,
.height-150-px {
  height: 150px !important;
}

#product-main-page .height-100px,
#generic-main-content .height-100px,
.height-100px,
#product-main-page .height-100-px,
#generic-main-content .height-100-px,
.height-100-px {
  height: 100px !important;
}

#product-main-page .margin-top-bottom-50px,
#generic-main-content .margin-top-bottom-50px,
.margin-top-bottom-50px {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

#product-main-page .no-bottom-padding,
#generic-main-content .no-bottom-padding,
.no-bottom-padding {
  padding-bottom: 0 !important;
}

#product-main-page .one-em,
#generic-main-content .one-em,
.one-em {
  font-size: 1em !important;
}

#product-main-page .special-box,
#generic-main-content .special-box,
.special-box {
  border: 2px solid #555;
  border-radius: 4px;
  padding: 25px;
  width: 75%;
  min-width: 750px;
  margin: 50px auto;
  font-style: italic;
  color: #555;
}

#product-main-page .width-100-percent,
#generic-main-content .width-100-percent,
.width-100-percent {
  width: 100% !important;
}

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

  #product-main-page .fifty-percent,
  #generic-main-content .fifty-percent,
  .fifty-percent,
  .image-size-50-percent {
    max-width: 300px !important;
    min-width: 0 !important;
  }
}

/* FOR AN IMAGE DIRECTLY BELOW A HEADLINE */
#product-main-page .headline-image,
#generic-main-content .headline-image,
.headline-image {
  display: block;
  margin: 0 auto !important;
  width: 90%;
  max-width: 500px;
  padding: 25px 0 0 0;
}

#product-main-page .vertical-align-top,
#generic-main-content .vertical-align-top,
.vertical-align-top {
  vertical-align: top !important;
}

#product-main-page .block-center,
#generic-main-content .block-center,
.block-center {
  display: block;
  margin: 0 auto;
}

/* II. PRODUCT PAGE STYLES */
#product-main-page {
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
  font-family: "Lato", sans-serif;
  position: relative;
  top: 100px;
}

/* PRODUCT PAGE STYLES */
#product-main-page .plain-width-top,
#product-main-page .plain-width,
#product-main-page .gray-width {
  padding: 3% 0 !important;
}

#product-main-banner {
  position: relative;
  height: 300px;
}

#product-main-banner img {
  position: absolute;
  display: block;
  object-fit: cover;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#product-banner-message {
  position: relative;
  top: 75px;
  left: 50px;
  width: 80%;
  height: 80%;
  margin: 0 auto;
}

#product-banner-message h2 {
  font-size: 2.5em;
  color: white;
  text-shadow: 0 0 5px #333, 0 0 5px #333, 0 0 5px #333, 0 0 5px #333, 0 0 5px #333, 0 0 5px #333, 0 0 5px #333;
  padding-left: 0;
  padding-bottom: 25px;
}

#product-banner-message h1 {
  font-size: 2em;
  color: white;
  text-shadow: 0 0 4px #333, 0 0 5px #333, 0 0 5px #333, 0 0 6px #333;
}

#product-banner-message p {
  font-size: 1.75em;
  color: white;
  text-shadow: 0 0 4px #333, 0 0 5px #333, 0 0 5px #333, 0 0 6px #333;
  padding-left: 50px;
}

#product-banner-cta {
  position: absolute;
  right: 25%;
  bottom: 15%;
  display: block;
  width: 200px;
  font-size: 1.25em;
  border: 1px solid #333;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  padding: 15px;
  text-align: center;
  color: #1666ae !important;
  transition: 200ms;
}

#product-banner-cta:hover {
  background: rgba(255, 255, 255, 0.75);
  transition: 300ms;
}

@media screen and (max-width: 980px) {
  #product-banner-message {
    left: 0;
    font-size: 14px;
  }
}

@media screen and (max-width: 800px) {
  .header-right-top {
    display: none;
  }

  .search {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #product-main-page {
    top: -35px;
  }

  #new-product-content {
    top: 95px;
  }
}

@media screen and (max-width: 700px) {
  #product-banner-cta {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10%;
  }
}

@media screen and (max-width: 600px) {
  #product-banner-message {
    top: 25px;
    font-size: 12px;
  }

  #product-banner-message p {
    padding-left: 0;
  }
}

@media screen and (max-width: 400px) {
  #product-main-page {
    top: -50px;
  }
}

@media screen and (max-width: 285px) {
  #product-main-page {
    top: -65px;
  }
}

@media screen and (max-width: 275px) {
  #product-banner-cta {
    bottom: 10%;
  }
}

#product-main-page .subbanner h2 {
  font-size: 32px !important;
  text-align: left !important;
  padding: 25px;
  padding-left: 100px;
  padding-right: 100px;
  color: white;
}

#product-main-page .subbanner h2 a {
  position: relative;
  top: -9px;
  float: right;
  /* display: inline-block; */
  margin: 0 0 0 auto;
  padding: 10px;
  border: 2px solid white;
  color: white;
  font-size: 0.75em;
  vertical-align: middle;
}

#product-main-page .subbanner h2 a:hover {
  background: white;
  color: #2f2a5f;
  border-color: transparent;
}

@media screen and (max-width: 1350px) {
  #product-main-page .subbanner h2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 1175px) {
  #product-main-page .subbanner h2 {
    font-size: 1.35em !important;
  }

  #product-main-page .subbanner h2 a {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 930px) {
  #product-main-page .subbanner h2 {
    text-align: center !important;
  }

  #product-main-page .subbanner h2 a {
    float: none;
    display: block;
    position: static;
    width: 250px;
    margin: 15px auto;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
  }
}

/* LEFT RIGHT SECTIONS */
#product-main-page .container-wrapper {
  font-size: 0;
  margin-bottom: 50px !important;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#product-main-page .container-left,
#product-main-page .container-right,
#product-main-page .container-full {
  font-size: 18px;
}

#product-main-page .container-wrapper h2 {
  font-size: 42px;
  text-align: center;
  font-weight: bold !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#product-main-page .container-left h2,
#product-main-page .container-right h2 {
  font-size: 32px !important;
}

#product-main-page .container-left,
#product-main-page .container-right {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 18px;
  padding: 15px;
  min-width: 250px;
}

#product-main-page .container-left h3,
#product-main-page .container-right h3 {
  text-align: center;
  font-size: 1.25em !important;
}

#product-main-page .container-full p,
#product-main-page .container-left p,
#product-main-page .container-right p {
  font-size: 1.15em !important;
  line-height: 1.35em;
}

#product-main-page .container-left img,
#product-main-page .container-right img,
#product-main-page .container-right iframe,
#product-main-page .container-left iframe {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 25px;
  /* TEST */
  width: 75%;
}

#product-main-page .container-left a,
#product-main-page .container-right a {
  font-size: 1.15em;
}

#product-main-page .container-content {
  margin: 0 auto;
  width: 75%;
}

#product-main-page .container-content h2 {
  text-align: left !important;
  margin: 0 !important;
}

#product-main-page .container-left .voracity-docs-wrapper,
#product-main-page .container-right .voracity-docs-wrapper {
  margin: 0;
}

#product-main-page .container-left .voracity-doc-wrapper,
#product-main-page .container-right .voracity-doc-wrapper {
  min-width: 0;
}

#product-main-page .container-left .voracity-doc-wrapper img,
#product-main-page .container-right .voracity-doc-wrapper img {
  width: 85%;
  min-width: 100px;
}

#product-main-page .container-full .container-content h2 {
  /* text-align: center !important; */
  text-align: center;
  width: 100%;
}

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

  #product-main-page .container-left,
  #product-main-page .container-right {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  #product-main-page .container-left img,
  #product-main-page .container-right img {
    width: 100%;
  }

  #product-main-page .container-left .voracity-doc-wrapper,
  #product-main-page .container-right .voracity-doc-wrapper {
    min-width: 150px;
  }
}

@media screen and (max-width: 767px) {
  #product-main-page .container-wrapper {
    width: 90% !important;
    margin-top: 50px !important;
  }

  #product-main-page .container-left,
  #product-main-page .container-right,
  #product-main-page .container-full {
    font-size: 16px !important;
  }

  /* #product-main-page .container-wrapper h2 {
            font-size: 1.5em !important;
        } */
  .tab-container .tab-content {
    padding-top: 0;
  }

  #product-main-page .container-content {
    width: 100% !important;
  }

  #product-main-page .container-left img,
  #product-main-page .container-right img,
  #product-main-page .container-right iframe,
  #product-main-page .container-left iframe {
    width: 100% !important;
  }
}

@media screen and (max-width: 450px) {
  #product-main-page .container-wrapper a {
    display: block;
    text-align: center;
  }
}

/* USE CASES */
#product-main-page .use-cases-wrapper {
  text-align: center;
  margin-top: 25px;
}

#product-main-page .use-case-wrapper {
  display: inline-block;
  width: 25%;
  margin: 25px;
  vertical-align: top;
  min-width: 300px;
}

#product-main-page .use-case-wrapper h3 {
  font-size: 1.25em;
}

#product-main-page .use-case-wrapper img {
  display: block;
  width: 300px;
  height: 200px;
  object-fit: cover;
  margin: 15px auto;
  border-radius: 5px;
  margin-bottom: 25px;
}

@media screen and (max-width: 1350px) {
  #product-main-page .use-case-wrapper {
    min-width: 200px;
  }

  #product-main-page .use-case-wrapper img {
    width: 200px;
  }
}

@media screen and (max-width: 970px) {
  #product-main-page .use-case-wrapper {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    min-width: 275px;
  }

  #product-main-page .use-case-wrapper img {
    width: 75%;
    min-width: 275px;
  }
}

/* INFO BOXES */
#product-main-page .info-boxes-wrapper {
  text-align: center;
  margin-top: 25px;
  margin-top: 50px;
}

#product-main-page .info-box-wrapper {
  padding: 25px;
  color: white;
}

#product-main-page .info-box-wrapper-half {
  display: inline-block;
  width: 45%;
  margin: 15px;
  vertical-align: top;
  min-width: 300px;
}

#product-main-page .info-box-wrapper-third {
  display: inline-block;
  width: 25%;
  margin: 15px;
  vertical-align: top;
  min-width: 300px;
}

#product-main-page .info-box-wrapper h3 {
  font-size: 1.75em;
}

#product-main-page .info-box-wrapper img {
  display: block;
  width: 300px;
  height: 200px;
  object-fit: cover;
  margin: 15px auto;
  border-radius: 5px;
  margin-bottom: 25px;
}

#product-main-page .info-box-wrapper ul {
  margin: 15px auto;
}

#product-main-page .info-box-wrapper ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}

#product-main-page .info-box-wrapper a {
  display: block;
  color: white;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid white;
  background: transparent;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-purple a:hover {
  display: block;
  color: #7040be !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #7040be;
  background: white;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-blue a:hover {
  display: block;
  color: #4045be !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #4045be;
  background: white;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-light-blue a:hover {
  display: block;
  color: #407fbe !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #407fbe;
  background: white;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-green a:hover {
  display: block;
  color: #2aa546 !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #2aa546;
  background: white;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-orange a:hover {
  display: block;
  color: #e5672f !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #e5672f;
  background: white;
  font-weight: bold;
}

#product-main-page .info-box-wrapper-red a:hover {
  display: block;
  color: #e24242 !important;
  padding: 7px;
  width: 150px;
  margin: 0 auto;
  border: 2px solid #e24242;
  background: white;
  font-weight: bold;
}

@media screen and (max-width: 1350px) {
  #product-main-page .info-box-wrapper {
    min-width: 200px;
  }

  #product-main-page .info-box-wrapper img {
    width: 200px;
  }
}

@media screen and (max-width: 970px) {
  #product-main-page .info-box-wrapper {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    min-width: 275px;
  }

  #product-main-page .info-box-wrapper img {
    width: 75%;
    min-width: 275px;
  }
}

/* PRODUCT LINKS */
/* use if multiple product link boxes */
#product-main-page .product-links-outer-wrapper,
#generic-main-content .product-links-outer-wrapper {
  text-align: center;
  margin-top: 50px;
}

#product-main-page .product-links-wrapper,
#generic-main-content .product-links-wrapper {
  text-align: center;
  margin-top: 50px;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  min-width: 275px;
}

#product-main-page .box-half,
#generic-main-content .box-half {
  display: inline-block;
  width: 45%;
  margin: 15px;
}

#product-main-page .product-link-wrapper,
#generic-main-content .product-link-wrapper {
  display: inline-block !important;
  width: 150px;
  margin: 15px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  padding: 10px;
}

#product-main-page .product-link-wrapper:hover,
#generic-main-content .product-link-wrapper:hover {
  filter: brightness(110%);
  background: rgba(255, 255, 255, 0.9);
}

#generic-main-content .product-link-wrapper:hover {
  color: #333 !important;
  text-decoration: none !important;
}

#product-main-page .product-link-wrapper img,
#generic-main-content .product-link-wrapper img {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  object-fit: cover;
  width: 130px;
  height: 150px;
}

#product-main-page .airplane-graphic,
#generic-main-content .airplane-graphic {
  width: 135px;
  object-position: left;
}

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

  #product-main-page .product-links-wrapper,
  #generic-main-content .product-links-wrapper {
    display: block;
    width: 75%;
    margin: 15px auto;
  }
}

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

  #product-main-page .product-links-wrapper,
  #generic-main-content .product-links-wrapper {
    width: 100%;
    padding: 15px;
  }
}

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

  #product-main-page .product-link-wrapper,
  #generic-main-content .product-link-wrapper {
    display: block !important;
    margin: 15px auto;
    width: 50%;
    min-width: 250px;
  }

  #product-main-page .product-link-wrapper img,
  #generic-main-content .product-link-wrapper img {
    display: block;
    margin: 15px auto;
    width: 100%;
  }
}

/* VORACITY USERS POPUP */
#voracity-users-popup,
#product-users-popup {
  position: fixed;
  top: 100px;
  width: 50%;
  min-width: 275px;
  border-radius: 10px;
  background: #ffffff;
  border: 2px solid #777;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  padding-top: 50px;
  left: -200vw;
  opacity: 0;
  transition: 500ms opacity;
}

.voracity-users-popup-engaged,
.product-users-popup-engaged {
  z-index: 99999999 !important;
  left: 0 !important;
  opacity: 1 !important;
}

#voracity-users-popup-close,
#product-users-popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.5em;
  transition: 300ms;
  cursor: pointer;
}

#voracity-users-popup-close:hover,
#product-users-popup-close:hover {
  color: #ff2929;
}

#voracity-users-popup-content-wrapper,
#product-users-popup-content-wrapper {
  overflow-y: auto;
  max-height: 600px;
}

#voracity-users-popup-content-wrapper h2,
#product-users-popup-content-wrapper h2 {
  text-align: center;
  font-size: 2em;
  width: 100% !important;
}

#voracity-users-popup-content-wrapper ul,
#product-users-popup-content-wrapper ul {
  margin-top: 25px !important;
  padding-left: 25px;
  padding-right: 25px;
}

#voracity-users-popup-content-wrapper ul li,
#product-users-popup-content-wrapper ul li {
  padding-top: 7px;
  list-style-type: disc;
}

#voracity-users-popup-content-wrapper img,
#product-users-popup-content-wrapper img {
  display: block;
  width: 100%;
  margin: 15px auto;
}

#voracity-users-popup-content-wrapper .product-popup-link-button,
#product-users-popup-content-wrapper .product-popup-link-button {
  display: block;
  width: 200px;
  padding: 15px;
  text-align: center;
  border: 2px solid #888;
  margin: 25px auto !important;
  margin-top: 50px;
}

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

  #voracity-users-popup,
  #product-users-popup {
    width: 90%;
    top: 50px;
  }

  #voracity-users-popup-content-wrapper,
  #product-users-popup-content-wrapper {
    max-height: 400px;
  }
}

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

  #voracity-users-popup,
  #product-users-popup {
    top: 25px;
  }

  #voracity-users-popup-content-wrapper,
  #product-users-popup-content-wrapper {
    max-height: 300px;
  }
}

#product-main-page .product-link-wrapper span {
  display: block;
  text-align: center;
  font-size: 1em !important;
  font-weight: bold !important;
}

/* Blog link box */
.blog-link-wrapper {
  height: auto;
}

.blog-link-image-wrapper {
  display: block;
  width: 100%;
}

.blog-link-image {
  height: 150px;
}

.blog-link-snippet-wrapper {
  display: block;
  width: 100%;
}

/* III. GENERIC PAGE STYLES */
/* ADD A WRAPPER TO CONTENT WITH id="generic-main-content"
    ** PUT INSIDE OF IT container-wrapper
    ** INSIDE OF container-wrapper, PUT container-full
    ** INSIDE OF container-full, PUT container-content
    ** inner-container-wrapper NORMALIZES SIZE
    ** INSIDE inner-container-wrapper, INCLUDE container-left/container-right */
.container-wrapper__subsection-title {
  font-weight: bold;
  margin: 50px 0 25px 0 !important;
}

#generic-main-content .container-wrapper {
  font-size: 0;
  margin-bottom: 50px !important;
  margin-left: auto;
  margin-right: auto;
}

#generic-main-content .inner-container-wrapper,
._content .inner-container-wrapper {
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  margin-top: 25px;
}

#generic-main-content .container-wrapper .inner-container-wrapper:last-of-type {
  margin-bottom: 0;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-background-gray {
  background: #f4f4f4;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-product {
  position: relative;
  border-top: 1px solid #ddd;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-product:nth-of-type(1) {
  margin-top: 50px !important;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-product:after {
  content: "";
  position: absolute;
  width: 150px;
  height: 50px;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 4px;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-cosort:after {
  background: url("/assets/uploads/editor/photos/cosort-banner-small.jpg");
  background-position: center;
  background-size: cover;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-fact:after {
  background: url("/assets/uploads/editor/photos/fact-banner-small.jpg");
  background-position: center;
  background-size: cover;
}

#generic-main-content .inner-container-wrapper.ic-wrapper-nextform:after {
  background: url("/assets/uploads/editor/photos/nextform-banner-small.jpg");
  background-position: center;
  background-size: cover;
}

.inner-container-wrapper__container {
  vertical-align: top;
}

.inner-container-wrapper__container--third {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.15rem;
}

.inner-container-wrapper__container--ta-center {
  text-align: center;
}

@media (min-width: 1100px) {
  .inner-container-wrapper__container--third {
    display: inline-block;
    width: calc(100% / 3);
  }
}

#generic-main-content .container-left,
#generic-main-content .container-right,
#generic-main-content .container-full,
._content .container-left,
._content .container-right,
._content .container-full {
  font-size: 18px;
}

#generic-main-content .container-full {
  text-align: left !important;
}

#generic-main-content .container-wrapper h2 {
  /* font-size: 42px; */
  font-size: 1.75em;
  text-align: center;
  font-weight: bold !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#generic-main-content .container-left h2,
#generic-main-content .container-right h2 {
  font-size: 32px !important;
}

#generic-main-content .container-left,
#generic-main-content .container-right,
._content .container-left,
._content .container-right {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 18px;
  padding: 15px;
  min-width: 250px;
  text-align: left !important;
}

#generic-main-content .container-full>h2,
#generic-main-content .container-full>.container-content>h2 {
  width: 100% !important;
  padding: 0 !important;
  text-align: center;
  padding-bottom: 25px !important;
}

#generic-main-content .container-full h3,
#generic-main-content .container-left h3,
#generic-main-content .container-right h3 {
  text-align: center;
  font-size: 1.15em;
  line-height: 1.35em;
}

#generic-main-content .container-left p,
#generic-main-content .container-right p,
#generic-main-content .container-left li,
#generic-main-content .container-right li ._content .container-left p,
._content .container-right p ._content .container-left li,
._content .container-right li {
  font-size: 1.15em !important;
  line-height: 1.35em;
}

#generic-main-content .center {
  text-align: center !important;
}

#generic-main-content .container-left.font-size-2em p,
#generic-main-content .container-left.font-size-2em li,
#generic-main-content .container-right.font-size-2em p,
#generic-main-content .container-right.font-size-2em li {
  font-size: 2em !important;
}

#generic-main-content .container-left.font-size-1em p,
#generic-main-content .container-left.font-size-1em li,
#generic-main-content .container-right.font-size-1em p,
#generic-main-content .container-right.font-size-1em li {
  font-size: 1em !important;
}

#generic-main-content .container-left-normal,
#generic-main-content .container-right-normal {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 18px;
  padding: 15px;
  min-width: 250px;
  text-align: left !important;
}

#generic-main-content .container-left-normal p,
#generic-main-content .container-right-normal p,
#generic-main-content .container-left-normal li,
#generic-main-content .container-right-normal li {
  font-size: 1em;
  line-height: 1.35em;
}

#generic-main-content .container-full p,
#generic-main-content .container-full li {
  font-size: 1em;
  line-height: 1.5em !important;
}

#generic-main-content .container-left img,
#generic-main-content .container-right img,
#generic-main-content .container-right iframe,
#generic-main-content .container-left iframe,
._content .container-left img,
._content .container-right img,
._content .container-left iframe,
._content .container-right iframe {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 25px;
  /* TEST */
  /*  width: 75%; */
}

#generic-main-content .container-full a,
#generic-main-content .container-left a,
#generic-main-content .container-right a,
._content .container-right a,
._content .container-left a,
._content .container-full a {
  /* font-size: 1em !important; */
  font-size: inherit;
  font-weight: inherit;
}

#generic-main-content .container-content {
  margin: 0 auto;
}

#generic-main-content .container-content h2 {
  margin: 0 !important;
  width: 100% !important;
  /* padding-bottom: 25px !important; */
}

#generic-main-content .container-full .container-content h2 {
  text-align: center;
  width: 100%;
}

#generic-main-content .aside {
  font-size: 18px;
  margin: 50px auto;
  color: #555 !important;
  font-style: italic;
}

#generic-main-content .aside p {
  font-size: 1.5em;
  color: inherit !important;
  line-height: 1.5em;
  text-align: center;
}

#generic-main-content .vertical-align-top {
  vertical-align: top;
}

#generic-main-content .text-align-right {
  text-align: right;
}

#generic-main-content .block-image {
  display: block;
  width: 50%;
  max-width: 500px;
  min-width: 250px;
  margin: 25px auto;
}

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

  #generic-main-content .container-left,
  #generic-main-content .container-right,
  #generic-main-content .container-left-normal,
  #generic-main-content .container-right-normal {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #generic-main-content .container-left img,
  #generic-main-content .container-right img {
    width: 100%;
  }

  #generic-main-content .container-left .voracity-doc-wrapper,
  #generic-main-content .container-right .voracity-doc-wrapper {
    min-width: 150px;
  }
}

@media screen and (max-width: 767px) {
  #generic-main-content .container-wrapper {
    width: 90% !important;
    margin-top: 50px !important;
  }

  #generic-main-content .container-left,
  #generic-main-content .container-right,
  #generic-main-content .container-full,
  #generic-main-content .container-left-normal,
  #generic-main-content .container-right-normal {
    font-size: 16px !important;
  }

  #generic-main-content .container-wrapper h2,
  #generic-main-content .container-left-normal h2,
  #generic-main-content .container-right-normal h2 {
    font-size: 1.5em !important;
  }

  #generic-main-content .container-content {
    width: 100% !important;
  }

  #generic-main-content .container-left img,
  #generic-main-content .container-right img,
  #generic-main-content .container-right iframe,
  #generic-main-content .container-left iframe {
    width: 100% !important;
  }
}

@media screen and (max-width: 450px) {
  #generic-main-content .inner-container-wrapper a {
    /* display: block; */
    text-align: center;
  }
}

/*
    .content-resources-wrapper {
      margin-top: 50px;
      padding-top: 50px;
      border-top: 1px solid #ccc;
    } 
    */
.content-resources {
  margin-top: 50px;
  text-align: center;
}

.content-resources ul {
  vertical-align: top;
  display: inline-block;
  text-align: left;
  width: 35%;
  min-width: 250px;
  margin-left: 100px;
}

.content-resource-header {
  font-weight: bold;
  list-style-type: none !important;
  margin-left: -50px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1025px) {
  .content-resources ul {
    display: block;
    margin: 15px auto;
  }
}

@media screen and (max-width: 767px) {
  .content-resource-header {
    margin-left: 0;
  }
}

/* COREECTIONS */
#generic-main-content .infobox {
  font-size: 1em !important;
}

/* IV. MUTUAL STYLES */
/* ASIDE BAR */
#product-main-page .aside-bar,
.aside-bar {
  width: 80%;
  margin: 50px auto;
}

#generic-main-content .aside-bar,
.aside-bar {
  width: 100%;
  margin: 50px auto;
}

#product-main-page .aside-bar h2,
#generic-main-content .aside-bar h2,
.aside-bar h2 {
  font-size: 32px !important;
  text-align: left !important;
  padding: 25px;
  color: white !important;
}

#product-main-page .aside-bar h2 a,
#generic-main-content .aside-bar h2 a,
.aside-bar h2 a {
  position: relative;
  top: -9px;
  float: right;
  /* display: inline-block; */
  margin: 0 0 0 auto !important;
  padding: 10px;
  border: 2px solid white;
  color: white;
  font-size: 0.75em;
  vertical-align: middle;
}

#product-main-page .aside-bar h2 a:hover,
#generic-main-content .aside-bar h2 a:hover,
.aside-bar h2 a:hover {
  background: white;
  color: #2f2a5f;
  border-color: transparent;
  text-decoration: none;
}

#generic-main-content .aside-bar h2 a,
.aside-bar h2 a {
  top: 0px;
  font-size: 0.75em !important;
}

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

  #generic-main-content .aside-bar,
  #product-main-page .aside-bar,
  .aside-bar {
    width: 100%;
  }
}

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

  #generic-main-content .aside-bar h2,
  .aside-bar h2 {
    font-size: 1.35em !important;
  }

  #generic-main-content .aside-bar h2 a,
  .aside-bar h2 a {
    top: -9px;
  }
}

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

  #generic-main-content .aside-bar h2,
  #product-main-page .aside-bar h2,
  .aside-bar h2 {
    font-size: 1.35em !important;
  }

  #product-main-page .aside-bar h2 a,
  .aside-bar h2 a {
    font-size: 0.9em;
  }
}

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

  #generic-main-content .aside-bar h2,
  .aside-bar h2 {
    text-align: center !important;
  }

  #generic-main-content .aside-bar h2 a,
  .aside-bar h2 a {
    float: none;
    display: block;
    position: static;
    width: 250px;
    margin: 15px auto;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
  }
}

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

  #generic-main-content .aside-bar h2,
  #product-main-page .aside-bar h2,
  .aside-bar h2 {
    text-align: center !important;
  }

  #generic-main-content .aside-bar h2 a,
  #product-main-page .aside-bar h2 a,
  .aside-bar h2 a {
    float: none;
    display: block;
    position: static;
    width: 250px;
    margin: 15px auto;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center;
  }
}

.aside-bar--100-t-margin {
  margin-top: 100px !important;
}

/* resources */
#generic-main-content .resources {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #ccc;
}

#generic-main-content .resources ul {
  margin: auto;
  width: 50%;
  min-width: 250px;
}

/* MODERN BOXES CSS */
.bullet-section-wrapper {
  text-align: center;
  padding: 25px 0;
}

.bullet-wrapper {
  display: inline-block;
  text-align: left;
  box-shadow: -2px 2px 2px 4px #cacaca;
  width: 30%;
  max-width: 400px;
  min-width: 300px;
  margin: 25px 50px;
  vertical-align: top;
}

.bullet-title {
  background: #fbe2ff;
}

.bullet-title h2 {
  font-size: 1.25em !important;
  padding: 10px 0;
  padding-left: 20px;
  margin: 0 !important;
  text-align: left !important;
}

.bullet-items {
  padding: 10px 0;
}

.bullet-items ul {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  padding: 15px !important;
}

.bullet-items li {
  padding-left: 50px !important;
  font-size: 1.15em !important;
  text-indent: -1em !important;
  list-style: none !important;
  margin: 5px 0 !important;
}

.spanning {
  line-height: 1.5;
}

.andmore {
  text-align: center;
  line-height: 1.5;
  margin: 0 auto;
}

.total-data li {
  padding-left: 60px;
  text-indent: -1em;
}

@media screen and (max-width: 812px) {
  .bullet-section-wrapper {
    text-align: left;
  }

  .bullet-wrapper {
    width: 95%;
    max-width: none;
    min-width: none;
    margin: 25px 0;
    margin-left: 5px;
  }
}

@media screen and (max-width: 709px) {
  .total-data {
    display: block;
  }
}

.edition-need {
  font-size: 36px;
}

.edition-wrapper {
  text-align: center;
}

.product-options-wrapper {
  text-align: center;
  margin: 25px 0;
}

.product-box-wrapper {
  display: inline-block;
  margin: 25px 50px;
  width: 30%;
  max-width: 400px;
  min-width: 300px;
  box-shadow: 1px 2px 2px 2px #6d6d6d;
  vertical-align: top;
}

.product-intro {
  text-align: center;
  background: #eeeeee;
  margin: 0;
  padding: 0;
}

.product-intro h2 {
  font-size: 24px;
  padding: 10px 0;
  margin: 0 !important;
}

.product-features {
  background: #dddddd;
  margin: 0;
  padding: 10px;
}

.product-features p:nth-of-type(1) {
  padding-left: 25px;
}

.product-features p {
  margin: 0;
  line-height: 1.5;
  font-size: 20px;
  text-align: left;
  padding-left: 50px;
}

.product-description {
  background: white;
  padding: 20px 0;
}

.product-description p {
  width: 90%;
  margin: 0;
  padding: 5px;
  font-size: 18px;
  padding-left: 25px;
  text-align: left;
}

.blog-description {
  display: block;
  padding-top: 20px;
}

@media screen and (max-width: 820px) {
  .product-box-wrapper {
    width: 95%;
    max-width: 100vw;
    margin: 25px 0;
  }

  .product-intro {
    width: 100%;
    max-width: 1000px;
    margin: 0;
  }

  .product-intro h2 {
    text-align: left;
    padding-left: 35px;
  }
}

.voracity-bullet,
.cosort-bullet {
  background: #bcd7ff;
}

.fact-bullet {
  background: #f9d4ca;
}

.fieldshield-bullet {
  background: #d8e6cb;
}

.rowgen-bullet {
  background: #fdf9c3;
}

.nextform-bullet {
  background: #fbe2ff;
}

.inner {
  overflow: hidden;
}

.editions-wrapper {
  text-align: center;
  margin-top: 50px;
  margin: 50px;
}

.edition-wrapper {
  display: inline-block;
  width: 40%;
  min-width: 300px;
  max-width: 500px;
  border-radius: 5px;
  border: 1px solid #444;
  vertical-align: top;
  overflow: hidden;
  margin: 25px;
}

.edition-title {
  border-bottom: 5px solid #fff;
  padding: 15px;
  font-size: 1.5em;
  color: #3B4752;
}

.edition-price {
  border-bottom: 1px solid #333;
  padding: 15px;
  font-size: 1.35em;
  background: #333;
  color: #FFF;
}

.dollar-sign {
  font-size: .5em !important;
  vertical-align: top;
}

.edition-price h3 {
  font-weight: normal;
}

.edition-price h3 a {
  color: white;
}

.edition-description {
  padding: 15px;
  background: #3b4752;
}

.edition-description h3 {
  position: relative;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 1.25em;
  color: #FFF;
  margin-bottom: 15px;
}

.edition-description h3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 75%;
  height: 1px;
  background: #5d656d;
}

.edition-description ul li {
  position: relative;
  padding: 10px 0;
  color: #fff;
}

.edition-description ul li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 25%;
  min-width: 75px;
  height: 1px;
  background: #5d656d;
}

.edition-description ul li:last-of-type:after {
  display: none;
}

.edition-description .learn-more {
  display: block;
  width: 200px;
  margin: 25px auto;
  padding: 15px;
  font-size: 1.25em;
  background: white;
  color: #dd7513;
  border-radius: 5px;
  transition: 300ms;
  border: 1px solid transparent;
}

.edition-description .learn-more:hover {
  background: #3B4752;
  color: white;
  border: 1px solid #fff;
}

@media screen and (max-width: 1025px) {
  .editions-wrapper {
    margin: 0;
    margin-top: 25px;
  }

  .edition-wrapper {
    width: 100%;
    min-width: 250px;
    margin: 25px 0;
  }
}

/* iframes */
.calendly-inline-widget iframe {
  width: 100%;
  max-width: 2000px;
  margin: 25px auto;
  min-height: 750px;
}

.centered-list-item {
  position: relative;
  display: block;
  margin: 5px auto !important;
  padding: 0;
  line-height: 0;
  text-align: left;
  width: 300px;
  padding-left: 15px;
}

.centered-list-item:before {
  content: "";
  position: absolute;
  left: -25px;
  top: -10px;
  background: url("/assets/uploads/editor/icons/features.png");
  width: 25px;
  height: 25px;
  background-size: cover;
  background-position: center;
}

.prominent-h3 {
  font-weight: bold;
  font-size: 1.5em !important;
  margin-top: 0 !important;
  margin-bottom: 50px !important;
}

.prominent-h3--t-margin-50px {
  margin-top: 50px !important;
}

.iframeox {
  width: 50%;
  margin: 25px auto;
  min-width: 275px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.quotebox {
  border: 1px solid #aaa;
  border-radius: 5px;
  background: rgba(255, 255, 255, .75);
  padding: 15px;
  max-width: 600px;
  margin: 25px auto;
  font-style: italic;
}

@media screen and (max-width: 900px) {
  .etl-breaker {
    display: none;
  }
}

.etl-hr {
  display: block;
  margin: 50px 0 !important;
}

/* CONTENTPANEL.CSS [DEPRECATED] */
/* CONTENTPANEL.CSS
        FOR USE WITH CONTENTPANEL.JS */
#content-panel {
  position: fixed;
  bottom: -75vh;
  left: 0;
  right: 0;
  margin: auto;
  height: 75vh;
  z-index: 999999999999999;
  background: #ffffff;
  width: 100vw;
  max-width: 1500px;
  border: 2px solid #333;
  border-bottom: none;
  transition: 300ms ease-in-out;
}

.content-panel-active {
  bottom: 0 !important;
}

#content-panel-close-bar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: white;
  height: 30px;
  z-index: 9999999;
  padding-top: 15px;
  padding-right: 15px;
}

#content-panel-close {
  position: absolute;
  right: 0;
  font-size: 2em;
  z-index: 9999999;
  cursor: pointer;
  transition: 300ms;
}

#content-panel-close:hover {
  color: #dd0000;
}

#content-panel-tabs {
  display: inline-block;
  width: 400px;
  padding-left: 0;
  padding-top: 25px;
  border-right: 1px solid #999;
  height: 100%;
  vertical-align: top;
  overflow: auto;
  background: white;
}

#content-panel-tabs::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

.content-panel-tab {
  position: relative;
  list-style-type: none !important;
  padding: 15px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
}

.content-panel-tab:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #999;
  bottom: 0;
  left: 0;
}

.content-panel-tab-active {
  background: #1666ae;
  color: white;
}

#content-panel-content {
  position: relative;
  display: inline-block;
  width: calc(100% - 425px);
  vertical-align: top;
  padding: 25px;
  text-align: center;
}

.content-panel-inner-content {
  position: absolute;
  display: inline-block;
  width: 75%;
  min-width: 600px;
  text-align: left;
  max-height: 70vh;
  overflow: auto;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: 300ms;
  top: 500px;
  padding-top: 25px;
  visibility: hidden;
}

.content-panel-inner-content-active {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.content-panel-inner-content a {
  font-size: inherit;
}

.content-panel-inner-content a:hover {
  font-size: inherit;
}

.content-panel-inner-content p {
  font-size: 1.5em;
  line-height: 1.5em;
}

.content-panel-inner-content::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

#mobile-panel-tab-reveal-button {
  display: none;
}

@media screen and (max-width: 1500px) {
  #content-panel {
    border-left: none;
    border-right: none;
  }
}

@media screen and (max-width: 1075px) {
  #content-panel-close-bar {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: white;
    height: 30px;
    z-index: 9999999;
    padding-top: 15px;
    padding-right: 15px;
  }

  #content-panel-close {
    position: absolute;
    right: 15px;
    font-size: 2em;
    z-index: 9999999;
    cursor: pointer;
    transition: 300ms;
    background: white;
  }

  #content-panel-tabs {
    width: 250px;
  }

  #content-panel-content {
    width: calc(100% - 285px);
  }

  .content-panel-inner-content {
    padding-top: 35px;
    padding-left: 25px;
    min-width: 250px;
    width: 100%;
  }

  .content-panel-inner-content p {
    font-size: 1.25em;
    line-height: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  #content-panel-tabs {
    position: absolute;
    left: -250px;
    transition: 300ms;
    z-index: 999999999;
  }

  #content-panel-close-bar {
    height: 50px;
  }

  #content-panel-close {
    right: 25px;
  }

  #content-panel-content {
    width: 100%;
    margin: 0 auto;
  }

  .content-panel-inner-content {
    width: 80%;
    margin: 0 auto;
    min-width: 0;
    padding: 0;
    padding-top: 45px;
  }

  .content-panel-inner-content h2 {
    display: block;
    text-align: center;
  }

  #mobile-panel-tab-reveal-button {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    font-size: 2em;
    border: 1px solid #888;
    border-radius: 3px;
    cursor: pointer;
  }

  #tab-reveal-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(-90deg);
    top: 5px;
    transition: 300ms;
  }

  #mobile-panel-tab-reveal-button:hover #tab-reveal-icon {
    color: #3e9abc;
  }

  .mobile-content-panel-tabs-active {
    left: 0 !important;
  }
}

/* ACTIVECONTENTPANEL.CSS */
.content-panel-wrapper {
  margin: 50px 0;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 25px 15px;
  overflow: hidden;
  background: #f5f5f5;
}

.content-panel-menu {
  padding-left: 0 !important;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
        supported by Chrome and Opera */
}

.content-panel-menu-top {
  text-align: center;
  font-size: 0;
}

.content-panel-menu li {
  display: inline-block;
  font-size: 18px !important;
  padding: 15px 5px;
  width: 20%;
  min-width: 137px;
  border: 1px solid #777;
  cursor: pointer;
}

.content-panel-menu li:hover {
  background: #ddd;
}

.content-panel-button-active {
  background: #1666ae !important;
  color: #fff;
}

.content-panel-content-wrapper {
  position: relative;
  max-width: 800px;
  margin: 25px auto;
  margin-top: 50px;
}

.content-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  visibility: hidden;
  opacity: 0;
  transition: 300ms;
}

.content-panel-content-first-active {
  position: relative;
}

.content-panel-content-active {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 1048px) {
  .content-panel-menu li {
    width: 33%;
  }

  .fieldshield-breaker {
    display: none;
  }
}

@media screen and (max-width: 880px) {
  .content-panel-menu li {
    width: 50%;
  }
}

/* ACCORDION.CSS */
/* ACCORDION */
.accordion-wrapper {
  margin: 50px auto;
}

.accordion-wrapper-100-width {
  width: 100%;
}

.accordion-wrapper-75-width {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  min-width: 275px;
}

.accordion-tab {
  padding: 15px;
  border: 1px solid #74a9ff;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Standard syntax */
  background: #1666ae;
  color: #fff;
  transition: 300ms;
}

.nested-accordion-tab {
  border: 1px solid #1ca5a5;
  background: #187b7b;
}

.accordion-content-wrapper {
  height: 0;
  transition: height 300ms;
  overflow: hidden;
  background: #fff5e8;
}

.accordion-tab:hover {
  filter: brightness(115%);
}

.accordion-content-wrapper .accordion-content-wrapper {
  background: #f8f8f8;
}

.accordion-content-wrapper-active.resized {
  height: auto !important;
}

.accordion-tab-title--font-size-larger {
  font-size: 1.25em;
  line-height: 1.35em;
}

.accordion-content {
  padding: 25px 15px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.accordion-content-wrapper hr {
  margin: 50px 0 !important;
}

.accordion-dropdown-bar-wrapper {
  position: relative;
  display: inline-block;
  bottom: 7px;
  left: 10px;
  font-weight: bold;
  color: #444;
}

.accordion-dropdown-bar {
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 5px;
  background: #fff;
}

.accordion-dropdown-bar-wrapper .accordion-dropdown-bar:first-of-type {
  position: absolute;
}

.accordion-dropdown-bar-wrapper .accordion-dropdown-bar:last-of-type {
  position: absolute;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 300ms;
}

.accordion-dropdown-bar-wrapper .accordion-dropdown-bar-active {
  transform: rotate(180deg) !important;
}

.accordion-tab__title--125rem {
  font-size: 1.25rem;
}

.accordion-content--115rem {
  font-size: 1.15rem;
}

.accordion-wrapper--no-margin {
  margin: 0;
}

/* BEM Styles */
/* _generic-page */
.generic-page {
  font-size: 18px;
}

.generic-page p {
  font-size: 1em;
  line-height: 1.5em !important
}

.generic-page h2 {
  color: #444;
  font-weight: bold;
  padding-bottom: 25px;
  font-size: 1.75em !important;
  margin-top: 25px !important;
  text-align: center;
}

/* _overview */
.overview {
  display: inline-block;
}

.overview--flex {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-evenly;
}

.overview * {
  box-sizing: border-box;
}

.overview__card {
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  background: #eaeaea;
  padding: 15px 25px;
  text-align: left;
  margin: 5px;
  vertical-align: top;
}

.overview__card--red {
  background: #ffe9e9;
}

.overview__card--green {
  background: #ebffe9;
}

.overview__card--clouds {
  background: #ECE9E6;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f2f0ea, #f7f0e9);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.overview__card--zinc {
  background: #d0d0d0;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #d0d0d0);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #d0d0d0);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.overview__card--deep {
  background: #0F2027;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(180deg, #2C5364, #203A43, #0F2027);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(180deg, #2C5364, #203A43, #0F2027);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #FFF !important;
}

.overview__card--deep h2 {
  color: #FFF !important;
}

.overview__card--deep a {
  color: #26e8c3 !important;
}

@media (min-width: 1000px) {
  .overview__card {
    width: 45%;
    margin: 15px;
  }

  .overview__card--75-width {
    flex-basis: 75%;
    flex-grow: 9999;
  }

  .overview__card--20-width {
    flex-basis: 20%;
    flex-grow: 1;
  }
}

.overview__card p {
  line-height: 1.45em !important;
}

.overview__card li {
  line-height: 1.45em !important;
  margin: 5px 0;
}

.overview__card h2 {
  text-align: left;
  font-size: 1.25em !important;
  padding-bottom: 0;
  margin-top: 5px !important;
}

.overview__quiz {
  width: 100%;
  text-align: left;
  margin-top: 25px;
}

/* _headline-logo */
.headline-logo {
  width: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

@media (min-width: 975px) {
  .headline-logo {
    display: inline;
    vertical-align: middle;
    margin-right: 1rem;
  }
}

/* _paragraph-text */
.paragraph-text__center {
  text-align: center;
}

.paragraph-text__175rem {
  font-size: 1.75rem !important;
}

/* _btn-wrapper */
.btn-wrapper {
  display: inline-block;
  width: 100%;
  margin: 3rem auto;
  text-align: center;
}

.btn--pricequote {
  display: inline-block;
  width: 200px;
  /*                                            height: 60px;*/
  padding: 20px 5px;
  text-align: center;
  color: #FFF;
  background: #E0560C;
  font-size: 18px;
  border-radius: 5px;
  font-family: Raleway, sans-serif;
  transition: .6s;
  overflow: hidden;
  letter-spacing: .05em;
  font-weight: bold;
}

.btn--pricequote:hover {
  text-decoration: none !important;
  color: white !important;
  font-size: 18px;
  background: #1666AE;
  font-weight: bold;
  font-family: Raleway, sans-serif;
}

/* _related-content */
.related-content {
  text-align: center;
  box-sizing: border-box;
  margin-top: 25px;
}

@media (min-width: 1000px) {
  .related-content {
    padding-left: 15%;
  }
}

@media (min-width: 1200px) {
  .related-content {
    padding-left: 15%;
  }
}

.related-content__list-wrapper {
  display: inline-block;
  width: 49.5%;
  vertical-align: top;
  min-width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .related-content__list-wrapper {
    width: 40%;
  }
}

.related-content__list {
  text-align: left;
}

.related-content__title {
  position: relative;
  margin-bottom: 10px;
  left: -30px;
  list-style: none !important;
  font-weight: bold;
}

/* _footline */
.footline {
  margin-top: 5rem;
  padding-top: 1rem;
  font-size: .75rem;
  border-top: 1px solid #ccc;
}

/* _placard */
.placard {
  width: 75%;
  min-width: 250px;
  margin: 3rem auto;
  max-width: 700px;
  padding: 2rem;
  font-style: italic;
  box-sizing: border-box;
  color: #ddd;
  border-radius: 5px;
  background: #0f0c29;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24243e, #302b63);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24243e, #302b63);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.placard--no-italic {
  font-style: normal;
}

.placard a {
  color: #ef6f2a !important;
}

.placard a:hover {
  color: #3db0b4 !important;
}

.placard__attribution {
  text-align: right;
}

/* _accordion */
.accordion-wrapper--no-margin {
  margin: 0;
}

/* _assorted */
.inner-container__v-align-top {
  vertical-align: top !important;
}

.b-padding-0 {
  padding-bottom: 0 !important;
}

/* _ds-features */
.ds-features__wrapper {
  text-align: center;
}

.ds-features__box {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #FFF;
  text-align: left;
  border-radius: 6px;
  padding-top: 15px;
  overflow: hidden;
  box-shadow: 3px 3px 3px #aaa;
}

@media (min-width: 475px) {
  .ds-features__box {
    width: 30%;
    min-width: 450px;
  }
}

.ds-features__title {
  font-size: 1.75rem !important;
  text-align: left !important;
  padding-left: 25px;
  padding-bottom: 5px;
  color: #555 !important;
}

.ds-features__subtitle {
  background: #151036;
  color: hsl(248, 54%, 90%) !important;
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal !important;
}

.ds-features__content {
  padding: 25px;
}

@media (min-width: 475px) {
  .ds-features__content {
    padding: 15px 45px;
  }
}

.ds-features__list-title {
  position: relative;
  font-weight: bold;
  display: block;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.ds-features__list-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  min-width: 175px;
  height: 1px;
  background: hsl(248, 54%, 90%);
  opacity: .5;
}

.ds-features__list-item {
  margin: 5px;
  display: inline-block;
  width: 20%;
  min-width: 150px;
}

.ds-features__btn {
  text-align: center;
  width: 200px;
  background: #FFF;
  display: inline-block;
  padding: 15px;
  font-size: 1.25rem;
  border-radius: 5px;
  color: #dd7513;
  margin-bottom: 10px;
}

.ds-features__carousel {
  position: relative;
  height: 125px;
}

@media (min-width: 355px) {
  .ds-features__carousel {
    height: 100px;
  }
}

.ds-features__carousel-item {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
}

.ds-features__carousel-item--active {
  opacity: 1;
  visibility: visible;
}

.ds-features__carousel-buttons {
  margin-top: 15px;
  text-align: center;
}

@media (min-width: 475px) {
  .ds-features__carousel-buttons {
    text-align: left;
  }
}

.ds-features__carousel-button {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  border-radius: 50%;
  background: #151036;
  opacity: .25;
  cursor: pointer;
}

.ds-features__carousel-button--active {
  opacity: 1 !important;
}

.ds-features__btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 475px) {
  .ds-features__btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

/* _support-boxes */
.support-boxes {
  text-align: center;
  margin: 25px auto;
}

.support-boxes__box {
  display: inline-block;
  width: 45%;
  min-width: 200px;
  box-sizing: border-box;
  background: #eee;
  padding: 15px;
  margin: 15px 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #aaa;
}

@media (min-width: 1250px) {
  .support-boxes__box {
    width: 22%;
  }
}

.support-boxes__title {
  font-style: italic;
  font-weight: bold;
}

.support-boxes__icon {
  display: block;
  margin: 15px auto 25px auto;
  filter: invert(25%);
}

.support-boxes__btn {
  display: block;
  margin: 10px auto !important;
  padding: 10px 5px;
  background: #addddd;
  width: 75%;
  min-width: 170px;
  border-radius: 5px;
  background: #1666AE;
  color: #FFF;
  transition: 300ms;
}

.support-boxes__btn:hover {
  text-decoration: none !important;
  color: #FFF !important;
  background: #E0560C;
}

.support-boxes__btn--red {
  background: #e51010;
}

.btn--support {
  display: block;
  margin-left: 50px !important;
  text-align: center;
  width: 200px;
  border-radius: 5px;
  background: #119b11;
  padding: 15px 5px;
  color: #FFF !important;
  transition: 300ms;
}

.btn--support:hover {
  text-decoration: none !important;
  color: #FFF !important;
  background: #E0560C;
}

/* _fade-info */
.fade-info {
  position: relative;
  text-align: center;
  margin-top: 50px;
}

.fade-info--margin-b-50 {
  margin-bottom: 50px;
}

.fade-info__button {
  position: relative;
  display: inline-block;
  width: 45%;
  font-size: 1.25rem;
  padding: 15px;
  min-width: 200px;
  margin: 5px;
  border-radius: 2px;
  box-sizing: border-box;
  background: #1666AE;
  color: #FFF;
  box-shadow: 2px 2px 2px #777;
  transition: opacity 500ms ease-out, visibility 500ms ease-out, background 500ms;
  cursor: pointer;
  vertical-align: top;
  line-height: 1.15em;
}

.fade-info__button:hover {
  box-shadow: none;
  background: #E0560C;
}

@media (min-width: 450px) {
  .fade-info__button {
    font-size: 1.5rem;
  }
}

@media (min-width: 1000px) {
  .fade-info__button {
    font-size: 1.75rem;
    min-width: 250px;
  }
}

@media (min-width: 975px) {
  .fade-info__button {
    width: 20%;
  }
}

.fade-info__button--half {
  width: 45%;
  min-width: 250px;
}

.fade-info__button--third {
  width: 30%;
  min-width: 250px;
}

.fade-info__button--hold {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}

.fade-info__button--inactive {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  display: none;
}

.fade-info__content-wrapper {
  position: relative;
  width: 80%;
  max-width: 800px;
  min-width: 150px;
  margin: 0 auto;
}

.fade-info__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms, visibility 500ms;
}

.fade-info__content--hold {
  position: relative;
}

.fade-info__content--active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition-delay: 1000ms;
}

.fade-info__content h3 {
  font-size: 2rem !important;
  font-weight: bold;
  color: #1666AE !important;
}

.fade-info__content h4 {
  font-size: 1.75rem !important;
  font-weight: bold;
  color: #555 !important;
  text-align: left;
}

.fade-info__close {
  position: absolute;
  top: -25px;
  right: -25px;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
  font-family: lato, sans-serif;
  font-size: 1.5rem;
  color: #777;
  cursor: pointer;
  padding: 15px;
}

.fade-info__close:hover {
  color: #E51010;
}

.fade-info__close--active {
  opacity: 1;
  visibility: visible;
  transition: color 300ms, opacity 500ms 1000ms;
}

.fade-info__link-button {
  display: block !important;
  margin: 25px auto !important;
  padding: 15px !important;
  background: #E0560C;
  border-radius: 5px;
  width: 150px;
  color: #FFF !important;
  text-align: center;
  font-weight: bold;
  transition: 300ms;
}

.fade-info__link-button:hover {
  text-decoration: none !important;
  background: #1666AE;
}

/* _voracity-fade-info */
.voracity-fade-info {
  position: relative;
  text-align: center;
}

.voracity-fade-info__box {
  display: inline-block;
  width: 45%;
  min-width: 240px;
  margin: 5px auto;
  box-sizing: border-box;
  padding: 25px;
  background: #1666AE;
  color: #FFF;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #aaa;
  vertical-align: middle;
  transition: background 500ms, opacity 500ms, visibility 500ms;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}

@media (min-width: 600px) {
  .voracity-fade-info__box {
    min-width: 400px;
    margin: 15px;
  }
}

.voracity-fade-info__box--inactive {
  opacity: 0;
  visibility: 0;
}

.voracity-fade-info__box--display-none {
  display: none;
}

.voracity-fade-info__box:hover {
  background: #E0560C;
}

.voracity-fade-info__pseudo-button {
  width: 200px;
  padding: 15px;
  font-size: 1.15em !important;
  font-size: bold !important;
  background: #ead803;
  margin: auto;
  display: inline-block;
  border-radius: 5px;
  color: #1666AE;
}

.voracity-fade-info__content-wrapper {
  position: relative;
  text-align: left;
  width: 80%;
  margin: 15px auto;
  max-width: 800px;
  transition: 500ms;
}

.voracity-fade-info__content-wrapper--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.voracity-fade-info__content {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
}

.voracity-fade-info__content--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.voracity-fade-info__content h2 {
  color: #1666AE;
}

.voracity-fade-info__close {
  position: absolute;
  right: -25px;
  top: 0;
  font-size: 1.75rem;
  color: #777;
  opacity: 0;
  visibility: hidden;
  transition: color 300ms, opacity 500ms 1500ms;
  cursor: pointer;
}

.voracity-fade-info__close:hover {
  color: #E51010;
}

.voracity-fade-info__close--active {
  opacity: 1;
  visibility: visible;
}

.voracity-fade-info__aside {
  padding: 15px 25px;
  border-radius: 5px;
  background: #efefef;
  box-shadow: 2px 2px 2px #aaa;
  margin: 15px auto;
}

.voracity-fade-info__aside h3 {
  font-weight: bold;
}

.voracity-fade-info__sub-fade {
  text-align: center;
  position: relative;
}

.voracity-fade-info__sub-button {
  display: inline-block;
  width: 45%;
  min-width: 175px;
  padding: 15px;
  box-sizing: border-box;
  margin: 10px;
  border-radius: 5px;
  background: #1666AE;
  transition: 300ms;
  color: #FFF;
  cursor: pointer;
}

.voracity-fade-info__sub-button:hover {
  background: #E0560C;
}

.voracity-fade-info__sub-button--inactive {
  opacity: 0;
  visibility: hidden;
}

.voracity-fade-info__sub-button--no-display {
  display: none;
}

.voracity-fade-info__sub-content-wrapper {
  position: relative;
}

.voracity-fade-info__sub-close {
  position: absolute;
  top: 25px;
  right: -25px;
  font-size: 1.75rem;
  color: #777;
  transition: color 300ms, opacity 500ms 500ms;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.voracity-fade-info__sub-close:hover {
  color: #E51010;
}

.voracity-fade-info__sub-close--active {
  opacity: 1;
  visibility: visible;
}

.voracity-fade-info__sub-content {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
  text-align: left;
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.voracity-fade-info__sub-content--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.voracity-fade-info__sub-content h3 {
  font-weight: bold;
  color: #E0560C;
}

.voracity-fade-info__subsection {
  border-bottom: 1px solid #ccc;
}

.voracity-fade-info__subsection:first-of-type {
  margin-top: 25px;
}

.voracity-fade-info__subsection:last-of-type {
  border-bottom: none;
}

.voracity-fade-info__subsection h3 {
  font-size: 1.75rem;
  font-weight: bold;
}

/* _image-block */
.image-block {
  margin: 25px 0;
}

.image-block--margin-top-75px {
  margin-top: 75px;
}

.image-block__img {
  display: block;
  margin: auto;
  max-width: 100%;
  min-width: 250px;
}

.image-block__img--75-percent {
  width: 75% !important;
}

.image-block__img--50-percent {
  width: 50% !important;
}

.image-block__img--35-percent {
  width: 35% !important;
}

.image-block__img--25-percent {
  width: 25% !important;
}

.image-block__caption {
  color: #777;
  text-align: center;
  font-size: .9rem !important;
  max-width: 400px;
  margin: 15px auto 0 auto !important;
}

.image-block__img--max-width-medium {
  max-width: 600px;
}

.image-block--margin-t-50 {
  margin-top: 50px;
}

.image-block--margin-b-50 {
  margin-bottom: 50px;
}

/* _related-links */
.related-links {
  margin-top: 50px;
  text-align: center;
}

.related-links__container {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  width: 75%;
  min-width: 300px;
  padding-left: 10%;
  margin-bottom: 25px;
}

@media (min-width: 900px) {
  .related-links__container {
    width: 45%;
  }
}

.related-links__list-header {
  font-weight: bold;
  text-align: left;
}

.related-links ul {
  padding-left: 15px;
  text-align: left;
}

.related-links ul li {
  position: relative;
  list-style: none;
  margin: 10px 10px 10px 0;
  padding-top: 10px;
}

.related-links ul li:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.related-links ul li:first-of-type:before {
  display: none;
}

.related-links ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 1px;
  background: #ccc;
}

/* _video-responsive */
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* _new-btn */
.new-btn {
  text-align: center;
}

.new-btn--t-margin-25px {
  margin-top: 25px;
}

.new-btn__btn {
  width: 250px;
  border-radius: 5px;
  padding: 15px;
  color: #FFF !important;
  background: #1666AE !important;
  text-decoration: none !important;
  margin: 25px auto !important;
  display: block;
}

.new-btn__btn:hover {
  background: #E0560C !important;
  text-decoration: none !important;
  color: #FFF !important;
}

.new-btn__btn--inline {
  display: inline-block;
  margin: 5px 15px !important;
}

/* _analytic-logos */
.analytic-logos {
  text-align: center;
}

.analytic-logos__link {
  display: inline-block;
  width: 31%;
  min-width: 175px;
  box-sizing: border-box;
  padding: 15px;
  filter: grayscale(.75);
  transition: filter 300ms;
  vertical-align: middle;
}

.analytic-logos__link:hover {
  filter: grayscale(0);
}

.analytic-logos__logo {
  display: block;
  width: 100%;
}

/* _product-resources */
.product-resources {
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.product-resources--no-border {
  border: 0;
}

.product-resources__section-title {
  display: block;
  text-align: left !important;
  font-size: 1.5em !important;
  margin-bottom: 25px !important;
}

.product-resources__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: 15px;
  text-align: center;
  justify-items: center;
  margin-bottom: 50px;
}

.product-resources__grid:last-of-type {
  margin-bottom: unset;
}

@media (min-width: 500px) {
  .product-resources__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 800px) {
  .product-resources__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 800px) {
  .product-resources__grid--4-column {
    grid-template-columns: repeat(4, 1fr);
  }
}

.product-resources__img-box {
  display: inline-block;
  margin: auto !important;
  width: 100%;
  background: #121F53;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 1px #aaa;
  vertical-align: top;
  margin: 0 !important;
}

.product-resources__img-box:hover {
  text-decoration: none !important;
  background: #E0560C;
}

.product-resources__img-header {
  text-align: left;
  display: block;
  padding: 15px;
  color: #FFF;
  text-decoration: none;
}

@media (min-width: 800px) {
  .product-resources__img-header {
    font-size: 1.25rem;
  }
}

.product-resources img {
  display: block;
  width: 100%;
  filter: brightness(.5);
  transition: 300ms;
}

.product-resources__img-box:hover img {
  filter: brightness(1);
}

.product-resources--t-margin-50px {
  margin-top: 50px;
}

.product-resources--t-margin-100px {
  margin-top: 50px;
}

@media (min-width: 800px) {
  .product-resources--t-margin-100px {
    margin-top: 100px;
  }
}

.product-resources__section-title--center {
  text-align: center !important;
}

.product-resources__section-title--bold {
  font-weight: bold;
}

.product-resources__section-title--font-2x {
  font-size: 2em !important;
}

/* _pseudo-table */
.pseudo-table {
  padding-left: 0;
}

.pseudo-table__header {
  list-style-type: none !important;
  font-weight: bold;
  font-style: italic;
  color: #1666AE;
  background: #ffc790;
}

.pseudo-table li {
  padding: 5px 5px 5px 10px;
  list-style-type: none !important;
  border: 1px solid #aaa;
}

.pseudo-table li:nth-of-type(odd):not(:first-of-type) {
  background: #e3f0ff;
}

/* _case-study */
.case-study__title {
  padding-bottom: 25px !important;
}

.case-study__section-title {
  font-size: 1.25em !important;
  margin: 50px 0 25px 0 !important;
  font-weight: bold;
}

/* _slider-box */
.slider-box {
  width: 75%;
  padding: 25px;
  margin: 25px auto;
  border-radius: 5px;
  max-width: 500px;
  min-width: 250px;
  list-style-type: none;
  position: relative;
}

.slider-box--quepal {
  background: #11998e;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(195deg, #38ef7d, #25c7ba);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(195deg, #38ef7d, #25c7ba);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.slider-box h2 {
  width: 100%;
  text-align: left;
  font-size: 1.25em !important;
  margin-top: 0 !important;
  padding-bottom: 10px !important;
}

.slider-box__list {
  min-height: 100px;
  padding-left: 0 !important;
  padding-bottom: 15px;
  position: relative;
}

.slider-box__item {
  list-style: none !important;
  line-height: 1.5em !important;
  font-size: 105% !important;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: opacity 300ms;
  top: 0;
}

.slider-box__item--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.slider-box__buttons {
  padding-top: 25px;
  padding-left: 0 !important;
}

@media (min-width: 500px) {
  .slider-box__buttons {
    padding-top: 0;
  }
}

.slider-box__button {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #eee;
  margin: 5px;
  border-radius: 50%;
  cursor: pointer;
  transition: 300ms ease-in-out;
}

.slider-box__button--active {
  background: #167b73;
}

.slider-box__extra {
  position: relative;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #fff;
}

.slider-box__link-button {
  display: inline-block;
  width: 100%;
  margin: 5px !important;
  color: #5a179d;
  vertical-align: top;
}

.slider-box__link-button:hover {
  color: #1a4ba7 !important;
}

@media (min-width: 950px) {
  .slider-box__link-button {
    width: 45%;
  }
}

.slider-box__link-button--primary {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  background: #1666AE;
  color: #FFF;
  transition: 300ms;
}

@media (min-width: 600px) {
  .slider-box__link-button--primary {
    width: 100px;
  }
}

.slider-box__link-button--primary:hover {
  background: #E0560C;
  text-decoration: none !important;
  color: #FFF !important;
}

@media (min-width: 600px) {
  .slider-box__link-button--outside {
    position: absolute;
    right: 0;
    top: 25px;
  }
}

@media (min-width: 950px) {
  .slider-box__link-button--outside {
    top: 45px;
  }
}

/* _new-contact */
.new-contact {
  text-align: center;
}

.new-contact__bar {
  position: relative;
  background: #0e4576;
  border-radius: 5px;
  font-size: 0;
  padding-left: 0 !important;
}

.new-contact__bar:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: -50vw;
  background: inherit;
  z-index: 0;
}

@media (min-width: 450px) {
  .new-contact__bar:before {
    display: block;
  }
}

.new-contact__bar-item {
  position: relative;
  z-index: 9;
  display: block;
  color: #FFF;
  font-size: 1.35em !important;
  font-weight: bold;
  min-width: 100px;
  padding: 10px;
  cursor: pointer;
  transition: 300ms;
  font-size: 1rem !important;
}

@media (min-width: 450px) {
  .new-contact__bar-item {
    display: inline-block;
  }
}

@media (min-width: 950px) {
  .new-contact__bar-item {
    font-size: 1.25rem !important;
    min-width: 200px;
  }
}

.new-contact__bar-item:hover {
  background: #1666AE;
}

.new-contact__bar-item--active {
  position: relative;
  background: #E0560C !important;
  transition: 0ms;
  z-index: 99;
}

.new-contact__bar-item--active:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #E0560C transparent transparent transparent;
  transition: 300ms;
}

.new-contact__info {
  position: relative;
  text-align: left;
  margin-top: 35px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 600px) {
  .new-contact__info {
    margin-top: 75px;
  }
}

.new-contact__info-box {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms;
}

.new-contact__info-box--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.new-contact__info-box h3 {
  text-align: left !important;
  font-weight: bold;
  color: #555;
  font-size: 1.5em !important;
}

.new-contact__info-box p {
  margin: 0;
  padding-left: 15px;
}

.new-contact__info-box a {
  transition: inherit !important;
}

.new-contact__info-line--t-margin-25px {
  margin-top: 15px !important;
}

/* _iframe-wrapper */
.iframe-wrapper__iframe {
  width: 100%;
  max-width: 2000px;
}

.iframe-wrapper__iframe--trial-request {
  min-height: 2500px;
}

/* _grid */
.grid {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-around;
}

@media (min-width: 430px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 970px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 25px;
  }
}

.grid__box {
  border-radius: 5px;
  padding: 15px;
}

.grid__box img {
  display: block;
  width: 150px;
  margin: auto;
}

/* __content */
._content {
  font-family: 'Heebo', sans-serif;
  font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

._content--t-margin-50px {
  margin-top: 50px;
}

._content h2 {
  text-align: center;
  font-weight: bold;
  font-family: inherit !important;
}

._content p {
  font-family: inherit !important;
  line-height: 1.5em;
}

._content p a {
  font-family: inherit !important;
  font-size: inherit !important;
}

._content ul,
._content ol {
  font-family: inherit !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

._content ul li,
._content ol li {
  font-family: inherit !important;
  margin: 14px 0 !important;
  line-height: 1.35em;
}

._content ul li a {
  font-family: inherit !important;
  font-size: inherit !important;
}

._content__paragraph--center {
  text-align: center !important;
}

._content__content-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 5%;
  padding: 25px 0;
  border-bottom: 1px solid #aaa;
}

@media (min-width: 650px) {
  ._content__content-row {
    grid-template-columns: repeat(2, 1fr);
    padding: 50px 0;
  }
}

._content__content-row:first-of-type {
  margin-top: 0;
}

._content__content-row--first-row {
  padding-top: 75px;
}

._content__content-row--last-row {
  padding-bottom: 50px;
}

._content__content-row--border-top {
  border-top: 1px solid #aaa;
  margin-top: 50px !important;
}

._content__box__img-wrapper {
  height: 100%;
}

@media (min-width: 1000px) {
  ._content__box__img {
    max-height: 275px;
  }
}

._content__box__img {
  object-fit: cover;
  display: block;
  margin: 15px auto;
  width: 100%;
  height: 100%;
}

@media (min-width: 650px) {
  ._content__box__img {
    width: 100%;
    margin: auto;
  }
}

@media (min-width: 1050px) {
  ._content__box__img {
    max-height: 275px;
    padding: 0 25px;
    margin: auto;
  }
}

._content__content-row--alt>div:nth-of-type(odd) {
  order: 2;
}

._content__content-row--alt>div:nth-of-type(even) {
  order: 1;
}

@media (min-width: 650px) {
  ._content__content-row>div:nth-of-type(odd) {
    order: 1;
  }

  ._content__content-row>div:nth-of-type(even) {
    order: 2;
  }
}

._content__box h3 {
  font-family: inherit !important;
  font-size: 2em !important;
}

._content__box p {
  font-family: inherit !important;
  font-size: 1.25em;
  line-height: 1.35em;
}

._content__list {
  font-family: inherit !important;
  width: 100%;
  margin: 25px 0;
  padding-left: 0 !important;
}

@media (min-width: 650px) {
  ._content__list {
    width: 75%;
    margin: auto;
  }
}

._content__list li {
  list-style: none !important;
  font-family: inherit !important;
}

._content__list-title {
  font-weight: bold;
  margin-bottom: 15px;
}

._content__list-item--button {
  margin: 5px 0;
  padding: 10px;
  background: #E0560C;
  color: #FFF;
  transition: 300ms;
  cursor: pointer;
}

@media (min-width: 650px) {
  ._content__list-item--button {
    margin: 5px 0 5px 15px;
  }
}

._content__list-item--button:hover {
  background: #006598;
}

._content__table {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.5em;
  font-family: inherit !important;
  overflow: hidden;
}

._content__row {
  display: flex;
  flex-wrap: wrap;
  font-family: inherit !important;
  flex: 100%;
  display: none;
  opacity: 0;
  transition: opacity 1000ms ease-out;
}

._content__row--active {
  display: flex;
  top: 0;
  opacity: 1;
}

._content__cell {
  width: 100%;
  background: #ddd;
  padding: 15px;
  line-height: 1.35em;
}

@media (min-width: 400px) {
  ._content__cell {
    width: 55%;
  }
}

@media (min-width: 700px) {
  ._content__cell {
    width: 80%;
  }
}

._content__cell--column-1 {
  width: 100%;
}

@media (min-width: 400px) {
  ._content__cell--column-1 {
    width: 45%;
  }
}

@media (min-width: 700px) {
  ._content__cell--column-1 {
    width: 20%;
  }
}

._content__cell--header {
  font-weight: bold;
  position: relative;
  top: 0;
  background: #E0560C;
  color: #FFF;
  cursor: pointer;
}

._content__cell p {
  font-family: inherit !important;
  line-height: 1.5em !important;
}

._content__cell p a {
  font-family: inherit !important;
  font-size: inherit !important;
}

._content__cell ._content__cell__learn-more {
  font-family: inherit !important;
  font-size: .8em !important;
}

._content__cell--transparent-bg {
  background: transparent;
}

._content__cell-image {
  display: block;
  width: 30px;
  margin-bottom: 10px;
}

._content__table-reveal {
  position: absolute;
  top: 20px;
  right: 25px;
  z-index: 1;
  cursor: pointer;
  transition: 300ms;
  width: 40px;
  height: 40px;
}

._content__table-reveal-arrow {
  position: relative;
  display: block;
  font-size: 1.5em;
  color: #FFF;
  transform: rotate(90deg) translateX(-5px);
  transition: 300ms;
  top: 10px;
}

._content__table-reveal-arrow--active {
  transform: rotate(-90deg);
  top: 0;
}

._content__table-reveal__aura {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  right: 5px;
  transform-origin: center;
  animation: aura linear 3s infinite;
  z-index: -1;
}

@keyframes aura {
  0% {
    transform: scale(0);
  }

  15% {
    transform: scale(.5);
    opacity: .5;
  }

  25% {
    transform: scale(1);
    opacity: .2;
  }

  35% {
    transform: scale(2);
    opacity: .1;
  }

  50% {
    transform: scale(2.5);
    opacity: 0;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

._content__table-reveal__bar {
  display: block;
  width: 35px;
  height: 3px;
  background: #111D4F;
  position: absolute;
  top: 0;
  right: -3px;
  border-radius: 5px;
  transition: 300ms;
}

._content__table-reveal__bar--2 {
  top: 8px;
}

._content__table-reveal__bar--1 {
  top: 16px;
}

._content__table-reveal__bar--1--active {
  transform-origin: top left;
  transform: rotate(60deg);
  width: 20px;
}

._content__table-reveal__bar--2--active {
  opacity: 0;
}

._content__table-reveal__bar--3--active {
  transform-origin: bottom left;
  transform: rotate(-60deg);
  width: 20px;
}

._content__resources {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  margin-top: 50px;
}

._content__resource-item {
  border-radius: 5px;
  overflow: hidden;
}

._content__resources h2 {
  display: block;
  width: 100%;
  grid-column: 1/4;
}

._content__resource-title {
  font-family: inherit !important;
  background: #111D4F;
  padding: 15px;
  color: #FFF;
  margin: 0 !important;
  display: block;
  font-size: 1.25em;
  line-height: 1.35em;
}

._content__resource-image {
  width: 100%;
}

._content__headline {
  font-family: inherit !important;
  font-size: 2.5em !important;
}

._content__headline--t-margin-50px {
  margin-top: 50px !important;
}

._content__headline--b-margin-50px {
  margin-bottom: 50px !important;
}

._content__headline--b-margin-25px {
  margin-bottom: 25px !important;
}

._content__box__banner-link {
  display: inline-block;
  padding: 15px;
  background: #1666AE;
  color: #FFF;
  border-radius: 5px;
  transition: 300ms;
  font-family: inherit !important;
}

._content__box__banner-link:hover {
  background: #E0560C;
  color: #FFF !important;
  text-decoration: none !important;
}

._content__banner {
  position: relative;
  text-align: left !important;
  font-family: inherit !important;
  font-size: 0 !important;
  overflow: hidden;
}

._content__banner * {
  box-sizing: border-box;
}

._content__banner-headline {
  display: inline-block;
  background: #006598;
  font-family: inherit !important;
  width: 100%;
  padding: 15px 50px;
  border-radius: 5px 5px 0 0;
  color: #FFF !important;
  margin: 0 !important;
  vertical-align: top;
  text-align: center;
}

._content__banner-headline--landing-page {
  font-size: 25px !important;
}

._content__banner--b-margin-50px {
  margin-bottom: 50px;
}

._content__banner-link {
  display: block;
  background: #FFF;
  padding: 14px 50px;
  text-align: center;
  border: 1px solid #111D4E;
  margin: 0 !important;
}

._content__banner-link:hover {
  text-decoration: none !important;
  background: rgba(255, 166, 0, 0.151);
}

._content__banner-link-image {
  display: inline-block;
  width: 100px;
  margin: auto;
}

._content__banner-link-text {
  display: inline-block;
  color: #1666AE;
}

._content__banner-link-text--landing-page {
  font-size: 18px !important;
}

._content__reveal {
  position: relative;
  margin-top: 50px;
  margin-bottom: 25px;
  overflow: hidden;
}

._content__reveal-bar {
  position: relative;
  background: #E0560C;
  padding: 15px 25px;
  color: #FFF;
  font-size: 1.75em;
  cursor: pointer;
  border-radius: 5px;
}

._content__reveal-title {
  font-size: 1em !important;
}

._content__reveal-arrow {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #FFF;
  font-size: 2em;
  transform: rotate(90deg) scaley(1.15);
  transform-origin: center center;
  transition: rotate 100ms 0;
  transition-delay: 500ms;
  cursor: pointer;
}

._content__reveal-arrow--active {
  transform: rotate(-90deg) translateY(-15px);
}

._content__reveal-arrow--opacity {
  animation: 1000ms arrowOpacity linear;
}

@keyframes arrowOpacity {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

._content__reveal-content {
  margin-top: 25px;
  visibility: hidden;
  opacity: 0;
  transition: 300ms;
  display: none;
}

._content__reveal-content--blockchain {
  display: block;
}

._content__reveal-content--active {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

._content__reveal-content h3 {
  text-align: center;
  margin: 25px 0 !important;
  font-size: 2em !important;
}

._content__customer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._content__customer {
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  font-size: 1.5em;
  justify-content: center;
  line-height: 1.35em;
  margin: 15px;
  min-width: 200px;
  padding: 25px 15px;
  text-align: center;
  width: 20%;
}

._content--old-font-family {
  font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}


._content__quote-button {
  background: #333;
  border-radius: 20px;
  color: #ccc;
  display: block;
  font-family: inherit !important;
  font-weight: bold;
  width: 250px;
  padding: 20px 5px;
  text-align: center;
  letter-spacing: .05em;
  margin: 25px auto !important;
  overflow: hidden;
  transition: .6s;
}

._content__quote-button:hover {
  background: rgb(5, 185, 5);
  color: #FFF !important;
  text-decoration: none !important;
}


/* _data-types-modal */
.data-types-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  z-index: -999;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
  overflow: auto;
  overflow-x: hidden;
}

.data-types-modal p {
  line-height: 1.35em;
}

.data-types-modal--active {
  opacity: 1;
  visibility: visible;
  z-index: 99999999999999;
}

.data-types-modal__close {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 999;
  font-size: 2em;
  transform: scaleX(1.15);
  cursor: pointer;
}

.data-types-modal__content {
  padding: 25px;
}

.data-types-modal__column {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 1000px) {
  .data-types-modal__column {
    width: 75%;
  }
}

.data-types-modal__column--half {
  width: 75%;
  margin-left: 15px;
}

@media (min-width: 1000px) {
  .data-types-modal__column--half {
    width: 50%;
  }
}

.data-types-modal__column--fifth {
  width: 20%;
}

.data-types-modal__column--modal-small {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  display: none;
}

@media (min-width: 1000px) {
  .data-types-modal__column--modal-small {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 20%;
    display: inline-block;
  }
}

.data-types-modal__box {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  margin: 0;
}

@media (min-width: 730px) {
  .data-types-modal__box {
    margin: 15px;
  }
}

.data-types-modal__box--30-percent {
  width: 100%;
}

@media (min-width: 730px) {}

@media (min-width: 1000px) {
  .data-types-modal__box--30-percent {
    width: 30%;
  }
}

.data-types-modal__box--60-percent {
  width: 100%;
}

@media (min-width: 1000px) {
  .data-types-modal__box--60-percent {
    width: 60%;
  }
}

.data-types-modal__box--border {
  border: 1px solid #aaa;
  border-radius: 5px;
}

.data-types-modal__box h3 {
  font-weight: bold;
  color: #555;
  margin-left: -5px !important;
}

.data-list {
  position: relative;
  padding-left: 15px !important;
}

.data-list__item {
  position: relative;
  margin: 5px 0;
  list-style: none !important;
  padding: 10px 15px;
  background: #1666AE;
  left: 0;
  transition: 300ms ease-out;
  cursor: pointer;
  max-width: 500px;
  margin-left: 0 !important;
  color: #FFF;
}

@media (min-width: 730px) {
  .data-list__item {
    max-width: unset;
    margin-left: 15px !important;
  }
}

.data-list__item--active {
  background: #E0560C;
}

@media (min-width: 730px) {
  .data-list__item--active {
    left: 15px;
  }
}

.data-types-modal__data-list {
  padding-left: 0 !important;
}

.data-types-modal__data-list li {
  list-style: none !important;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  line-height: 1.35em !important;
}

.data-types-modal__data-list li:last-of-type {
  border-bottom: 1px solid transparent;
}

.data-types-modal__sensitive-info,
.data-types-modal__law-info {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease;
}

.data-types-modal__info--active {
  position: relative;
  opacity: 1;
  visibility: visible;
  top: 0;
  transition-delay: 300ms;
}

.data-types-modal__law-info-list li {
  position: relative;
  list-style: none !important;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  vertical-align: top;
}

.data-types-modal__law-info-list li:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  right: -7px;
  display: none;
  background: #aaa;
}

@media (min-width: 730px) {
  .data-types-modal__law-info-list li:after {
    display: block;
  }
}

.data-types-modal__law-info-list li:last-of-type:after {
  display: none;
}

.data-types-modal__data-list-wrapper {
  position: relative;
}

.data-types-modal__data-list {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms;
}

.data-types-modal__data-list--active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.data-type {
  display: none;
  font-weight: inherit;
}

.data-type--active {
  display: inline;
}

.data-types-modal__laws {
  display: none;
}

.data-types-modal__laws--active {
  display: inline-block;
}

/* _notice */
.notice {
  position: fixed;
  top: -100%;
  left: 0;
  padding: 25px;
  background: #e0560c;
  color: #FFF;
  width: 100%;
  z-index: 9999999999;
  transition: 1s;
}

.notice--active {
  top: 0;
}

.notice__text {
  padding-left: 25px;
}

.notice p {
  line-height: 20px;
  margin: 14px 0;
  font-size: 18px;
  font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
}

.notice__text a {
  color: #74fff3 !important;
  font-size: inherit !important;
}

.notice__close {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #FFF;
  font-size: 1.5em;
  transform: scaleX(1.25);
  cursor: pointer;
  transition: 300ms;
}

.notice__close:hover {
  color: #8d0000;
}

/* _old-contact-form */

._old-contact-form__product-group {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  vertical-align: top;
}

@media (min-width: 800px) {
  ._old-contact-form__product-group {
    width: 30%;
  }
}

/* _resource-gallery */
.resource-gallery {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  grid-gap: 3%;
  margin: 25px auto;
}

.resource-gallery__heading {
  display: block;
  width: 100%;
}


.resource-gallery__resource-item {
  display: flex;
  padding: 10px 15px;
  background: #e0560c;
  color: #FFF;
  align-items: center;
  border-radius: 5px;
  transition: 300ms ease;
  margin: 10px auto !important;
  width: 30%;
  min-width: 300px;

}


.resource-gallery__resource-item:hover {
  background: #111D4F;
  color: #FFF !important;
  text-decoration: none !important;
}


.resource-gallery__icon {
  display: inline-block;
  width: 50px;
  vertical-align: top;
  padding-right: 15px;
  border-right: 1px solid #FFF;
}

.resource-gallery__resource-title {
  text-align: left;
  display: inline-block;
  width: calc(100% - 60px);
  padding-left: 7px;
  margin-left: 7px;
  position: relative;
}

/* _cta-buttons */
.cta-buttons {
  max-width: 600px;
  margin: 50px auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.cta-button {
  padding: 5px 15px 5px 5px;
  background: rgb(16, 146, 155);
  display: flex;
  color: #FFF;
  border-radius: 5px;
  flex: 1;
  max-width: 200px;
  width: 100%;
  flex-basis: 100%;
}

.cta-button:hover {
  text-decoration: none !important;
  color: #FFF !important;
  background: rgb(47, 90, 94);
}

.cta-button span {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 15px;
}

/* _new-fade-info */
.new-fade-info {
  position: relative;
}

.new-fade-info__close {
  position: absolute;
  font-size: 1.25em;
  transform: scaleX(1.15);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  cursor: pointer;
  top: 0;
  right: 0;
  color: #777;
  z-index: 999999999;
}

.new-fade-info__close:hover {
  color: rgb(207, 22, 22);
}

.new-fade-info__close--active {
  opacity: 1;
  visibility: visible;
}

.new-fade-info__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.new-fade-info__buttons--unblock {
  display: none;
}

.new-fade-info__button {
  width: 75%;
  min-width: 235px;
  margin: 5px;
  background: #1666AE;
  display: flex;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: 300ms;

}

@media (min-width: 625px) {
  .new-fade-info__button {
    width: 45%;
  }
}

@media (min-width: 1160px) {
  .new-fade-info__button {
    width: 25%;
    margin: 15px;
  }
}

.new-fade-info__button:hover {
  background: #e0560c;
}

@media (min-width: 1000px) {
  .new-fade-info__button--half {
    margin-left: 5%;
    margin-right: 5%;
    width: 35%;
  }

  .new-fade-info__button--fourth {
    width: 20%;
  }
}

@media (min-width: 600px) {
  .new-fade-info__button--half-wider {
    line-height: 1.35em;
    width: 45%;
  }


  .new-fade-info__button--single {
    line-height: 1.35em;
    width: 50%;
  }
}



.new-fade-info__button--alt {
  background: #e0560c;
}

.new-fade-info__button--alt:hover {
  background: #111d4e;
}

.new-fade-info__button--inactive {
  opacity: 0;
}

.new-fade-info__button-icon {
  width: 40px;
  height: 40px;
}

.new-fade-info__button-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
  color: #FFF;
  font-size: 1.25em;
}

.new-fade-info__button-text--l-margin-15px {
  margin-left: 15px;
}

.new-fade-info__content-wrapper {
  position: relative;
  margin: 50px auto 25px auto;
  max-width: 800px;
}

.new-fade-info__content-wrapper--no-b-margin {
  margin-bottom: 0;
}

.new-fade-info__content {
  display: none;
  opacity: 0;
  transition: 300ms;
  width: 100%;
}

.new-fade-info__content--block {
  display: block;
}

.new-fade-info__content--active {
  opacity: 1;
}

.new-fade-info__content h4 {
  font-weight: bolder;
  margin-top: 25px !important;
  text-align: center;
}

._content__medium-clone .new-fade-info__button {
  font-size: 1.25em;
}

.new-fade-info--t-margin-25px {
  margin-top: 25px;
}

.new-fade-info__content-wrapper img {
  display: block;
  margin: 25px auto;
  width: 75%;
}

.new-fade-info__link-button {
  background: #111d4f;
  border-radius: 5px;
  color: #FFF !important;
  display: block;
  margin: 25px auto !important;
  padding: 15px;
  text-align: center;
  transition: 300ms;
  width: 200px;
}

.new-fade-info__link-button:hover {
  background: #e0560c;
  text-decoration: none !important;
}

/* __content__medium-clone */

._content__medium-clone {
  margin-bottom: 25px;
}

._content__medium-clone:after {
  clear: both;
  content: "";
  display: table;
}

._content__medium-clone__text {
  margin: auto;
  max-width: 850px;
  margin-top: 50px;
}

.plain-width._content__medium-clone__text {
  margin-top: 0px;
}

@media (min-width: 767px) {
  ._content__medium-clone__text--first {
    margin-top: 0;
  }
}

@media (min-width: 767px) {
  ._content__medium-clone__text h2 {
    font-size: 2.25em !important;
    margin-bottom: 35px !important;
  }
}

._content__medium-clone__text h3 {
  font-size: 1.5em !important;
  font-weight: bold;
  margin-top: 50px !important;
  text-align: center;
}

._content__medium-clone__text ul {
  font-size: inherit !important;
}

._content__medium-clone__text li {
  /* font-size: 1.35em !important; */
}

._content__medium-clone__text p {
  /* font-size: 1.35em !important; */
}

._content__medium-clone__img {
  float: none;
  display: block;
  width: 75%;
  margin: 25px auto;
}

._content__medium-clone__img--t-margin-50px {
  margin-top: 50px !important;
}

@media (min-width: 850px) {
  ._content__medium-clone__img--float-left {
    float: left;
    margin: 15px 25px 15px -25px !important;
    max-width: 400px;
  }

  ._content__medium-clone__img--float-right {
    float: right;
    margin: 15px -25px 15px 25px !important;
    max-width: 400px;
  }
}

._content__medium-clone__img--max-width-300px {
  max-width: 300px;
}

._content__medium-clone__float-box {
  color: inherit !important;
  font-family: inherit !important;
  text-align: center;
}

._content__medium-clone__float-box:hover {
  color: inherit !important;
  text-decoration: none !important;
}

@media (min-width: 850px) {
  ._content__medium-clone__float-box--float-right {
    float: right;
    margin: 15px -25px 15px 25px !important;
    max-width: 400px;
  }

  ._content__medium-clone__float-box--float-left {
    float: left;
    margin: 15px 25px 15px -25px !important;
    max-width: 400px;
  }


  ._content__medium-clone__float-box--in-li {
    max-width: 200px;
    padding: 15px;
  }
}

._content__medium-clone__float-box--display-block {
  display: block;
}

._content__medium-clone__float-box--display-block img {
  width: 100%;
}

._content__medium-clone__float-box--max-width-250px {
  max-width: 250px;
}

@media (max-width: 850px) {
  ._content__medium-clone__float-box--horizontal-center {
    margin: auto !important;
  }
}


._content__medium-clone__float-box-attribute {
  color: #777;
  display: block;
  font-size: 1em !important;
  margin-top: 5px;
}

._content__medium-clone__float-box-attribute a {
  font-size: inherit !important;
}

._content__medium-clone__float-box-title {
  display: block;
  font-style: italic;
  margin-bottom: 10px;
}

._content__medium-clone__float-box--in-li ._content__medium-clone__float-box-title {
  font-size: .9em !important;
}

._content__medium-clone__float-box img {
  display: block;
  width: 100%;
}

._content__medium-clone__float-box-button {
  background: #111D4F;
  border-radius: 5px;
  color: #FFF;
  display: block;
  font-weight: bold;
  margin: 5px auto;
  max-width: 200px;
  padding: 10px 5px;
  transition: 300ms;
}

._content__medium-clone__float-box:hover ._content__medium-clone__float-box-button {
  background: #e0560c;
}

._content__medium-clone__full-img {
  display: block;
  margin: 35px auto;
  width: 100%;
}

._content__medium-clone__quote {

  font-style: italic;
  margin: 50px auto;
  padding: 25px;
  position: relative;
}

._content__medium-clone__quote:before {
  background: #ccc;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -10px;
  width: 150px;
}

._content__medium-clone__quote:after {
  background: #ccc;
  bottom: 15px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 150px;
}

._content__medium-clone__quote-attribution {
  text-align: right;
  padding-right: 25px;
}

._content__medium-clone__float-box--video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

@media (min-width: 850px) {
  ._content__medium-clone__float-box--video {
    height: auto;
    padding-bottom: 0;
  }
}


._content__medium-clone__float-box--video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media (min-width: 850px) {
  ._content__medium-clone__float-box--video iframe {
    position: relative;
  }
}

._content__medium-clone__img-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

._content__medium-clone__half-img {
  height: 200px;
  margin: 15px;
  min-width: 250px;
  object-fit: cover;
  width: 40%;
}

._content__medium-clone h3 {
  text-align: center;
}

._content__medium-clone__in-text-h3 {
  margin-top: 25px !important;
}

._content__medium-clone__boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
}

._content__medium-clone__boxes--space-around {
  justify-content: space-around;
}

._content__medium-clone__box {
  border: 1px solid #aaa;
  display: inline-block;
  margin: 10px auto;
  min-width: 225px;
  padding: 10px;
  position: relative;
  width: 100%;
}

a._content__medium-clone__box:hover {
  text-decoration: none !important;
}

@media (min-width: 1100px) {
  ._content__medium-clone__box {
    margin: 0 !important;
    width: 50%;
  }
}

@media (min-width: 600px) {
  ._content__medium-clone__box--fourth-spacing {
    margin: 10px !important;
    width: 30%;
  }
}

@media (min-width: 1100px) {
  ._content__medium-clone__box--fourth-spacing {
    width: 35%;
  }
}


@media (min-width: 1430px) {
  ._content__medium-clone__box--fourth {
    width: 25%;
  }

  ._content__medium-clone__box--fourth-spacing {
    width: 23%;
  }
}

@media (min-width: 1100px) {
  ._content__medium-clone__box--third {
    width: calc(100% / 3);
  }
}

._content__medium-clone__box--no-border {
  background: #efefef;
  border: none;
  border-radius: 5px;
  overflow: hidden;
}

._content__medium-clone__hover-box {
  background: #1F1C2C;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, rgb(83, 68, 158), #1F1C2C);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom right, rgb(83, 68, 158), #1F1C2C);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  color: #FFF;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  transition: 500ms ease;
  width: 100%;
}

._content__medium-clone__box:hover ._content__medium-clone__hover-box {
  opacity: 1;
  transition: 300ms ease;
}

._content__medium-clone__box-title {
  font-weight: bold;
  list-style-type: none !important;
  text-align: center;
}

._content__medium-clone__box img {
  display: block;
  height: 80%;
  margin: auto;
  object-fit: cover;
  width: 75%;
}

@media (min-width: 1000px) {
  ._content__medium-clone__box img {
    width: 100%;
  }
}

._content__medium-clone__box--third-spacing {
  width: 75%;
}

@media (min-width: 500px) {
  ._content__medium-clone__box--third-spacing {
    min-width: unset;
    width: 27%;
  }
}

@media (min-width: 1000px) {
  ._content__medium-clone__box--third-spacing {
    width: 25%;
  }
}



._content__medium-clone__box--text-align-center {
  text-align: center;
}

._content__medium-clone__box i {
  display: block;
  font-size: 3em;
}

._content__medium-clone__box span {
  display: block;
  font-size: 1em;
  margin-top: 10px;
}

._content__medium-clone__box--no-border {
  border: none;
  height: 200px;
  padding: 0;
}

._content__medium-clone__box--image-link {
  display: flex;
  justify-content: space-around;
  margin: 10px !important;
  position: relative;
  width: 30%;
}

._content__medium-clone__box--image-link img {
  height: 100%;
  width: 100%;
}

._content__medium-clone__box--image-link:hover ._content__medium-clone__image-link-text {
  height: 100%;
  width: 100%;
}

._content__medium-clone__image-link-text {
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  color: #FFF;
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 1.25em !important;
  height: 100px;
  justify-content: space-around;
  left: 0;
  margin: auto !important;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: 300ms ease;
  width: 95%;
}

._content__medium-clone__footnote {
  border-top: 1px solid #aaa;
  color: #777;
  padding-top: 15px;
}

/* _similar-content */

.similar-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.similar-content__title {
  flex: 1;
  flex-basis: 100%;
  width: 100%;
}

.similar-content__wrapper {
  width: 95%;
}

@media (min-width: 1200px) {
  .similar-content__wrapper {
    width: 45%;
  }
}

.similar-content__wrapper-item {
  color: inherit;
  display: flex;
  padding: 15px;
  width: 100%;
}

.similar-content__wrapper-item:hover {
  background: #eee;
  color: inherit !important;
  text-decoration: none !important;
}

.similar-content__item {
  color: #555 !important;
  display: flex;
  flex-wrap: wrap;
  margin: 25px;
  padding: 10px;
  width: 100%;
}

@media (min-width: 850px) {
  .similar-content__item {
    width: 40%;
  }
}

.similar-content__item:hover {
  text-decoration: none !important;
  background: #efefefef;
}

.similar-content__text-box {
  flex: 1;
  flex-basis: 40%;
  flex-shrink: 0;
  order: 2;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 850px) {
  .similar-content__text-box {
    padding-left: 25px;
    flex-basis: 100%;
  }
}

@media (min-width: 1200px) {
  .similar-content__text-box {
    flex-basis: 40%;
    order: 1;
  }
}

.similar-content__item-title {
  display: block;
  margin-top: 15px !important;
}

.similar-content__item-description {
  font-size: 75%;
  padding-top: 5px;
  display: block;
}

.similar-content__img {
  height: 125px;
  margin-left: 15px;
  order: 1;
  width: 150px;
}

@media (min-width: 850px) {
  .similar-content__img {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .similar-content__img {
    order: 2;
  }
}

/* __old-style-customer-lists */

._old-style-customer-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 !important;
}

._old-style-customer-lists__list {
  margin: 10px !important;
  min-width: 250px;
  width: 40%;
}

._old-style-customer-lists__orange-text {
  color: #FF6600;
}

/* _info-box */

.info-box {
  text-align: center;
}

.info-box__box {
  display: inline-block;
  width: 75%;
  min-width: 250px;

  background: #FFF;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px #aaa;
  vertical-align: top;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 880px) {
  .info-box__box {
    width: 40%;
    margin: 15px;
  }
}

@media (min-width: 1050px) {
  .info-box__box {
    min-width: 300px;
    margin: 25px;
  }
}

.info-box__title {
  position: relative;
  font-weight: bold;
  padding-bottom: 10px;
}

.info-box__title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 125px;
  height: 1px;
  background: #ccc;
}

.info-box__content img {
  display: inline-block;
  width: 32%;
  min-width: 100px;
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .info-box__content img {
    padding: 15px;
  }
}

.info-box__subtext {
  color: #777;
}

.info-box__btn {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 15px;
  width: 200px;
  padding: 15px 5px;
  background: #E0560C;
  border-radius: 5px;
  color: #FFF !important;
  transition: 300ms;
}

.info-box__btn:hover {
  color: #FFF !important;
  background: #1666AE;
  text-decoration: none !important;
}

.btn--quote-request {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 35px !important;
  width: 200px;
  padding: 15px 5px;
  background: #E0560C;
  border-radius: 5px;
  color: #FFF !important;
  transition: 300ms;
  text-align: center;
  font-size: 1.5rem !important;
}

.btn--quote-request:hover {
  text-decoration: none !important;
  background: #1666AE;
  color: #FFF !important;
}

/* _table */
._table {
  display: flex;
  flex-wrap: wrap;
  font-size: 1em;
  line-height: 1.35em;
  overflow: auto;
}

._table__row {
  display: flex;
  padding: 10px;
  width: 100%;
}

._table__row:first-of-type {
  background: #DDD;
}

._table__row:nth-of-type(even) {
  background: rgb(211, 211, 211);
}

._table__cell {
  display: inline-block;
  padding: 5px;
  width: 100%;
  vertical-align: top;
}

._table__cell--header {
  background: #DDD;
  font-style: italic;
}

._table__cell--header p {
  font-weight: bold !important;
  margin-bottom: 0;
}

._table__cell--main {
  font-style: italic;
  position: relative;
  width: 35%;
}

._table__cell--main p {
  position: sticky;
  top: 5px;
}

._table__cell a {
  font-size: inherit !important;
}

._table--no-main-row ._table__row:first-of-type {
  background: transparent;
}

._table__lists {
  display: flex;
  flex-wrap: wrap;
}

ul._table__list {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  width: 100%;
}

@media (min-width: 800px) {
  ul._table__list--half {
    width: 50%;
  }

  ul._table__list li {
    list-style: none !important;
  }
}

/* __dropdown */
._dropdown {
  margin-bottom: 50px;
}

._dropdown__bar {
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
  height: auto;
  margin: 0 auto;
  margin-top: 30px;
  min-height: 40px;
  position: relative;
  transition: 300ms;
}

._dropdown__bar:hover {
  background: #333 !important;
}

._dropdown__bar-text {
  display: block;
  font-size: 1.1em;
  margin: 0 25px;
  position: relative;
  top: 10px;
}

._dropdown__bar__horizontal {
  background: url(/assets/images/line.png);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  height: 32px;
  margin: 0 auto;
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 32px;
}

._dropdown__bar__vertical {
  background: url(/assets/images/line.png);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  height: 32px;
  margin: 0 auto;
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transform: scale(.5) rotate(90deg);
  -moz-transform: scale(.5) rotate(90deg);
  -o-transform: scale(.5) rotate(90deg);
  transform: scale(.5) rotate(90deg);
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 32px;
}

._dropdown__bar__vertical--active {
  webkit-transform: scale(.5) rotate(0deg);
  -moz-transform: scale(.5) rotate(0deg);
  -o-transform: scale(.5) rotate(0deg);
  transform: scale(.5) rotate(0deg);
}

._dropdown__content-wrapper {
  height: 0;
  overflow: hidden;
  transition: 300ms;
}

._dropdown__content {
  height: auto;
  padding-top: 15px;
  transition: 300ms;
}

/* _float-clear */
.float-clear {
  clear: both;
}

/* _washout */
.washout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  text-align: center;
}

.washout--t-margin-25px {
  margin-top: 25px;
}

.washout__card {
  background: #eee;
  border-radius: 5px;
  margin: 10px;
  min-width: 275px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  transition: 300ms;
  width: 30%;
}

.washout__card--hadoop-yellow {
  background: rgb(255, 255, 121);
}

.washout__card img {
  display: block;
  margin: 5px auto;
  width: 75%;
}

.washout__inner-card {
  background: rgb(22, 2, 46);
  color: #EEE;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  transition: 300ms;
  width: 100%;
}

.washout__card:hover .washout__inner-card {
  opacity: 1;
}

.washout__inner-card p {

  font-size: 1em !important;
}

.washout__button {
  background: rgb(207, 69, 14);
  color: #EEE !important;
  border-radius: 5px;
  display: block;
  font-size: 1.25em !important;
  margin: 15px auto !important;
  padding: 5px;
  width: 200px;
}

.washout__button:hover {
  background: rgb(19, 133, 141);
  text-decoration: none !important;
}

/* __img-block */
._img-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

._img-block__img {
  height: 300px;
  margin: 15px;
  min-width: 300px;
  object-fit: contain;
  width: 35%;
}

._img-block__link {
  min-width: 300px;
  text-align: center;
  width: 35%;
}

._img-block__link__img {
  width: 100%;
}

._img-block__yt-wrapper {
  height: 300px;
  margin: 15px;
  min-width: 300px;
  overflow: hidden;
position: relative;
width: 35%;
}

._img-block__yt-wrapper iframe,
._img-block__yt-wrapper object,
._img-block__yt-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* __cards */
._cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 25px auto;
}

._cards h3 {
  font-weight: bold;
  margin-top: 10px !important;
}

._cards__card {
  background: #eee;
  border-radius: 15px;
  min-width: 275px;
  padding: 15px 25px;
  width: 47%;
}

._cards__card--tan {
  background: rgb(252, 221, 181);
}

/* __footnotes */
._footnotes {
  border-top: 1px solid rgba(0, 0, 0, .1);
  color: #777;
  margin-top: 50px;
  padding-top: 25px;
}