﻿body {
}

a {
  transition: opacity .25s ease-in-out;
}

  a:hover {
    opacity: 0.7;
  }

.colored--container a {
  color: #fff;
  font-family: brandon_grotesqueblack;
  font-weight: 500;
  text-decoration: none;
}

  .colored--container a:hover {
    opacity: 1;
    text-decoration: underline;
  }

.white--container a {
  color: #888888;
  font-family: brandon_grotesqueblack;
  font-weight: 500;
  text-decoration: none;
}

  .white--container a:hover {
    opacity: 1;
    text-decoration: underline;
  }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

.pull-right-container {
  float: right;
}

.red__link {
  border-radius: 4px;
  background-color: #BD1860;
  color: #fff;
  text-decoration: none;
  font-family: brandon_grotesqueblack;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  padding: 13px 0;
  width: 350px;
  display: block;
  font-weight: 500;
}

.medium--font {
  font-family: brandon_grotesquemedium !important;
}

.final__title {
  font-family: brandon_grotesquemedium;
  color: #888888;
  font-size: 20px;
  line-height: 29px;
}

.section--purple {
  color: #fff;
  background: #620E55;
}

.section--purple--light {
  color: #fff;
  background: #9A1558;
}

.mobile-only {
  display: none;
}

  .mobile-only .nav-link {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

/* Content */
.subtitle {
  font-family: brandon_grotesquemedium;
  color: #888888;
  font-size: 20px;
  line-height: 20px;
}

.title {
  font-family: brandon_grotesqueblack;
  color: #BD1860;
  font-size: 60px;
  line-height: 70px;
  font-weight: 500;
}

.content {
  font-family: brandon_grotesquemedium;
  color: #888888;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
}

.middle--section {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

/* Sub Navigation */
.nav-container {
  position: relative;
  float: left;
  padding-right: 35px;
}

.submenu-trigger svg {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  cursor: pointer;
  width: 17px;
  stroke: #484848;
}

.nav-link--active svg {
  stroke: #BD1860;
}

.submenu-trigger:hover svg {
  stroke: #BD1860 !important;
}

.submenu-expanded {
  font-family: brandon_grotesqueblack;
  color: #BD1860 !important;
  font-weight: 500;
}

  .submenu-expanded svg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    stroke: #BD1860 !important;
  }

    .submenu-expanded svg path {
      stroke: #BD1860 !important;
    }

  .submenu-expanded a.nav-link {
    color: #BD1860 !important;
    /*font-family: brandon_grotesqueblack;*/
  }

.nav-child-menu {
  display: none;
  list-style-type: none;
  position: absolute;
  top: 27px;
  padding-top: 20px;
  overflow: visible;
  z-index: 9999;
}

  .nav-child-menu .nav-child-menu-container {
    display: flex;
    border: solid 1px #484848;
    background-color: #fff;
    border: none;
    /*box-shadow: #cdcdcd 0px 3px 6px;*/
    padding: 20px;
  }

  .nav-child-menu .subnavigation__column:last-child a {
    padding-left: 20px;
  }

  .nav-child-menu a {
    padding-top: 10px;
    white-space: nowrap;
    text-decoration: none;
    display: block;
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    line-height: 29px;
    color: #484848;
    transition: color .25s ease-in-out;
  }

    .nav-child-menu a:hover {
      /*font-family: brandon_grotesqueblack;*/
      color: #BD1860;
      opacity: 1;
    }

  .nav-child-menu .subnavigation__column a:first-child {
    padding-top: 0;
  }

  .nav-child-menu .subnavigation__column__border {
    padding-right: 20px;
    border-right: solid 1px #AAAAAA;
  }

  .nav-child-menu .subnavigation__column__without__secondary a {
    padding-left: 0 !important;
  }

.nav-child-link {
  cursor: pointer;
}

  .nav-child-link.nav-link--active {
    color: #484848 !important;
  }

    .nav-child-link.nav-link--active:hover {
      color: #BD1860 !important;
    }

/* Header */
header {
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

.mobile-nav {
  display: none;
}

#online__world__link {
  font-family: brandon_grotesquemedium;
  font-size: 20px;
  line-height: 29px;
  color: #BD1860;
  /*border: solid 1px #BD1860;
  border-radius: 4px;*/
  text-decoration: none;
  padding-left: 20px;
  padding-right: 13px;
  padding-top: 9px;
  padding-bottom: 9px;
  /*max-width: 224px;
  display: block;*/
  /*transition: background-color .25s ease-in-out;*/
  transition: color .25s ease-in-out;
  white-space: nowrap;
}

  #online__world__link:hover {
    opacity: 1;
    color: #575756;
  }

    #online__world__link:hover svg path {
      fill: #575756;
    }

  #online__world__link svg, #online__world__link svg path {
    /*float: right;*/
    margin-bottom: -3px;
    margin-right: 7px;
    fill: #BD1860;
    stroke-width: 0;
  }

