@font-face {
  font-family: Lato-Heavy;
  src: url(/lib/fonts/lato/Lato-Heavy.ttf) format("truetype");
}
@font-face {
  font-family: Lato-Regular;
  src: url(/lib/fonts/lato/Lato-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Big-Noodle;
  src: url(../../../../themes/fonts/big-noodle/big_noodle_titling.ttf)
    format("truetype");
}

/** New Fonts **/
/** Erbaum Regular **/
@font-face {
  font-family: Erbaum;
  src: url(../../../../wp-content/uploads/Erbaum-Regular.otf)
    format("opentype");
    font-weight: normal;
    font-style: normal;
}

/** Erbaum Bold **/
@font-face {
  font-family: Erbaum;
  src: url(../../../../wp-content/uploads/Erbaum-Bold.otf)
    format("opentype");
    font-weight: bold;
    font-style: normal;
}

/** Montserrat Regular **/
@font-face {
  font-family: Monserrat;
  src: url(../../../../wp-content/uploads/Montserrat-Regular.ttf)
    format("truetype");
    font-weight: normal;
    font-style: normal;
}

/** Montserrat Bold **/
@font-face {
  font-family: Montserrat;
  src: url(../../../../wp-content/uploads/Montserrat-Bold.ttf)
    format("truetype");
    font-weight: bold;
    font-style: normal;
}

/** Montserrat Italic **/
@font-face {
  font-family: Montserrat;
  src: url(../../../../wp-content/uploads/Montserrat-Italic.ttf)
    format("truetype");
    font-weight: normal;
    font-style: italic;
}

/** Montserrat Bold & Italic **/
@font-face {
  font-family: Montserrat;
  src: url(../../../../wp-content/uploads/Montserrat-BoldItalic.ttf)
    format("truetype");
    font-weight: bold;
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Erbaum;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0px;
}

h1 {
  font-size: clamp(2rem, 1.6176rem + 1.5686vw, 3.5rem);
  line-height: 1em;
}
h2 {
  font-size: clamp(1.5rem, 1.3725rem + 0.5229vw, 2rem);
  line-height: 1.5em;
}
#ipDataToggle h2,
#mmDataToggle h2 {
  font-size: clamp(1.5rem, 1.3725rem + 0.5229vw, 2rem);
}
h3 {
  font-size: clamp(1.25rem, 1.1863rem + 0.2614vw, 1.5rem);
  line-height: 1.5em;
}
h4,
h5,
h6 {
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 1.5em;
}

body {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}




#familyTabs #familyMediaTab,
#familyTabs #familyOverviewTab,
#familyTabs #familySupportTab,
#familyTabs #familyTechnicalDocumentsTab,
#notificationsTitle {
  white-space: nowrap;
  text-align: center;
}
#qrCodeManuals ul,
#sidebar,
#sidebar ul {
  list-style: none;
}
#notificationNotFound {
  color: red;
  font-size: 13px;
  text-transform: uppercase;
}
.heroes-notification {
  padding-top: 30px;
}
.heroes-notification .header-image {
  display: block;
  margin: auto;
  height: 50px;
}
.heroes-notification .main-title {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.heroes-notification .main-visual {
  max-width: 540px;
  width: 31vw;
  min-width: 240px;
  padding-bottom: 10px;
  display: block;
  margin: auto;
}
.heroes-notification .message {
  max-width: 514px;
  margin: 15px auto 5px;
}
.heroes-notification .message p {
  margin-bottom: 20px;
}
.heroes-notification .sub-title {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 700;
}
.heroes-notification .sub-visual {
  display: block;
  margin: auto;
  padding-bottom: 15px;
  max-width: 594px;
  width: 31vw;
  min-width: 235px;
  height: 23vw;
  max-height: 349px;
  min-height: 161px;
}
#navbarCluster,
body {
  display: -webkit-box;
}
body,
html {
  height: 100%;
}
a {
  color: #a7a9ac;
}
a,
button {
  outline: 0;
}
.no-scroll {
  overflow-y: hidden;
}
.divider {
  border-top: 9px solid #fd0;
}
body {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
#content {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 85vh;
}
footer {
  flex-shrink: 0;
  padding-top: 15px;
  z-index: 1050;
  background-color: #58595b;
  color: #fff;
  font-family: Montserrat, sans-serif;
}
footer #footerLinks a,
footer #socialLinks a {
  color: inherit;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
@media (max-width: 767.98px) {
  footer #footerLinks:lang(es-MX) a {
    font-size: 15px;
  }
  .billboard p {
    display: none;
  }
}
footer > div:first-of-type {
  padding-top: 60px;
  padding-bottom: 60px;
}
footer #signUpButton {
  color: #fff;
  border-color: #fff;
  margin-top: -4px;
  text-transform: uppercase;
  padding: 2px 6px;
}
footer #signUpButton:hover {
  color: #231f20;
  background-color: #fd0;
  border-color: #231f20;
}
input.standard {
  width: 160px;
}
textarea.standard {
  width: 100%;
}
input.wide {
  width: 260px;
}
input.minimal,
textarea.minimal {
  width: 160px;
  border: 0;
  outline: 0;
  background: 0 0;
  border-bottom: 1px solid;
  position: relative;
  z-index: 1;
  padding: 15px 10px 5px;
  box-shadow: none;
}
input.minimal + label,
textarea.minimal + label {
  transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s,
    left 0.2s;
  position: absolute;
  padding: 15px 6px;
  top: 0;
  bottom: 0;
  left: 15px;
  margin-bottom: 0;
}
input.minimal.focus + label,
input.minimal.invalid + label,
input.minimal.valid + label,
textarea.minimal.focus + label,
textarea.minimal.invalid + label,
textarea.minimal.valid + label {
  font-size: 0.6rem;
  padding: 1px 0;
  z-index: 2;
  text-transform: uppercase;
  top: 0;
  height: 1rem;
}

