@font-face {
  font-family: "Soho Gothic W01 Light";
  src: url("../fonts/SohoGothicW01Light.eot?#iefix");
  src: url("../fonts/SohoGothicW01Light.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Light.woff") format("woff"), url("../fonts/SohoGothicW01Light.ttf") format("truetype"), url("../fonts/SohoGothicW01Light.svg#SohoGothicW01Light") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Light Italic";
  src: url("../fonts/SohoGothicW01-LightItal.eot?#iefix");
  src: url("../fonts/SohoGothicW01-LightItal.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01-LightItal.woff") format("woff"), url("../fonts/SohoGothicW01-LightItal.ttf") format("truetype"), url("../fonts/SohoGothicW01-LightItal.svg#SohoGothicW01LightItalic") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Thin";
  src: url("../fonts/SohoGothicW01Thin.eot?#iefix");
  src: url("../fonts/SohoGothicW01Thin.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Thin.woff") format("woff"), url("../fonts/SohoGothicW01Thin.ttf") format("truetype"), url("../fonts/SohoGothicW01Thin.svg#SohoGothicW01Thin") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Thin Italic";
  src: url("../fonts/SohoGothicW01-ThinItali.eot?#iefix");
  src: url("../fonts/SohoGothicW01-ThinItali.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01-ThinItali.woff") format("woff"), url("../fonts/SohoGothicW01-ThinItali.ttf") format("truetype"), url("../fonts/SohoGothicW01-ThinItali.svg#SohoGothicW01ThinItalic") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Regular";
  src: url("../fonts/SohoGothicW01Regular.eot?#iefix");
  src: url("../fonts/SohoGothicW01Regular.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Regular.woff") format("woff"), url("../fonts/SohoGothicW01Regular.ttf") format("truetype"), url("../fonts/SohoGothicW01Regular.svg#SohoGothicW01Regular") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Medium";
  src: url("../fonts/SohoGothicW01Medium.eot?#iefix");
  src: url("../fonts/SohoGothicW01Medium.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Medium.woff") format("woff"), url("../fonts/SohoGothicW01Medium.ttf") format("truetype"), url("../fonts/SohoGothicW01Medium.svg#SohoGothicW01Medium") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Bold";
  src: url("../fonts/SohoGothicW01Bold.eot?#iefix");
  src: url("../fonts/SohoGothicW01Bold.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Bold.woff") format("woff"), url("../fonts/SohoGothicW01Bold.ttf") format("truetype"), url("../fonts/SohoGothicW01Bold.svg#SohoGothicW01Bold") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Bold Italic";
  src: url("../fonts/SohoGothicW01-BoldItali.eot?#iefix");
  src: url("../fonts/SohoGothicW01-BoldItali.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01-BoldItali.woff") format("woff"), url("../fonts/SohoGothicW01-BoldItali.ttf") format("truetype"), url("../fonts/SohoGothicW01-BoldItali.svg#SohoGothicW01BoldItalic") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Extra Bold";
  src: url("../fonts/SohoGothicW01-ExtraBold734925.eot?#iefix");
  src: url("../fonts/SohoGothicW01-ExtraBold734925.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01-ExtraBold734925.woff") format("woff"), url("../fonts/SohoGothicW01-ExtraBold734925.ttf") format("truetype"), url("../fonts/SohoGothicW01-ExtraBold734925.svg#SohoGothicW01ExtraBold") format("svg");
}
@font-face {
  font-family: "Soho Gothic W01 Italic";
  src: url("../fonts/SohoGothicW01Italic.eot?#iefix");
  src: url("../fonts/SohoGothicW01Italic.eot?#iefix") format("eot"), url("../fonts/SohoGothicW01Italic.woff") format("woff"), url("../fonts/SohoGothicW01Italic.ttf") format("truetype"), url("../fonts/SohoGothicW01Italic.svg#SohoGothicW01Italic") format("svg");
}
.ss-button-hover-state {
  background-color: #fff;
  color: #009B4F;
}
.ss-button-secondary-hover-state {
  background-color: #00693C;
  color: #fff;
}
html,
body {
  overflow-x: hidden;
}
body {
  padding-bottom: 20px;
}
.table-row {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.table-row [class^="col-"] {
  display: table-cell;
  float: none;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.ss-button-default-state {
  background-color: #009B4F;
  color: #fff;
}
.ss-home-top--darken .ss-home-top__text-group h1,
.ss-home-top--darken .ss-home-top__text-group p {
  color: #000 !important;
}
@media (min-width: 480px) {
  .ss-home-top--darken .ss-button,
  .ss-home-top--darken a.ss-button {
    background-color: #009B4F;
    color: #fff;
  }
  .ss-home-top--darken .ss-button:hover,
  .ss-home-top--darken a.ss-button:hover {
    background-color: #fff;
    color: #009B4F;
  }
}
.ss-home-top--align-right .ss-home-top__text-group {
  width: 40%;
}
@media (min-width: 480px) {
  .ss-home-top--align-right .ss-home-top__text-group {
    float: right;
    width: 50%;
    right: 0px;
  }
}
@media (min-width: 1200px) {
  .ss-home-top--align-right {
    width: 560px;
    height: 335px;
    margin-top: 225px;
    margin-right: 433px;
  }
}
@media (min-width: 480px) {
  .ss-home-top--align-right .ss-button {
    float: left;
  }
}
.ss-filter {
  position: absolute;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
.ss-home-top--add-filter .ss-filter {
  display: block;
}
.ss-home-top .ss-filter {
  display: block;
}
@media (min-width: 768px) {
  .ss-home-top .ss-filter {
    display: none;
  }
}
@media (max-width: 768px) {
}
.ss-home-top div[class*=' col-sm-push-'] .ss-home-top__text-group {
  padding: 0;
}
.ss-home-top div:nth-child(2) {
  min-height: 0;
}
.ss-home-top .ss-home-top_box_title_parent {
  padding: 0px;
  position: relative;
  width: 100%;
  /* for IE 6 */
}
.ss-home-top .ss-home-top__text-group {
  position: absolute;
}
@media only screen and (min-width: 320px) {
  .ss-home-top .ss-home-top__text-group {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .ss-home-top .ss-home-top__text-group {
    top: 140px;
    left: 0px;
    width: 54.6875%;
    height: 343px;
  }
}
@media only screen and (min-width: 1440px) {
  .ss-home-top .ss-home-top__text-group {
    top: 145px;
    left: 135px;
    bottom: 144px;
  }
}
.ss-home-top .ss-home-top__text-group img {
  margin-top: 8px;
  height: 56px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .ss-home-top .ss-home-top__text-group img {
    display: inline;
    margin-left: 25px;
    margin-left: 31px;
  }
}
.ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
  color: black;
  font-family: "Soho Gothic W01 bold";
}
@media (max-width: 768px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
    color: white;
  }
}
.ss-hearing .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
  color: white;
}
@media only screen and (min-width: 320px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
    position: absolute;
    font-size: 36px;
    line-height: 48px;
    left: 25px;
    bottom: 140px;
  }
}
@media (max-width: 677px) and (orientation: landscape) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
    top: 41px;
  }
}
@media only screen and (min-width: 768px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
    font-size: 64px;
    line-height: 72px;
    position: relative;
    bottom: inherit;
    margin-bottom: 65px;
    margin-top: 37px;
  }
}
@media only screen and (min-width: 1440px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-home-top__title {
    font-size: 80px;
    line-height: 96px;
  }
}
.ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button,
.ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button {
  font-size: 24px;
  display: inline-block;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 0;
  outline: 0;
  min-width: 100%;
  height: 64px;
  line-height: 64px;
  min-height: 64px;
  max-height: 64px;
  padding: 0 48px;
  background-color: #009B4F;
  color: #fff;
  padding: 0px 39px 24px 39px;
}
.ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button:hover,
.ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button:hover {
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 320px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button {
    display: inline-block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0;
    outline: 0;
    width: auto;
    min-width: 136px;
    border-radius: 2px;
    height: 64px;
    line-height: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 0 48px;
    background-color: #009B4F;
    color: #fff;
    font-size: 18px;
    width: 86.6666667%;
    margin: 0px auto;
    padding: 0px 21px 24px 18px;
    display: block;
    position: absolute;
    bottom: 43px;
    left: 25px;
  }
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button:hover,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button:hover {
    text-decoration: none;
    cursor: pointer;
  }
}
@media (max-width: 677px) and (orientation: landscape) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button {
    bottom: 20px;
  }
}
@media (min-width: 768px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button {
    display: inline-block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0;
    outline: 0;
    width: auto;
    min-width: 136px;
    border-radius: 2px;
    height: 64px;
    line-height: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 0 48px;
    background-color: #009B4F;
    color: #fff;
    position: relative;
  }
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button:hover,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button:hover {
    text-decoration: none;
    cursor: pointer;
  }
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button:hover,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button:hover {
    background-color: #00693C;
    color: #fff;
    transition: background-color 2s ease-out;
  }
}
@media (min-width: 1200px) {
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button {
    display: inline-block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0;
    outline: 0;
    width: auto;
    min-width: 136px;
    border-radius: 2px;
    height: 64px;
    line-height: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 0 48px;
  }
  .ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button:hover,
  .ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button:hover {
    text-decoration: none;
    cursor: pointer;
  }
}
.ss-home-top .ss-home-top__text-group .ss-home__title_box .ss-button span,
.ss-home-top .ss-home-top__text-group .ss-home__title_box a.ss-button span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Source Sans Pro", Arial, sans-serif;
}
.ss-home-top .ss-home_row_indic {
  height: 95px;
  margin-bottom: 49px;
}
@media only screen and (min-width: 320px) {
  .ss-home-top .ss-home_row_indic {
    height: 70px;
    margin-bottom: 39px;
  }
}
@media (max-width: 677px) and (orientation: landscape) {
  .ss-home-top .ss-home_row_indic {
    margin-bottom: -20px;
  }
}
.ss-home-top .ss-home_row_indic .col-md-12 {
  border-bottom: 1px solid #EBEBEB;
}
.ss-home-top .ss-home_row_indic .ss-home_indic_text {
  margin-top: 34px;
  margin-bottom: 34px;
  font-family: "Soho Gothic W01 bold";
  font-size: 24px;
  line-height: 32px;
  color: black;
}
@media (max-width: 677px) and (orientation: landscape) {
  .ss-home-top .ss-home_row_indic .ss-home_indic_text {
    margin-top: 15px;
    margin-bottom: 21px;
  }
}
.ss-home-top .ss-home_row_indic .ss-home_indic_text .fa-chevron-down,
.ss-home-top .ss-home_row_indic .ss-home_indic_text .fa-caret-down {
  width: 13.33px;
  height: 8px;
  color: #9C9C9C;
  margin-left: 20px;
}
@media (min-width: 977px) {
  .col-md-4 {
    display: inline-block;
    float: left;
    width: 33.3333333333%;
  }
}
/**
 * fix up later
 */