.photo__appointmens__link {
  font-family: brandon_grotesquemedium;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  background-color: #68ACC7;
  border-radius: 4px;
  text-decoration: none;
  /*padding-left: 20px;*/
  /*padding-right: 13px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  width: 224px;
  display: block;
  /*transition: background-color .25s ease-in-out;*/
  font-weight: 200;
  text-align: center;
  margin-top: 10px;
  white-space: nowrap;
  float: right;
  margin-right: 16px;
}

  .photo__appointmens__link svg {
    margin-top: 6px;
    /*margin-bottom: -5px;*/
    margin-right: 12px;
  }

    .photo__appointmens__link svg, .photo__appointmens__link svg path, .photo__appointmens__link svg rect,
    .vouchers__link svg, .vouchers__link svg path {
      stroke-width: 0;
      fill: #fff;
    }

    .photo__appointmens__link:hover {
      opacity: 1;
      background-color: #fff;
      color: #68ACC7;
      border: solid 2px #68ACC7;
      /*padding: 6px 11px 6px 18px;*/
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .photo__appointmens__link:hover svg, .photo__appointmens__link:hover svg path,
    .photo__appointmens__link:hover svg rect {
      fill: #68ACC7;
    }

.vouchers__link {
  font-family: brandon_grotesquemedium;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  background-color: #B4C832;
  /*background-color: #72253d;*/
  border-radius: 4px;
  text-decoration: none;
  /*padding-left: 20px;*/
  /*padding-right: 13px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  width: 224px;
  display: block;
  /*transition: background-color .25s ease-in-out;*/
  font-weight: 200;
  text-align: center;
  margin-top: 10px;
  float: right;
}

  .vouchers__link svg {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-right: 12px;
  }

  .vouchers__link:hover {
    opacity: 1;
    background-color: #fff;
    color: #B4C832;
    /*color: #72253d;*/
    border: solid 2px #B4C832;
    /*border: solid 2px #72253d;*/
    /*padding: 5px 11px 6px 18px;*/
    padding-top: 6px;
    padding-bottom: 6px;
  }

    .vouchers__link:hover svg path {
      fill: #B4C832;
      /*fill: #72253d;*/
    }

#custom__header__links {
  height: 49px;
  text-align: center;
}

#header__links .pull-right-container:first-child {
  margin-left: 16px;
}

.orange-link {
  font-family: brandon_grotesquemedium;
  font-size: 20px;
  line-height: 29px;
  color: #E3690B;
  cursor: pointer;
  /*transition: opacity .25s ease-in-out;*/
  /*padding-top: 5px;*/
  display: inline-block;
  text-decoration: none;
  font-weight: 200;
}

  .orange-link svg, .orange-link svg path {
    fill: #E3690B;
    margin-right: 7px;
    stroke-width: 0;
  }

    .orange-link svg {
      margin-bottom: -3px;
    }

  .orange-link:hover {
    opacity: 1;
    color: #575756;
  }

    .orange-link:hover svg, .orange-link:hover svg path {
      fill: #575756;
    }