#companyBillboard {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: -9px;
}
#companyTiles .content-pointer {
  display: none !important;
}

#leaderBlocker {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
  display: none;
  background-color: rgba(0, 0, 0, 0.66);
}
#leaderTiles div {
  cursor: pointer;
}
#ourFounderTitle {
  font-family: Erbaum;
  font-size: 4rem;
}
#leader1,
#leader2,
#leader3,
#leader4,
#leader5,
#leader6,
#leader7 {
  border-top: 1px solid #fd0;
  border-right: 1px solid #fd0;
  border-bottom: 1px solid #fd0;
}
#leader1 .tile-image,
#leader2 .tile-image,
#leader3 .tile-image,
#leader4 .tile-image,
#leader5 .tile-image,
#leader6 .tile-image,
#leader7 .tile-image {
  display: block !important;
}
#leader1 .tile-text,
#leader2 .tile-text,
#leader3 .tile-text,
#leader4 .tile-text,
#leader5 .tile-text,
#leader6 .tile-text,
#leader7 .tile-text {
  display: none !important;
}
#highWire,
#leaderContainer {
  display: none;
}
#leader1,
#leader5 {
  border-left: 1px solid #fd0;
}
#leaderContainer #leaderPopup {
  position: fixed;
  top: 23vh;
  width: 100vw;
  z-index: 1019;
}
#leaderContainer #leaderPopup #leaderClose {
  position: absolute;
  top: -2px;
  right: 0;
  font-weight: 700;
  cursor: pointer;
  width: 25px;
  text-align: center;
}
#leaderContainer #leaderPopup #leaderCard {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #fd0;
}
#leaderContainer #leaderPopup #leaderName {
  font-weight: 700;
  font-family: Montserrat;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: -4px;
}
#leaderContainer #leaderPopup #leaderTitle {
  font-size: 15px;
  font-weight: 700;
  font-family: Montserrat;
  margin-bottom: 0;
}
#leaderContainer #leaderPopup #leaderDescription p,
#lobergDescription p,
.partner-body h2,
.partner-body li,
.partner-body p {
  font-family: Montserrat, sans-serif;
}
#leaderContainer #leaderPopup #leaderDescription p {
  font-size: 14px;
  margin-bottom: 3px;
}
#leaderContainer #leaderPopup #leaderLine {
  border-top: 3px solid #fd0;
  position: absolute;
  top: 25px;
  left: -10px;
  width: 195px;
}
#leaderContainer #leaderPopup #leaderImageContainer {
  text-align: center;
}
#leaderContainer #leaderPopup #leaderImageContainer #leaderImage {
  width: 100%;
}
#lobergDescription {
  text-align: justify;
}

#mission-child-textbody * {
  display: flex;
  flex-direction: row;
}

.partner-body h2,
.partner-body p {
  font-size: 18px;
}
#partnersFindIP,
#partnersListTitle {
  font-family: Erbaum, sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}
#companyPartnersMap {
  width: 90vw;
  max-width: 1400px;
}

#locationInformation h2,
#locationInformation p {
  font-family: Montserrat, sans-serif;
}
#locationInformation h2 {
  font-size: 1.5rem;
}
#locationInformation p {
  margin-bottom: 2px;
}

#supportLocatorTitle {
  font-family: Erbaum, sans-serif;
  font-size: 2rem;
  margin-bottom: -10px;
  padding-top: 20px;
}

