/* --- COLORS - START ----- */
/* --- COLORS - END ----- */
/* -- Extend -- START - */
.location-icon, #top-bar-locations .locations .all-locations a:after {
  font-family: FontAwesome;
  content: '\f041';
  color: #FF4136;
  padding-left: 5px;
  font-size: 20px; }

.navigation-links, #nav a, #side-bar #sub-nav li a {
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  padding: 10px;
  background-color: #e0e0db;
  display: block;
  transition: all 0.1s ease; }
  .navigation-links:hover, #nav a:hover, #side-bar #sub-nav li a:hover {
    background-color: #2eacc9;
    color: #fff;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); }

/* --- Extend This - END ---- */
/* ------------------------------------------- */
/* ----------- FONTS -- START ---------------- */
@font-face {
  font-family: "Open Sans", sans-serif;
  src: url("/Sites/SMPN/fonts/typography/1fb56332-d14b-4f1e-bb8c-4b53b273e228.eot?");
  src: url("/Sites/SMPN/fonts/typography/1fb56332-d14b-4f1e-bb8c-4b53b273e228.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/f5e7241f-0645-4a94-bdd1-7f4a6b06b9a3.woff") format("woff"), url("/Sites/SMPN/fonts/typography/e1ec7e03-8869-492b-8c2b-31b484882fca.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/2ce68cf6-afa6-4c77-916e-db420f164369.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Bold";
  src: url("/Sites/SMPN/fonts/typography/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?");
  src: url("/Sites/SMPN/fonts/typography/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"), url("/Sites/SMPN/fonts/typography/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Bold Italic";
  src: url("/Sites/SMPN/fonts/typography/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?");
  src: url("/Sites/SMPN/fonts/typography/d7c339aa-46b7-4f31-8573-7ea230bfcbbb.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/140a0a6f-f218-4071-8eb8-f2bc45ed5121.woff") format("woff"), url("/Sites/SMPN/fonts/typography/ecbfe302-4f46-4fef-b823-83eedbc353e7.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/58f54e11-a0ac-4cfa-852e-3c73b93d74a8.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Italic";
  src: url("/Sites/SMPN/fonts/typography/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?");
  src: url("/Sites/SMPN/fonts/typography/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/c5635d60-91fa-4e4b-8a51-41c97fc744c3.woff") format("woff"), url("/Sites/SMPN/fonts/typography/de34232f-b870-49c0-a6c0-24c25db73bc2.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/35916fb2-3ed3-4d39-bec8-74155a53b1f0.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Light";
  src: url("/Sites/SMPN/fonts/typography/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?");
  src: url("/Sites/SMPN/fonts/typography/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"), url("/Sites/SMPN/fonts/typography/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/d1b1e866-a411-42ba-8f75-72bf28e23694.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next LightItalic";
  src: url("/Sites/SMPN/fonts/typography/3ab2ca1d-35c8-4471-9c57-04cb66b9cffa.eot?");
  src: url("/Sites/SMPN/fonts/typography/3ab2ca1d-35c8-4471-9c57-04cb66b9cffa.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/e1c997f3-fb27-4289-abc6-5ef059e51723.woff") format("woff"), url("/Sites/SMPN/fonts/typography/0b3b140c-bdbe-488f-8976-992b4104de0c.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/1fdd14a5-aaa2-4662-a7ae-ab0d4c3adb3c.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Medium";
  src: url("/Sites/SMPN/fonts/typography/324dee78-6585-4c13-8ca3-5817cc600d84.eot?");
  src: url("/Sites/SMPN/fonts/typography/324dee78-6585-4c13-8ca3-5817cc600d84.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"), url("/Sites/SMPN/fonts/typography/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next MediumItalic";
  src: url("/Sites/SMPN/fonts/typography/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?");
  src: url("/Sites/SMPN/fonts/typography/5fcbd4dd-6c02-47c1-9147-2c69cf4fe5fe.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/00ebffbe-b1fe-4913-b8d8-50f0ba8af480.woff") format("woff"), url("/Sites/SMPN/fonts/typography/1d49e204-49b2-4d8e-a1d2-41d0c7ff55e1.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/4de17727-14b8-47ae-847a-2e088bba338a.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DIN Next Regular";
  src: url("/Sites/SMPN/fonts/typography/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?");
  src: url("/Sites/SMPN/fonts/typography/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"), url("/Sites/SMPN/fonts/typography/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: "DINNeuzeitGrotesk";
  src: url("/Sites/SMPN/fonts/typography/b41558bd-2862-46c0-abf7-536d2542fa26.eot?");
  src: url("/Sites/SMPN/fonts/typography/b41558bd-2862-46c0-abf7-536d2542fa26.eot?") format("eot"), url("/Sites/SMPN/fonts/typography/388ef902-2c31-4818-abb1-a40dcd81f6d6.woff") format("woff"), url("/Sites/SMPN/fonts/typography/29c60077-2614-4061-aa8d-5bcfdf7354bb.ttf") format("truetype"), url("/Sites/SMPN/fonts/typography/76250d27-b353-4f3b-90c6-0ff635fabaab.svg") format("svg");
  font-weight: lighter;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Socialize';
  src: url("/Sites/SMPN/fonts/socialize/Socialize.eot"); }

@font-face {
  font-family: 'Socialize';
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal; }

/* ----------- FONTS -- END ---------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ----------- ICONS -- START ---------------- */
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Socialize';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
  Instead of a list of all class selectors,
  you can use the generic selector below, but it's slower:
  [class*="icon-"] {
  */
.icon-facebook-circle, .icon-facebook-box, .icon-facebook, .icon-twitter-circle, .icon-twitter-box, .icon-twitter, .icon-youtube-circle, .icon-youtube-box, .icon-youtube, .icon-linkedin-box, .icon-linkedin-circle, .icon-linkedin, .icon-email-box, .icon-email-circle, .icon-video, .media, a.video, .media a, a.video a, .icon-play, .icon-play-2, .icon-googleplus-circle, .icon-googleplus-box, .icon-googleplus {
  font-family: 'Socialize';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 30px; }

.icon-facebook-circle > .icon-label, .icon-facebook-box > .icon-label, .icon-facebook > .icon-label, .icon-twitter-circle > .icon-label, .icon-twitter-box > .icon-label, .icon-twitter > .icon-label, .icon-youtube-circle > .icon-label, .icon-youtube-box > .icon-label, .icon-youtube > .icon-label, .icon-linkedin-box > .icon-label, .icon-linkedin-circle > .icon-label, .icon-linkedin > .icon-label, .icon-email-box > .icon-label, .icon-email-circle > .icon-label, .icon-video > .icon-label, .media > .icon-label, a.video > .icon-label, .media a > .icon-label, a.video a > .icon-label, .icon-play > .icon-label, .icon-play-2 > .icon-label, .icon-googleplus-circle > .icon-label, .icon-googleplus-box > .icon-label, .icon-googleplus > .icon-label {
  position: absolute;
  text-indent: -9999px;
  left: -9999px; }

.icon-facebook-circle:before {
  content: "\e000"; }

.icon-facebook-box:before {
  content: "\e001"; }

.icon-facebook:before {
  content: "\e002"; }

.icon-twitter-circle:before {
  content: "\e003"; }

.icon-twitter-box:before {
  content: "\e004"; }

.icon-twitter:before {
  content: "\e005"; }

.icon-youtube-circle:before {
  content: "\e006"; }

.icon-youtube-box:before {
  content: "\e007"; }

.icon-youtube:before {
  content: "\e008"; }

.icon-linkedin-box:before {
  content: "\e009"; }

.icon-linkedin-circle:before {
  content: "\e00a"; }

.icon-linkedin:before {
  content: "\e00b"; }

.icon-email-box:before {
  content: "\e00c"; }

.icon-email-circle:before {
  content: "\e00d"; }

.icon-video:after, a.video:after, .media a:after, a.video a:after, a.media:after {
  font-family: FontAwesome;
  content: "\f054";
  padding-left: 5px; }

.icon-play:before {
  content: "\e00f"; }

.icon-play-2:before {
  content: "\e010"; }

.icon-googleplus-circle:before {
  content: "\e011"; }

.icon-googleplus-box:before {
  content: "\e012"; }

.icon-googleplus:before {
  content: "\e013"; }

.icon-pinterest:before {
  font-family: FontAwesome;
  content: "\f0d2";
  vertical-align: text-bottom; }

.iocn-flickr:before {
  font-family: FontAwesome;
  content: "\f16e";
  vertical-align: text-bottom; }

.icon-instagram:before {
  font-family: FontAwesome;
  content: "\f16d";
  vertical-align: text-bottom; }

.icon-vimeo:before {
  font-family: FontAwesome;
  content: "\f27d";
  vertical-align: text-bottom; }

.icon-snapchat:before {
  font-family: FontAwesome;
  content: "\f2ab";
  vertical-align: text-bottom; }

/* ----------- ICONS -- END ---------------- */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ----------- Base Typography ---------- START  */
html {
  font-size: 62.5%;
  background-size: cover; }

body {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  font-family: "DIN Next Regular";
  font-weight: lighter;
  font-size: 16px; }

p {
  margin: 0;
  padding: 0 0 10px;
  line-height: 1.5;
  font-size: 16px; }

strong {
  font-family: "DIN Next Medium"; }

h1, h2, h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #2eacc9;
  margin: 0;
  line-height: 1.3; }

.h1, h1 {
  font-size: 3.6rem;
  line-height: 1; }

.h2, h2 {
  font-size: 3.0rem;
  line-height: 1; }
  .h2 + p, h2 + p {
    padding: 0.6rem 0; }

.h1 + .h2 {
  padding: 10px 0; }

.h3, h3 {
  font-size: 2.6rem;
  line-height: 1.2; }
  .h3 + p, h3 + p {
    padding: 0.3rem 0; }

h3 {
  margin-bottom: 4px; }

h4 {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  line-height: 1.3;
  font-weight: lighter;
  color: #d52b1e;
  font-size: 20px; }

h5 {
  font-size: 16px; }

/* ----------- Base Typography ---------- END  */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ----------- Base Elements - RESET --- START */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ul, li, ol {
  margin: 0;
  padding: 0; }

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

.active a {
  color: #2c2c2c; }

a {
  color: #1c4077;
  outline: none;
  text-decoration: none; }
  a:hover, a:active {
    color: #b0b0b0; }
  a img {
    border: none; }

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #ddd;
  height: 32px;
  line-height: 1;
  padding: .2em .5em;
  font-family: inherit;
  color: #2c2c2c;
  font-size: 15px; }

input.input-subscribe {
  width: 100%; }

button.button {
  text-decoration: none;
  color: #fff;
  background-color: #2eacc9;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  display: inline-block;
  line-height: 32px;
  outline: 0;
  padding: 0 20px;
  margin-top: 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  text-transform: uppercase; }
  button.button:hover {
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

button.button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* ------------------------------------------- */
/* ----------- Base Elements - RESET ----- END */
/* Likes & Shares */
.share-tools {
  margin: 50px 0 50px 0; }
  .share-tools li {
    margin-bottom: 0;
    display: inline-block;
    list-style: none; }
  .share-tools .social-tools {
    margin-left: 10px;
    display: inline-block;
    line-height: 1;
    vertical-align: -8px; }
    .share-tools .social-tools li.googleplus {
      vertical-align: 2px; }

.social {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0; }
  .social > li {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle; }
    .social > li a {
      text-decoration: none !important;
      color: #1c4077; }
      .social > li a:hover {
        color: #2eacc9; }

.social-icons {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border-radius: 18px; }

.social li a img {
  border-radius: 50%;
  background-color: #000000;
  opacity: 0.5; }

.media, a.video, .media a, a.video a {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #79a5d2;
  line-height: 1;
  vertical-align: middle; }

.media:hover, a.video:hover, .media a:hover {
  color: #2c2c2c; }

a.video {
  position: relative; }
  a.video a:hover {
    color: #2c2c2c; }

#videos {
  margin-bottom: 0; }
  #videos .videos-content {
    width: 315px;
    height: 180px;
    margin: 20px 20px 40px 0;
    display: inline-block;
    margin-right: 10px; }
    #videos .videos-content > a {
      text-decoration: underline; }
      #videos .videos-content > a:hover {
        color: #2eacc9;
        text-decoration: none; }
    #videos .videos-content h4 {
      font-family: "DIN Next Regular";
      font-size: 17px;
      margin-bottom: 15px;
      padding: 10px 0 0;
      vertical-align: middle;
      color: #1c4077; }
      #videos .videos-content h4 .media, #videos .videos-content h4 a.video {
        display: none; }
      #videos .videos-content h4:hover {
        color: #2eacc9; }
        #videos .videos-content h4:hover .media, #videos .videos-content h4:hover a.video {
          color: #2c2c2c; }

p.back-link, p.previous-link {
  font-family: "DIN Next Regular";
  font-size: 18px; }

#top-bar {
  z-index: 0;
  height: 30px;
  width: 100%;
  color: #fff;
  text-align: right; }

#top-bar-locations {
  overflow: visible;
  margin: 25px 0 10px; }
  #top-bar-locations .locations {
    list-style: none; }
    #top-bar-locations .locations li {
      font-size: 25px; }
      #top-bar-locations .locations li a {
        display: inline-block; }
      @media (max-width: 500px) {
        #top-bar-locations .locations li {
          font-size: 20px; } }
    #top-bar-locations .locations .slash {
      margin: 0 5px;
      display: none; }
    #top-bar-locations .locations .all-locations {
      margin-left: 15px;
      text-transform: uppercase; }
      #top-bar-locations .locations .all-locations a {
        /* color: #eaaf20; */
        text-transform: capitalize; }
    @media (max-width: 500px) {
      #top-bar-locations .locations {
        text-align: center; } }
  @media (max-width: 768px) {
    #top-bar-locations {
      margin: 0; } }

