@charset "UTF-8";

.accordion {
  background-color: #fff;
  color: #00759B;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-weight: 300;
}

.active, .accordion:hover, button.accordion:focus {
  background-color: #fefaf1;
  outline: none;
  color: #444;
}

.accordion:after {
  content: '\002B';
  color: #00759B;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  outline: none;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

body {
  margin: 0;
  font-size: 15pt;
  font-weight: 300;
  line-height: 1.5;
  color: #808285;
  text-align: left;
  background-color: #fff;
}
#left .logo img {
	width: 80px;
	margin-left: 10px;
  margin-top: -115px;
}
.nav-link.logo img {
	width: 50px;
	margin: 0px;
  vertical-align: text-bottom;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.2rem 1rem 0rem 1rem;
}
#mainNav {
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.top-message {
  font-size: 12pt;
  background-color: #fefaf1;
  text-align: left;
  padding: 7px 0px 0px 30px;
  margin-left: 30%;
}
.top-message p {
  margin: 0px;
  padding: 0px;
}
.portal-icon-left img {
  margin-top: 190px;
  margin-left: -85px;
  margin-bottom: 0px;
  width: 70px;
  position: fixed;
  z-index: 100;
}
li.portal-icon-main img {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 30px;
  vertical-align:text-bottom;
}






/*  Start Hamburger Icon */
input.hamburger-checkbox {
  position: absolute;
  z-index: 3;
  top: 5vh;
  left: 5vw;
  width: 2vw;
  opacity: 0;
  height: 6vh;
}
.hamburger-icon {
  position: fixed;
  z-index: 1;
  padding-top: 25px;
  padding-left: 28px;
  width:100px;
  padding-bottom: 5px;
}
.hamburger-icon span {
  height: 5px;
  width: 40px;
  background-color: #808285;
  display: block;
  margin: 5px 0px 5px 0px;
  transition: 0.7s ease-in-out;
  transform: none;
}
#openmenu:checked ~ .menu-pane {
  left: 4vw;
  transform: translateX(-5vw);
  width: 110vw;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(2) {
  transform: translate(0%, 175%) rotate(-45deg);
  background-color: #808285;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(3) {
  transform: rotate(45deg);
  background-color: #808285;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(1) {
  opacity: 0;
}
#openmenu:checked ~ .hamburger-icon span:nth-of-type(4) {
  opacity: 0;
}

#openmenu:checked ~ .hamburger-icon {
  background-color: #fefaf1;
}

@media (max-width: 767.98px) {
  #openmenu:checked ~ .hamburger-icon {
    background-color: transparent;
  }
  #openmenu:checked ~ .menu-pane {
    margin-top: 80px;
    left: 0;
    transform: translateX(-5vw);
    width: 103vw;
  }
  #openmenu .menu-pane {
    margin-top: 50px;
  }
  #left .logo img{
    visibility: hidden;
    max-height: 1px;
    max-width: 1px;
    display: none;
  }
  div.menu-container {
    margin: 0px 0px 0px 15px;
    width: 30px;
  }
.menu-container .hamburger-icon {
position: relative;
  top: 90px;
  margin: 0px;
  padding: 0px;
  }

  #mainNav .navbar-nav .nav-item.hamburger {
  padding-top: 90px;
  }

  .hamburger-icon {
    width:40px;
  }
  .hamburger-icon span {
    height: 2px;
    width: 25px;
    background-color: #808285;
    display: block;
    margin: 2px 0px 2px 0px;
    transition: 0.7s ease-in-out;
    transform: none;
  }
  div.menu-pane {
    transform: translateX(-105vw);
    transform-origin: (0, 0);
    width: 100%;
    padding: 0;
    margin-left: 0px;
    transition: 0.6s ease-in-out;
    margin-top: 0px;
}
}
/*  End Hamburger Icon */


/*  Start Slider Menu */
    .menu-container {
      margin-top: 95px;
      margin-left: -100px;
      z-index: 10000;
      position: absolute;
    }

    div.menu-pane {
      position: absolute;
      transform: translateX(-105vw);
      transform-origin: (0, 0);
      width: 100%;
      padding: 0;
      margin-left: 112px;
      transition: 0.6s ease-in-out;
      background-color: #fefaf1;
    }

    div.menu-pane .row {
      margin-right: 0;
      margin-left: 0;
    }

    div.menu-pane .menu-pane-background {
      background-color: #fefaf1;
      padding: 30px;
      z-index: 1000000;
}
      div.menu-pane .container {
        margin-right: 0;
        margin-left: 0;
      }

    .menu-pane .col.three, .menu-pane .col.four {
      margin-top: 33px;
    }
    .menu-pane .row.two {
      margin-top: 4.4117647059vw;
      padding-top: 4.4117647059vw;
      border-top: 8px solid #808285;
    }

    .menu-pane li a  {
      color: #808285;
      font-size: 13px;
    }
    .menu-pane li a:hover  {
      color: #fed136;
      text-decoration: none;
    }
    .menu-pane li   {
      line-height: 75%;
    }

    .menu-pane li.menu-header span {
      color: #fed136;
      font-size: 1.1em;
      font-weight: bold;
    }
    .menu-pane li.menu-subhead a {
      font-weight: bold;
    }

    .menu-links li, a, span {
    transition: 0.5s ease-in-out;
    }

    .menu-pane ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: inline-block;
    }

    .menu-pane li {
      padding-top: 0px;
      padding-bottom: 15px;
      margin-left: 10px;
    }
    @media (max-width: 767.98px) {
    div.menu-pane {
      transform: translateX(-105vw);
      transform-origin: (0, 0);
      width: 100%;
      padding: 0;
      margin-left: 0px;
      transition: 0.6s ease-in-out;
  }
  }
    .menu-links li a {
      color: #808285;
      text-decoration: none;
    }


    .menu-links li:hover a {
      color: #FFAB91;
    }

    .menu-links li:first-child:hover a {
      color: black;
      background-color: #FFAB91;
    }

    #QC-info {
      background-color: #FFAB91;
        border: 2px solid;
      border-color: #FFAB91;
    display: block;
      opacity: 0;

    }

    .menu-links li:first-child:hover #QC-info {
    opacity: 1;
    }

    .menu-links li:first-child:hover #DC-info {
    opacity: 1;
    }

    #DC-info {
      background-color: #FFAB91;
        border: 2px solid;
      border-color: #FFAB91;
    display: block;
      opacity: 0;
    }


    .menu-links li:first-child a {
      padding: 5px;
    }

/*  End Slider Menu */




#mainNav #navbarResponsive {
  margin-left: auto;
  margin-right: auto;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.3rem;
  color: #7f8185;
  letter-spacing: 0.0625em;
  text-decoration: none;
}
#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff;
}
@media (min-width: 992px) {
  #mainNav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #fff;
  }
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
  }
  }
  .navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;
}

header.masthead {
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #7f8185;
  background-image: none;
    background-color: #fff;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

body {
  font-family: 'Nunito Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Nunito Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.0rem;
  font-weight: 300;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 30pt;
}

h2, .h2 {
  font-size: 2rem;
  margin-top: 2.5rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
  margin-top: 2.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}
p a {
  color: #00759B;
  text-decoration: none;
  background-color: transparent;
}

p a:hover {
  color: #00759B;
  text-decoration: underline;
}
.page-section p.section-subheading {
  font-weight: 600;
  margin-bottom: .4rem;
}
.page-section h2.section-heading {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.page-section h1#head-banner.section-heading {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 4rem;
}

.page-section {
  padding: 2.5rem 0;
}

section#whychoose, section#head-banner .container, section#image-buttons, section#page-body {
	max-width: 900px;
	margin: 0px auto;
}