@media (max-width: 575.98px) {
  #notificationsTitle {
    font-size: 20px;
  }
  #policies {
    display: flex;
    margin-top: 5px;
  }
}
#ulHeroesNotifications {
  list-style: none;
  background-color: #f5f5f5;
}
#ulHeroesNotifications .liHeroesNotifications {
  margin-top: 5px;
}
#ulHeroesNotifications .liHeroesNotifications a {
  color: #231f20;
}
#ulHeroesNotifications .liHeroesNotifications a:hover {
  text-decoration: inherit;
  border-bottom: 1px solid #fd0;
}
#error404 {
  padding-top: 200px;
  font-family: Erbaum;
  font-size: 60px;
}

#tagLine {
  background-color: rgba(255, 255, 255, 0.76);
}
#tagLine h1 {
  font-family: Erbaum, sans-serif;
  margin-bottom: -12px;
  color: #414042;
}
#tagLine h2 {
  font-family: Montserrat, sans-serif;
  padding-top: 4px;
  color: #414042;
}
#contentTiles h2,
#ipLocatorForm h1,
.index-product h2 {
  font-family: Erbaum, sans-serif;
}
#indexIPLocatorContainer {
  height: 79vh;
}
@media (max-width: 767.98px) {
  #leaderContainer #leaderPopup {
    width: unset;
  }
  #leaderContainer #leaderPopup #leaderCard {
    max-height: 300px;
    overflow-y: auto;
  }
  #indexIPLocatorContainer {
    height: 95vh;
  }
  #tagLine {
    margin-top: 5%;
    margin-left: 0;
    height: 126px;
  }
  #tagLine h1 {
    font-size: 3rem;
    letter-spacing: 3px;
  }
  #tagLine h2 {
    font-size: 1rem;
  }
  #tagLine:lang(es-mx) h1 {
    font-size: 2.7rem;
  }
}
@media (min-width: 576px) {
  #policies {
    position: absolute;
    margin-right: -35px;
    right: 0;
  }
  #policies .policy {
    padding-top: 37px;
  }
  #policies .iubenda-ibadge {
    transform: rotate(-90deg);
  }
  #policies #cookiePolicy {
    margin-top: 35px;
  }
  #tagLine {
    position: absolute;
    margin-top: 25%;
    margin-left: 21px;
    height: 205px;
    width: auto;
  }
  #tagLine > :first-child {
    padding: 15px 12px 12px;
  }
  #tagLine h1 {
    font-size: 4rem;
    letter-spacing: 5px;
  }
  #tagLine h2 {
    font-size: 1.2rem;
  }
  #tagLine:lang(es-mx) h1 {
    letter-spacing: 5px;
    font-size: 4rem;
  }
  #tagLine:lang(es-mx) h2 {
    font-size: 1rem;
  }
  #homePageTriangles {
    padding-top: 15%;
  }
}
.index-product {
  padding-right: 0;
}
.index-product h2 {
  padding-top: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
#contentTiles p,
.index-product p {
  letter-spacing: 0.03rem;
}
.index-product:hover h2,
.index-product:hover p {
  color: #fd0;
}
#careerOpportunitiesTile .tile-text {
  background-color: #58585a;
}
#careerOpportunitiesTile .content-pointer {
  border-left: 33px solid #58585a;
}
#pressRoomTile .tile-text {
  background-color: #818285;
}
#pressRoomTile .content-pointer {
  border-right: 33px solid #818285;
}
#customerTrainingTile .tile-text {
  color: #414042;
  background-color: #f8de08;
}
.content-pointer {
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  position: absolute;
  z-index: 1;
  top: 44%;
}
#whoWeAreTile .tile-image img,
textarea {
  width: 100%;
}
#careerOpportunitiesTile .tile-image,
#careerOpportunitiesTile .tile-text,
#customerTrainingTile .tile-image,
#customerTrainingTile .tile-text,
#highWire,
#map,
#navGeoFail,
#pressRoomTile .tile-image,
#pressRoomTile .tile-text {
  height: 100%;
}
#contentTiles {
  color: #fff;
}
#contentTiles h2 {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 3rem;
}
#contentTiles p {
  font-size: 1.1rem;
}
.tile-image {
  overflow: hidden;
}
.tile-image img {
  transition: transform 0.8s;
}
#careerOpportunitiesTile,
#customerTrainingTile,
#pressRoomTile {
  display: inline-flex;
}
#careerOpportunitiesTile .tile-image img,
#customerTrainingTile .tile-image img,
#pressRoomTile .tile-image img {
  height: 100%;
  width: 100%;
}
.tile-text {
  padding-left: 1.5rem;
  padding-top: 4.8rem;
  padding-right: 3rem;
}
#whoWeAreTile {
  position: relative;
}
.long-tile-text {
  position: absolute;
  padding-top: 30%;
  padding-left: 10%;
}