#header {
  position: relative;
  max-width: 1000px;
  width: 100%;
  display: block;
  z-index: 100; }
  #header:before, #header:after {
    content: " ";
    display: table; }
  #header:after {
    clear: both; }

#header-path-1 {
  fill: #eeeeee; }

#image-logo {
  position: relative;
  float: left;
  z-index: 3;
  margin: 5px 0 0 20px;
  width: 230px; }
  #image-logo a {
    width: 230px;
    height: 110px;
    display: block; }
    #image-logo a img {
      max-width: 100%;
      height: auto;
      margin: auto; }
  @media (min-width: 1024px) {
    #image-logo {
      float: left; } }
  @media (max-width: 356px) {
    #image-logo {
      margin: 50px 20px 0; } }

#search-bar {
  height: 28px; }
  #search-bar .input-search {
    width: 200px;
    padding-right: 1.5em; }
  #search-bar .submit {
    width: 24px;
    height: 24px;
    background: url("../../../../Sites/SMPN/images/search-icon.png") center no-repeat;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    text-indent: -9999px; }

#top-bar-utilities {
  float: right;
  margin-top: 0;
  z-index: 5;
  display: block;
  max-width: 65%;
  padding: 0px 20px; }
  #top-bar-utilities .menu-toggle {
    text-decoration: none;
    color: #fff;
    background-color: #2eacc9;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    display: inline-block;
    line-height: 32px;
    outline: 0;
    padding: 0 20px;
    margin-top: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    display: none;
    position: absolute;
    z-index: 500;
    top: 5px;
    right: 5px;
    font-size: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    #top-bar-utilities .menu-toggle:hover {
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
    #top-bar-utilities .menu-toggle.active {
      top: 0;
      right: 0;
      width: 100%;
      border-bottom: 2px solid #fff; }
    #top-bar-utilities .menu-toggle:hover {
      opacity: 1; }
    #top-bar-utilities .menu-toggle:after {
      font-family: FontAwesome;
      content: '\f0c9';
      padding-left: 0px;
      font-size: 14px; }
    @media (max-width: 768px) {
      #top-bar-utilities .menu-toggle {
        display: inline-block; } }
    @media (min-width: 425px) {
      #top-bar-utilities .menu-toggle {
        right: 20px;
        font-size: 16px; }
        #top-bar-utilities .menu-toggle:after {
          padding-left: 10px;
          font-size: inherit; } }
    @media (max-width: 424px) {
      #top-bar-utilities .menu-toggle {
        font-size: 16px; }
        #top-bar-utilities .menu-toggle:after {
          padding-left: 10px; } }
  @media (max-width: 768px) {
    #top-bar-utilities {
      max-width: 100%;
      clear: both;
      margin: 0;
      float: none; } }

/* #text-size { === commented 7-7-17
  left: 0;
  bottom: 6px;
  font-size: 0;
  label {
    font-size: 12.2px;
    text-transform: uppercase;
    margin-right: 3px;
    color: #000000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    / * IE 5-7 * /
  }
  button {
    width: 22px;
    height: 22px;
    color: #ffffff;
    background-color: #000000;
    border: none;
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    / * IE 5-7 * /
  }
} */
#top-bar-social {
  bottom: 0;
  right: 0;
  margin-top: 20px;
  margin-left: 10px;
  padding: 0;
  display: block;
  line-height: 1;
  vertical-align: top; }
  #top-bar-social .social {
    padding: 0;
    margin: 0 0 10px; }
    #top-bar-social .social li > a {
      color: #000000;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      /* IE 5-7 */ }
      #top-bar-social .social li > a:hover {
        color: #2eacc9;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        /* IE 5-7 */ }

#nav-wrapper {
  z-index: 100;
  clear: left;
  padding-top: 10px;
  float: left;
  width: 100%; }
  #nav-wrapper.active {
    top: 30px;
    display: block;
    position: absolute; }
    #nav-wrapper.active #nav li {
      display: block; }
      #nav-wrapper.active #nav li a {
        text-align: left;
        border-bottom: 1px solid #ffffff; }
        #nav-wrapper.active #nav li a:after {
          display: inline-block;
          content: " ";
          width: 0;
          height: 0;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 8px solid #ffffff;
          position: absolute;
          margin-top: 4px;
          right: 10px; }
  @media (max-width: 768px) {
    #nav-wrapper {
      display: none; } }

#nav {
  list-style: none;
  background-color: #e0e0db;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: flex-start;
      -ms-flex-flow: flex-start;
          flex-flow: flex-start;
  text-align: center; }
  #nav a.active {
    background-color: #2eacc9;
    color: #fff;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); }
  #nav li {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    #nav li:last-child {
      border-bottom: 0; }
  #nav:before, #nav:after {
    content: " ";
    display: table; }
  #nav:after {
    clear: both; }
  @media (max-width: 768px) {
    #nav {
      display: block; } }

#wrapper {
  position: relative; }
  @media (min-width: 1024px) {
    #wrapper {
      max-width: 1000px;
      margin: 0 auto; } }

/* Hacked. */
.tab_container .note, .tab_container .source {
  margin: 10px 0;
  font-size: 13px; }

#content-wrapper.about .note {
  margin: 10px 0;
  font-size: 13px; }

#content-wrapper.hearing-aids div.note {
  margin: 0 0 20px 0; }

/* End hack. */
#header-image-wrapper {
  /*position: absolute;*/
  top: 0;
  left: 0;
  z-index: 1;
  max-width: 1000px;
  width: 100%;
  height: auto; }
  #header-image-wrapper img {
    width: 100%;
    height: auto; }
  @media (max-width: 768px) {
    #header-image-wrapper {
      display: none; } }
  #header-image-wrapper .header-group {
    display: none; }
    #header-image-wrapper .header-group .page-title, #header-image-wrapper .header-group p {
      text-indent: -9999px;
      direction: ltr; }

/* Show a default banner as a bg image for pages that do not have a banner. */
/* Do not show it on the home page. */
#wrapper.home #header-image-wrapper {
  background: none url(""); }

#content-wrapper, .content-wrapper {
  position: relative;
  z-index: 0;
  display: block; }

#content-wrapper:after, #content-wrapper:before {
  content: " ";
  display: table; }

.content-wrapper:after, .content-wrapper:before {
  content: " ";
  display: table; }

#content-wrapper:after, .content-wrapper:after {
  clear: both; }

#content-wrapper, .content-wrapper {
  *zoom: 1; }

#content-container, .content-container {
  position: relative; }

#main-content {
  margin: 0;
  padding: 30px 3% 30px;
  background-color: #fff;
  height: 100%;
  background-color: #fff; }
  #main-content #intro-copy {
    margin-bottom: 25px; }
    #main-content #intro-copy h3 {
      font-size: 36px; }
  @media (min-width: 769px) {
    #main-content {
      margin: 0 0 0 280px; } }
  @media (max-width: 600px) {
    #main-content {
      padding: 30px 3%; } }
  @media (max-width: 480px) {
    #main-content h2 {
      font-size: 30px; }
    #main-content h3, #main-content h3.smpn-subheading {
      font-size: 25px; } }
#main-content h3 {
  margin: 0 0 4px; }

#main-content h4 {
  font-family: "DIN Next Bold";
  text-transform: capitalize;
  color: #2c2c2c;
  font-size: 17px; }
  #main-content h4.p1 {
    text-transform: none; }

#main-content > a {
  color: #1c4077;
  text-decoration: underline; }

#main-content #resources > a {
  color: #1c4077;
  text-decoration: underline; }

#main-content #resources > a:hover {
  text-decoration: none;
  color: #2eacc9; }

#main-content > a:hover {
  text-decoration: none;
  color: #2eacc9; }

#main-content p {
  margin-bottom: 10px; }
  #main-content p a {
    text-decoration: underline; }
    #main-content p a:hover {
      text-decoration: none; }

#main-content > ul, #main-content > table ul {
  margin: 0 0 15px 35px; }