.pull-right-container.secondary{
  clear: right;
}

.language-link {
  font-family: brandon_grotesquemedium;
  font-size: 20px;
  color: #BD1860;
  cursor: pointer;
  transition: opacity .25s ease-in-out;
  float: right;
  padding-top: 9px;
}

/* Search */
.search__container {
  margin-left: auto;
  clear: left;
  display: inline-block;
  float: left;
  margin-top: 10px;
}

  .search__container input[type=text] {
    border: none;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 9px;
    font-size: 20px;
    width: 464px;
    color: #940B56;
    background-color: #fff;
    border: solid 2px #940B56;
    border-radius: 4px;
    outline: none;
    font-family: brandon_grotesquemedium;
    font-size: 20px;
    float: left;
  }

    .search__container input[type=text]::-webkit-input-placeholder {
      color: #940B56 !important;
    }

    .search__container input[type=text]::-moz-placeholder {
      color: #940B56 !important;
    }

    .search__container input[type=text]::-ms-placeholder {
      color: #940B56 !important;
    }

    .search__container input[type=text]::placeholder {
      color: #940B56 !important;
    }

  .search__container input[type=submit] {
    border: none;
    background: url('../Content/Images/Search-Icon-Red.svg') no-repeat left top;
    width: 38px;
    height: 37px;
    margin-top: 6px;
    margin-left: -30px;
    float: right;
    margin-top: 17px;
  }

/* Footer */
footer {
  color: #fff;
  background-color: #BD1860;
  padding-top: 60px;
  padding-bottom: 55px;
}

  footer a {
    transition: opacity .25s ease-in-out;
    color: #fff;
    text-decoration: none;
  }

    footer a:hover {
      opacity: 0.7;
    }

  footer .footer--left--column {
    float: left;
    width: 53.4059%;
  }

  footer .footer--newsletter {
    float: right;
  }

  footer #footer--top {
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
  }

    footer #footer--top a {
      font-family: brandon_grotesquemedium;
      font-size: 30px;
      line-height: 60px;
      white-space: nowrap;
    }

  footer #footer--bottom .footer--link {
    text-align: center;
  }

  footer #footer--bottom {
    padding-top: 27px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

    footer #footer--bottom a {
      font-family: brandon_grotesquemedium;
      font-size: 20px;
      line-height: 30px;
    }

  footer #footer--top .footer--link {
    width: 33%;
    float: left;
  }

    footer #footer--top .footer--link:first-child {
      text-align: left;
    }

#footer__social__media {
  float: right;
}

  #footer__social__media a {
    width: 45px;
  }

    #footer__social__media a img {
      width: 30px;
      margin-left: 15px;
    }

      #footer__social__media a img:last-child {
        margin-left: 12px;
      }

footer .footer--newsletter .footer--header {
  font-family: brandon_grotesqueblack;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-weight: 500;
}

footer .footer--newsletter .footer--subheader {
  font-family: brandon_grotesquemedium;
  font-size: 18px;
  line-height: 36px;
  padding-bottom: 12px;
}

.footer--newsletter input[type=text] {
  border-radius: 4px;
  padding: 9px 0 9px 14px;
  color: #BD1860;
  font-family: brandon_grotesquemedium;
  font-size: 14px;
  border: none;
  width: 364px;
  float: left;
}

  .footer--newsletter input[type=text]::-webkit-input-placeholder {
    color: #BD1860 !important;
  }

  .footer--newsletter input[type=text]::-moz-placeholder {
    color: #BD1860 !important;
  }

  .footer--newsletter input[type=text]::-ms-placeholder {
    color: #BD1860 !important;
  }

  .footer--newsletter input[type=text]::placeholder {
    color: #BD1860 !important;
  }