@media (min-width: 768px) {
  .index-background-image {
    background: url(https://cdn.hytrol.com/images/jumbotron/en-US/HytrolMainImage.jpg)
      top right no-repeat fixed;
    background-size: cover;
  }
}
@media (max-width: 767.98px) {
  .index-background-image {
    background: url(https://cdn.hytrol.com/images/jumbotron/en-US/HytrolMainImage.jpg);
    background-size: cover;
  }
}
#caseStudyCTA a:hover,
#industryCTA a:hover {
  background-color: #fd0;
}

@media (max-width: 575.98px) {
  #ipLocatorForm {
    width: 100%;
    height: 522px;
  }
  #ipLocatorForm input {
    width: 96%;
  }
  #needs,
  #needsLabel {
    margin-left: 18px;
  }
  #needs {
    height: 177px;
    width: 90%;
  }
  #needsCol {
    margin-top: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #ipLocatorForm {
    width: 100%;
    height: 367px;
  }
  #needs,
  #needsLabel {
    margin-left: 18px;
  }
  #needs {
    height: 100%;
    width: 90%;
  }
  #needsCol {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ipLocatorForm {
    width: 100%;
    height: 290px;
  }
  #needs {
    height: 115px;
  }
}
@media (max-width: 991.98px) {
  #ipLocatorForm {
    border-bottom: 1px solid #fd0;
  }
}
@media (min-width: 992px) {
  #ipLocatorForm {
    position: absolute;
    width: 454px;
    height: 74vh;
    border-left: 1px solid #fd0;
  }
  #addressCol,
  #phoneCol {
    margin-top: 10%;
  }
  #needsCol {
    margin-top: 18%;
  }
  #needs {
    height: 300px;
  }
}
#ipLocatorForm {
  background-color: #252424;
  z-index: 2;
  right: 0;
}
#ipLocatorForm h1 {
  letter-spacing: 0.2rem;
  padding-top: 25px;
  color: #fd0;
  margin-left: auto;
  margin-right: auto;
  width: 9rem;
}
#ipLocatorForm input,
#ipLocatorForm textarea {
  border-color: #58595b;
  color: #58595b;
}
#ipLocatorForm input + label,
#ipLocatorForm textarea + label {
  color: #58595b;
}
#ipLocatorForm input.focus,
#ipLocatorForm textarea.focus {
  color: #fff;
  border-color: #58595b;
}
#ipLocatorForm input.focus + label,
#ipLocatorForm textarea.focus + label {
  color: #fd0;
}
#ipLocatorForm input.valid,
#ipLocatorForm input.valid + label,
#ipLocatorForm textarea.valid,
#ipLocatorForm textarea.valid + label {
  color: #58595b;
}
#ipLocatorForm input.invalid + label,
#ipLocatorForm textarea.invalid + label {
  color: red;
}
textarea + label,
textarea.valid {
  color: #231f20 !important;
}
#ipLocatorForm button {
  float: right;
}
#ipLocatorFormHeader {
  padding-bottom: 35px;
}
textarea {
  border-color: transparent;
  border-radius: 3px;
}
textarea + label {
  left: 7px !important;
  z-index: 2;
  padding: 0 !important;
  bottom: unset !important;
}
textarea.focus + label {
  color: #fd0 !important;
}
.site-map-section-header a,
.site-map-section-list a {
  color: #231f20;
}
#legal h1,
#privacy h1 {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}
#legal h2,
#privacy h2 {
  font-size: 1rem;
  font-weight: 700;
}
#legal ol,
#legal p {
  font-size: 13px;
}

#sitemapCol {
  border-top: 1px solid #fd0;
}
#sitemap {
  border-bottom: 1px solid #fd0;
  font-family: Montserrat, sans-serif;
  padding-bottom: 25px;
  padding-top: 20px;
}
.site-map-section-header {
  font-size: 15px;
  margin-bottom: -5px;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.site-map-section-list {
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: -2px;
}
.site-map-section-sub-list {
  font-size: 14px;
  margin: 5px;
}
.site-map-section-sub-list a {
  color: #6d6e71;
}
#caseStudyCTA a,
#industryCTA a {
  color: inherit;
  background-color: #e6e7e8;
  text-decoration: inherit;
}
.site-map-sub-border {
  border-top: 1px solid #231f20;
  margin-top: 2px;
}
#kayako_sitebadgecontainer {
  transition-duration: 1s;
}

#missingIndustry {
  padding: 30px;
}
#missingIndustry h3 {
  font-family: Erbaum, sans-serif;
  letter-spacing: 2px;
  margin-bottom: -3px;
}
#missingIndustry p {
  font-family: Montserrat, sans-serif;
  margin-bottom: 0;
}