#main-content > ul > li, #main-content > table ul > li {
  margin-bottom: 5px; }

#main-content h2.page-title {
  display: none; }

/*#wrapper.services h4 { color: #d52b1e; }*/
#wrapper.resources h3 {
  margin-bottom: 0; }

.flex {
  margin: 30px auto; }
  .flex .flex-box {
    vertical-align: top;
    margin: 0 0 20px 0;
    text-align: left; }
    .flex .flex-box img {
      height: auto; }
    .flex .flex-box div {
      width: 200px;
      margin: 0 auto;
      text-align: left; }
    .flex .flex-box .flex-header {
      margin-bottom: 0; }
  @media (min-width: 768px) {
    .flex {
      margin: 0 auto; } }
.blog-listing {
  padding-top: 1.5rem; }

#wrapper.blog #main-content .flex .flex-box .flex-header {
  margin-bottom: 0; }

.flex .flex-box .flex-header h4, #wrapper.blog #main-content .flex .flex-box .flex-header h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0; }

.flex .flex-box .flex-header a, #wrapper.blog #main-content .flex .flex-box .flex-header a {
  color: #1c4077; }

.flex .flex-box .flex-header a:hover, #wrapper.blog #main-content .flex .flex-box .flex-header a:hover {
  color: #2E2E2E; }

#wrapper.home .flex .flex-box .flex-content-area {
  height: 100%; }
  #wrapper.home .flex .flex-box .flex-content-area p {
    margin: 5px 0;
    padding: 0; }

#wrapper.home .flex .flex-box .flex-image {
  display: block;
  width: 180px;
  margin: 10px auto;
  background-color: #fff;
  overflow: hidden;
  margin-top: 1px;
  border: 1px solid #e0e0db; }
  #wrapper.home .flex .flex-box .flex-image img {
    max-width: 100%;
    height: auto;
    margin: auto; }

.online .about #test-iframe, .hearing .about #test-iframe {
  width: 458px !important;
  margin-right: auto;
  margin-left: auto;
  display: block; }

#wrapper.home .flexslider:hover .flex-next {
  right: -60px; }

#wrapper.home .flexslider li {
  position: relative;
  padding: 0;
  margin: 0;
  display: block; }
  #wrapper.home .flexslider li a:hover {
    color: #000; }

#wrapper.home .flexslider .caption {
  position: absolute;
  top: 160px;
  left: 0px;
  background-color: #e0e0db;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  padding: 15px;
  min-width: 60px;
  max-width: 260px;
  min-height: 50px; }
  #wrapper.home .flexslider .caption .caption-title {
    font-family: "Open Sans", sans-serif;
    font-size: 35px;
    line-height: 1;
    display: block;
    margin-bottom: 20px; }
  #wrapper.home .flexslider .caption a {
    text-decoration: none;
    color: #fff;
    background-color: #2eacc9;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    display: inline-block;
    line-height: 32px;
    outline: 0;
    padding: 0 20px;
    margin-top: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    display: table; }
    #wrapper.home .flexslider .caption a:hover {
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  #wrapper.home .flexslider .caption:hover {
    color: #fff; }

#wrapper.home .flexslider .flex-control-paging {
  display: none; }

/* Hack to hide elements. */
h3 span.location-detail-name {
  display: none; }

div.flexslider div.page-title-wrapper, div.slide-layer {
  display: none; }

#top-bar-social h5 {
  display: none; }

#side-bar.blog h3.smpn-subheading, #side-bar.blog h2.page-title {
  display: block; }

.contact #main-content h3.smpn-subheading {
  display: none; }

#main-content p.smpn-spacer {
  margin: 0; }

/* End hack. */
#wrapper.blog #main-content .flex .flex-box #wrapper.home .flex-header {
  padding-top: 10px; }

#wrapper.blog #main-content .flex .flex-box #wrapper.home .flex-header h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 22px; }

#wrapper.home .flex-content-area {
  width: 180px; }
  @media (min-width: 1024px) {
    #wrapper.home .flex-content-area {
      margin-left: 0px; } }
  #wrapper.home .flex-content-area a {
    text-decoration: none;
    color: #fff;
    background-color: #2eacc9;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    display: inline-block;
    line-height: 32px;
    outline: 0;
    padding: 0 20px;
    margin-top: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    bottom: 0;
    display: table;
    line-height: 1;
    text-align: left;
    padding: 10px;
    font-size: 12px; }
    #wrapper.home .flex-content-area a:hover {
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  #wrapper.home .flex-content-area p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px; }

#wrapper.about #main-content p {
  margin-bottom: 10px; }

#wrapper.about #main-content ol {
  margin: 0;
  padding: 0 0 0 25px; }

#wrapper.about #main-content .picture {
  float: left;
  margin: 0px 15px 15px 0px;
  height: 205px;
  width: 175px; }
  #wrapper.about #main-content .picture img {
    width: 100%;
    height: auto; }

/* About Us - all */
/* Our Professionals */
#alt {
  width: 300px;
  float: left;
  padding: 30px; }
  @media (min-width: 480px) {
    #alt {
      width: 440px; } }
  @media (min-width: 600px) {
    #alt {
      width: 580px; } }
  #alt .picture {
    float: none;
    margin: 0px 15px 15px 0px;
    height: 205px;
    width: 175px; }
    @media (min-width: 480px) {
      #alt .picture {
        float: left; } }

#staff, #image-gallery {
  padding-top: 20px; }
  #staff .professionals, #staff .image-preview, #staff .gallery-thumbnails, #image-gallery .professionals, #image-gallery .image-preview, #image-gallery .gallery-thumbnails {
    display: none; }
  #staff h3, #image-gallery h3 {
    position: relative;
    padding-right: 25px;
    cursor: pointer; }
    #staff h3:after, #image-gallery h3:after {
      font-family: FontAwesome;
      content: '\f054';
      line-height: 0.8;
      text-align: center;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition: all 0.6s ease;
      transition: all 0.6s ease;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      margin-top: 10px; }
  #staff.open .professionals, #staff.open .image-preview, #staff.open .gallery-thumbnails, #image-gallery.open .professionals, #image-gallery.open .image-preview, #image-gallery.open .gallery-thumbnails {
    display: block; }
  #staff.open h3:after, #image-gallery.open h3:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

#staff .professionals, #main-content .professionals {
  margin: 0;
  padding: 0;
  list-style: none; }

#staff .professionals > li, #main-content .professionals > li {
  width: 175px;
  margin: 0 20px 20px 0;
  display: inline-block;
  vertical-align: top; }

#staff .professionals > li a, #main-content .professionals > li a {
  text-decoration: none; }

#staff .professionals > li a .name, #staff .professionals > li a .title {
  font-family: "DIN Next Medium";
  text-transform: capitalize; }

#main-content .professionals > li a .name, #main-content .professionals > li a .title {
  font-family: "DIN Next Medium";
  text-transform: capitalize; }

#staff .professionals > li .picture, #main-content .professionals > li .picture {
  width: 175px;
  height: 205px; }

#staff .professionals > li .picture img, #main-content .professionals > li .picture img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 15px auto; }

#staff .professionals > li .service, #main-content .professionals > li .service {
  padding: 5px 0 0; }

#staff .professionals > li .service .service-type, #main-content .professionals > li .service .service-type {
  display: block;
  width: 100%; }

ul.professionals li span.title {
  display: block; }

#image-gallery {
  display: block;
  *zoom: 1; }
  #image-gallery:after, #image-gallery:before {
    content: " ";
    display: table; }
  #image-gallery:after {
    clear: both; }
  #image-gallery .image-preview, #image-gallery .gallery-thumbnails {
    float: left;
    vertical-align: top; }
  #image-gallery .image-preview {
    margin-right: 10px; }
  #image-gallery .gallery-thumbnails {
    overflow: hidden;
    width: 100%; }
    @media (min-width: 1024) {
      #image-gallery .gallery-thumbnails {
        width: 320px;
        overflow: visible; } }
  #image-gallery .thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media (min-width: 1024px) {
      #image-gallery .thumbnails li {
        width: 75px;
        height: 75px;
        display: inline-block;
        margin: 0 10px 10px 0; } }
  #image-gallery img {
    width: 100%;
    height: auto; }

/* Hearing Aids */
.page-title + .product-logo {
  padding-top: 25px; }

.product-logo {
  margin-bottom: 20px; }

ul#hearing-aid-styles {
  margin: 0px auto;
  padding: 0px;
  width: 100%; }
  ul#hearing-aid-styles li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 272px;
    margin-right: 1%;
    margin-bottom: 0px;
    position: relative;
    text-align: center; }
  @media (min-width: 720px) {
    ul#hearing-aid-styles {
      max-width: 656px; }
      ul#hearing-aid-styles li {
        width: 209px;
        margin-top: 15px;
        margin-bottom: 15px; } }

ul#hearing-aid-styles li .title {
  text-align: center;
  width: 100%;
  height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  border-radius: 3px 3px 0 0; }
  @media (min-width: 720px) {
    ul#hearing-aid-styles li .title {
      width: 209px; } }

ul#hearing-aid-styles li h4 {
  color: #fff;
  background-color: #2eacc9;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 16px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 3px 3px 0 0; }

ul#hearing-aid-styles li a {
  text-decoration: underline; }

ul#hearing-aid-styles li .image-holder {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 222px;
  background: #fff;
  border: 1px solid #e0e0db; }
  ul#hearing-aid-styles li .image-holder img {
    display: block;
    margin: 0px auto;
    margin-top: 45px;
    text-align: center; }
  @media (min-width: 720px) {
    ul#hearing-aid-styles li .image-holder {
      width: 209px; } }

ul#hearing-aid-styles li p.description {
  width: 209px;
  height: 195px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px auto;
  padding: 15px;
  margin-top: -227px;
  font-size: 15px;
  position: relative;
  text-align: center; }

ul#hearing-aid-styles li ul {
  display: none; }

ul#hearing-aid-styles li:hover ul {
  display: block;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 220px;
  width: 183px;
  margin: 0px auto;
  padding: 15px;
  color: #2c2c2c;
  background: #e4e0dc;
  position: relative;
  top: -216px;
  left: 0px;
  z-index: 1000;
  list-style: disc; }
  ul#hearing-aid-styles li:hover ul a:hover {
    text-decoration: none; }

ul#hearing-aid-styles li ul li {
  margin: 0px auto 5px;
  display: list-item;
  height: auto;
  width: auto;
  font-size: 14px;
  list-style: none; }

ul#hearing-aid-styles li ul li span {
  font-size: 22px;
  line-height: 16px;
  padding-right: 2px; }

ul#hearing-aid-styles li ul li.detail-link {
  list-style: none; }

ul#hearing-aid-styles li ul li a {
  display: inline;
  font-style: normal;
  text-decoration: underline; }

ul#sub-styles {
  margin: 30px 0 0 0;
  padding: 0px; }
  ul#sub-styles > li {
    margin-bottom: 40px; }