.footer--newsletter input[type=submit] {
  border: none;
  background: url('../Content/Images/Send Icon.svg') no-repeat left top;
  width: 19px;
  height: 17px;
  margin-left: -29px;
  margin-top: 10px;
  transition: opacity .25s ease-in-out;
}

/* 404 */
#page__not__found {
  font-family: brandon_grotesquebold;
  font-size: 70px;
  color: #A2A2A2;
}

/* Breadcrumb */
.breadcrumbs {
  color: #484848;
  margin-top: 20px;
}

  .breadcrumbs ol {
    list-style-type: none;
    margin: 0;
    display: inline-block;
    padding-left: 10px;
  }

    .breadcrumbs ol li {
      display: inline-block;
      font-family: brandon_grotesquelight;
      font-size: 16px;
    }

      .breadcrumbs ol li a {
        text-decoration: none;
        font-family: brandon_grotesquemedium;
        transition: opacity .25s ease-in-out;
        color: #656565;
      }

        .breadcrumbs ol li a:hover {
          opacity: 0.7;
        }

        .breadcrumbs ol li a span {
          padding: 0;
        }

      .breadcrumbs ol li.current a span {
        color: #656565;
      }

#help {
  display: none;
  position: fixed;
  bottom: 8.57872%;
  right: 0;
  padding: 25px 13px;
  background-color: #E3690B;
  z-index: 9999;
}

  #help a {
    font-family: brandon_grotesquemedium;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    transition: opacity .25s ease-in-out;
  }

    #help a:hover {
      opacity: 0.7;
    }

/* Mobile menu */

.hamburger {
  width: 30px;
  height: 26px;
  background: url('../Content/Images/menu icon.svg') no-repeat left top;
  transition: transform .25s linear;
}

  .hamburger.active {
    transform: rotate(90deg);
    background: url('../Content/Images/X.svg') no-repeat left top;
  }

#mobile__header__links a {
  float: left;
  font-family: brandon_grotesqueBlack;
  font-size: 18px;
  line-height: 26px;
  width: 19.5vw;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
  font-weight: 500;
}

/* Cookie Agreement */
#cookie__agreement {
  background: #620E55;
  max-width: 841px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
  position: fixed;
  bottom: 25px;
  z-index: 9999;
  color: #fff;
  font-family: brandon_grotesquemedium;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 50px;
  left: 0;
  right: 0;
  margin: auto
}

  #cookie__agreement p {
    margin: 0;
  }

  #cookie__agreement #cookie__agreement__content {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

    #cookie__agreement #cookie__agreement__content a {
      color: white;
    }

#cookie__agreement__link {
  width: 274px;
  color: #fff;
  font-family: brandon_grotesqueblack;
  font-size: 24px;
  line-height: 34px;
  display: block;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0;
  background-color: #BD1860;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  font-weight: 500;
}