#industryBillboard h1 {
  padding-bottom: 32px;
}
#industryCTA {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.case-study-card {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 27px;
  margin-bottom: 25px;
}
#categoryBillboard h1,
#familyBillboard h1 {
  margin-bottom: 0 !important;
}
.case-study-card h2 {
  text-align: center;
  padding-bottom: 5px;
}
.case-study-card span {
  font-weight: 700;
}
@media (max-width: 991.98px) {
  #kayako_sitebadgecontainer {
    transform: matrix(-1, 0, 0, -1, 0, 0) !important;
    margin-left: 100% !important;
  }
  .case-study-card .video iframe {
    width: 100%;
  }
}
#caseStudyCTA {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 40px;
}

#faqs h2 {
  font-family: Erbaum, sans-serif;
  font-size: 1.5rem;
  letter-spacing: 3px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 12px;
}
#familyTabs h2 label,
#faqs p,
#faqs ul {
  font-family: Montserrat, sans-serif;
}
#faqs p,
#faqs ul {
  font-size: 16px;
}
#faqs ul {
  margin-top: -10px;
}

#infoCenterTiles img {
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}
.press-release-content h1 {
  font-size: 1.8rem;
}
.press-release-content h2 {
  font-size: 1.5rem;
}
#pressTile2 .tile-text,
#pressTile3 .tile-text {
  width: 33rem;
}
#pressRoomTiles .tile-text {
  width: 109%;
}
#familyTabs #familyTabsRow,
#pressRoomTiles .super-tile-text {
  width: 100%;
}

#categoryVideos {
  margin-top: 2vw;
  margin-bottom: 5vw;
}
@media (min-width: 992px) {
  #videoLeft {
    border-right: 10px solid transparent;
  }
  #videoCenter {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  #videoRight {
    border-left: 10px solid transparent;
  }
}
#familyTabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 2px solid #6d6e71;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
#familyTabs h2 label {
  cursor: pointer;
}
#familyTabs input {
  visibility: hidden;
}
#familyTabs input:checked + h2 label {
  border-bottom: 2px solid #fd0;
  font-weight: 700;
}
#supportIPLocatorTitle,
#supportMatchMeSubTitle,
#supportMatchMeTitle {
  font-family: Erbaum, sans-serif;
  color: #414042;
}
#familyBillboard h1,
#familyContent {
  font-family: Montserrat, sans-serif;
}
#supportIPLocatorTitle,
#supportMatchMeTitle {
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
#supportMatchMeSubTitle {
  font-size: 1.3rem;
}
#supportMatchMeDescription {
  color: #414042;
}
#matchMeFormSupport {
  padding-top: 15px;
}
#matchMeFormSupport input,
#matchMeFormSupport textarea {
  width: 100%;
  margin-bottom: 10px;
  border: 2px solid #6d6e71;
  border-radius: 3px;
  padding: 2px;
}
#matchMeFormSupport textarea {
  height: 95.3%;
}
#matchMeFormSupport button {
  text-transform: uppercase;
  margin-bottom: 10px;
  border: 2px solid #6d6e71;
  border-radius: 2px;
  background-color: transparent;
  color: #6d6e71;
  font-weight: 700;
  font-size: 13px;
}
#matchMeFormSupport button:hover {
  background-color: #fd0;
  color: #231f20;
  border-color: #231f20;
}
#familyTabsRow h2 {
  font-size: 1.1rem;
}
#categoryFamilyImages img {
  -webkit-filter: brightness(0.6);
  filter: brightness(0.6);
}

#familyBillboard h1 {
  text-transform: uppercase;
}
#familyContent {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
}
.family-catalog-links .familyCatalogLinksTitle {
  font-family: Erbaum, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 4px;
}
.family-catalog-links .family-catalog-links-names {
  font-family: Montserrat, sans-serif;
  border-bottom: 1px solid #231f20;
  margin-bottom: 5px;
  margin-top: 20px;
}
.family-catalog-links a {
  color: inherit;
  text-decoration: inherit;
}
.family-catalog-links a p {
  margin-bottom: 5px;
  font-size: 0.8rem;
}
@media all and (-ms-high-contrast: none) and (max-width: 767.98px),
  (-ms-high-contrast: active) and (max-width: 767.98px) {
  #familyTabs #familyTabsRow {
    display: inline;
  }
}

.billboard h1 {
  color: #231f20;
  font-family: Erbaum, sans-serif;
  padding-bottom: 10px;
}
#ipLocatorDetail p,
.billboard p,
.flyer {
  font-family: Montserrat, sans-serif;
}

#carnivalCarousel .horse {
  padding: 3px;
}
#carnivalCarousel .carousel-control-next,
#carnivalCarousel .carousel-control-prev {
  width: 35px;
  z-index: 1000;
  color: #231f20;
}
#highWire,
#map,
.flyer .video .flyer-video {
  width: 100%;
}
#carnivalCarousel .carousel-control-next {
  right: -40px;
}
#carnivalCarousel .carousel-control-prev {
  left: -40px;
}
#highWire {
  position: fixed;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