#sub-styles li {
  list-style: none;
  margin-bottom: 30px; }
  #sub-styles li .image-holder {
    width: 230px;
    height: 177px;
    background: #fff;
    display: block;
    vertical-align: top;
    overflow: hidden;
    margin: 10px auto; }
    #sub-styles li .image-holder a {
      display: block; }
      #sub-styles li .image-holder a img {
        display: block;
        margin: 0px auto;
        width: auto;
        height: auto;
        max-height: 177px; }
    @media (min-width: 1024px) {
      #sub-styles li .image-holder {
        display: inline-block; } }
  #sub-styles li .style-details {
    display: inline-block;
    vertical-align: top;
    width: 95%;
    margin: 0 1%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px 0px 10px 10px; }
    @media (min-width: 600px) {
      #sub-styles li .style-details {
        width: 70%;
        margin: 0 15%; } }
    @media (min-width: 1024px) {
      #sub-styles li .style-details {
        width: 55%;
        margin: 0 1%; } }
    #sub-styles li .style-details .title {
      font-size: 25px;
      line-height: 25px;
      text-transform: none;
      font-family: "Open Sans", sans-serif;
      padding-left: 10px;
      display: inline-block; }
    #sub-styles li .style-details .item-details {
      padding-left: 10px;
      padding-top: 5px;
      border-top: 2px dotted #999;
      margin-bottom: 10px; }
      #sub-styles li .style-details .item-details li {
        display: list-item;
        list-style: disc;
        margin: 5px 0px;
        margin-left: 20px; }
    #sub-styles li .style-details a {
      text-decoration: none; }

#tabbed-content ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  #tabbed-content ul.tabs:after {
    content: '';
    display: block;
    clear: both; }
  #tabbed-content ul.tabs li {
    float: left;
    margin: 0 1px 10px 0;
    padding: 0px;
    cursor: pointer;
    padding: 0px 16px;
    height: 31px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 31px;
    background-color: transparent;
    position: relative;
    color: #2E2E2E; }
    #tabbed-content ul.tabs li:hover {
      border-bottom: 2px solid #2E2E2E; }
    #tabbed-content ul.tabs li.active {
      border-bottom: 2px solid #2E2E2E; }
  @media (min-width: 1024px) {
    #tabbed-content ul.tabs {
      height: 32px;
      margin-bottom: 0; } }
#product-video .video-holder iframe {
  height: 288px;
  max-width: 500px;
  margin: 1rem 0;
  border: 8px solid #dfdfdf;
  border-radius: 3px; }

.tab_content {
  padding: 20px 0px;
  font-size: 16px;
  display: none; }
  .tab_content > h2 {
    background-color: transparent;
    border-bottom: 1px solid #e0e0db;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  .tab_content ul {
    margin: 0 0 15px 35px; }
    .tab_content ul li {
      margin-bottom: 10px; }

#tabbed-content #feature-details h4 {
  margin: 0px;
  padding: 20px 0px 20px;
  font-size: 19px;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-bottom: 1px solid #e0e0db; }
  #tabbed-content #feature-details h4:hover {
    color: #aaa; }
  #tabbed-content #feature-details h4:focus {
    outline: 0; }

#tabbed-content #feature-details .title {
  margin-left: 25px;
  display: block; }

@media (min-width: 1024px) {
  #tabbed-content #feature-details .right-arrow:after {
    content: "\25B8";
    width: 25px;
    height: 25px;
    float: left; }
  #tabbed-content #feature-details .down-arrow:after {
    content: "\25BE";
    width: 25px;
    height: 25px;
    float: left; } }

#tabbed-content #feature-details .feature-content {
  padding: 25px;
  background: #f6f6f0;
  border-radius: 3px; }
  #tabbed-content #feature-details .feature-content p {
    margin: 0px;
    padding: 10px 0px; }
  #tabbed-content #feature-details .feature-content ul li span {
    font-weight: bold; }

#gallery-holder ul.sub-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 32px;
  width: 100%; }
  #gallery-holder ul.sub-tabs li {
    margin: 0px;
    display: inline-block;
    cursor: pointer;
    padding: 0px;
    padding-right: 20px;
    height: 31px;
    color: #2c2c2c;
    line-height: 31px;
    text-decoration: underline;
    overflow: hidden;
    position: relative; }
    #gallery-holder ul.sub-tabs li:hover, #gallery-holder ul.sub-tabs li.active {
      color: #333; }

#gallery-holder .sub-tab-container {
  display: block;
  width: 100%;
  margin: 20px auto 0; }
  @media (min-width: 1024px) {
    #gallery-holder .sub-tab-container {
      margin: 20px 0 0;
      width: 565px; } }

#gallery-holder .sub-tab-content {
  padding: 20px;
  display: none;
  background: #f6f6f0;
  border-radius: 3px; }

#image-gallery ul {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
  width: 188px;
  list-style: none; }
  #image-gallery ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0px 12px 12px 0px;
    padding: 0px;
    background: #fff;
    height: 75px;
    width: 75px;
    border: solid 1px #e0e0db;
    cursor: pointer; }

#image-gallery #image-holder {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background: #fff;
  height: 330px;
  width: 330px;
  overflow: hidden;
  border: solid 1px #e0e0db; }
  #image-gallery #image-holder img {
    width: 330px;
    height: 330px; }

#image-360-container {
  background: #fff;
  padding: 20px 0px;
  width: 100%; }
  #image-360-container #image-holder-360 {
    width: 100%; }
    @media (min-width: 1024px) {
      #image-360-container #image-holder-360 {
        width: 260px; } }
    #image-360-container #image-holder-360 iframe {
      width: 100%; }
      @media (min-width: 1024px) {
        #image-360-container #image-holder-360 iframe {
          width: auto; } }

#tab3 #viewer-360 ul {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px 22px;
  margin-top: 20px; }
  #tab3 #viewer-360 ul h2 {
    font-size: 20px;
    font-weight: normal;
    font-family: 'Georgia', 'Times New Roman', serif;
    margin-bottom: 10px; }

/* Ends Hearing Aids */
/* Contact Us */
.ie9 #contact-form input {
  height: 30px;
  line-height: 1.3; }

.clear:before,
.clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

/* Form Error and Success Styles */
#contact-form .error, #blog-sign-up-form .error {
  color: red;
  font-size: 12px; }

#contact-form .error-label {
  color: red;
  font-size: 12px; }

#contact-form .error-wrapper .error {
  margin-left: 0; }

#blog-sign-up-form .error-wrapper {
  position: relative;
  top: -10px;
  margin-left: 5px; }

#contact-form p {
  margin-right: 30px; }

#contact-form .error-label {
  margin-right: 30px;
  display: block; }

.learn-more {
  text-decoration: none;
  color: #fff;
  background-color: #2eacc9;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  display: inline-block;
  line-height: 32px;
  outline: 0;
  padding: 0 20px;
  margin-top: 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
  .learn-more:hover {
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  .learn-more:hover {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15); }
  .learn-more:hover {
    color: #fff; }

/* ----------------------------------------------------------- */
/* ---- THE CAROUSEL FOUND ON HEARING AIDS PAGE ---- START --- */
@media (max-width: 1024px) {
  .carousel {
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform-style: preserve-3d;
    position: relative; }
    .carousel .carousel-container {
      -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      position: relative;
      overflow: visible; }
      .carousel .carousel-container.animate {
        -webkit-transition: all .3s;
        transition: all .3s; }
    .carousel .carousel-item {
      float: left;
      overflow: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0); }
    .carousel .carousel-prev {
      left: 5px; }
      .carousel .carousel-prev:after {
        font-family: FontAwesome;
        content: "\f053"; }
    .carousel .carousel-next {
      right: 5px; }
      .carousel .carousel-next:after {
        font-family: FontAwesome;
        content: "\f054"; }
    .carousel .carousel-prev, .carousel .carousel-next {
      position: absolute;
      bottom: auto;
      top: 80px;
      font-size: 60px;
      line-height: 30px;
      padding: 5px 9px;
      border-radius: 4px;
      text-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
      text-decoration: none; }
    .carousel .carousel-prev:active, .carousel .carousel-next:active {
      -webkit-box-shadow: 2px 2px 2px 1px #ffffff;
      box-shadow: 2px 2px 2px 1px #ffffff; }
    .carousel .carousel-prev.disabled, .carousel .carousel-next.disabled {
      opacity: .4; } }

/* ---- THE CAROUSEL FOUND ON HEARING AIDS PAGE ---- END --- */
/* ----------------------------------------------------------- */
/* ========================================== */
/* ========= PAGES -- START ================= */
/* -------------------------------------- */
/* ---- PAGE -- HOME -- START --- */
.home .flex-direction-nav {
  display: block;
  position: absolute;
  z-index: 999;
  top: 180px;
  right: 100px; }
  .home .flex-direction-nav li {
    position: absolute; }
    .home .flex-direction-nav li a {
      margin: 0;
      z-index: 200;
      background: none; }
      .home .flex-direction-nav li a.flex-prev {
        display: none; }
      .home .flex-direction-nav li a.flex-next {
        width: 34px;
        height: 64px;
        font-size: 0;
        text-indent: 0; }
        .home .flex-direction-nav li a.flex-next:after {
          font-family: FontAwesome;
          content: "\f054";
          font-size: 70px;
          text-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); }

.home #content-wrapper {
  padding-bottom: 0; }

.home #content-container {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  *zoom: 1; }
  .home #content-container:after, .home #content-container:before {
    content: " ";
    display: table; }
  .home #content-container:after {
    clear: both; }

.home #main-content {
  position: relative;
  z-index: 10;
  margin: 0 0 40px;
  padding: 30px 3% 60px;
  min-height: 80px;
  background: transparent url("../../../../Sites/SMPN/images/hr-dashed-down-arrow.png") center bottom no-repeat; }
  @media (min-width: 768px) {
    .home #main-content {
      min-height: 354px; } }
  @media (min-width: 1024px) {
    .home #main-content {
      padding-left: 0;
      padding-right: 0; } }
  .home #main-content .header-group {
    margin-bottom: 10px;
    text-align: left;
    color: #2c2c2c;
    width: 100%; }
    @media (min-width: 768px) {
      .home #main-content .header-group {
        width: 400px; } }
    .home #main-content .header-group .supertext-title {
      font-family: "Open Sans", sans-serif;
      font-family: "Open Sans", sans-serif;
      font-size: 35px;
      line-height: 1.3; }
  .home #main-content h2.page-title {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-size: 35px;
    display: inline; }

.home #primary-content {
  text-align: left;
  position: relative;
  border-top: 0; }

.home #sub-content {
  padding-bottom: 30px; }
  .home #sub-content:after, .home #sub-content:before {
    content: " ";
    display: table; }
  .home #sub-content:after {
    clear: both; }