@media (max-width:768px) {
  .title {
    font-size: 50px;
  }

  .section--full-height {
    margin-top: 100px;
  }

  /* Header */

  .logo img {
    max-height: 100px;
  }

  .nav-link--home {
    margin-right: 30px;
  }

    .photo__appointmens__link {
      background-color: #68ACC7;
    }

  .vouchers__link {
    padding-top: 8px;
    margin-left: 20px;
  }

  .search__container {
    float: left;
    clear: none;
    margin-top: 10px;
    margin-left: 20px;
  }

    .search__container input[type=text] {
      width: 24.2vw;
      font-family: brandon_grotesquemedium;
      font-size: 16px;
      line-height: 23px;
      color: #940B56;
      background-color: #fff;
      border: solid 1px #940B56;
      padding-top: 9px;
      padding-bottom: 10px;
      padding-left: 10px;
    }

      .search__container input[type=text]::-webkit-input-placeholder {
        color: #940B56 !important;
      }

      .search__container input[type=text]::-moz-placeholder {
        color: #940B56 !important;
      }

      .search__container input[type=text]::-ms-placeholder {
        color: #940B56 !important;
      }

      .search__container input[type=text]::placeholder {
        color: #940B56 !important;
      }

    .search__container input[type=submit] {
      background: url('../Content/Images/Search-Icon-Red.svg') no-repeat left top;
    }

    .search__container #search {
      margin-top: 13px;
    }

  /* Content */
  .breadcrumbs {
    margin-top: 10px;
  }

  #help {
    bottom: 32.97872%;
  }

  .container__mobile {
    margin: 0;
    max-width: 100% !important;
  }

  /* Footer */
  footer {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
  }

  #footer__social__media {
    position: absolute;
    top: 50px;
    width: 77.2%;
  }

    #footer__social__media a img {
      width: 43px;
    }

  footer .footer--left--column {
    width: 100%;
    float: none;
    margin-top: 82px;
    max-width: 79.166%;
    margin-left: auto;
    margin-right: auto;
  }

  footer .footer--newsletter {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    padding-top: 80px;
    /*padding-bottom: 100px;*/
  }

  .footer--newsletter input[type=text] {
    float: none;
    width: 100%;
    font-size: 18px;
    padding: 12px 0 11px 18px;
    float: left;
  }

  .footer--newsletter input[type=submit] {
    width: 39px;
    height: 24px;
    background-size: 26px 24px;
    padding: 0;
    margin-left: -42px;
    margin-top: 0;
    float: right;
    margin-top: 12px;
  }

  footer #footer--top .footer--link:nth-child(2) {
    float: right;
    text-align: right;
  }

  footer #footer--bottom {
    display: flex;
  }

  footer #footer--newsletter--container {
    display: inline-block;
    width: 60.266%;
  }

  footer .footer--newsletter .footer--header {
    padding-bottom: 0;
  }

  footer .footer--newsletter .footer--subheader {
    padding-bottom: 30px;
  }

  /* Cookie Agreement */

  #cookie__agreement {
    max-width: 608px;
    padding-top: 46px;
    padding-bottom: 47px;
    bottom: 80px;
  }
}

@media (max-width:480px) {
  .subtitle {
    font-size: 14px;
    line-height: 20px;
  }

  .title {
    font-size: 30px;
    line-height: 40px;
  }

  .section--full-height {
    margin-top: 180px;
  }

  #help {
    bottom: 7%;
  }

  /* Content */
  .breadcrumbs, .breadcrumbs ol li {
    font-size: 12px;
  }

  .breadcrumbs {
    margin-top: 4px;
  }

  /* Footer */

  footer {
    padding-bottom: 60px;
  }

    footer #footer--top .footer--link, footer #footer--top .footer--link:nth-child(2) {
      float: none;
      text-align: center !important;
      width: 100%;
      margin-bottom: 10px;
    }

      footer #footer--top .footer--link:nth-child(2) {
        margin-bottom: 0;
      }

    footer #footer--top br.clearfix {
      display: none;
    }

    footer #footer--bottom a {
      font-size: 14px;
      line-height: 30px;
    }

    footer #footer--bottom {
      padding-top: 17px;
    }

    footer .footer--newsletter .footer--subheader {
      font-size: 14px;
    }

    footer .footer--newsletter {
      padding-top: 30px;
      padding-bottom: 0px;
    }

      footer .footer--newsletter .footer--subheader {
        padding-bottom: 20px;
      }

  #footer--newsletter--container {
    width: 93.33% !important;
  }

  /* Cookie Agreement */

  #cookie__agreement {
    max-width: 302px;
    padding-top: 30px;
    padding-bottom: 42px;
    bottom: 30px;
  }

  #cookie__agreement__link {
    width: 224px;
  }
}

/* Responsive */

@media(max-width: 1836px) {
  .nav-link--home {
    margin-right: 40px;
  }

  .nav-bar {
    padding-right: 40px;
  }
}