#highWire #carouselImagePopup {
  width: -moz-min-content;
  width: -webkit-min-content;
  margin: auto;
  padding-top: 68px;
}
#highWire #carouselImagePopup img {
  width: 37vw !important;
}
#highWire #carouselImagePopup .c-img-text {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  top: -110px;
}

.flyer {
  padding: 10px;
}
.flyer h2 {
  font-size: 1.2rem;
}

#mapForm .toggle-content {
  padding-top: 10px;
}
#mapForm p {
  line-height: 1.1;
}
#indexIPLocatorContainer #ipSearchautocomplete-list {
  max-height: 53vh;
  overflow-y: scroll;
}
#ipLocatorDetail p {
  margin-bottom: 2px;
  font-size: 13px;
}
#ipDataToggle,
#OSPDataToggle,
#ipLocatorDetail #ipLocatorDetailHeader,
#ipLocatorDetail #ipLocatorDetailHeaderFail,
#mmDataToggle {
  font-size: 1.4em;
}
#ipLocatorDetail #ipLocatorDetailHeader {
  font-size: 19px;
  border-bottom: 2px solid #fd0;
}
#ipLocatorDetail #ipLocatorDetailHeaderFail {
  font-size: 19px;
  border-bottom: 2px solid #b22222;
}
#ipDataToggle,
#mmDataToggle,
#OSPDataToggle {
  /* position: absolute; */
  /* padding-left: 50px; */
  letter-spacing: 1px;
  top: 0;
  margin-top: -7px;
  padding-top: 7px;
  background-color: grey;
}
#ipDataToggle.toggled,
#mmDataToggle.toggled,
#OSPDataToggle.toggled {
  background-color: inherit;
  color: #fd0;
}
#ipDataToggle {
  left: 0;
}
#mmDataToggle {
  right: 0;
}
@media (max-width: 991.98px) {
  #mapForm {
    z-index: 2;
    background-color: rgba(37, 36, 36, 0.9);
    color: #fff;
    padding-top: 7px;
    position: relative;
    width: auto;
    height: auto;
  }
  #mapForm #ipDataToggle,
  #mapForm #mmDataToggle,
  #mapForm #OSPDataToggle {
    font-size: 1.4em;
  }
  #mapForm input {
    width: 160px;
  }
  #mapForm input.wide {
    width: 260px;
  }
  #mapForm h2 {
    margin-bottom: 0;
    /* font-size: 1.7rem; */
  }
  #mapForm p {
    letter-spacing: 0.03rem;
  }
}
@media (min-width: 768px) {
  #mapForm {
    z-index: 2;
    background-color: rgba(37, 36, 36, 0.9);
    color: #fff;
    position: absolute;
    right: 20px;
    padding-top: 7px;
    margin-left: 20px;
    margin-top: 15px;
    width: 470px;
    height: auto;
  }
  #mapForm #ipDataToggle,
  #mapForm #mmDataToggle,
  #mapForm #OSPDataToggle {
    font-size: 1.4em;
  }
  #mapForm h2 {
    margin-bottom: 0;
    font-size: 1.2rem;
  }
  #mapForm p {
    letter-spacing: 0.03rem;
  }
}
#loginDropdown,
#navbarMain {
  font-family: Montserrat, sans-serif;
}
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 2px;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.autocomplete-active {
  background-color: #fd0 !important;
  color: #fff;
}
#mapForm input,
#mapForm textarea {
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-style: hidden;
  font-size: 14px;
}
#mapForm button {
  margin-bottom: 10px;
  border-style: solid;
  border-radius: 4px;
  background-color: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}
#mapForm button:hover {
  background-color: #fd0;
  color: #231f20;
  border-color: #231f20;
}
#mapForm #matchMeEstimate:lang(es-MX) {
  font-size: 10px;
  height: 27px;
}
#navGeoFail {
  background-color: #231f20;
}
#navGeoFail p {
  color: #fff;
  font-size: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  padding-top: 27%;
}