.home #intro-copy {
  width: 100%;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .home #intro-copy {
      margin: 0;
      padding: 0;
      width: 50%; } }
  .home #intro-copy p {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    margin-bottom: 0;
    line-height: 1.5; }

.home #glasses-hearingaids {
  display: none; }
  @media (min-width: 768px) {
    .home #glasses-hearingaids {
      position: absolute;
      right: 30px;
      top: 70px;
      width: 40%;
      display: block; } }

.home .flex {
  margin: 0;
  text-align: center; }
  .home .flex .flex-box {
    position: relative;
    width: 305px;
    min-height: 320px;
    padding-bottom: 45px;
    display: inline-block;
    margin: 0 0 40px;
    text-align: left; }
    .home .flex .flex-box .flex-image {
      margin-top: 1px;
      height: 120px;
      border: 1px solid #f0f0f0;
      border-radius: 3px; }
  @media (min-width: 768px) {
    .home .flex .flex-box {
      width: 335px; } }
  @media (min-width: 1024px) {
    .home .flex .flex-box {
      display: block;
      float: left;
      width: 180px;
      margin-right: 92px; }
      .home .flex .flex-box:last-child {
        margin-right: 0; } }

.home .flex-header, .home #wrapper.blog #main-content .flex .flex-box .flex-header {
  padding-top: 10px; }

/* ---- PAGE -- HOME -- END --- */
/* -------------------------------------- */
/* -------------------------------------- */
/* ---- PAGE -- TESTIMONIALS -- START --- */
.testimonial {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f6f6f0;
  border-radius: 3px; }

#main-content .testimonial p {
  font-size: 17px;
  line-height: 22px;
  font-style: italic;
  margin-bottom: 10px;
  color: #1c4077; }

.testimonial sup {
  display: none; }

#tesimonial-videos {
  max-width: 660px;
  width: 100%; }
  #tesimonial-videos #video-nav {
    background-color: #2eacc9;
    vertical-align: middle;
    margin: 10px 0;
    padding: 5px 0 0 0;
    border-radius: 3px; }
    #tesimonial-videos #video-nav a {
      color: #fff;
      text-decoration: underline;
      text-transform: uppercase;
      line-height: 1; }
      #tesimonial-videos #video-nav a:hover {
        color: #e0e0db; }
  #tesimonial-videos ul {
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none; }

#tesimonial-videos #video-nav {
  display: inline-block;
  width: 100%; }
  #tesimonial-videos #video-nav li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 5px 10px; }
    #tesimonial-videos #video-nav li a {
      text-decoration: none; }
  #tesimonial-videos #video-nav a.flex-prev {
    float: left; }
    #tesimonial-videos #video-nav a.flex-prev:before {
      content: "\f053";
      font-family: FontAwesome;
      padding-right: 5px; }
  #tesimonial-videos #video-nav a.flex-next {
    float: right; }
    #tesimonial-videos #video-nav a.flex-next:after {
      content: "\f054";
      font-family: FontAwesome;
      padding-left: 5px; }

#tesimonial-videos li {
  width: 185px;
  margin-right: 5px; }

#tesimonial-videos .slides {
  padding: 0 15px; }
  #tesimonial-videos .slides .model {
    margin-right: 6px; }
    #tesimonial-videos .slides .model a {
      text-decoration: none; }
      #tesimonial-videos .slides .model a .title {
        text-decoration: underline; }
        #tesimonial-videos .slides .model a .title:hover {
          text-decoration: none; }

#tesimonial-videos img {
  position: relative;
  height: auto !important;
  width: auto !important; }

#tesimonial-videos span {
  display: block; }
  #tesimonial-videos span.play-button {
    position: relative;
    top: -50px;
    left: 50%;
    width: 40px;
    margin-left: -25px; }
    @media (min-width: 435px) {
      #tesimonial-videos span.play-button {
        top: -60px; } }
    @media (min-width: 555px) {
      #tesimonial-videos span.play-button {
        top: -70px; } }
    @media (min-width: 633px) {
      #tesimonial-videos span.play-button {
        top: -78px; } }
  #tesimonial-videos span.title {
    margin: 5px 0px;
    margin-top: -20px;
    max-width: 185px;
    width: 100%; }
  #tesimonial-videos span.text {
    color: #333;
    max-width: 185px;
    width: 100%; }

/* ---- PAGE -- TESTIMONIALS --- END --- */
/* -------------------------------------- */
/* -------------------------------------- */
/* ---- PAGE -- BLOG --- START --- */
#blog-archive, #blog-subscription, #blog-sign-up {
  margin-bottom: 40px; }

#blog-archive h3, #blog-subscription h3, #blog-sign-up h3 {
  font-weight: lighter;
  font-size: 25px;
  margin: 0 auto 15px; }

#blog-archive h4, #blog-subscription h4, #blog-sign-up h4 {
  margin-bottom: 10px; }

#blog-archive li, #blog-subscription li, #blog-sign-up li {
  font-family: "DIN Next Bold";
  display: inline-block;
  padding: 5px 10px 0 0;
  margin: 0 0 10px; }

#blog-archive li a, #blog-subscription li a, #blog-sign-up li a {
  color: #007fff; }

#blog-archive li a:hover, #blog-subscription li a:hover, #blog-sign-up li a:hover {
  color: #1c4077; }

#blog-archive li.active a, #blog-subscription li.active a, #blog-sign-up li.active a {
  text-decoration: none;
  color: #eaaf20; }

#blog-subscription input, #blog-sign-up input {
  margin: 0 0 15px 0;
  max-width: 300px; }

#blog-subscription button, #blog-sign-up button {
  margin: 0 0 10px;
  cursor: pointer; }

a.blog-title:hover {
  opacity: .7; }

.blog-title {
  color: #1c4077;
  font-family: "Open Sans", sans-serif; }

.date-line {
  width: 100%;
  display: block;
  padding: 5px 0;
  margin-bottom: 10px; }

#wrapper.blog #content-container {
  position: relative;
  padding: 0;
  margin-left: 0;
  display: table;
  z-index: 20; }

#wrapper.blog #side-bar {
  float: none;
  width: 100%;
  padding: 30px 3%;
  list-style-type: none;
  background: #fff;
  margin-top: 0; }
  #wrapper.blog #side-bar > ul > li {
    list-style: none;
    margin: 0 0 40px 0; }
  #wrapper.blog #side-bar a {
    text-decoration: underline; }
  #wrapper.blog #side-bar .blog-title a, #wrapper.blog #side-bar a.blog-title {
    text-decoration: none; }
  #wrapper.blog #side-bar:after {
    content: none; }
  #wrapper.blog #side-bar .share-tools {
    margin-top: 30px; }
  @media (min-width: 1024px) {
    #wrapper.blog #side-bar {
      width: 735px;
      float: left; } }

#wrapper.blog #main-content {
  float: none;
  position: static;
  width: 100%;
  margin: 0;
  text-align: left;
  padding: 10px 3% 0;
  min-height: auto; }
  @media (min-width: 1024px) {
    #wrapper.blog #main-content {
      width: 265px;
      float: right; } }
  #wrapper.blog #main-content #blog-sign-up-form, #wrapper.blog #main-content #blog-sign-up {
    height: auto;
    margin-bottom: 0; }
  #wrapper.blog #main-content .flex {
    text-align: left;
    margin-top: 20px; }
    #wrapper.blog #main-content .flex .flex-box a {
      text-decoration: none; }
      #wrapper.blog #main-content .flex .flex-box a:hover {
        color: #2c2c2c; }
  #wrapper.blog #main-content > ul > li {
    list-style: none;
    margin: 0;
    padding: 0 5px 0 0;
    display: inline-block; }
  #wrapper.blog #main-content h3, #wrapper.blog #main-content h4 {
    color: #1c4077; }
  #wrapper.blog #main-content h3 {
    margin-bottom: 10px; }

#wrapper.blog h2.page-title {
  padding: 10px 3%; }

/* ---- PAGE -- BLOG --- END ---- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ---- PAGE -- LOCATIONS --- START --- */
#contact-form {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 30px 0;
  padding: 15px 3%;
  display: inline-block;
  width: 100%;
  background-color: transparent;
  z-index: 999;
  text-align: left; }
  @media (min-width: 1024px) {
    #contact-form {
      padding: 15px 0 0;
      width: 279px; } }
  @media (min-width: 768px) {
    #contact-form {
      margin: 0;
      padding: 0 3%; } }
  #contact-form:after {
    content: " ";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
  #contact-form span {
    font-family: "Open Sans", sans-serif;
    color: #1c4077;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 0 0 0px;
    font-style: normal;
    text-transform: uppercase;
    text-align: left; }
  #contact-form input {
    display: block;
    margin: 10px 0px 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 17px;
    color: #2c2c2c;
    font-family: inherit; }
  #contact-form textarea {
    display: block;
    margin: 10px 0px 10px;
    padding-left: 10px;
    width: 100%;
    font-size: 17px;
    color: #2c2c2c;
    font-family: inherit;
    padding-top: 5px;
    height: 150px;
    resize: none; }
  #contact-form input {
    height: 32px;
    line-height: 1.3; }
  #contact-form .submit {
    text-decoration: none;
    color: #fff;
    background-color: #2eacc9;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    display: inline-block;
    line-height: 32px;
    outline: 0;
    padding: 0 20px;
    margin-top: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    width: auto;
    display: block; }
    #contact-form .submit:hover {
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

#locations .location.multiple .map-holder, #locations .location.multiple .office-map {
  margin-bottom: 10px;
  float: none;
  position: absolute;
  bottom: 0;
  left: 6%;
  width: auto; }
  @media (max-width: 554px) {
    #locations .location.multiple .map-holder a, #locations .location.multiple .office-map a {
      text-decoration: none;
      color: #fff;
      background-color: #2eacc9;
      text-align: center;
      letter-spacing: .5px;
      -webkit-transition: .15s ease-out;
      transition: .15s ease-out;
      cursor: pointer;
      border: none;
      border-radius: 2px;
      display: inline-block;
      line-height: 32px;
      outline: 0;
      padding: 0 20px;
      margin-top: 5px;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      font-size: 14px;
      line-height: 30px;
      padding: 0 10px;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
      #locations .location.multiple .map-holder a:hover, #locations .location.multiple .office-map a:hover {
        -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
      #locations .location.multiple .map-holder a:hover, #locations .location.multiple .office-map a:hover {
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15); }
      #locations .location.multiple .map-holder a:before, #locations .location.multiple .office-map a:before {
        content: 'Map'; }
      #locations .location.multiple .map-holder a:after, #locations .location.multiple .office-map a:after {
        font-family: FontAwesome;
        content: '\f278'; } }
  #locations .location.multiple .map-holder img, #locations .location.multiple .office-map img {
    display: none; }
    @media (min-width: 555px) {
      #locations .location.multiple .map-holder img, #locations .location.multiple .office-map img {
        display: block; } }
  @media (min-width: 555px) {
    #locations .location.multiple .map-holder, #locations .location.multiple .office-map {
      width: 250px;
      margin: 0 auto 20px;
      position: static; } }
  @media (min-width: 700px) {
    #locations .location.multiple .map-holder, #locations .location.multiple .office-map {
      margin: 0px;
      float: left; } }