/*@media(max-width: 1800px) {
  .nav-bar {
    padding-right: 43px;
  }

  #header__links {
    position: absolute;
    right: 43px;
    top: 27px;
  }

    #header__links .pull-right-container:last-child {
      display: flex;
      flex-direction: row-reverse;
      padding-top: 35px;
    }

  #online__world__link, .photo__appointmens__link, .vouchers__link {
    width: 224px;
  }

  #online__world__link {
    margin-top: 10px;
    margin-left: 16px;
  }

  .vouchers__link {
    margin-top: -4px;
  }

  .orange-link, .language-link {
    padding-top: 0;
  }
}*/

@media(max-width: 1691px) {
  .top-nav .col-lg-7, .top-nav .col-lg-5 {
    /*width: 100%;*/
    pointer-events: none;
  }

    .top-nav .col-lg-7 a, .top-nav .col-lg-7 img, .top-nav .col-lg-7 input[type=text], .top-nav .col-lg-7 input[type=submit], .top-nav .col-lg-5 a {
      pointer-events: all;
    }

  #header__links {
    right: 42px;
  }
}

@media(max-width: 1448px) {
  .search__container input[type=text] {
    width: 28.84vw;
  }
}

@media(max-width: 1343px) {
  .search__container input[type=text] {
    width: 26.84vw;
  }
}

@media(max-width: 1398px) {
  .nav-link--home {
    margin-right: 30px;
  }

  #header__links {
    right: 30px;
  }
}

@media(max-width: 1300px) {
  .search__container input[type=text] {
    width: 24.84vw;
  }
}

@media(max-width: 1276px) {
  .search__container input[type=text] {
    width: 263px;
  }
}