#navbarCluster {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-right: 15px;
}
#navbarCluster a {
  text-decoration: inherit;
}
#navbarCluster a:hover {
  color: #fd0;
}
#navbarCluster #ipLocatorCluster {
  margin-bottom: -6px;
  padding-left: 11px;
}
#navbarCluster #ipLocatorCluster:lang(es-MX) {
  padding-left: 0;
}
#navbarCluster #ipLocatorBottomTextCluster:lang(es-MX) {
  text-align: center;
}
.nav-item {
  border-bottom: 1px solid transparent;
}
.navbar-item-focused {
  border-bottom: 1px solid #6d6e71;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #highWire #carouselImagePopup {
    width: 40vw;
  }
  #navGeoFail p {
    width: 45%;
  }
  #navbarMain {
    opacity: 1 !important;
  }
}
#navbarMain {
  opacity: 0.9;
  letter-spacing: 1px;
}
@media (max-width: 767.98px) {
  #highWire #carouselImagePopup img {
    width: 94vw !important;
  }
  #navbarMain {
    position: inherit;
  }
}
#navbarMain a {
  text-transform: uppercase;
  color: #414042;
  font-size: 0.7rem;
}
#navbarMain .dropdown-item {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
#navbarMain .dropdown-item:hover {
  color: #231f20;
  background-color: #bcbec0;
  border-left: 2px solid #fd0;
  border-right: 2px solid #fd0;
}
#navbarMain .dropdown-menu {
  margin-top: 18px;
}
#navbarMain .dropdown-menu a {
  text-transform: none;
}
#loginDropdown button,
#sidebar > li > p,
.tiles h2 {
  text-transform: uppercase;
}
#hytrolLogoNavbar {
  width: 6rem;
}
#loginDropdown {
  font-size: 0.7rem;
}
#loginDropdown button {
  background-color: inherit;
  border-style: none;
  outline: 0;
  padding-top: 5px;
}
#loginDropdown button.dropdown-toggle::after {
  display: none;
}
#loginDropdown .dropdown-menu {
  min-width: 74px;
}
#language_dropdown button {
  background-color: transparent;
  padding: 0;
  font-size: 0.9rem;
  margin-left: 47px;
  border: none;
  outline: 0;
  box-shadow: none;
}
#language_dropdown .dropdown-menu {
  min-width: 9px;
  margin-left: 36px;
}
#language_dropdown .dropdown-menu .dropdown-item {
  font-size: 0.8rem;
  cursor: pointer;
}
#mobileNavbarCluster {
  max-width: 389px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#mobileNavbarCluster a {
  margin-left: auto;
  background-color: gold;
  border-color: #000;
  padding: 8px;
}
.policebox-icon img {
  height: 113px;
  margin-top: 24px;
}
.policebox-title {
  margin-top: 23px;
  font-size: 21px;
}
.seminar-seat-title {
  text-align: justify;
  margin-bottom: -10px;
}
.seminar-seat-icon img {
  height: 61px;
}

#sidebar {
  border-left: 6px solid #bcbec0;
  margin-left: 5%;
  margin-top: 50%;
  transition: 1s;
}
@media screen and (prefers-reduced-motion: reduce) {
  #sidebar {
    transition: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #sidebar {
    transition: 0s;
  }
}
@media screen and (-ms-high-contrast: active) and (prefers-reduced-motion: reduce) {
  #sidebar {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  #loginDropdown .dropdown-menu {
    display: block;
    top: -26px;
    left: 58px;
  }
  #sidebar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f8f8ff;
    border-bottom: 2px solid #fd0;
    border-right: 2px solid #fd0;
    border-top: 2px solid #fd0;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    position: fixed;
    margin-top: 15%;
    z-index: 5;
    padding: 5px 10px 5px 40px;
  }
  #sidebar li {
    display: none;
  }
  #sidebar li p {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #sidebar {
    position: absolute;
  }
}
@media (min-width: 992px) {
  #sidebar li {
    display: block !important;
  }
}
#sidebar a {
  text-decoration: inherit;
  color: inherit;
}
#sidebar ul {
  display: none;
}
#sidebar li p.active {
  border-left: 6px solid #fd0;
  font-weight: 700;
}
#sidebar li p.active + ul {
  display: block;
}
#sidebar > li > p.active {
  margin-left: -46px;
  padding-left: 40px;
  font-size: 1.1rem;
}
#sidebar .subSidebar,
#sidebar .subSidebar li p.active {
  margin-left: -24px;
}
#sidebar .subSidebar li p.active a {
  margin-left: 17px;
}
#sideBurger {
  display: none;
  position: fixed;
  font-size: 25px;
  color: #bcbec0;
  z-index: 5;
}
@media (max-width: 991.98px) {
  #sideBurger {
    transition: 1s;
    display: contents;
    cursor: pointer;
  }
}
@media screen and (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  #sideBurger {
    transition: none;
  }
}
@media all and (max-width: 991.98px) and (-ms-high-contrast: none),
  (max-width: 991.98px) and (-ms-high-contrast: active) {
  #sideBurger {
    display: ruby-base-container;
  }
}
@media (max-width: 575.98px) {
  #sideBurger {
    font-size: 33px;
  }
}