#locations .location.multiple .map-holder {
  bottom: 8px; }

#office-info .office-map {
  margin-bottom: 10px;
  float: none;
  position: absolute;
  bottom: 0;
  right: 6%;
  width: auto; }
  @media (max-width: 554px) {
    #office-info .office-map a {
      text-decoration: none;
      color: #fff;
      background-color: #2eacc9;
      text-align: center;
      letter-spacing: .5px;
      -webkit-transition: .15s ease-out;
      transition: .15s ease-out;
      cursor: pointer;
      border: none;
      border-radius: 2px;
      display: inline-block;
      line-height: 32px;
      outline: 0;
      padding: 0 20px;
      margin-top: 5px;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      font-size: 14px;
      line-height: 30px;
      padding: 0 10px;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
      #office-info .office-map a:hover {
        -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
      #office-info .office-map a:hover {
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15); }
      #office-info .office-map a:before {
        content: 'Map'; }
      #office-info .office-map a:after {
        font-family: FontAwesome;
        content: '\f278'; } }
  #office-info .office-map img {
    display: none; }
    @media (min-width: 555px) {
      #office-info .office-map img {
        display: block; } }
  @media (min-width: 555px) {
    #office-info .office-map {
      width: 250px;
      margin: 0 auto 20px;
      position: static; } }
  @media (min-width: 700px) {
    #office-info .office-map {
      margin: 0px;
      float: left; } }

#locations .location .map-holder {
  width: 100%; }
  #locations .location .map-holder iframe {
    width: 100% !important; }

#locations .location .address, #locations .location .hours {
  width: 100%; }

.office-map img {
  width: auto !important;
  height: auto !important; }

ul#locations {
  margin: 0px;
  padding: 0px;
  list-style: none; }

#locations li.location {
  display: inline-block;
  width: 100%;
  position: relative; }
  @media (min-width: 880px) {
    #locations li.location.multiple .address, #locations li.location.multiple .hours {
      width: 50%; } }
  @media (min-width: 700px) {
    #locations li.location.multiple .address, #locations li.location.multiple .hours {
      float: right; } }

#locations .address, #locations .hours {
  display: inline-table;
  vertical-align: top;
  padding: 10px;
  background-color: #fff;
  float: none;
  width: 100%; }

#locations .address {
  border-radius: 3px 3px 0 0; }

#locations .hours {
  border-radius: 0 0px 3px 3px; }

@media (min-width: 1024px) {
  .contact .locations #main-content {
    padding-right: 0; } }

.location {
  padding: 20px 3%;
  background-color: #f6f6f0;
  border-radius: 3px; }
  .location:before, .location:after {
    content: " ";
    display: table; }
  .location:after {
    clear: both; }

.address h4 {
  margin: 0px;
  font-size: 20px; }

.hours h4 {
  margin: 0px;
  font-size: 20px;
  margin-bottom: 10px; }

#main-content .hours p {
  margin: 5px 0;
  padding: 0px; }

ul#locations .address .vcard, ul#locations .hours ul {
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  list-style: none; }

.address .vcard .street-address, .address .vcard .locality, .address .vcard .adr, .address .vcard .tel {
  margin: 5px 0px; }

.hours ul li {
  margin: 5px 0px; }

.street-address span {
  display: block;
  margin: 5px 0px; }

#office-info {
  position: relative;
  display: inline-block;
  padding: 20px 3%;
  margin-bottom: 20px;
  margin-top: 15px;
  background-color: #f6f6f0;
  border-radius: 3px; }
  #office-info ul {
    list-style-type: none; }
  #office-info:before, #office-info:after {
    content: " ";
    display: table; }
  #office-info:after {
    clear: both; }
  @media (max-width: 600px) {
    #office-info {
      display: block; } }
  @media (max-width: 554px) {
    #office-info {
      padding-bottom: 50px; } }

.office-address, .office-hours {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  background-color: #fff;
  float: none;
  width: 100%; }
  @media (min-width: 700px) {
    .office-address, .office-hours {
      float: right;
      width: 56%; } }
  .office-address ul li, .office-hours ul li {
    width: 71%; }
    @media (min-width: 555px) {
      .office-address ul li, .office-hours ul li {
        width: 100%; } }

/* ---- PAGE -- LOCATIONS --- START --- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ---- PAGE -- SEARCH RESULTS --- START --- */
#wrapper.search-results #side-bar {
  display: none; }

#wrapper.search-results #content-container {
  width: 100%;
  margin: 0;
  padding: 0px 50px 30px;
  min-height: 400px;
  background-color: #fff; }

#wrapper.search-results #main-content {
  width: 100%;
  margin-left: 0;
  padding-bottom: 20px;
  padding-left: 0; }
  #wrapper.search-results #main-content .pagination-container {
    margin-bottom: 30px; }
    #wrapper.search-results #main-content .pagination-container a {
      text-decoration: none; }
    #wrapper.search-results #main-content .pagination-container .pagination-heading {
      font-family: "DIN Next Medium";
      color: #1c4077;
      display: inline;
      font-size: 18px;
      line-height: 1;
      vertical-align: middle; }
    #wrapper.search-results #main-content .pagination-container .pagination {
      display: inline;
      padding-left: 10px;
      font-size: 18px;
      line-height: 1;
      vertical-align: -1px; }
      #wrapper.search-results #main-content .pagination-container .pagination .previous a, #wrapper.search-results #main-content .pagination-container .pagination .next a {
        font-size: 21px;
        color: #eaaf20; }
      #wrapper.search-results #main-content .pagination-container .pagination .previous a:hover, #wrapper.search-results #main-content .pagination-container .pagination .next a:hover {
        color: #d52b1e; }
      #wrapper.search-results #main-content .pagination-container .pagination .previous, #wrapper.search-results #main-content .pagination-container .pagination .next, #wrapper.search-results #main-content .pagination-container .pagination .more {
        display: inline;
        padding-right: 3px; }
      #wrapper.search-results #main-content .pagination-container .pagination ol {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0; }
        #wrapper.search-results #main-content .pagination-container .pagination ol > li {
          display: inline;
          padding: 0 3px; }
          #wrapper.search-results #main-content .pagination-container .pagination ol > li.active a {
            color: #2eacc9; }
  #wrapper.search-results #main-content h3 {
    margin-bottom: 5px; }
    #wrapper.search-results #main-content h3 .media-type {
      color: #eaaf20;
      margin-left: 5px;
      line-height: 1;
      text-transform: uppercase;
      border-radius: 5px; }
      #wrapper.search-results #main-content h3 .media-type:hover {
        cursor: pointer;
        color: #d52b1e; }
    #wrapper.search-results #main-content h3 a {
      text-decoration: none; }
  #wrapper.search-results #main-content a {
    text-decoration: underline; }

/* ---- PAGE -- SEARCH RESULTS --- END ----- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ---- PAGE - HEARING AIDS ----- START ---- */
.hearing-aids #product-details .image-holder {
  margin: 0;
  background-color: transparent;
  width: 100%;
  border: none; }
  @media (min-width: 1024px) {
    .hearing-aids #product-details .image-holder {
      width: 230px; } }

.hearing-aids #product-details #tabbed-content #feature-details .title {
  margin-left: 10px; }

.hearing-aids #product-details #tabbed-content .tab_content > p, .hearing-aids #product-details #tabbed-content .tab_content h3 {
  padding: 5px 10px 0; }

.hearing-aids #product-details #tabbed-content .tab_content #feature-details .feature-content {
  padding: 10px; }

.hearing-aids #product-details #tabbed-content .tab_content #feature-details .accordion-content.feature-content {
  padding: 20px 15px; }
  .hearing-aids #product-details #tabbed-content .tab_content #feature-details .accordion-content.feature-content p {
    padding-top: 0; }

.hearing-aids #product-details #tabbed-content .tab_content h2 {
  padding: 15px 10px;
  text-transform: capitalize; }

.hearing-aids #product-details #tabbed-content .tab_content #gallery-holder > ul {
  margin: 10px;
  width: auto; }
  .hearing-aids #product-details #tabbed-content .tab_content #gallery-holder > ul li {
    margin-left: 20px; }
  .hearing-aids #product-details #tabbed-content .tab_content #gallery-holder > ul.sub-tabs {
    margin-left: 10px; }
    .hearing-aids #product-details #tabbed-content .tab_content #gallery-holder > ul.sub-tabs li {
      margin-left: 0; }

.hearing-aids #product-details #tabbed-content #feature-details {
  border: 0; }

.hearing-aids #product-details #tabbed-content #tab_container h2 {
  margin: 0 -10px; }

/* --- PRODUCT: Details ---- START --- */
#main-content .product-heading {
  padding: 15px 0;
  border-bottom: 1px solid #4B515D; }
  #main-content .product-heading h3 {
    margin-bottom: 0px; }

#main-content .attribute-heading {
  position: relative;
  margin-bottom: 0px; }
  #main-content .attribute-heading h3 {
    font-size: 25px;
    margin-bottom: 0; }

#main-content .technology-products {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none; }
  #main-content .technology-products > li {
    position: relative;
    padding: 15px 0;
    vertical-align: middle;
    border-bottom: 1px dotted #ddd; }
  #main-content .technology-products li .image-holder {
    position: relative;
    width: 210px;
    margin-right: 30px;
    display: block; }
    @media (min-width: 1024px) {
      #main-content .technology-products li .image-holder {
        position: absolute; } }
    #main-content .technology-products li .image-holder img {
      max-width: 100%;
      height: auto;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        #main-content .technology-products li .image-holder img {
          margin-bottom: 0; } }
  #main-content .technology-products li .product-description {
    margin-left: 0px;
    display: block; }
    @media (min-width: 1024px) {
      #main-content .technology-products li .product-description {
        margin-left: 280px; } }
  #main-content .technology-products li:last-child {
    border-bottom: none; }

#product-details .image-holder {
  margin-right: 20px;
  width: 178px;
  height: 157px;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  border: solid 1px #e0e0db;
  overflow: hidden; }
  #product-details .image-holder.product {
    width: 230px;
    height: 177px;
    padding-top: 15px; }
  #product-details .image-holder img {
    display: block;
    margin: 0px auto;
    height: auto;
    max-height: 157px;
    width: auto; }

#product-details .pricing-info {
  display: inline-block;
  vertical-align: top;
  margin-top: 60px; }
  #product-details .pricing-info span.price-text {
    display: block;
    font-size: 18px;
    text-transform: uppercase; }
  #product-details .pricing-info span.price {
    display: block;
    margin: 0px 0px 10px 0px;
    font-size: 30px; }
  #product-details .pricing-info span.duration {
    display: block;
    text-transform: uppercase; }