@media(max-width: 1239px) {
  .nav-bar{
    display: none;
  }

  .header {
    height: 100px;
  }

  .mobile-only {
    display: block;
  }

  .mobile-nav-handler.active span {
    color: #BD1860;
  }

  .mobile-only .online__world__link img {
    float: none !important;
    margin-left: 10px;
    margin-bottom: -2px;
  }

  .mobile-only .orange-link {
    color: #E3690B;
  }

  .search__container {
    margin-left: 0;
  }

  .nav-link--home {
    margin-right: 41px;
  }

  .logo-image {
    max-width: 100px;
  }

  .section--full-height {
    margin-top: 100px;
  }

  #mobile__header__links {
    display: flex;
    flex-direction: row;
  }

  .nav-child-menu .nav-child-menu-container {
    display: flex;
    border: none;
    background-color: #fff;
    box-shadow: none;
    padding: 0;
  }

  .nav-child-menu .subnavigation__column:last-child a:first-child{
    padding-top: 10px;
  }

  .photo__appointmens__link, .vouchers__link, .search__container {
    float: none;
  }

  #mobile__header__links .photo__appointmens__link {
    order: 2;
    margin-top: 0;
    max-height: 50px;
    margin-top: 5px;
    margin-right: 16px;
    font-family: brandon_grotesquemedium;
    font-weight: 200;
  }

  #mobile__header__links .vouchers__link {
    order: 3;
    margin-top: 0;
    max-height: 50px;
    margin-top: 5px;
    font-family: brandon_grotesquemedium;
    font-weight: 200;
  }

    #mobile__header__links .photo__appointmens__link svg, #mobile__header__links .vouchers__link svg{
      margin-bottom: -2px;
    }

    .search__container {
      order: 1;
      margin-top: 5px;
      padding-right: 27px;
    }

    .search__container input[type=text] {
      width: 34.45vw;
    }

  /* Menu */

  .mobile-nav {
    display: block;
    height: auto;
    position: fixed;
    top: 100px;
    background-color: #fff;
    display: block;
    background-color: transparent;
  }

  .mobile-nav--open {
    height: 100%;
    overflow-y: scroll;
  }

  .mobile-nav .nav-bar {
    position: absolute;
    transition: all 0.5s linear;
    top: 0;
    right: -1239px;
  }

  .mobile-nav .nav-bar {
    padding-right: 0;
    display: inline-block;
    width: auto;
    background-color: #fff;
    width: 100%;
    box-shadow: #cdcdcd 0px 3px 6px;
    border-right: none;
    padding-top: 36px;
  }

  .mobile-nav--open .nav-bar {
    right: 0;
    transition: all 0.5s linear;
  }

  .mobile-nav .nav-container {
    float: none;
  }

  .submenu-trigger:hover svg {
    stroke: #484848 !important;
  }

  .mobile-nav .nav-bar .nav-container {
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 8.15%;
    border-bottom: solid 1px #d4d4d4;
    clear: both;
    float: left;
    width: 100%;
  }

    .mobile-nav .nav-bar .nav-container img {
      float: right;
    }

    .mobile-nav .nav-bar .nav-container a {
      font-family: brandon_grotesquemedium;
      font-size: 24px;
      line-height: 34px;
    }

  .mobile-nav .nav-child-link {
    float: left;
    clear: both;
  }

  .mobile-nav-handler {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 20px;
    top: 38px;
  }

    .mobile-nav-handler span {
      font-family: brandon_grotesquemedium;
      font-size: 16px;
      line-height: 23px;
      color: #484848;
      float: left;
      padding-right: 10px;
    }

  .nav-child-menu {
    display: none;
    list-style-type: none;
    position: static;
    padding-left: 0;
    border: none;
    background-color: #fff;
    overflow: visible;
    padding-top: 10px;
  }

    .nav-child-menu li a {
      font-family: brandon_grotesquemedium;
      color: #484848;
      text-decoration: none;
      font-size: 20px;
      line-height: 29px;
    }

  .mobile-nav-handler {
    display: block;
  }

  .nav-child-menu {
    box-shadow: none;
  }

    .nav-child-menu .nav-child-menu-container {
      display: block;
    }

    .nav-child-menu .subnavigation__column__border {
      border-right: none;
    }

  .mobile-nav .nav-link {
    margin-left: 0 !important;
  }

  .nav-child-menu .subnavigation__column a {
    padding-left: 36px !important;
  }

  .nav-link.online__world__link {
    color: #BD1860;
  }

    .nav-link.online__world__link svg, .nav-link.online__world__link svg path {
      fill: #BD1860;
    }

    .nav-link.online__world__link svg{
      margin-right: 6px;
    }
}

@media(max-width: 1120px) {
  .nav-link--home {
    margin-right: 20px;
  }

  .search__container {
    padding-right: 10px;
  }

    .search__container input[type=text] {
      width: 29.79vw;
    }

  #mobile__header__links a {
    width: 21.88vw;
  }
}

@media(max-width: 980px) {
  .search__container input[type=text] {
    width: 24.22vw;
    padding-top: 7px;
    padding-bottom: 8px;
  }

  .vouchers__link {
    margin-left: 0;
  }

  #mobile__header__links a {
    width: 19.53vw;
  }

  .photo__appointmens__link, .vouchers__link {
    max-height: 40px;
  }

  .photo__appointmens__link {
    padding-top: 2px;
    padding-bottom: 13px;
  }

  .vouchers__link {
    padding-top: 3px;
    padding-bottom: 13px;
  }

  .search__container, .photo__appointmens__link, .vouchers__link {
    margin-top: 10px;
  }

  .mobile-nav .nav-bar .nav-container {
    padding-left: 13.15%;
  }

  .search__container input[type=text] {
    width: 24.2vw;
    font-family: brandon_grotesquemedium;
    font-size: 16px;
    line-height: 23px;
    color: #940B56;
    background-color: #fff;
    border: solid 1px #940B56;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 10px;
  }

  .search__container input[type=submit] {
    margin-top: 12px;
  }

  #mobile__header__links .photo__appointmens__link {
    max-height: 40px;
    margin-top: 10px;
  }

  #mobile__header__links .vouchers__link {
    max-height: 40px;
    margin-top: 10px;
  }
}