#mission-body {
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: #58595b;
  height: 100%;
  padding: 50px 10px;
}
#mission-body:last-child {
  margin-bottom: 50px;
}
#mission-child {
  display: flex;
  flex-direction: row;
  margin: 10px auto;
}
#mission-child-img img {
  height: 5vw;
  width: 5vw;
}
#mission-child-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
}
#mission-child-title {
  width: fit-content;
  font-family: Erbaum, sans-serif;
  font-size: 2.5vw;
  letter-spacing: 0.1rem;
  border-bottom: 2px solid #ff0;
}
#mission-child-textbody div {
  display: flex;
  flex-direction: row;
  font-size: 1vw;
  letter-spacing: 0.03rem;
}
@media (max-width: 1100px) {
  #mission-child-title {
    font-size: 5vw;
  }
  #mission-child-img img {
    height: 8vw;
    width: 8vw;
  }
}
@media (max-width: 700px) {
  #mission-child-title {
    font-size: 8vw;
  }
  #mission-child-img img {
    height: 10vw;
    width: 10vw;
  }
}
.tiles {
  color: #fff;
}
.tiles a {
  text-decoration: none;
}
.tiles h2 {
  font-family: Erbaum, sans-serif;
  letter-spacing: 0.1rem;
  font-size: 2.5vw;
}
@media (max-width: 1199.98px) {
  .tiles h2 {
    font-size: 6vw;
  }
}
@media (max-width: 575.98px) {
  .tiles h2 {
    font-size: 8vw;
  }
}
.tiles p {
  letter-spacing: 0.03rem;
  font-size: 1vw;
}
@media (max-width: 1199.98px) {
  .tiles p {
    font-size: 2.2vw;
  }
}
@media (max-width: 575.98px) {
  .tiles p {
    font-size: 5vw;
  }
}
.tiles .tile .tile-image {
  overflow: hidden;
}
.tiles .tile .tile-image img {
  transition: transform 0.8s;
}
.tiles .tile .super-tile-text,
.tiles .tile .tile-text {
  padding-left: 3rem;
  padding-top: 4.8rem;
}
.tiles .tile .tile-text {
  width: 100%;
}
.tiles .tile .super-tile-text {
  width: 89%;
}
.tiles .tile.tile-full {
  position: relative;
}
.tiles .tile.tile-full .tile-image img {
  width: 100%;
}
.tiles .tile.tile-full .long-tile-text {
  position: absolute;
  padding-top: 10vw;
  padding-left: 10%;
  z-index: 1;
}
.tiles .tile.tile-full .long-tile-text p {
  width: 21rem;
}
.tiles .tile.tile-split .row {
  width: 100%;
}
.tiles .tile.tile-split .content-pointer {
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  position: absolute;
  z-index: 1;
  top: 44%;
}
.tiles .tile.tile-split .tile-image,
.tiles .tile.tile-split .tile-text {
  height: 100%;
}
.tiles .tile.tile-split .tile-image img {
  height: 100%;
  width: 100%;
}
.tiles .tile.tile-split .content-pointer-right {
  border-left: 33px solid;
  left: 0;
}
.tiles .tile.tile-split .content-pointer-left {
  border-right: 33px solid;
  right: 0;
}
.tiles .tile.tile-single {
  position: relative;
}
.tiles .tile.tile-single .tile-image img {
  width: 100%;
}
.tiles .tile.tile-single .single-tile-text {
  position: absolute;
  padding-left: 5%;
  z-index: 1;
}
.tiles .tile.tile-single .single-tile-text h2 {
  font-size: 25px;
}
.tiles .tile.tile-single.with-description .single-tile-text {
  padding-top: 17%;
  padding-left: 10%;
  padding-right: 10%;
}
.tiles .tile.tile-single.with-description .single-tile-text h2 {
  font-size: 38px;
}
.toggled-content {
  display: block !important;
}
.toggle-content > div {
  display: none;
}
.toggle > div {
  cursor: pointer;
}

#qrCodeManuals div {
  background-color: #333;
}
#qrManualList {
  font-size: 14px;
  font-weight: 700;
}
#qrManualList a {
  color: #f8f9fa;
  text-decoration: inherit;
}
#qrManualList li {
  border-bottom: 1px solid transparent;
  margin-bottom: 2px;
}
#qrManualList li:hover {
  border-bottom: 1px solid #fd0;
}

/* TODO:This is what I did */
#ip-locator-toggle-switch {
  height: 100%;
  min-height: 79vh;
}
#OSPData {
  height: 70vh;
  overflow: scroll;
  overflow-x: hidden;
}
.buy-border {
  border-bottom: solid 1px #636363;
}
.buy-border :last-of-type {
  border-bottom: solid 0px #636363;
}
#autocomplete-list {
  max-height: 50vh;
}
.text-centered {
  text-align: center;
  font-size: 1.4em;
}