#product-details .name {
  display: block;
  margin: 40px 0px 20px 0px;
  font-size: 25px;
  text-transform: none; }

/* --- PRODUCT: Details ---- END --- */
/* --- Technology: Details ---- START --- */
#main-content .technology-product-details {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0; }
  #main-content .technology-product-details li {
    position: relative;
    padding: 15px 0;
    vertical-align: middle;
    border-bottom: 1px solid #ccc; }
    #main-content .technology-product-details li .left-col {
      position: absolute;
      width: 46%; }
      #main-content .technology-product-details li .left-col h4 {
        font-family: "DIN Next Bold";
        color: #2c2c2c;
        text-transform: none;
        font-size: 16px; }
        #main-content .technology-product-details li .left-col h4 .sub-text {
          font-family: "DIN Next Regular";
          text-transform: none; }
    #main-content .technology-product-details li .attribute-heading:after {
      left: 10px; }
    #main-content .technology-product-details li .right-col {
      margin-left: 50%;
      padding-right: 5px; }
    #main-content .technology-product-details li:first-child {
      border-bottom: none; }

.accessories-container div {
  margin-bottom: 30px; }

.accessories-container .accessory {
  display: block;
  *zoom: 1; }
  .accessories-container .accessory:after, .accessories-container .accessory:before {
    content: " ";
    display: table; }
  .accessories-container .accessory:after {
    clear: both; }
  .accessories-container .accessory img {
    float: left;
    margin-right: 20px; }
  .accessories-container .accessory p {
    display: inline; }
  .accessories-container .accessory a {
    text-decoration: underline; }

.accessories-container .flex-direction-nav {
  position: relative; }
  .accessories-container .flex-direction-nav a {
    position: absolute;
    bottom: 69px;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -100%;
    font-size: 1px; }
    .accessories-container .flex-direction-nav a:after {
      font-family: 'FontAwesome';
      content: '\f105 ';
      position: absolute;
      top: -2px;
      left: 57px;
      display: block;
      font-size: 40px; }
    .accessories-container .flex-direction-nav a.flex-prev:after {
      content: '\f104'; }

.accessories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  *zoom: 1; }
  .accessories:after, .accessories:before {
    content: " ";
    display: table; }
  .accessories:after {
    clear: both; }
  .accessories li {
    margin: 0;
    vertical-align: top;
    text-align: center;
    float: left; }
    @media (min-width: 1024px) {
      .accessories li {
        margin-right: 5px; } }
    .accessories li a {
      font-size: 13px;
      text-transform: capitalize;
      white-space: nowrap;
      text-decoration: underline; }
    .accessories li .image-holder {
      width: 100%;
      display: block;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .accessories li .image-holder {
          width: 96px; } }
      .accessories li .image-holder img {
        width: 112px;
        height: auto;
        margin: 0 auto;
        max-width: initial; }
        @media (min-width: 1024px) {
          .accessories li .image-holder img {
            width: auto;
            height: 75px;
            margin: auto; } }
/* --- Technology: Details ---- END --- */
/* ---- PAGE - HEARING AIDS ----- END ---- */
/* --------------------------------------- */
/* ----------------------------------------- */
/* ---- PAGE - PRIVACY POLICY ----- START ---- */
.privacy .main-content {
  padding: 0 3% 50px; }

/* ---- PAGE - PRIVACY POLICY ----- END ---- */
/* --------------------------------------- */
/* ========= PAGES -- END =================== */
/* ========================================== */
/* =================================== */
/* ==== COMPONENTS --- START ========= */
/* ----------------------------------------- */
/* ---- COMPONENTS - FOOTER -- START ------------*/
/* #footer {
    background-color: $light-grey;
    border-top: 1px solid #eee; 
    clear: both;
    display: block;

    &:after, &:before {
      content: " ";
      display: table;
    }
    &:after {
      clear: both;
    }
    *zoom: 1;
    ul {
      list-style: none;
    }
    h5 {
      margin: 10px 0;
    }
    #top-bar-social {
      margin-left: 0;
    }
    .blog-roll { display: none; }

    @media (max-width: 1000px) {
      padding: 0 20px;
    }
  }

  #footer-content {
    width: 94%;
    margin: 30px 3%; 
    @media (min-width: 1024px){
      width: 1000px;
      margin: 30px auto;
    }
    &:after, &:before {
      content: " ";
      display: table;
    }
    &:after {
      clear: both;
    }
    .contact-info {
      display: block;
      float: none;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e6e6e6;
      @media (min-width: 1024px){
        margin-bottom: 20px;
        padding-bottom: 0;
        border-bottom: 0;
        float: left;
        clear: left;
        width: 310px;
        padding-right: 4%;
      }
      a {
        &:after {
          @extend .location-icon;
        }
      }
      .tel a:after {
        content: '';
      }
    }
    .blog-roll {
      @media (min-width: 1024px){
        float: left;
        clear: right; 
        width: 310px;
        margin-bottom: 15px;
      }
      
    }
    .footer-group {
      display: block;
      float: none;

      @media (min-width: 1024px){
        width: 600px;
        float: none;
        border-left: 1px solid #e6e6e6;
        padding-left: 4%;
        display: inline-block;
      }
    }
    #footer-bottom-content {
      position: absolute;
      bottom: 20px;
      font-size: 12px;
    }
    .news {
      li {
        margin: 0 0 5px;
      }
    }
    .date {
      color: #000;
      font-size: 13px;
      &:after {
        content: " | ";
        color: #777;
      }
    }
  }

  #footer-svg {
    display: none;
  }
  */
/* ---- COMPONENTS - FOOTER -- END ---------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------- */
/* ---- COMPONENTS - PAYMENT CALCULATOR -- START ------------*/
#payment-calculator {
  position: relative;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 0px 25px 0px 35px;
  width: 280px;
  height: 200px;
  display: inline-block;
  width: 100%;
  background-color: #2eacc9;
  text-align: left;
  z-index: 999; }
  #payment-calculator:after {
    content: " ";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
  #payment-calculator h3 {
    color: #1c4077;
    font-size: 20px;
    font-weight: normal;
    margin: 15px 0 10px; }
  #payment-calculator input {
    margin: 5px 5px;
    width: 200px;
    line-height: 15px; }
  #payment-calculator a {
    text-transform: capitalize;
    display: block;
    margin: 10px 0 10px 15px;
    width: 80px;
    position: relative;
    z-index: 999;
    text-decoration: underline; }
  #payment-calculator span {
    font-size: 15px;
    font-style: italic;
    display: block;
    margin: 0;
    padding: 0; }

/* ---- COMPONENTS - PAYMENT CALCULATOR -- END ---------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ---- COMPONENTS - SIDE BAR -- START ---------------------- */
#side-bar {
  float: left;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  background-color: #e0e0db; }
  @media (min-width: 769px) {
    #side-bar {
      position: relative;
      width: 280px;
      padding-bottom: 0;
      background-color: transparent; } }
  #side-bar .flex {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    @media (min-width: 700px) {
      #side-bar .flex .flex-box {
        margin: 0 3% 20px 3%;
        display: inline-block; } }
    @media (min-width: 769px) {
      #side-bar .flex {
        display: block;
        position: static; }
        #side-bar .flex .flex-box {
          margin: 0 0 20px 0; }
          #side-bar .flex .flex-box div {
            margin: 0; }
          #side-bar .flex .flex-box .flex-header {
            margin-top: 6px;
            margin-bottom: 6px; } }
    #side-bar .flex .flex-header h4 {
      font-size: 16px; }
  #side-bar .page-title {
    padding: 1.5rem; }
    @media (min-width: 768px) {
      #side-bar .page-title {
        display: none; } }
  #side-bar.blog .page-title {
    display: block;
    padding: 0; }
  #side-bar h2.page-title {
    display: block; }
    #side-bar h2.page-title.accordion-toggle {
      cursor: pointer; }
    #side-bar h2.page-title:first-child {
      padding: 10px 50px 10px 10px;
      position: relative;
      min-height: 60px; }
    #side-bar h2.page-title.active:first-child .open {
      display: none; }
    #side-bar h2.page-title.active:first-child .close {
      display: inline-block; }
    @media (min-width: 769px) {
      #side-bar h2.page-title {
        display: none; } }
    @media (max-width: 768px) {
      #side-bar h2.page-title {
        font-size: 28px; } }
  #side-bar #sub-nav {
    max-height: 0;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 59px 0 0 0;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%; }
    #side-bar #sub-nav li {
      border-top: 1px solid #fff;
      margin: 0; }
      #side-bar #sub-nav li:last-child {
        border-bottom: 0; }
      #side-bar #sub-nav li.active a {
        color: #2eacc9; }
      #side-bar #sub-nav li a.active {
        background-color: #efefef; }
      #side-bar #sub-nav li a:after {
        font-family: FontAwesome;
        content: '\f054';
        padding-left: 5px;
        float: right; }
    #side-bar #sub-nav:before {
      content: '+';
      display: block;
      font-size: 32px;
      line-height: 32px;
      text-decoration: none;
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 13px;
      background-color: #ffffff;
      padding: 0 10px;
      border-radius: 4px;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
    #side-bar #sub-nav.active {
      max-height: 2000px;
      border-bottom: 1px solid #fff; }
      #side-bar #sub-nav.active:before {
        content: '-';
        padding: 0 12px 0 13px; }
    @media (min-width: 769px) {
      #side-bar #sub-nav {
        margin: 28px 0 0;
        display: block;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        border-top: 0 none;
        padding: 0 0 20px 0;
        max-height: 2000px;
        position: static; }
        #side-bar #sub-nav:before {
          display: none; }
        #side-bar #sub-nav li a {
          background-color: transparent; }
          #side-bar #sub-nav li a:hover {
            background-color: #f6f6f0 !important;
            color: #4B515D;
            border-radius: 3px; } }
    @media (max-width: 768px) {
      #side-bar #sub-nav {
        -webkit-box-shadow: none;
                box-shadow: none;
        position: static;
        padding: 0; } }

/* ---- COMPONENTS - SIDE BAR -- START ---------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ---- COMPONENTS - ACCORDION -- START ---------------------- */
.accordion-toggle {
  display: block;
  padding: 10px 50px 10px 10px;
  position: relative;
  cursor: pointer; }
  .accordion-toggle.active .open {
    display: none; }
  .accordion-toggle.active .close {
    display: inline-block;
    padding: 0 12px; }
  .accordion-toggle > a {
    font-size: 32px;
    line-height: 32px;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 13px;
    background-color: #ffffff;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
    .accordion-toggle > a:hover {
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15); }
    .accordion-toggle > a.close {
      display: none; }
  .accordion-toggle:after {
    display: none; }

/* ---- COMPONENTS - ACCORDION -- END ------------------------ */
/* ----------------------------------------------------------- */
.page-title.accordion-toggle.active .close {
  padding: 0 12px 3px; }