.ss-home-country_list {
  height: 500px;
  padding-left: 8%;
  padding-right: 8%;
  margin: 0px auto;
}
@media (max-width: 1199px) {
  .ss-home-country_list {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
}
@media (max-width: 640px) {
  .ss-home-country_list .row.ss-home-row_countries {
    min-height: 517px;
  }
  .ss-home-country_list .row.ss-home-row_countries .col-xs-6 {
    width: 100%;
    margin: 10px;
  }
}
.ss-home-country_list .row.ss-home-row_countries .ss-home_link {
  border: 1px solid transparent;
  cursor: pointer;
}
.ss-home-country_list .row.ss-home-row_countries .ss-home_link.media:first-child {
  margin-top: 15px;
}
.ss-home-country_list .row.ss-home-row_countries .ss-home_link:hover {
  box-shadow: 0px 0px 5px 0px #9e9e9e;
  transition: box-shadow 0.5s ease-out;
}
.ss-home-country_list .ss-home_country_cat {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 24px;
  line-height: 34px;
  color: #9C9C9C;
}
.ss-home-country_list .media-heading {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 20px;
  color: #000000;
  line-height: 32px;
}
.row.no-gutter {
  height: 75vh;
  background: url('https://content.specsavers.com/dot-com/banner/main-banner-375x584.jpg') no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  .row.no-gutter {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .row.no-gutter {
    background: url('https://content.specsavers.com/dot-com/banner/main-banner-1014x614.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 80vh;
  }
}
@media (min-width: 1200px) {
  .row.no-gutter {
    background: url('https://content.specsavers.com/dot-com/banner/main-banner-1440x810.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 90vh;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1px) {
  .row.no-gutter {
    background: url('https://content.specsavers.com/dot-com/banner/main-banner-750x1168.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) {
  .row.no-gutter {
    background: url('https://content.specsavers.com/dot-com/banner/main-banner-2048x1228.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px) {
  .row.no-gutter {
    background: url('https://content.specsavers.com/dot-com/banner/main-banner-2880x1620.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
.row.no-gutter.ss-hearing {
  height: 75vh;
  background: url('https://content.specsavers.com/dot-com/banner/hearing-banner-375x584.jpg') no-repeat;
  background-position: centre top;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  .row.no-gutter.ss-hearing {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 991px) {
  .row.no-gutter.ss-hearing {
    background: url('https://content.specsavers.com/dot-com/banner/hearing-banner-1014x614.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 80vh;
  }
}
@media (min-width: 1200px) {
  .row.no-gutter.ss-hearing {
    background: url('https://content.specsavers.com/dot-com/banner/hearing-banner-1440x810.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 90vh;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1px) {
  .row.no-gutter.ss-hearing {
    background: url('https://content.specsavers.com/dot-com/banner/hearing-banner-750x1168.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) {
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px) {
  .row.no-gutter.ss-hearing {
    background: url('https://content.specsavers.com/dot-com/banner/hearing-banner-2880x1620.jpg') no-repeat;
    background-position: center top;
    background-size: cover;
  }
}