@media(max-width: 750px) {
  /* Header */
  .header {
    display: block;
    height: 180px;
  }

  .logo img {
    max-height: 80px;
  }

  #mobile__header__links .search__container {
    clear: both;
    margin: 0;
    width: 100%;
    position: relative;
  }

  .search__container input[type=text] {
    width: 100%;
    border: none;
    font-size: 20px;
    line-height: 29px;
    padding-left: 20px;
    padding-top: 11px;
  }

  .search__container input[type=submit] {
    position: absolute;
    right: 20px;
    top: 18px;
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding: 0;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  #mobile__header__links .photo__appointmens__link {
    padding-top: 9px;
    padding-bottom: 10px;
  }

  #mobile__header__links .photo__appointmens__link, #mobile__header__links .vouchers__link {
    width: 50%;
    max-width: 50%;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
    padding-left: 20px;
  }

  #mobile__header__links .vouchers__link {
    padding-top: 10px;
    padding-bottom: 11px;
  }

  #mobile__header__links {
    display: flex;
    flex-wrap:wrap;
  }

    #mobile__header__links .photo__appointmens__link{
      order :1;
      margin-right: 0;
      max-height: 50px;
    }

    #mobile__header__links .vouchers__link {
      order: 2;
      max-height: 50px;
    }

    #mobile__header__links .search__container{
      order: 3;
    }

    .photo__appointmens__link, .vouchers__link {
      float: left;
      margin: 0;
      max-height: 50px;
    }

  .search__container {
    width: 100%;
    clear: both;
  }

    .search__container input[type=text] {
      height: 50px;
    }

  .section--full-height {
    margin-top: 180px;
  }

  .photo__appointmens__link img, .vouchers__link img {
    margin-left: 18px;
  }

  .mobile-nav {
    top: 160px;
  }
}

@media(max-width: 375px) {
  .mobile-nav {
    z-index: 10000;
    top: 80px;
  }

    .mobile-nav .nav-bar .nav-container {
      padding-left: 10.66%;
    }
}

@media (min-width:769px) and (max-width:991px) {
  footer {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
  }

  #footer__social__media {
    position: absolute;
    top: 50px;
    width: 77.2%;
  }

    #footer__social__media a img {
      width: 43px;
    }

  footer .footer--left--column {
    width: 100%;
    float: none;
    margin-top: 82px;
    max-width: 79.166%;
    margin-left: auto;
    margin-right: auto;
  }

  footer .footer--newsletter {
    float: none;
    width: 100%;
    text-align: center;
    clear: both;
    padding-top: 80px;
  }

  .footer--newsletter input[type=text] {
    float: none;
    width: 100%;
    font-size: 18px;
    padding: 12px 0 11px 18px;
    float: left;
  }

  .footer--newsletter input[type=submit] {
    width: 39px;
    height: 24px;
    background-size: 26px 24px;
    padding: 0;
    margin-left: -42px;
    margin-top: 0;
    float: right;
    margin-top: 12px;
  }

  footer #footer--top .footer--link:nth-child(2) {
    float: right;
    text-align: right;
  }

  footer #footer--bottom {
    display: flex;
  }

  footer #footer--newsletter--container {
    display: inline-block;
    width: 60.266%;
  }

  footer .footer--newsletter .footer--header {
    padding-bottom: 0;
  }

  footer .footer--newsletter .footer--subheader {
    padding-bottom: 30px;
  }
}

.submenu-trigger * {
  pointer-events: all !important;
}

.overflow__visible {
  max-height: 1000px !important;
  overflow-y: visible !important;
}

.loading-modal {
  background: url('/Content/Icons/loading.gif') 9% 50% no-repeat transparent;
  background-size: 40px 40px;
}