.page-title.accordion-toggle > a {
  padding: 0 10px 3px; }

/* ==== COMPONENTS --- END =========== */
/* =================================== */
/* =================================== */
/* ==== IE8 --- START =========== */
.ie8 {
  width: 100%; }
  .ie8 #videos .videos-content h4 .media, .ie8 #videos .videos-content h4 a.video {
    margin-bottom: 3px; }
  .ie8 .icon-video:after, .ie8 .media:after, .ie8 a.video:after, .ie8 .media a:after, .ie8 a.video a:after {
    content: "\25ba"; }
  .ie8 #wrapper {
    margin-top: 0; }
  .ie8 #top-bar-locations .locations {
    padding-bottom: 6px; }
  .ie8 #top-bar {
    float: left; }
    .ie8 #top-bar #background-bleed {
      border: none;
      float: left;
      height: 75px; }
  .ie8 #top-bar-utilities {
    top: 10px; }
  .ie8 #nav-svg {
    background-color: #2eacc9;
    width: 220px;
    height: 314px;
    display: block; }
  .ie8 #nav-wrapper {
    bottom: 0; }
  .ie8 #nav {
    left: 40px;
    top: 30px;
    list-style: disc; }
  .ie8 .home#wrapper .flex .flex-box {
    margin: 0 30px; }
  .ie8 #nav a:hover, .ie8 #nav li.active a {
    color: #74c8dc; }
  .ie8 #header-image-wrapper {
    background-color: #fff; }
  .ie8 #content-wrapper {
    margin-top: 0;
    padding-bottom: 0;
    display: block; }
  .ie8 #side-bar {
    margin-top: 0; }
    .ie8 #side-bar #sub-nav {
      margin-top: 30px;
      margin-left: 58px; }
  .ie8 #main-content {
    padding-top: 25px;
    padding-bottom: 30px; }
  .ie8 #hearing-aid-styles li {
    margin-right: 30px;
    padding: 0; }
    .ie8 #hearing-aid-styles li li {
      margin-right: 0; }
  .ie8 #payment-calculator a {
    color: #1c4077;
    width: 85px;
    text-decoration: underline; }
    .ie8 #payment-calculator a.media, .ie8 #payment-calculator a.video {
      color: #1c4077;
      width: 85px;
      text-decoration: underline; }
    .ie8 #payment-calculator a:hover, .ie8 #payment-calculator a.media:hover, .ie8 #payment-calculator a.video:hover {
      color: #fff; }
  .ie8 #payment-calculator input {
    height: 22px;
    color: #2c2c2c; }
  .ie8 #blog-subscription input {
    width: 220px; }
  .ie8 #wrapper.blog #side-bar {
    padding-top: 35px;
    padding-bottom: 0; }
  .ie8 #contact-form input {
    height: 25px; }
  .ie8 #contact-form .submit {
    font-family: "DIN Next Bold"; }
  .ie8 #wrapper.search-results #content-container {
    min-height: 500px; }

/* ==== IE8 --- END =========== */
/* =================================== */
#image-gallery .gallery-thumbnails {
  overflow: hidden;
  width: 100%; }
  @media (min-width: 1024px) {
    #image-gallery .gallery-thumbnails {
      width: 44%; } }

#wrapper.office #image-gallery .thumbnails {
  width: auto;
  max-width: 450px;
  padding-top: 20px; }
  @media (min-width: 1024px) {
    #wrapper.office #image-gallery .thumbnails {
      padding-top: 0; } }

#wrapper.office #image-gallery .thumbnails li {
  width: 75px;
  height: 75px;
  border-width: 0;
  margin: 0 10px 10px 0;
  display: inline-block; }

#wrapper.office #image-gallery .thumbnails li img {
  width: 175px;
  margin: 0 auto; }

#image-gallery {
  width: 100%; }
  #image-gallery > ul {
    display: none; }
    @media (min-width: 1024px) {
      #image-gallery > ul {
        display: inline-block; } }
  #image-gallery #image-holder {
    width: auto;
    height: auto;
    display: block;
    border: none; }
    @media (min-width: 1024px) {
      #image-gallery #image-holder {
        display: inline-block;
        width: 330px;
        height: 330px; } }
    #image-gallery #image-holder .carousel-item img {
      display: block;
      margin: 0 auto;
      width: 150px;
      height: auto; }
      @media (min-width: 1024px) {
        #image-gallery #image-holder .carousel-item img {
          width: 330px;
          height: 330px; } }
    #image-gallery #image-holder.carousel .carousel-prev, #image-gallery #image-holder.carousel .carousel-next {
      top: 30%; }

#main-content iframe[src*=youtube] {
  width: 100% !important; }

.mobile-show {
  display: none; }

#footer {
  max-width: 100%;
  padding: 50px 0;
  background-color: #f6f6f0;
  border-top: 1px solid #eee;
  clear: both;
  display: block; }
  @media (max-width: 1000px) {
    #footer {
      padding: 50px 20px; } }

.container-footer {
  max-width: 1000px;
  margin: 0 auto; }

#customContentSection {
  float: left;
  max-width: 63%;
  padding: 10px 0; }
  #customContentSection #navFooter {
    -webkit-column-count: 2;
            column-count: 2;
    width: 300px;
    list-style: none;
    padding: 0;
    margin: 0; }
    #customContentSection #navFooter li a {
      display: block;
      margin: 0 20px 5px 0; }
  @media (max-width: 570px) {
    #customContentSection {
      float: none;
      max-width: 100%; } }
  @media (max-width: 390px) {
    #customContentSection {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; } }

#contactAndSocial {
  float: right;
  max-width: 35%;
  text-align: right;
  padding-top: 20px; }
  #contactAndSocial .social {
    float: right;
    margin: 20px 0; }
    #contactAndSocial .social li {
      margin-top: 5px; }
      #contactAndSocial .social li a:hover img {
        background-color: #79a5d2; }
    @media (max-width: 570px) {
      #contactAndSocial .social {
        float: none; } }
  #contactAndSocial h5 {
    padding: 0;
    margin: 10px 0; }
  @media (max-width: 570px) {
    #contactAndSocial {
      clear: both;
      float: none;
      max-width: 100%;
      margin-top: 20px;
      text-align: left; } }

#copyrightAndLinks {
  clear: both;
  margin: 40px auto 0; }
  #copyrightAndLinks ul {
    float: right; }
    #copyrightAndLinks ul li {
      display: inline-block;
      margin: 0 10px; }

body.nav_fixed .cta-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  margin: 0; }

body.nav_fixed ul.cta-list li a:hover {
  background: rgba(66, 99, 133, 0.52);
  color: #fff; }

.cta-container {
  clear: both;
  max-width: 100%;
  margin: 0 auto;
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  background-visibility: hidden; }
  @media (max-width: 500px) {
    .cta-container {
      margin: 15px auto; } }

ul.cta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  ul.cta-list li {
    display: inline-block !important; }
    ul.cta-list li a {
      display: block;
      width: auto;
      padding: 10px 15px;
      margin: 5px;
      border: 0;
      color: #fff;
      font-size: 14px; }
      ul.cta-list li a:hover {
        background: #006066;
        color: #fff; }

#location div.learn-more-button a {
  text-decoration: none;
  color: #fff;
  background-color: #2eacc9;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .15s ease-out;
  transition: .15s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  display: inline-block;
  line-height: 32px;
  outline: 0;
  padding: 0 20px;
  margin-top: 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  margin-top: 20px; }
  #location div.learn-more-button a:hover {
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.18), 0 3px 12px 0 rgba(0, 0, 0, 0.15);
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  #location div.learn-more-button a:hover {
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 11px 0 rgba(0, 0, 0, 0.15); }
  #location div.learn-more-button a:hover {
    color: #fff; }

#locations .twofour .learn-more {
  float: right; }

h3.review-title {
  margin-top: 50px !important; }

#reviews {
  padding: 15px 15px 40px;
  background: rgba(51, 51, 51, 0.05);
  border-radius: 5px; }
  #reviews .review-date {
    display: block;
    margin: 10px 0;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px; }
  #reviews .review-text {
    padding-left: 1px;
    padding-right: 1px; }
  #reviews .review-reviewer-name {
    font-weight: bold;
    font-style: italic;
    padding-right: 15px;
    padding-left: 1px; }
    #reviews .review-reviewer-name:before {
      content: "- ";
      padding-top: 3px; }
    @media (max-width: 390px) {
      #reviews .review-reviewer-name {
        float: none;
        display: block;
        margin-bottom: 20px; } }
  #reviews img {
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.5;
    width: 30px;
    height: auto;
    float: right;
    margin-right: 15px; }
  #reviews .slides:after {
    clear: none; }
  #reviews a.review-link {
    font-size: 13px;
    float: right;
    clear: right;
    padding-right: 15px; }
  #reviews ol.flex-control-nav {
    display: none; }
  #reviews .flex-direction-nav .flex-prev {
    background: rgba(0, 0, 0, 0.4) url(/sites/SMPN/images/slider-prev-arrow.png) no-repeat center center;
    -webkit-background-size: 30% 30%;
            background-size: 30%; }
  #reviews .flex-direction-nav .flex-next {
    background: rgba(0, 0, 0, 0.4) url(/sites/SMPN/images/slider-next-arrow.png) no-repeat center center;
    -webkit-background-size: 30% 30%;
            background-size: 30%; }
  @media (max-width: 390px) {
    #reviews {
      padding: 15px 15px 60px; } }

@media (max-width: 390px) {
  #footer #reviews {
    padding: 15px; } }

.star-ratings-sprite {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  height: 21px;
  width: 110px; }

.star-ratings-sprite-rating {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x;
  background-position: 0 100%;
  float: left;
  height: 21px;
  display: block; }

.hide-starkey {
  display: none !important; }

.hls-iframe {
  width: 100%;
  height: 791px;
  border: none; }

#content-wrapper ~ .product-category-component {
  margin-left: 0;
  padding: 0 3%; }
  @media (min-width: 769px) {
    #content-wrapper ~ .product-category-component {
      margin-left: 280px; } }
  @media (min-width: 600px) {
    #content-wrapper ~ .product-category-component #sub-styles li .style-details {
      margin: 0 1%;
      width: 95%; } }
  @media (min-width: 1024px) {
    #content-wrapper ~ .product-category-component #sub-styles li .style-details {
      width: 55%; } }
.scheduleAppointmentForm #contact-form .appt-msg.hidden {
  display: block; }
  .scheduleAppointmentForm #contact-form .appt-msg.hidden textarea {
    height: 90px;
    width: 100%;
    margin-bottom: 15px; }

.landingpage #main-content .button:hover {
  background-color: #739600;
  border-color: #739600;
  color: #fff !important;
  text-decoration: none;
  opacity: 1 !important; }

.landingpage #main-content .button {
  color: #fff;
  text-decoration: none; }