section#head-banner.our-story {
  background: url(/media/images/spire-building-1.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.pharma {
  background: url(/media/images/Pharmaceutical-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.auto {
  background: url(/media/images/automotive-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.hi-ed {
  background: url(/media/images/education-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.financial {
  background: url(/media/images/financial-services-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.healthcare {
  background: url(/media/images/health-care-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.employee {
  background: url(/media/images/hr-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.insurance {
  background: url(/media/images/insurance-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.luxury-brands {
  background: url(/media/images/luxury-brands-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.real-estate {
  background: url(/media/images/real-estate-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.retail {
  background: url(/media/images/retail-head-back-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.marketing-services {
  background: url(/media/services-imgs/Marketing-Services-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.technology {
  background: url(/media/services-imgs/technology-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.print-mail {
  background: url(/media/services-imgs/print-mail-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.custom-storefronts {
  background: url(/media/services-imgs/custom-storefronts-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.promotions {
  background: url(/media/services-imgs/promotions-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.warehouse-fulfillment {
  background: url(/media/services-imgs/warehousing-fulfillment-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.omni-channel {
  background: url(/media/services-imgs/omni-channel-marketing-automation-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.triggered-campaign {
  background: url(/media/services-imgs/triggered-campaign-management-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.custom-programming {
  background: url(/media/services-imgs/custom-programming-development-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.journeys-maker {
  background: url(/media/services-imgs/journeys-maker-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.spire-periscope {
  background: url(/media/services-imgs/spire-periscope-analytics-reporting-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.direct-mail {
  background: url(/media/services-imgs/direct-mail-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.large-format {
  background: url(/media/services-imgs/large-format-printing-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.onsite-USPS {
  background: url(/media/services-imgs/onsite-USPS-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.online-ordering-platform {
  background: url(/media/services-imgs/custom-built-online-ordering-platform-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.integrated-inventory-management {
  background: url(/media/services-imgs/integrated-inventory-management-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}
section#head-banner.fulfillment {
  background: url(/media/services-imgs/fulfillment-top-2.jpg) no-repeat center;
  background-size: cover;
  height: 335px;
  position: relative;
}




section#image-buttons {
	padding: 0px 0px 90px 0px;
}
section#image-buttons h3 {
	color: #fff;
  font-weight: 500;
  font-size: 100%;
  text-align: left;
  padding-right: 20%;
  margin-bottom: 3px;
}
section#image-buttons h2 {
	color: #fff;
  font-weight: 600;
  font-size: 110%;
  text-align: left;
  padding-right: 20%;
}
section#image-buttons h2.multi-link {
	margin: .65rem 0rem;
  font-weight: 600;
  font-size: 100%;
  padding-right: 0%;
}
section#image-buttons li {
	color: #d2d2d2;
  text-align: left;
}
section#image-buttons li a {
	color: #fff;
  font-weight: 500;
  font-size: 90%;
  text-align: left;
}
section#image-buttons div.pharm1 {
  background: url(/media/images/image-buttons-pharm1-2.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;

}
section#image-buttons div.pharm2 {
  background: url(/media/images/image-buttons-pharm2-2.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.auto1 {
  background: url(/media/images/image-buttons-automotive-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.hi-ed {
  background: url(/media/images/image-buttons-education-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.financial {
  background: url(/media/images/image-buttons-financial-services-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.healthcare {
  background: url(/media/images/image-buttons-healthcare-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.employee {
  background: url(/media/images/image-buttons-hr-1-2.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.insurance {
  background: url(/media/images/image-buttons-insurance-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.luxury-brands {
  background: url(/media/images/image-buttons-luxury-brands-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.real-estate {
  background: url(/media/images/image-buttons-real-estate-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.retail {
  background: url(/media/images/image-buttons-retail-1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.marketing-services {
  background: url(/media/services-imgs/Marketing-Services-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.technology {
  background: url(/media/services-imgs/Technology-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.print-mail {
  background: url(/media/services-imgs/Print-Mail-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.custom-storefronts {
  background: url(/media/services-imgs/Custom-Storefronts-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.promotions {
  background: url(/media/services-imgs/Promotions-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.warehouse-fulfillment {
  background: url(/media/services-imgs/Warehousing-Fulfillment-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.omni-channel {
  background: url(/media/services-imgs/Omni-channel-Marketing-Automation-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: .45rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: center;
  margin-bottom: 25px;
}
section#image-buttons div.triggered-campaign {
  background: url(/media/services-imgs/Triggered-Campaign-Management-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.custom-programming {
  background: url(/media/services-imgs/Custom-Programming-Development-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.journeys-maker {
  background: url(/media/services-imgs/Journeys-Maker-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.spire-periscope {
  background: url(/media/services-imgs/Spire-Periscope-Analytics-Reporting-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.direct-mail {
  background: url(/media/services-imgs/DirectMail-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.large-format {
  background: url(/media/services-imgs/Large-Format-Printing-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.onsite-USPS {
  background: url(/media/services-imgs/Onsite-USPS-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.online-ordering-platform {
  background: url(/media/services-imgs/Custom-Built-Online-Ordering-Platform-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.integrated-inventory-management {
  background: url(/media/services-imgs/Integrated-Inventory-Management-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}
section#image-buttons div.fulfillment {
  background: url(/media/services-imgs/Fulfillment-button.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.25rem 1.25rem 3.25rem 1.25rem;
  height: 230px;
  text-align: left;
  margin-bottom: 25px;
  max-width: 426px;
}





a.btn-primary.btn.image {
    background-color: #EDAD00;
    color: #fff;
    border: 0px solid #fff;
    border-radius: 0px;
    text-align: center;
    margin: 20px auto;
    padding: 5px 25px;
}
a.btn-primary.btn.image:hover {
    background-color: #fff;
    color: #EDAD00;
    border: 0px;
    border-radius: 0px;
    text-align: center;
    margin: 20px auto;
    padding: 5px 25px;
}

.call-out-box.pharma {
  background: url(/media/images/spire-industies-home-images9.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.auto {
  background: url(/media/images/spire-industies-home-images2.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.hi-ed {
  background: url(/media/images/spire-industies-home-images3.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.financial {
  background: url(/media/images/spire-industies-home-images4.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.healthcare {
  background: url(/media/images/spire-industies-home-images5.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.employee {
  background: url(/media/images/spire-industies-home-images6.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.insurance {
  background: url(/media/images/spire-industies-home-images7.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.luxury-brands {
  background: url(/media/images/spire-industies-home-images8.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.real-estate {
  background: url(/media/images/spire-industies-home-images10.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}
.call-out-box.retail {
  background: url(/media/images/spire-industies-home-images11.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  float: right;
  width: 40%;
  clear: both;
  margin: 10px 0px 10px 15px;
  padding: 45px 20px;
  color: #fff;
}




.call-out-box.success {
  width: 25%;
}
.call-out-box span {
  float: right;
  clear: both;
  margin: 20px 0px;
  padding: 0px;
  font-size: 80%;
  font-style: italic;
}
.call-out-box p.heading {
  margin: 0px;
  padding: 0px;
  font-size: 110%;
  font-weight: 600;
  line-height: 1;
}

section#head-banner .container h1 {
	max-width: 450px;
	margin: 0px;
  color: #65686B;
}
section#head-banner .container h1 span {
  color: #BF1C4F;
}
section#head-banner.our-story .container h1 {
  margin-top: 200px;
  color: #fff;
}

div.services-item {
	background-color: #F4F4F5;
	border: 1px solid #D1D3D4;
	padding: 20px;

}
div.services-item img {
display: block;
 margin-left: auto;
 margin-right: auto;
 width:70px;
 margin-bottom: 15px;
}
div.services-caption {
	text-align: center;
}
div.services-caption-heading {
	font-size: 1.2rem;
  font-weight: 600;
  line-height: 105%;
}
div.services-copy {
	font-size: 10pt;
	line-height: 18px;
}
a div.services-item div.services-caption div.services-caption-heading, a div.services-item div.services-caption div.services-copy {
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-color: transparent;
        color: #808285;
}
#services a div.services-item:hover, #theresmore a div.more-item:hover  {
    box-shadow: 0px 0px 10px 5px #FFD417;
    text-decoration: underline;
  text-decoration-color: #F4F4F5;
}
#services .services-item {
 min-height: 240px;
}






/* in order: x offset, y offset, blur size, spread size, color */
    /* blur size and spread size are optional (they default to 0) */

.bg-light-yellow {
    background-color: #edad0012;
}
.bg-light-gray {
    background-color: #D1D3D4;
}


.tooltip {
  font-family: 'Nunito Sans', sans-serif;
  }

.popover {
  font-family: 'Nunito Sans', sans-serif;
  }
  .page-section h3.section-subheading {
  font-family: 'Nunito Sans', sans-serif;
}
.btn-xl {
  font-family: 'Nunito Sans', sans-serif;
}

#mainNav .navbar-toggler {
  font-family: 'Nunito Sans', sans-serif;
}
#mainNav .navbar-brand {
  font-family: 'Nunito Sans', sans-serif;
}
header.masthead .masthead-subheading {
  font-family: 'Nunito Sans', sans-serif;
}
header.masthead .masthead-heading {
  font-family: 'Nunito Sans', sans-serif;
}
section#contact form#contactForm ::-webkit-input-placeholder {
  font-family: 'Nunito Sans', sans-serif;
}
section#contact form#contactForm :-moz-placeholder {
  font-family: 'Nunito Sans', sans-serif;
}
section#contact form#contactForm ::-moz-placeholder {
  font-family: 'Nunito Sans', sans-serif;
}
section#contact form#contactForm :-ms-input-placeholder {
  font-family: 'Nunito Sans', sans-serif;
}

#footer {
  font-family: 'Nunito Sans', sans-serif;
}
#footer p {
  font-size: 1rem;
  line-height: 1.1rem;
}
.policy-social {
    margin-top: 20px;
}
.p-policy {
    font-size: 1rem;
    margin: auto;
}
.p-social {
  float: right;
  width: 100%;
}
.p-social img {
  float: right;
  width: 50px;
}
h4.footer-subhead {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #808285;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
  color: #65686B;
  background-color: #FFD417;
  border-color: #808285;
  border: 1px solid #808285;
}
.btn-primary:hover {
  color: #65686B;
  background-color: #FFD417;
  border-color: #808285;
  border: 1px solid #808285;
}
.contact-form.btn {
  display: inline-block;
  font-weight: 400;
  color: #65686B;
  text-align: left;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #FFD417;
  border: 1px solid #808285;
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.new-form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
    width: 100%;
}
.new-form-row .column1, .new-form-row .column2 {
    width: 50%;
}
.new-form-row .column1 {
    padding-right: 10px;
}
.new-form-row .column2 {
    padding-left: 10px;
}
.new-form-input1 {
  width: 100%;
}
.new-form-input2 {
  width: 100%;
}
.form-group.new-form-row {
  margin-bottom: 0rem;
}
.footer-icons {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.w3column1 {
  float: left;
  width: 25%;
}
.w3column2 {
  float: left;
  width: 75;
}

/* Clear floats after the columns */
.w3row:after {
  content: "";
  display: table;
  clear: both;
}
.w3row {
  margin-bottom: .4rem;
}




@media (max-width: 767.98px) {
  #left {
    position: fixed;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 1px;
    background-color: #F4F4F5;
    border-right: 0px solid rgb(50, 50, 50);
    padding: 0px;
    z-index: 100;
  }
  .top-message {
    visibility: hidden;
    max-height: 1px;
  }

  #footer p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .p-policy {
      font-size: .8rem;
  }
  h4.footer-subhead {
      font-size: 1.5rem;
  }
  .footer-icons {
    width: 50px;
}
.form-control {
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.contact-form.btn {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.menu-pane .container {
    max-width: 100%;
    margin: 0px;
}
div.menu-pane .menu-pane-background {
    padding: 30px 0px;
}

#mainNav {
    margin: 3px;
}
#mainNav .navbar-nav .nav-item a {
  height: 100px;
line-height: 100px;
white-space: nowrap;
}

.nav-link.logo img {
    width: 40px;
}
li.portal-icon-main img {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 40px;
  vertical-align:text-bottom;
}

#mainNav {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-size: .9rem;
  letter-spacing: 0.0625em;
}
div.portal-icon-left img {
  visibility: hidden;
  max-height: 1px;
}
}
@media (max-width: 575.98px) {
  #mainNav {
      margin: 3px;
  }
  #mainNav .navbar-nav .nav-item a {
    height: 100px;
  line-height: 100px;
  white-space: nowrap;
  }
  #mainNav .navbar-nav .nav-item.hamburger {
  padding-top: 40px;
  }
  .nav-link.logo img {
      width: 30px;
      z-index: 10;
  }
  li.portal-icon-main img {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 30px;
    vertical-align:text-bottom;
  }
  .hamburger-icon-top {
      z-index: 1;
      padding: 0;
      width: 25px;
  }
  #mainNav {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 1rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: .7rem;
    letter-spacing: 0.0525em;
  }
  div.portal-icon-left img {
    visibility: hidden;
    max-height: 1px;
  }
  #services .services-item {
   min-height: 200px;
  }
}
@media (max-width: 769px) {
  #industries .container {
    max-width: 720px;
  }
}
@media (max-width: 1199.98px) {

}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
  .top-message {
    font-size: 9pt;
    background-color: #fefaf1;
    text-align: left;
    padding: 4px 0px 0px 10px;
    margin-left: 10%;
  }
  li.portal-icon-main img, .nav-link.logo img, .hamburger-icon-top span {
    visibility: hidden;
    max-height: 1px;
    max-width: 1px;
  }
  body {
padding-left: 100px;
  }

  #left {
    position: fixed;
    height: 100%;
    left: 0px;
    top: 97px;
    width: 100px;
    background-color: #F4F4F5;
    border-right: 0px solid rgb(50, 50, 50);
    padding: 0px;
    z-index: 100;
  }
  .n2-ss-align.n2-ss-align-visible {
    margin-left: 0px !important;
  }
}
@media (min-width: 992px) {
  .top-message {
    font-size: 10pt;
    background-color: #fefaf1;
    text-align: left;
    padding: 7px 0px 4px 30px;
    margin-left: 20%;
  }
}
@media (min-width: 1200px) {
  .top-message {
    font-size: 12pt;
    background-color: #fefaf1;
    text-align: left;
    padding: 7px 0px 0px 30px;
    margin-left: 20%;
  }
}


/*Privacy Page*/
/* Zones */
.zone {
    /* padding: 12px; */
    /*  Enable this to see zone visualizations
    background-color: yellow;
    box-shadow:inset 0 0 1px purple;
    -moz-box-shadow:inset 0 0 1px purple;
    -webkit-box-shadow:inset 0 0 1px purple;
    */
}

.zone-header {
    margin-top: -40px;
    margin-bottom: 10px;
    /* padding: 30px 0 30px 12px; position: relative; */
}



#layout-wrapper {
    padding-top: 50px;
}

#layout-main-container {
    padding-top: 50px;
}

/* clean bootstrap css overwrite below */
/* START bootstrap navbar */
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav > li.disabled > a {
            color: #777777;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #777777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555555;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

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

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #dddddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    /* George Covid-19: position: fixed; */
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
        float: left;
    }

    .navbar-right {
        float: right !important;
        float: right;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #dddddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888888;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555555;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #333333;
    }

.navbar-default .btn-link {
    color: #777777;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333333;
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #cccccc;
    }

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #ffffff;
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444444;
    }

/* END bootstrap navbar */

/*#content p {
    font-weight: bold;
}*/

.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #eaaa00;
}

.navbar-default {
    background-color: white;
    border-color: white;
}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: white;
    }

.navbar {
    margin-bottom: 0px;
    min-height: 140px;
}

.nav > li > a {
    padding: 6px 10px;
    margin-top: 15px;
    margin-right: 10px;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    padding-top: 15px;
    padding-left: 15px;
}

.navbar-fixed-top .navbar-collapse {
    padding-right: 10px;
    padding-top: 20px;
}

.navbar-toggle {
    margin: 30px 20px 0px 0px;
}

hr {
    margin: 0px;
    border-top: 10px solid #eaaa00;
}

.page3col {
    /* background: #f5f5f5; */
    background: #f5f5f5;
}

#content .row {
    padding: 20px 30px 30px 30px;
}

#content h2 {
    line-height: 1.1;
    color: #eaaa00;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
}

.globe {
    background-image: url("/media/images/bg_grey_globe.png");
    background-repeat: no-repeat;
    background-position: top center;
    color: #e7a912;
    text-transform: uppercase;
    font-weight: bold;
    min-height: 82px;
    padding-top: 32px;
    font-size: 15px;
}

@media (min-width: 768px) {
    .globe {
        padding-top: 28px;
        font-size: 17px;
    }
}

#content .text-field {
    display: none;
}

/*.content-item img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}*/

#footer {
    padding-top: 30px;
}

.spire-footer {
    text-align: center;
}

.spire-footer-address {
    margin-top: 10px;
}

.spire-footer-sm {
    margin: 10px 0px;
    font-size: 11px;
}

.navbar-wrapper {
    max-width: 1140px;
    max-width: 940px;
    /* max-width: 720px; */
    margin: 0px auto;
    margin-top: 15px;
}


/* LARGE Experience */
@media (min-width: 1200px) {
    .navbar-wrapper {
        max-width: 1140px;
        margin: 0px auto;
        margin-top: 15px;
    }
}

/* MEDIUM Experience */
@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        margin: 0;
        padding: 0;
        padding: 10px 10px;
        margin-top: 5px;
        padding: 6px 10px;
        margin-right: 10px;
    }

    .navbar-wrapper {
        max-width: 720px;
        margin: 0px auto;
        margin-top: 15px;
    }

    .navbar-fixed-top .navbar-collapse {
        padding-right: 10px;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .navbar-fixed-top .navbar-header img {
        width: 80%;
    }

    .navbar-fixed-top .navbar-header {
        /* width: 10%; */
        height: 80px;
    }
}

/* SMALL Experience */
@media (max-width: 767px) {
    .nav > li > a {
        margin: 0;
        padding: 0;
        padding: 5px 10px;
        margin-top: 0px;
        padding: 6px 10px;
        margin-right: 10px;
    }
}


/* boostrap css overwrite for nav */
.navbar-default {
    /* background-color: #f8f8f8; */
    /* border-color: #e7e7e7; */
    border-color: #ffffff;
    font-weight: normal;
}

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555555;
        /* background-color: #e7e7e7; */
        background-color: #eaaa00;
        border-radius: 8px;
        color: #fff;
        /* padding: 5px 10px; */
    }

    .navbar-default .navbar-form {
        /* border-color: #e7e7e7; */
        border-color: #eaaa00;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        /* background-color: #e7e7e7; */
        background-color: #fff;
        color: #555555;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    /* background-color: #337ab7; */
    background-color: #eaaa00;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        /* background-color: #e7e7e7; */
        background-color: #eaaa00;
    }
}

#sp-subhead-dprint {
    max-width: 80%;
    padding-left: 30px;
    padding-top: 10px;
}

.sp-para-top {
    padding-top: 51px;
}

#content ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}

#content li {
    display: list-item;
    font-weight: bold;
    padding-bottom: 12px;
}

.sp-header-para {
    padding: 0px 30px;
}

#sp-footer-globe-text-1 {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .navbar-wrapper {
        margin-top: 0px;
    }

    .navbar {
        min-height: 110px;
    }

    #layout-main-container {
        padding-top: 70px;
    }

    #sp-footer-globe-text-1, #sp-footer-globe-text-2 {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-wrapper {
        margin-top: 0px;
    }

    .navbar {
        min-height: 110px;
    }

    #layout-main-container {
        padding-top: 70px;
    }

    #sp-footer-globe-text-1, #sp-footer-globe-text-2 {
        text-align: center;
    }

    #sp-contact-us-directions {
        padding: 0px;
    }
}

#sp-contact-us {
    paddint-top: 0px !important;
}

#sp-contact-us-directions {
    padding: 30px 0px 0px 20px;
}

#sp-contact-us-trans {
    padding-top: 5px;
}

#sp-home-logo-frame {
    position: relative;
}

#sp-home-btn-frame {
    background: rgb(245,245,245,.82);
    width: 180px;
    padding: 15px 20px 5px 20px;
    border-radius: 4px;
    position: absolute;
    top: 48px;
    right: 2%;
}

@media only screen and (max-width: 1024px) {
    #sp-home-btn-frame {
        top: 18px;
        width: 140px;
        padding: 10px 10px 5px 10px;
    }
}

@media only screen and (max-width: 768px) {
    #sp-home-btn-frame {
        position: relative;
        width: 100%;
        top: 0px;
        right: 0px;
    }
}

#sp-home-btn-frame span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
    #sp-home-btn-frame span {
        font-size: 16px;
    }
}

#sp-home-btn-frame a {
    display: inline-block;
}

.sp-home-api-btn {
    background: #e0b643;
    width: 120px;
    margin-bottom: 15px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e0b643), to(#f5da8e));
    background-image: linear-gradient(to bottom, #e0b643, #f5da8e);
    border-radius: 5px;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
}

@media only screen and (max-width: 1024px) {
    .sp-home-api-btn {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .sp-home-api-btn {
        display: inline-block;
        margin-left: 15px;
    }
}

.sp-home-api-btnhover {
    background: #e0b643;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e0b643), to(#d4b25b));
    background-image: linear-gradient(to bottom, #e0b643, #d4b25b);
    text-decoration: none;
}

.sp-api-main-icon {
    display: inline-block;
    line-height: 64px;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    background-size: contain;
}

.sp-api-main-icon-documentation {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5EZXZTaXRlX0hvbWVwYWdlIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2U2l0ZV9Ib21lcGFnZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjcyLjAwMDAwMCwgLTgzNi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlRPVVItT1ZFUlZJRVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3NDQuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8ZyBpZD0iVE9VUi1QUk9NTyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgNTAyLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU0hPUlRFTiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMzNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJEb2N1bWVudGF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDYuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuNjg1MTI1LDU1LjI1OTA2MjUgTDEuNjg1MTI1LDYuMzg0MDYyNSBMMzQuNDM1MTI1LDYuMzg0MDYyNSBDMzQuNzExMjY3NCw2LjM4NDA2MjUgMzQuOTM1MTI1LDYuMTYwMjA0ODcgMzQuOTM1MTI1LDUuODg0MDYyNSBDMzQuOTM1MTI1LDUuNjA3OTIwMTMgMzQuNzExMjY3NCw1LjM4NDA2MjUgMzQuNDM1MTI1LDUuMzg0MDYyNSBMMS4xODUxMjUsNS4zODQwNjI1IEMwLjkwODk4MjYyNSw1LjM4NDA2MjUgMC42ODUxMjUsNS42MDc5MjAxMyAwLjY4NTEyNSw1Ljg4NDA2MjUgTDAuNjg1MTI1LDU1Ljc1OTA2MjUgQzAuNjg1MTI1LDU2LjAzNTIwNDkgMC45MDg5ODI2MjUsNTYuMjU5MDYyNSAxLjE4NTEyNSw1Ni4yNTkwNjI1IEw0Ni4zMTAxMjUsNTYuMjU5MDYyNSBDNDYuNTg2MjY3NCw1Ni4yNTkwNjI1IDQ2LjgxMDEyNSw1Ni4wMzUyMDQ5IDQ2LjgxMDEyNSw1NS43NTkwNjI1IEw0Ni44MTAxMjUsMjcuMjU5MDYyNSBDNDYuODEwMTI1LDI2Ljk4MjkyMDEgNDYuNTg2MjY3NCwyNi43NTkwNjI1IDQ2LjMxMDEyNSwyNi43NTkwNjI1IEM0Ni4wMzM5ODI2LDI2Ljc1OTA2MjUgNDUuODEwMTI1LDI2Ljk4MjkyMDEgNDUuODEwMTI1LDI3LjI1OTA2MjUgTDQ1LjgxMDEyNSw1NS4yNTkwNjI1IEwxLjY4NTEyNSw1NS4yNTkwNjI1IFoiIGlkPSJTdHJva2UtMTA5MSIgZmlsbD0iI0RERTBFMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTU1LjEwODI1OTgsNy45NTY5NzkwNSBMNDkuMDk4ODMzNCwxLjk0NzU1MjczIEwyNC4xNjAyNjM2LDI2Ljg4Mzc4NzEgTDE5LjY1Mjk1MywzNy40MDUwOTUzIEwzMC4xNjk2MjM2LDMyLjg5Nzk1MDcgTDU1LjEwODI1OTgsNy45NTY5NzkwNSBaIE0zMC42NTIwNTk2LDMzLjc3OTE2IEwxOC44OTgxODQ2LDM4LjgxNjUzNSBDMTguNDgzMzU2MywzOC45OTQzMTg2IDE4LjA2MzkwMDgsMzguNTc0OTI0NCAxOC4yNDE2MjM3LDM4LjE2MDA3MDEgTDIzLjI3ODk5ODcsMjYuNDAxNDQ1MSBMMjMuMzg1MDYzMiwyNi4yNDQ3Njc2IEw0OC43NDUzMTMyLDAuODg2ODkyNTU0IEM0OC45NDA1NzgsMC42OTE2NDYwMTcgNDkuMjU3MTQ3NywwLjY5MTY1MzQyOSA0OS40NTI0MDM0LDAuODg2OTA5MTA5IEw1Ni4xNjg5MDM0LDcuNjAzNDA5MTEgQzU2LjM2NDE1OTEsNy43OTg2NjQ3OSA1Ni4zNjQxNjY1LDguMTE1MjM0NTEgNTYuMTY4OTE5OSw4LjMxMDQ5OTM0IEwzMC44MDg2Njk5LDMzLjY3MzEyNDMgTDMwLjY1MjA1OTYsMzMuNzc5MTYgWiIgaWQ9IlN0cm9rZS0xMDkyIiBmaWxsPSIjRUU2MTIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTEuODEwMzAzNCwxMS45NjQzODQxIEw0NS4wOTE0Mjg0LDUuMjQ1NTA5MTEgQzQ0Ljg5NjE2NjIsNS4wNTAyNDY5NiA0NC41Nzk1ODM4LDUuMDUwMjQ2OTYgNDQuMzg0MzIxNiw1LjI0NTUwOTExIEM0NC4xODkwNTk1LDUuNDQwNzcxMjYgNDQuMTg5MDU5NSw1Ljc1NzM1Mzc0IDQ0LjM4NDMyMTYsNS45NTI2MTU4OSBMNTEuMTAzMTk2NiwxMi42NzE0OTA5IEM1MS4yOTg0NTg4LDEyLjg2Njc1MyA1MS42MTUwNDEyLDEyLjg2Njc1MyA1MS44MTAzMDM0LDEyLjY3MTQ5MDkgQzUyLjAwNTU2NTUsMTIuNDc2MjI4NyA1Mi4wMDU1NjU1LDEyLjE1OTY0NjMgNTEuODEwMzAzNCwxMS45NjQzODQxIFoiIGlkPSJTdHJva2UtMTA5MyIgZmlsbD0iI0VFNjEyMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMwLjgwODc3ODMsMzIuOTY2MTU5MSBMMjQuMDkyMjc4MywyNi4yNDQ5MDkxIEMyMy44OTcwODUyLDI2LjA0OTU3OCAyMy41ODA1MDI4LDI2LjA0OTQ2NiAyMy4zODUxNzE2LDI2LjI0NDY1OTIgQzIzLjE4OTg0MDUsMjYuNDM5ODUyMyAyMy4xODk3Mjg1LDI2Ljc1NjQzNDcgMjMuMzg0OTIxNywyNi45NTE3NjU5IEwzMC4xMDE0MjE3LDMzLjY3MzAxNTkgQzMwLjI5NjYxNDgsMzMuODY4MzQ3IDMwLjYxMzE5NzIsMzMuODY4NDU5IDMwLjgwODUyODQsMzMuNjczMjY1OCBDMzEuMDAzODU5NSwzMy40NzgwNzI3IDMxLjAwMzk3MTUsMzMuMTYxNDkwMyAzMC44MDg3NzgzLDMyLjk2NjE1OTEgWiIgaWQ9IlN0cm9rZS0xMDk0IiBmaWxsPSIjRUU2MTIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==') no-repeat;
    background-position: center
}

.sp-api-main-icon-integrations {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5EZXZTaXRlX0hvbWVwYWdlIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2U2l0ZV9Ib21lcGFnZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjY4LjAwMDAwMCwgLTgzNi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlRPVVItT1ZFUlZJRVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3NDQuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8ZyBpZD0iVE9VUi1QUk9NTyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgNTAyLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU0hPUlRFTiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMzNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzk0LjAwMDAwMCwgNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlN0cm9rZS0xMTEzLSstU3Ryb2tlLTExMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuNzQ5NzgzMywxLjA4MzMzMzMzIEMyOS43NDk3ODMzLDAuODA3MTkwOTU4IDI5LjUyNTkyNTcsMC41ODMzMzMzMzMgMjkuMjQ5NzgzMywwLjU4MzMzMzMzMyBMMjIuNzQ5NzgzMywwLjU4MzMzMzMzMyBDMjIuNDczNjQxLDAuNTgzMzMzMzMzIDIyLjI0OTc4MzMsMC44MDcxOTA5NTggMjIuMjQ5NzgzMywxLjA4MzMzMzMzIEwyMi4yNDk3ODMzLDcuNzI3MzcwNDEgQzE5LjcwMDg2OTEsOC4zNTE2MDgxIDE3LjgyMTEyNzYsOC45NDcxMDk3NiAxNi41MDMyMTM4LDkuNjY3MDU5ODcgTDExLjc5NzUxNiw0Ljk2NTQ1OTMyIEMxMS42MDIyNTM0LDQuNzcwMzY2NzQgMTEuMjg1ODM3OSw0Ljc3MDQwNzY4IDExLjA5MDYyNTgsNC45NjU1NTA3OCBMNC45NjExMjU3OCwxMS4wOTI4ODQxIEM0Ljc2NTc3NDY0LDExLjI4ODE2NjIgNC43NjU3ODExMiwxMS42MDQ4NTYzIDQuOTYxMTQwMjYsMTEuODAwMTMwNCBMOS42NjY2NDc3LDE2LjUwMzU4OTMgQzguOTQ4OTgwNDYsMTcuODE2MTcgOC4zNTk2OTczLDE5LjY3Mzk1NTQgNy43MjM2NDM4NSwyMi4yNSBMMS4wODMxMTY2NywyMi4yNSBDMC44MDY5NzQyOTIsMjIuMjUgMC41ODMxMTY2NjcsMjIuNDczODU3NiAwLjU4MzExNjY2NywyMi43NSBMMC41ODMxMTY2NjcsMjkuMjUgQzAuNTgzMTE2NjY3LDI5LjUyNjE0MjQgMC44MDY5NzQyOTIsMjkuNzUgMS4wODMxMTY2NywyOS43NSBMNy43MjM2NDM4NSwyOS43NSBDOC4zNTk3MDk2NCwzMi4zMjYwOTQ1IDguOTQ5MDAzMzIsMzQuMTgzOTAyMSA5LjY2NjY4OTQ1LDM1LjQ5NjQ4NzEgTDQuOTYxMDYzMjgsNDAuMjAyMTEzMyBDNC43NjU3NzY3Miw0MC4zOTczOTk4IDQuNzY1ODA0NzEsNDAuNzE0MDMwNSA0Ljk2MTEyNTc4LDQwLjkwOTI4MjYgTDExLjA5MDYyNTgsNDcuMDM2NjE1OSBDMTEuMjg1OTI4MSw0Ny4yMzE4NDkyIDExLjYwMjUyMTcsNDcuMjMxNzg2NyAxMS43OTc3NDcsNDcuMDM2NDc2NCBMMTYuNTAwODIxNCw0Mi4zMzEzNTM2IEMxNy44MTI4ODI2LDQzLjA1MTAwMzQgMTkuNjYyMjk0Miw0My42Mzc0NTY1IDIyLjI0OTc4MzMsNDQuMjc2MTUzMSBMMjIuMjQ5NzgzMyw1MC45MTY2NjY3IEMyMi4yNDk3ODMzLDUxLjE5MjgwOSAyMi40NzM2NDEsNTEuNDE2NjY2NyAyMi43NDk3ODMzLDUxLjQxNjY2NjcgTDI5LjI0OTc4MzMsNTEuNDE2NjY2NyBDMjkuNTI1OTI1Nyw1MS40MTY2NjY3IDI5Ljc0OTc4MzMsNTEuMTkyODA5IDI5Ljc0OTc4MzMsNTAuOTE2NjY2NyBMMjkuNzQ5NzgzMyw0NC4yNzYxNTQxIEMzMi4zMzY1ODc0LDQzLjYzNzY0MSAzNC4xODUyOTkxLDQzLjA1MTU5NDMgMzUuNDk0NjY0NSw0Mi4zMzM0MTgxIEw0MC4yMDIwNTA2LDQ3LjAzNjcwNzMgQzQwLjM5NzMzNzYsNDcuMjMxODI0MyA0MC43MTM4MDE0LDQ3LjIzMTc1NTQgNDAuOTA5MDAzNCw0Ny4wMzY1NTM0IEw0Ny4wMzYzMzY3LDQwLjkwOTIyMDEgQzQ3LjIzMTU2ODgsNDAuNzEzOTg4IDQ3LjIzMTYwMzMsNDAuMzk3NDY0OCA0Ny4wMzY0MTM3LDQwLjIwMjE5MDMgTDQyLjMzMjgzNTUsMzUuNDk2NTYzNCBDNDMuMDUwNTQwNSwzNC4xODM5NzQxIDQzLjYzOTg0NDcsMzIuMzI2MTQ0NSA0NC4yNzU5MjI4LDI5Ljc1IEw1MC45MTY0NSwyOS43NSBDNTEuMTkyNTkyNCwyOS43NSA1MS40MTY0NSwyOS41MjYxNDI0IDUxLjQxNjQ1LDI5LjI1IEw1MS40MTY0NSwyMi43NSBDNTEuNDE2NDUsMjIuNDczODU3NiA1MS4xOTI1OTI0LDIyLjI1IDUwLjkxNjQ1LDIyLjI1IEw0NC4yNzQwNjY5LDIyLjI1IEM0My45NDMwMzYsMjAuOTA0NDIzMyA0My42NDA1OTA4LDE5LjgxNzA0NDUgNDMuMjkwOTIyMywxOC43ODY4MDE2IEM0My4yMDIxNzEsMTguNTI1MzEwMSA0Mi45MTgyNDMyLDE4LjM4NTI3NjQgNDIuNjU2NzUxNiwxOC40NzQwMjc3IEM0Mi4zOTUyNjAxLDE4LjU2Mjc3OSA0Mi4yNTUyMjY0LDE4Ljg0NjcwNjggNDIuMzQzOTc3NywxOS4xMDgxOTg0IEM0Mi43MTQzOTE1LDIwLjE5OTU2NDEgNDMuMDMzMzY5NywyMS4zNjg5ODg2IDQzLjM5NTI1NzUsMjIuODY3MzgzNSBDNDMuNDQ5NDcxMywyMy4wOTE4NTU2IDQzLjY1MDM1NzMsMjMuMjUgNDMuODgxMjgzMywyMy4yNSBMNTAuNDE2NDUsMjMuMjUgTDUwLjQxNjQ1LDI4Ljc1IEw0My44ODM0NSwyOC43NSBDNDMuNjUyNjQ2OSwyOC43NSA0My40NTE4MzQ0LDI4LjkwNzk3OTUgNDMuMzk3NTAxNiwyOS4xMzIyOTYyIEM0Mi42OTI5NDI0LDMyLjA0MTExOTMgNDIuMDUyNzQ0OCwzNC4wNTU0MTEyIDQxLjI4MTQxODcsMzUuMzE4MjAxNiBDNDEuMTYxMDc1MiwzNS41MTUyMjQyIDQxLjE5MTI3MjksMzUuNzY5MDI1MiA0MS4zNTQ0ODYzLDM1LjkzMjMwOTcgTDQ1Ljk3NTc1MzUsNDAuNTU1NTg5NyBMNDAuNTU1Mjk2MSw0NS45NzYwNDcxIEwzNS45Mjk4NDk0LDQxLjM1NDYyNjEgQzM1Ljc2NjM0ODcsNDEuMTkxMjY3NiAzNS41MTIxOTExLDQxLjE2MTI2IDM1LjMxNTE0MTksNDEuMjgyMDQ5MyBDMzQuMDU1NTYzMiw0Mi4wNTQxNTkxIDMyLjA1NDAyNjUsNDIuNjg5OTgwMyAyOS4xMzIwNzk2LDQzLjM5NzcxODMgQzI4LjkwNzc2MjgsNDMuNDUyMDUxMSAyOC43NDk3ODMzLDQzLjY1Mjg2MzYgMjguNzQ5NzgzMyw0My44ODM2NjY3IEwyOC43NDk3ODMzLDUwLjQxNjY2NjcgTDIzLjI0OTc4MzMsNTAuNDE2NjY2NyBMMjMuMjQ5NzgzMyw0My44ODM2NjY3IEMyMy4yNDk3ODMzLDQzLjY1Mjg2MzYgMjMuMDkxODAzOCw0My40NTIwNTExIDIyLjg2NzQ4NzEsNDMuMzk3NzE4MyBDMTkuOTQ1MDY5NCw0Mi42ODk4NjYzIDE3Ljk0MzE4NjYsNDIuMDUzNzYyOCAxNi42Nzk5OTY5LDQxLjI3OTgyNDcgQzE2LjQ4Mjg1MjIsNDEuMTU5MDM3IDE2LjIyODYwMzksNDEuMTg5MTY4MSAxNi4wNjUxNTMsNDEuMzUyNjkwMyBMMTEuNDQzOTc3Miw0NS45NzU4Nzg4IEw2LjAyMTc4NTk1LDQwLjU1NTYwNDIgTDEwLjY0NTAwMzQsMzUuOTMyMzg2NyBDMTAuODA4MjgxMSwzNS43NjkxMDkgMTAuODM4NTEyNiwzNS41MTUyNTg5IDEwLjcxODE0NzksMzUuMzE4MjAxNiBDOS45NDY4MjE4OCwzNC4wNTU0MTEyIDkuMzA2NjI0MjYsMzIuMDQxMTE5MyA4LjYwMjA2NTA0LDI5LjEzMjI5NjIgQzguNTQ3NzMyMjcsMjguOTA3OTc5NSA4LjM0NjkxOTczLDI4Ljc1IDguMTE2MTE2NjcsMjguNzUgTDEuNTgzMTE2NjcsMjguNzUgTDEuNTgzMTE2NjcsMjMuMjUgTDguMTE2MTE2NjcsMjMuMjUgQzguMzQ2OTE5NzMsMjMuMjUgOC41NDc3MzIyNywyMy4wOTIwMjA1IDguNjAyMDY1MDQsMjIuODY3NzAzOCBDOS4zMDY2MjQyNiwxOS45NTg4ODA3IDkuOTQ2ODIxODgsMTcuOTQ0NTg4OCAxMC43MTgxNDc5LDE2LjY4MTc5ODQgQzEwLjgzODUzMzgsMTYuNDg0NzA2NSAxMC44MDgyNjg0LDE2LjIzMDgwNzIgMTAuNjQ0OTI2NCwxNi4wNjc1MzYzIEw2LjAyMTg2Mjk2LDExLjQ0NjQ4NTUgTDExLjQ0NDIwODEsNi4wMjYwNTcwNiBMMTYuMDY3NTUwNiwxMC42NDUzNzQgQzE2LjIzMDg0MTksMTAuODA4NTIzMSAxNi40ODQ1OTM4LDEwLjgzODY4NjkgMTYuNjgxNTgxNywxMC43MTgzNjQ2IEMxNy45NDY5Njg5LDkuOTQ1NDUyNCAxOS45OTE3OCw5LjI5NjUyMDYyIDIyLjg2NjQyNzQsOC42MDY4NzA1IEMyMy4wOTEyNTc4LDguNTUyOTMxOTQgMjMuMjQ5NzgzMyw4LjM1MTg3NjcxIDIzLjI0OTc4MzMsOC4xMjA2NjY2NyBMMjMuMjQ5NzgzMywxLjU4MzMzMzMzIEwyOC43NDk3ODMzLDEuNTgzMzMzMzMgTDI4Ljc0OTc4MzMsOC4xMjA2NjY2NyBDMjguNzQ5NzgzMyw4LjM1MTg3NjcxIDI4LjkwODMwODksOC41NTI5MzE5NCAyOS4xMzMxMzkzLDguNjA2ODcwNSBDMzIuMDA0MTM2OSw5LjI5NTY0NTAyIDM0LjA1MDA5NjYsOS45NDUyNDgwOSAzNS4zMTU4MTgzLDEwLjcxODM2NDYgQzM1LjU1MTQ3NzEsMTAuODYyMzA3NSAzNS44NTkyMDUsMTAuNzg3OTU3MSAzNi4wMDMxNDc5LDEwLjU1MjI5ODQgQzM2LjE0NzA5MDgsMTAuMzE2NjM5NiAzNi4wNzI3NDA1LDEwLjAwODkxMTcgMzUuODM3MDgxNyw5Ljg2NDk2ODc1IEMzNC41MDk2NDkzLDkuMDU0MTU4NjkgMzIuNTI1MTA2Nyw4LjQwNzEyODM3IDI5Ljc0OTc4MzMsNy43MjczNzUwNCBMMjkuNzQ5NzgzMywxLjA4MzMzMzMzIFoiIGlkPSJTdHJva2UtMTExMyIgZmlsbD0iI0RERTBFMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjMyNTAxMzksMjEuMDk2NDA3MSBDMTcuMTI5NzI5OSwyMC45MDExNjY4IDE2LjgxMzE0NzUsMjAuOTAxMjAyMSAxNi42MTc5MDcxLDIxLjA5NjQ4NjEgQzE2LjQyMjY2NjgsMjEuMjkxNzcwMSAxNi40MjI3MDIxLDIxLjYwODM1MjUgMTYuNjE3OTg2MSwyMS44MDM1OTI5IEwyNi4zMTgxNTI4LDMxLjUwMTU5MjkgQzI2LjUyODMzLDMxLjcxMTcyMzIgMjYuODc0MzExNCwzMS42OTMyMTk1IDI3LjA2MDg3NzYsMzEuNDYxODcwNyBMNTEuMzA1ODc3NiwxLjM5NzIwNDA4IEM1MS40NzkyMjM2LDEuMTgyMjQ4ODEgNTEuNDQ1NDkyNywwLjg2NzQ2ODQxNyA1MS4yMzA1Mzc0LDAuNjk0MTIyMzkyIEM1MS4wMTU1ODIxLDAuNTIwNzc2MzY3IDUwLjcwMDgwMTgsMC41NTQ1MDczMjMgNTAuNTI3NDU1NywwLjc2OTQ2MjU5IEwyNi42MzE3MTc2LDMwLjQwMTAzMiBMMTcuMzI1MDEzOSwyMS4wOTY0MDcxIFoiIGlkPSJTdHJva2UtMTExNCIgZmlsbD0iI0VFNjEyMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat;
    background-position: center
}

.sp-api-main-icon-manageapps {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5EZXZTaXRlX0hvbWVwYWdlIENvcHkgMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXZTaXRlX0hvbWVwYWdlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU5LjAwMDAwMCwgLTgzMy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlRPVVItT1ZFUlZJRVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3NDQuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8ZyBpZD0iVE9VUi1QUk9NTyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgNTAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlNIT1JURU4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzMzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3NS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE5LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjIzOTEzMDQzNSwxNy4zNDc4MjYxIEwwLjIzOTEzMDQzNSwxOS43NzQwNDM1IEMwLjIzOTEzMDQzNSwyMS44Mjg1MjE3IDEuODk5NTY1MjIsMjMuNTQzNDc4MyAzLjk1NjUyMTc0LDIzLjU0MzQ3ODMgTDIzLjc4MjYwODcsMjMuNTQzNDc4MyBDMjUuODM0NjA4NywyMy41NDM0NzgzIDI3LjUsMjEuODI4NTIxNyAyNy41LDE5Ljc3NDA0MzUgTDI3LjUsNC45NTY1MjE3NCBDMjcuNSwyLjkwMjA0MzQ4IDI1LjgzNDYwODcsMS4yMzkxMzA0MyAyMy43ODI2MDg3LDEuMjM5MTMwNDMgTDMuOTU2NTIxNzQsMS4yMzkxMzA0MyBDMS44OTk1NjUyMiwxLjIzOTEzMDQzIDAuMjM5MTMwNDM1LDIuOTAyMDQzNDggMC4yMzkxMzA0MzUsNC45NTY1MjE3NCBMMC4yMzkxMzA0MzUsMTcuMzQ3ODI2MSBMMC4yMzkxMzA0MzUsMTcuMzQ3ODI2MSBaIiBpZD0iU3Ryb2tlLTIzNDgiIHN0cm9rZT0iI0VFNjEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4yMzkxMzA0MzUsMTYuMTA4Njk1NyBMMjcuNSwxNi4xMDg2OTU3IiBpZD0iU3Ryb2tlLTIzNDkiIHN0cm9rZT0iI0VFNjEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC45MTMwNDM0OCwyOC41IEwxOC44MjYwODcsMjguNSIgaWQ9IlN0cm9rZS0yMzUwIiBzdHJva2U9IiNFRTYxMjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzLjg2OTU2NTIsMjMuNTQzNDc4MyBMMTMuODY5NTY1MiwyOC41IiBpZD0iU3Ryb2tlLTIzNTEiIHN0cm9rZT0iI0VFNjEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuOTc4MjYwOSwyNi4wMjE3MzkxIEMyOS45NzgyNjA5LDI0LjY1MzczOTEgMzEuMDg2MDQzNSwyMy41NDM0NzgzIDMyLjQ1NjUyMTcsMjMuNTQzNDc4MyBMNDcuMzI2MDg3LDIzLjU0MzQ3ODMgQzQ4LjY5NjU2NTIsMjMuNTQzNDc4MyA0OS44MDQzNDc4LDI0LjY1MzczOTEgNDkuODA0MzQ3OCwyNi4wMjE3MzkxIEw0OS44MDQzNDc4LDUzLjI4MjYwODcgQzQ5LjgwNDM0NzgsNTQuNjUwNjA4NyA0OC42OTY1NjUyLDU1Ljc2MDg2OTYgNDcuMzI2MDg3LDU1Ljc2MDg2OTYgTDMyLjQ1NjUyMTcsNTUuNzYwODY5NiBDMzEuMDg2MDQzNSw1NS43NjA4Njk2IDI5Ljk3ODI2MDksNTQuNjUwNjA4NyAyOS45NzgyNjA5LDUzLjI4MjYwODcgTDI5Ljk3ODI2MDksMjYuMDIxNzM5MSBMMjkuOTc4MjYwOSwyNi4wMjE3MzkxIFoiIGlkPSJTdHJva2UtMjM1MiIgc3Ryb2tlPSIjRUU2MTIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMzcuMDAwMDAwKSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNEREUwRTIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTIzNDciIHBvaW50cz0iMTAuMzkxMzA0MyAxNy41MjE3MzkxIDE1LjM0NzgyNjEgMTIuNTY1MjE3NCAxMC4zOTEzMDQzIDcuNjA4Njk1NjUiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNDc4MjYwODcsMC4xNzM5MTMwNDMgQzAuNDc4MjYwODcsNy4wMTg4Njk1NyA2LjAyNDYwODcsMTIuNTY1MjE3NCAxMi44Njk1NjUyLDEyLjU2NTIxNzQgTDE1LjM0NzgyNjEsMTIuNTY1MjE3NCIgaWQ9IlN0cm9rZS0yMzUzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlN0cm9rZS0yMzU0IiBzdHJva2U9IiNEREUwRTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSI0MS4xMzA0MzQ4IDAgMzYuMTczOTEzIDQuOTU2NTIxNzQgNDEuMTMwNDM0OCA5LjkxMzA0MzQ4Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUxLjA0MzQ3ODMsMTcuMzQ3ODI2MSBDNTEuMDQzNDc4MywxMC41MDI4Njk2IDQ1LjQ5NzEzMDQsNC45NTY1MjE3NCAzOC42NTIxNzM5LDQuOTU2NTIxNzQgTDM2LjE3MzkxMyw0Ljk1NjUyMTc0IiBpZD0iU3Ryb2tlLTIzNTUiIHN0cm9rZT0iI0RERTBFMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuOTc4MjYwOSw0OC4zMjYwODcgTDQ5LjgwNDM0NzgsNDguMzI2MDg3IiBpZD0iU3Ryb2tlLTIzNTYiIHN0cm9rZT0iI0VFNjEyMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzkuODkxMzA0Myw1MC44MDQzNDc4IEMzOS4yMDczMDQzLDUwLjgwNDM0NzggMzguNjUyMTczOSw1MS4zNTk0NzgzIDM4LjY1MjE3MzksNTIuMDQzNDc4MyBDMzguNjUyMTczOSw1Mi43Mjc0NzgzIDM5LjIwNzMwNDMsNTMuMjgyNjA4NyAzOS44OTEzMDQzLDUzLjI4MjYwODcgQzQwLjU3NTMwNDMsNTMuMjgyNjA4NyA0MS4xMzA0MzQ4LDUyLjcyNzQ3ODMgNDEuMTMwNDM0OCw1Mi4wNDM0NzgzIEM0MS4xMzA0MzQ4LDUxLjM1OTQ3ODMgNDAuNTc1MzA0Myw1MC44MDQzNDc4IDM5Ljg5MTMwNDMsNTAuODA0MzQ3OCIgaWQ9IkZpbGwtMjM1NyIgZmlsbD0iI0VFNjEyMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat;
    background-position: center
}

.sp-api-main-icon-8bit {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjkwcHgiIGhlaWdodD0iMjI4cHgiIHZpZXdCb3g9IjAgMCAyOTAgMjI4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGFnZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRldlNpdGVfSG9tZXBhZ2UtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1NS4wMDAwMDAsIC0yMDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU1NS4wMDAwMDAsIDIwNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODMuNDA5ODUxLDI5LjA1NjIxNDUgTDE4My40MDk4NTEsMTQuNTI3OTg3NCBMMTYzLjQ0ODE4NCwxNC41Mjc5ODc0IEwxNjMuNDQ4MTg0LC03LjEwNTQyNzM2ZS0xNSBMMTE1Ljc3NzA5LC03LjEwNTQyNzM2ZS0xNSBMMTE1Ljc3NzA5LDE0LjUyNzk4NzQgTDg4LjI3Mzk4MDEsMTQuNTI3OTg3NCBMODguMjczOTgwMSwyOS43MTM2MDI1IEwxMDMuMDg0MTc5LDI5LjcxMzYwMjUgTDEwMy4wODQxNzksNTAuOTU0NzYzNCBMMTAzLjA4NDE3OSw0My41ODQyMDE5IEw4Mi45NDI4ODU2LDQzLjU4NDIwMTkgTDgyLjk0Mjg4NTYsNTguMzI1MzI0OSBMNzMuMTA3NjUzNCw1OC4zMjUzMjQ5IEw3My4xMDc2NTM0LDcyLjA1Mjc5NSBMNDQuNTMzNzU2Miw3Mi4wNTI3OTUgTDQ0LjUzMzc1NjIsMTQwLjYzNjQ0MiBMMjcuNTM0MzY5OCwxNDAuNjM2NDQyIEwyNy41MzQzNjk4LDE1NS4xNjQ2NjkgTDQ0LjQyMzE0MjYsMTU1LjE2NDY2OSBMNDQuNDIzMTQyNiwxNjkuNjcxMDc5IEw1NC40NDg1ODIxLDE2OS42NzEwNzkgTDU0LjQ0ODU4MjEsMTg0LjU5NTg0OSBMNjguMzMzNzE0OCwxODQuNTk1ODQ5IEw2OC4zMzM3MTQ4LDE5OS4wMzAwOTUgTDgyLjkwNTM3MzEsMTk5LjAzMDA5NSBMODIuOTA1MzczMSwxOTguOTA4NzgyIEw4Mi45NDI4ODU2LDE5OC45MDg3ODIgTDgyLjk0Mjg4NTYsMjEzLjQzNjc3IEw5Ni45NzA0OTM0LDIxMy40MzY3NyBMMTEwLjM3MDAwOCwyMTMuNDM2NzcgTDExMC4zNzAwMDgsMjI3Ljk2NDk5NyBMMTY2LjE4MzcwNiwyMjcuOTY0OTk3IEwxNjYuMTgzNzA2LDIxMy40MzY3NyBMMTk0LjIzOTQwMywyMTMuNDM2NzcgTDE5NC4yMzk0MDMsMTg0LjYyMDA2MyBMMjI5Ljk4NTE0OSwxODQuNjIwMDYzIEwyMjkuOTg1MTQ5LDE1MC4zMjg3MTkgTDIyOS45ODUxNDksMTQwLjYzNjQ0MiBMMjQ0LjU1NjU2NywxNDAuNjM2NDQyIEwyNDQuNTU2NTY3LDk0LjE4NDM3ODUgTDIzMi4wMzU1ODksOTQuMTg0Mzc4NSBMMjMyLjAzNTU4OSw1MC42NzU0NTc0IEwyMTUuNDEzNDkxLDUwLjY3NTQ1NzQgTDIxNS40MTM0OTEsNTAuNzI4NjgxNCBMMTk5LjYyMDAzMyw1MC43Mjg2ODE0IEwxOTkuNjIwMDMzLDI5LjA1NjIxNDUgTDE4My40MDk4NTEsMjkuMDU2MjE0NSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGN0M2NkUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDEuOTI1OTA0LDExMC45MDU1NzcgTDE0MS45MjU5MDQsMTI0Ljk1ODYyNSBMMTUyLjg2MDY1OSwxMjQuOTU4NjI1IEwxODUuNzI0MzIsMTI0Ljk1ODYyNSBMMTg1LjcyNDMyLDk2LjM3NzM1MDIgTDE2MC4xNzAyOTQsOTYuMzc3MzUwMiBMMTEwLjc3OTc2LDk2LjM3NzM1MDIgTDExMC43Nzk3NiwxMTAuOTA1NTc3IEwxNDEuOTI1OTA0LDExMC45MDU1NzcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjOTk1NDI0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZXllcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTExLjAwMDAwMCwgNTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mi4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIwMSIgZmlsbD0iI0ZFRkVGRSIgcG9pbnRzPSIwLjc2MzQzMjgzNiAyMy41NTkxMTY3IDI0LjA5MDE1NzUgMjMuNTU5MTE2NyAyNC4wOTAxNTc1IDAuMzAxOTE3OTgxIDAuNzYzNDMyODM2IDAuMzAxOTE3OTgxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIwMiIgZmlsbD0iIzk5NTQyNCIgcG9pbnRzPSIxMi40ODcwMzE1IDExLjkzMDYzNzIgMjQuMTUwNTE0MSAxMS45MzA2MzcyIDI0LjE1MDUxNDEgMC4zMDIxNTc3MjkgMTIuNDg3MDMxNSAwLjMwMjE1NzcyOSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMDMiIGZpbGw9IiNGRUZFRkUiIHBvaW50cz0iMC41MDkwODc4OTQgMjQuMjMzMDU5OSAyMy44MzU1NzIxIDI0LjIzMzA1OTkgMjMuODM1NTcyMSAwLjk3NTg2MTE5OSAwLjUwOTA4Nzg5NCAwLjk3NTg2MTE5OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMDQiIGZpbGw9IiM5OTU0MjQiIHBvaW50cz0iMTIuMjMyNjg2NiAxMi42MDQ1ODA0IDIzLjg5NTkyODcgMTIuNjA0NTgwNCAyMy44OTU5Mjg3IDAuOTc2MTAwOTQ2IDEyLjIzMjY4NjYgMC45NzYxMDA5NDYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYmVsbHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5LjAwMDAwMCwgMTQwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4zMjYwMzY1LDI5LjY3MTA3ODkgTDE1LjMyNjAzNjUsNDQuMTk5MzA2IEw0My45NTMwNzYzLDQ0LjE5OTMwNiBMNDMuOTUzMDc2Myw1OS4wMzAwOTQ2IEw1OC41MjQ3MzQ3LDU5LjAzMDA5NDYgTDU4LjUyNDczNDcsNDQuNDQ0ODA3NiBMNTguNTYxMDQ0OCw0NC40NDQ4MDc2IEw1OC41NjEwNDQ4LDczLjQzNjc2OTcgTDg3LjI0MjkxMDQsNzMuNDM2NzY5NyBMODcuMjQyOTEwNCw0NC40NDQ4MDc2IEwxMjUuMjM5NDAzLDQ0LjQ0NDgwNzYgTDEyNS4yMzk0MDMsMTUuMTY0NjY4OCBMMTM5Ljc1NjQ3NiwxNS4xNjQ2Njg4IEwxMzkuNzU2NDc2LDAuNjM2NDQxNjQgTDEyNS4yMTIxMSwwLjYzNjQ0MTY0IEw1OC4zMzA0Mzk1LDAuNjM2NDQxNjQgTDU4LjMzMDQzOTUsMjkuNjcxMDc4OSBMNDQuNDE0Mjg2OSwyOS42NzEwNzg5IEw0NC40MTQyODY5LDAuNjM2NDQxNjQgTDE1LjMyNjAzNjUsMC42MzY0NDE2NCBMMTUuMzI2MDM2NSwxNS4xNDI4NTE3IEwxNS4wOTUzMTA5LDE1LjE0Mjg1MTcgTDAuNzU0NjE4NTc0LDE1LjE0Mjg1MTcgTDAuNzU0NjE4NTc0LDI5LjY3MTA3ODkgTDE1LjA5NTMxMDksMjkuNjcxMDc4OSBMMTUuMzI2MDM2NSwyOS42NzEwNzg5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGREZCMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ3aGl0ZS1iZWxseS1kb3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0My4wMDAwMDAsIDE1LjAwMDAwMCkiIGZpbGw9IiNGRUZFRkUiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMTgiIHBvaW50cz0iNDQuMTYyMzU0OSA0NC4wMzAwOTQ2IDU4LjczNDAxMzMgNDQuMDMwMDk0NiA1OC43MzQwMTMzIDI5LjUwMTg2NzUgNDQuMTYyMzU0OSAyOS41MDE4Njc1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIyMCIgcG9pbnRzPSIxNS41NjEwNDQ4IDQ0LjAzMDA5NDYgMzAuMTMyNzAzMiA0NC4wMzAwOTQ2IDMwLjEzMjcwMzIgMjkuNTAxODY3NSAxNS41NjEwNDQ4IDI5LjUwMTg2NzUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjIyIiBwb2ludHM9IjAuNTE3NTk1MzU3IDE0LjY3MTA3ODkgMTUuMDg5MjUzNyAxNC42NzEwNzg5IDE1LjA4OTI1MzcgMC4xNDI4NTE3MzUgMC41MTc1OTUzNTcgMC4xNDI4NTE3MzUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjI0IiBwb2ludHM9IjY3LjY2Nzc0NDYgMTQuNjcxMDc4OSA4Mi4yMzk0MDMgMTQuNjcxMDc4OSA4Mi4yMzk0MDMgMC4xNDI4NTE3MzUgNjcuNjY3NzQ0NiAwLjE0Mjg1MTczNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0yMjUiIHBvaW50cz0iMjkuOTQ5OTUwMiAxNC42NzEwNzg5IDQ0LjUyMTYwODYgMTQuNjcxMDc4OSA0NC41MjE2MDg2IDAuMTQyODUxNzM1IDI5Ljk0OTk1MDIgMC4xNDI4NTE3MzUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzMC4wMDAwMDApIiBmaWxsPSIjQ0M4NjI5Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMuMzM4MDc2Myw5Ni41OTE1NDU3IEwxMy4zMzgwNzYzLDExMC42MzY0NDIgTDYwLjU4NTIzMjIsMTEwLjYzNjQ0MiBMNjAuNTg1MjMyMiw5Ni41OTE1NDU3IEw3NS40OTU5NDUzLDk2LjU5MTU0NTcgTDc1LjQ5NTk0NTMsODIuMDYzMzE4NiBMNjAuNTg1MjMyMiw4Mi4wNjMzMTg2IEw2MC41ODUyMzIyLDY4LjAxODE4MyBMMTMuMzM4MDc2Myw2OC4wMTgxODMgTDEzLjMzODA3NjMsODIuMDYzMzE4NiBMLTEuNzc2MzU2ODRlLTE1LDgyLjA2MzMxODYgTC0xLjc3NjM1Njg0ZS0xNSw5Ni41OTE1NDU3IEwxMy4zMzgwNzYzLDk2LjU5MTU0NTcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ0Ljc0NzUyOSwzMC4xMDM1MzMxIEw0NC43NDc1MjksNDMuNjA0NjgxNCBMNzMuNjIzNjg5OSw0My42MDQ2ODE0IEw3My42MjM2ODk5LDI4LjY4Mzk4NzQgTDg5LjMyMTIwMjMsMjguNjgzOTg3NCBMODkuMzIxMjAyMywxMy41ODQyMDE5IEw3My42MjM2ODk5LDEzLjU4NDIwMTkgTDczLjYyMzY4OTksMS40ODA1NDI1OSBMNzMuNjIzNDQ5NCwwLjkwNDkwODUxNyBMMTMuMDE2NTc1NSwwLjkwNDkwODUxNyBMMTMuMDE2NTc1NSwzMC4xMDM1MzMxIEw0NC43NDc1MjksMzAuMTAzNTMzMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNi4wMDAwMDAsIDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIyNyIgcG9pbnRzPSIxNi4wMzU1ODg3IDQzLjY4NDY2ODggNDUuMjUwMzIzNCA0My42ODQ2Njg4IDQ1LjI1MDMyMzQgMS4wNjY0MTAwOSAxNi4wMzU1ODg3IDEuMDY2NDEwMDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMjI4IiBwb2ludHM9IjAuMzQ1MjkwMjE2IDI4LjU4OTE5ODcgNjEuMzIzNjgxNiAyOC41ODkxOTg3IDYxLjMyMzY4MTYgMTMuNzI4NjgxNCAwLjM0NTI5MDIxNiAxMy43Mjg2ODE0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTIyOSIgcG9pbnRzPSIxNi4wMzU1ODg3IDMwLjAyNTI4NzEgNzMuODY3OTg1MSAzMC4wMjUyODcxIDczLjg2Nzk4NTEgMC40ODQwNjMwOTEgMTYuMDM1NTg4NyAwLjQ4NDA2MzA5MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat;
    background-position: center
}

.sp-api-icon-frame {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px 20px;
    display: inline-block;
}

#content .pagination > li {
    display: inline;
}

#content ul.pagination {
    padding: 0px;
}

#content .pagination-container {
    margin-top: 15px;
    margin-bottom: 10px;
}

.sp-frame-slide-spire {
    width: 100%;
    height: 380px;
}

@media only screen and (max-width: 1024px) {
    .sp-frame-slide-spire {
        height: auto;
    }
}

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
}

.slick-current {
    opacity: 1;
}

.slide {
    width: 100% !important;
    height: auto !important;
}

.slick-slide img {
    width: 100%;
    height: auto;
    max-width: 1140px;
}

.ui-datepicker-group .ui-datepicker-month {
    height: 4.5em;
}

.ui-datepicker select, .ui-datepicker-inline select {
    height: 2.66em;
}

.ui-datepicker-group .ui-datepicker-month {
    height: 2.5em;
    display: flex;
}