/* CSS Guide:

- Use classes for everything and leave tag selectors only for scopes
- Write media queries right after the original selector and extra indent it
- Continue the same formatting style and keep it clean
- Indent using 2 spaces
- Use text editor that collapses code based on indents (eg. Sublime Text)
- Collapse everything for a better overview and a faster workflow

*/


/* BUG FIXES & SETUP
** ========================================================================== */
/* Fix Windows Phone 8 and Device-Width
 * -------------------------------------------------------------------------- */

  /* http://timkadlec.com/2013/01/windows-phone-8-and-device-width */

  @-webkit-viewport   { width: device-width; }
  @-moz-viewport      { width: device-width; }
  @-ms-viewport       { width: device-width; }
  @-o-viewport        { width: device-width; }
  @viewport           { width: device-width; }
/* Bring back Google maps UI controls
 * -------------------------------------------------------------------------- */

  #google-map img {
    max-width: none;
    width: auto;
  }
/* Size detect JS (vendor)
 * -------------------------------------------------------------------------- */
  html {font-family: 'xs'}
  @media (min-width: 768px)  { html {font-family: 'sm' }}
  @media (min-width: 992px)  { html {font-family: 'md' }}
  @media (min-width: 1200px) { html {font-family: 'lg' }}


/* FONTS
** ========================================================================== */
/* Open Sans
 * -------------------------------------------------------------------------- */

  @font-face {
    font-family: 'open_sansregular';
    src: url('../assets/opensans-regular-webfont.eot');
    src: url('../assets/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/opensans-regular-webfont.woff') format('woff'),
         url('../assets/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'open_sansitalic';
    src: url('../assets/opensans-italic-webfont.eot');
    src: url('../assets/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/opensans-italic-webfont.woff') format('woff'),
         url('../assets/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'open_sansbold';
    src: url('../assets/opensans-bold-webfont.eot');
    src: url('../assets/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/opensans-bold-webfont.woff') format('woff'),
         url('../assets/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'open_sansbold_italic';
    src: url('../assets/opensans-bolditalic-webfont.eot');
    src: url('../assets/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/opensans-bolditalic-webfont.woff') format('woff'),
         url('../assets/opensans-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
/* Lato
 * -------------------------------------------------------------------------- */

  @font-face {
    font-family: 'latoblack';
    src: url('../assets/lato-black-webfont.eot');
    src: url('../assets/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/lato-black-webfont.woff') format('woff'),
         url('../assets/lato-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'latobold';
    src: url('../assets/lato-bold-webfont.eot');
    src: url('../assets/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/lato-bold-webfont.woff') format('woff'),
         url('../assets/lato-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'latoregular';
    src: url('../assets/lato-regular-webfont.eot');
    src: url('../assets/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/lato-regular-webfont.woff') format('woff'),
         url('../assets/lato-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
      font-family: 'latobold_italic';
      src: url('../assets/lato-bolditalic-webfont.eot');
      src: url('../assets/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
           url('../assets/lato-bolditalic-webfont.woff') format('woff'),
           url('../assets/lato-bolditalic-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }

  @font-face {
      font-family: 'latoitalic';
      src: url('../assets/lato-italic-webfont.eot');
      src: url('../assets/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
           url('../assets/lato-italic-webfont.woff') format('woff'),
           url('../assets/lato-italic-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }


/* BOOTSTRAP EXTEND
** ========================================================================== */
/* Grid system
 * -------------------------------------------------------------------------- */

  .col-xs-one5,
  .col-sm-one5,
  .col-md-one5,
  .col-lg-one5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-xs-one5 {
    width: 20%;
    float: left;
  }

    @media (min-width: 768px){
    .col-sm-one5 {
        width: 20%;
        float: left;
      }
    }

    @media (min-width: 992px){
      .col-md-one5 {
        width: 20%;
        float: left;
      }
    }

    @media (min-width: 1200px){
      .col-lg-one5 {
        width: 20%;
        float: left;
      }
    }

/* PRIORITY NAV (vendor)
 * ========================================================================== */

  .priority-nav {
    white-space: nowrap;
  }

  .priority-nav > ul {
    display: inline-block;
  }

  .priority-nav > ul > li {
    display: inline-block;
  }

  .priority-nav-has-dropdown .priority-nav__dropdown-toggle {
    position: relative;
  }

  .priority-nav__wrapper {
    position: relative;
  }

  .priority-nav__dropdown {
    position: absolute;
    visibility: hidden;
  }

  .priority-nav__dropdown.show {
    visibility: visible;
  }

  .priority-nav__dropdown-toggle {
    visibility: hidden;
    position: absolute;
    right: 0;
  }

  .priority-nav-is-visible {
    visibility: visible;
  }

  .priority-nav-is-hidden {
    visibility: hidden;
  }


/* DEFAULT SCOPE
** ========================================================================== */
/* Html & Body
 * -------------------------------------------------------------------------- */

  html {
    -webkit-font-smoothing: antialiased;
    height: 100%!important;
    background-color: #f7f7f7;
  }

    html.dl-menu--open {
      overflow: hidden;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.25),
           only screen and ( min-device-pixel-ratio: 1.25),
           only screen and ( min-resolution: 200dpi),
           only screen and ( min-resolution: 1.25dppx) {
             -webkit-font-smoothing: subpixel-antialiased;
           }

  body {
    min-width: 300px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    position: relative;
    z-index: 1;
  }

    .dl-menu--open body {
      height: 100%;
    }

    @media(max-width: 767px){
      body {
        margin-bottom: 60px; /* Same height as fixed-bottom */
      }
    }
/* Text
 * -------------------------------------------------------------------------- */

  p {
    margin: 0;
  }
/* Strong & Italic
 * -------------------------------------------------------------------------- */
  strong, b {
    font-family: "open_sansbold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-style: normal;
  }

  h1 > strong,  h2 > strong,  h3 > strong,  h4 > strong,  h5 > strong,  h6 > strong,
  h1 > b,       h2 > b,       h3 > b,       h4 > b,       h5 > b,       h6 > b
  {
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  i, em {
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-style: normal;
  }

  h1 > i,   h2 > i,   h3 > i,   h4 > i,   h5 > i,   h6 > i,
  h1 > em,  h2 > em,  h3 > em,  h4 > em,  h5 > em,  h6 > i
  {
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  strong > i,
  strong > em,
  b > i,
  b > em {
    font-family: "open_sansbold_italic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  /* These two blocks bold blocks must be separated for it to work properly */

  i > strong,
  i > b,
  em > strong,
  em > b {
    font-family: "open_sansbold_italic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Heading
 * -------------------------------------------------------------------------- */

  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-style: normal;
  }
/* Link
 * -------------------------------------------------------------------------- */

  a {
    text-decoration: none;
  }

  a:focus,
  a:hover,
  a:active {
    text-decoration: none;
  }
/* Image
 * -------------------------------------------------------------------------- */
  img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
/* List
 * -------------------------------------------------------------------------- */

  ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
/* Blockquote
 * -------------------------------------------------------------------------- */
  blockquote {
  }
/* Label
 * -------------------------------------------------------------------------- */
  label {
    font-weight: normal;
  }
/* Table
 * -------------------------------------------------------------------------- */
  table {
  }

  tr {
  }

  th {
  }

  td {
  }


/* USER CONTECT SCOPE
** ========================================================================== */
/* Edy classes
 * -------------------------------------------------------------------------- */
  .edy-positionable-container-left{
    margin-right: 15px;
  }
  .edy-positionable-container-right{
    margin-left: 15px;
  }
/* Text
 * -------------------------------------------------------------------------- */

  .user-content-scope,
  .user-content-scope p {
    font-size: 15px;
    line-height: 1.6;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .user-content-scope p {
    margin-bottom: 20px;
  }

  .user-content-scope strong,
  .user-content-scope b {
    font-size: 96%; /* Weird bug fix when strong font is rendered bigger than regular */
  }
/* Link
 * -------------------------------------------------------------------------- */

  .user-content-scope a {
    color: #00b0b9;
    text-decoration: none;
    border-bottom: solid 1px #c3e5e5;

    -webkit-transition: color 0.2s ease, border 0.2s ease;
    -moz-transition: color 0.2s ease, border 0.2s ease;
    -o-transition: color 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, border 0.2s ease;
  }

    .user-content-scope a:focus,
    .user-content-scope a:hover,
    .user-content-scope a:active {
      color: #00b0b9;
      text-decoration: none;
      border-bottom-color: transparent;
    }

  .user-content-scope a[href*=".jpg"],
  .user-content-scope a[href*=".JPG"],
  .user-content-scope a[href*=".jpeg"],
  .user-content-scope a[href*=".JPEG"],
  .user-content-scope a[href*=".png"],
  .user-content-scope a[href*=".PNG"],
  .user-content-scope a[href*=".gif"],
  .user-content-scope a[href*=".GIF"] {
    border-bottom: 0 none;
  }
/* List
 * -------------------------------------------------------------------------- */

  .user-content-scope ul,
  .user-content-scope ol {
    padding-left: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
  }

    @media(min-width: 768px){
      .user-content-scope ul,
      .user-content-scope ol {
        padding-left: 40px;
      }
    }

  .user-content-scope ul {
    list-style: none;
  }

  .user-content-scope ol {
    list-style: decimal;
  }

  .user-content-scope li > ul,
  .user-content-scope li > ol {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .user-content-scope li {
    position: relative;
    margin-bottom: 8px;
  }

    .user-content-scope ul > li:before {
      content: '';
      position: absolute;
      left: -20px;
      margin-top: 10px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #19bdc5;
    }
/* Heading
 * -------------------------------------------------------------------------- */

  .user-content-scope h1,
  .user-content-scope h2,
  .user-content-scope h3 {
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.1;
    color: #19bdc5;
  }

  .user-content-scope h1 {
    font-size: 27px;
  }

  .user-content-scope h2 {
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 21px;
    color: #353730;
  }

  .user-content-scope h3 {
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 17px;
    color: #353730;
  }
/* Table
 * -------------------------------------------------------------------------- */

  .user-content-scope table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .user-content-scope table>tbody>tr>td,
  .user-content-scope table>tbody>tr>th,
  .user-content-scope table>tfoot>tr>td,
  .user-content-scope table>tfoot>tr>th,
  .user-content-scope table>thead>tr>td,
  .user-content-scope table>thead>tr>th {
      padding: 6px 10px;
      line-height: 1.42857143;
      vertical-align: top;
      border-top: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
  }

  .user-content-scope table>tbody>tr>td:first-child,
  .user-content-scope table>tbody>tr>th:first-child,
  .user-content-scope table>tfoot>tr>td:first-child,
  .user-content-scope table>tfoot>tr>th:first-child,
  .user-content-scope table>thead>tr>td:first-child,
  .user-content-scope table>thead>tr>th:first-child {
    border-left: 0 none;
  }

  .user-content-scope table>tbody>tr:first-child td,
  .user-content-scope table>tbody>tr:first-child th,
  .user-content-scope table>thead>tr:first-child td,
  .user-content-scope table>thead>tr:first-child th {
    border-top: 0 none;
  }
/* Blockquote
 * -------------------------------------------------------------------------- */

  .user-content-scope blockquote,
  .user-content-scope blockquote p {
    font-size: 17px;
    line-height: 1.6;
    color: #00b0b9;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .user-content-scope blockquote p {
    margin-bottom: 12px;
  }

  .user-content-scope blockquote p:last-child,
  .user-content-scope blockquote ul:last-child,
  .user-content-scope blockquote ol:last-child {
    margin-bottom: 0;
  }

  .user-content-scope blockquote {
    position: relative;
    padding: 15px 0 20px 35px;
    margin: 0 0 20px;
    border: 0 none;
  }

    @media(min-width: 768px){
      .user-content-scope blockquote {
        padding: 15px 0 20px 35px;
      }
    }

    .user-content-scope blockquote:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 5px;
      background: #19bdc5;
      border-radius: 2.5px;
    }

      @media(min-width: 768px){
        .user-content-scope blockquote:before {

        }
      }
/* Various
 * -------------------------------------------------------------------------- */

  .user-content-scope > :first-child {
    margin-top: 0 !important;
  }

  .user-content-scope > :last-child {
    margin-bottom: 0 !important;
  }


/* SMALL MODULES
** ========================================================================== */
/* Z-index
 * -------------------------------------------------------------------------- */

  .z-index-0 { z-index: 0; }
  .z-index-1 { z-index: 1; }
  .z-index-2 { z-index: 2; }
  .z-index-3 { z-index: 3; }
  .z-index-4 { z-index: 4; }
/* Shake error
 * -------------------------------------------------------------------------- */

  .js-shake-button {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .js-shake-button:after {
    content: '';
    position: absolute;
    padding: 15px 20px 15px 65px;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .js-shake-error {
    color: transparent;
    -webkit-animation: shake 0.4s;
    animation: shake 0.4s;
  }

  .js-shake-error:after {
    content: "Error!";
    color: #fff;
    z-index: 1;
    -webkit-animation: scaleFromUp 0.4s;
    animation: scaleFromUp 0.4s;
  }

  /* Animations */

  @-webkit-keyframes shake {
    0%, 100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
  }

  @keyframes shake {
    0%, 100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
  }

  @-webkit-keyframes scaleFromUp {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

  @keyframes scaleFromUp {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
/* Buttons
 * -------------------------------------------------------------------------- */
  .user-content-scope .btn,
  .btn{
    display: inline-block;
    border-radius: 4px;
  }

  .edy-editmode .user-content-scope .btn{
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }


  .user-content-scope .btn__primary,
  .btn__primary{
    position: relative;
    border: 0 none;
    padding: 10px 15px 10px 40px;
    background-color: #353730;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .user-content-scope .btn__primary:focus,
    .user-content-scope .btn__primary:hover,
    .btn__primary:focus,
    .btn__primary:hover{
      color: #ffffff;
    }

  .user-content-scope .btn__primary--icon,
  .btn__primary--icon{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 40px; /* btn--primary padding left */
      margin: 0;
      line-height: normal;
      font-size: medium;
  }
    .user-content-scope .btn__primary--icon:before,
    .btn__primary--icon:before{
      content: "\f061";
      text-align: center;
      vertical-align: middle;
      color: #353730;
      padding: 2px 2px 2px 3px;
      background-color: #ffffff;
      border-radius: 50%;

      font: normal normal normal 11px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .user-content-scope .btn__primary--icon:after,
    .btn__primary--icon:after{
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; /* Adjusts for spacing */
    }


/* HEADER
** ========================================================================== */
/* Header
 * -------------------------------------------------------------------------- */

  .header {
    padding-top: 20px;
    padding-bottom: 10px;
    overflow: visible;
    margin-bottom: 30px;
  }
  .body--landing .header,
  .header.header-has-image{
    position: relative;
    height: 1px;
    margin-bottom: -30px; /* total heigh of this element */
  }
    @media(min-width:768px){
      .body--landing .header,
      .header.header-has-image,
      .header {
        height: auto;
        margin-bottom: 0;
        background: #fff;
      }
    }
    .header:before{
      content: "";
      position: absolute;
      top: -59px;
      left: -27px;
      display: block;
      width: 200px;
      height: 200px;
      background-color: #fff;
      border-radius: 50%;

    }
      @media(min-width:768px){
        .header:before{
          content: none;
        }
      }
    .header:after {
      content: '';
      display: table;
      clear: both;
    }
/* Logo
 * -------------------------------------------------------------------------- */
  .header__logo {
    margin-top: -1px;
    padding-right: 55%; /* .header__links has paddding left accordingly to get 100% width */
    /*float: left;*/
  }
    @media (min-width: 768px){
      .header__logo{
        padding-right: 0; /* reset mobile exeptions */
      }
    }
/* Brand
 * -------------------------------------------------------------------------- */
  .brand{
    height: 90px;
    white-space: nowrap;
  }
    .brand:before{
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; /* Adjusts for spacing */
      vertical-align: middle;
    }
  .brand__link{
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .brand__circles{
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  /* 3 circles behind logo */
  .brand__circles--big,
  .brand__circles--medium,
  .brand__circles--small{
    display: block;
    background-color: #19bdc5;
    border-radius: 50%;
    opacity: 0.11;
  }
  .brand__circles--big{
    position: absolute;
    top: -20px;
    right: -6px;
    height: 77px;
    width: 77px;
  }
  .brand__circles--medium{
    position: absolute;
    top: -14px;
    right: 29px;
    height: 54px;
    width: 54px;
  }
  .brand__circles--small{
    position: absolute;
    top: -37px;
    right: 23px;
    height: 41px;
    width: 41px;
  }
  .brand__image{
    position: relative;
    padding-top: 20px;
    z-index: 1;
  }
/* Links
 * -------------------------------------------------------------------------- */
  .header__links {
    position: relative;
    text-align: right;
    height: 1px;
    overflow: visible;
    padding-left: 45%; /* .brands has paddding right accordingly to get 100% width */
    z-index: 1;
  }
    @media (min-width: 768px){
      .header__links{
        height: auto; /* reset mobile exeptions */
        padding-left: 0; /* reset mobile exeptions */
      }
    }


/* HEADER MOBILE
** ========================================================================== */
/* Links
 * -------------------------------------------------------------------------- */
  .mobile__link--bottom{
    padding-left: 15px;
    padding-right: 75px;
    height: 61px;
    line-height: 61px;
    font-size: 15px;
    color: #fff;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }


/* BODY BG
 * ========================================================================== */
  .body-background{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 480px;
    width: 100%;
    margin: auto;
    z-index: -1;
  }
    .body-background:before,
    .body-background:after{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    .body-background:before{
      background-image: url(../images/refocus_background.png);
      background-repeat: no-repeat;
      background-position: 60% center;
      background-size: auto 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-size: cover;
      opacity: 0.12;
    }
      @media(min-width:480px){
        .body-background:before{
          background-position: 55% center;
        }
      }
      @media(min-width:768px){
        .body-background:before{
          background-position: center center;
        }
      }
    .body-background:after{
      background: -moz-linear-gradient(top,  rgba(247,247,247,0) 0%, rgba(247,247,247,0.65) 100%);
      background: -webkit-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(247,247,247,0.65) 100%);
      background: linear-gradient(to bottom,  rgba(247,247,247,0) 0%,rgba(247,247,247,0.65) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#a6f7f7f7',GradientType=0 );
    }
    @media(min-width:768px){
      .body-background{
        top: auto;
        width: 750px;
      }
    }
    @media(min-width:992px){
      .body-background{
        width: 970px;
      }
    }
    @media(min-width:1200px){
      .body-background{
        width: 1170px;
      }
    }

  .body--thank-you .body-background,
  .body--landing .body-background{
    display: none;
  }
/* HEADER IMAGE
 * ========================================================================== */
  .header-image{

  }

  .header-image__container{
    margin-top: 15px;
  }

  .header-image__background{
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
  }

  /* to move content up but keep side menu, at bottom*/
  @media(min-width:768px){
    .header-image--visible ~ .primary-wrapper{
      margin-top: -120px; /* .side padding-top should be set after this*/
    }
  }

  .header-image--visible ~ .primary-wrapper .side {
    padding-top: 120px; /* opposite value of .primary-wrapper margin-top + 60px */
  }
/* LANG
 * ========================================================================== */
  .lang{
    display: block;
  }

  .lang__text{
    display: inline-block;
    margin-bottom: 6px;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: rgba(64, 193, 172, 0.7);
  }
    @media(min-width:768px){
      .lang__text{
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        color: #353730;
        vertical-align: bottom;

        padding: 0;
        text-transform: none;
        font-family: "open_sansbold_italic", "Helvetica Neue", Helvetica, arial, sans-serif;
        background-color: transparent;
      }
    }
  .lang__text a {
    color: #ffffff;
  }
  .lang-icon {
    color: #252e2e;
  }
    @media(min-width: 768px) {
      .lang__text a,
      .lang-icon {
        color: #00b0b0;
      }
    }

    .lang__text:before{
      content: "\f095";
      position: relative;
      top: 2px;
      display: inline-block;
      margin-right: 10px;
      color: #ffffff;
      font: normal normal normal 17px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
      @media(min-width:768px){
        .lang__text:before{
          color: #00b0b0;
        }
      }

  .lang__list{
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 30px;
    vertical-align: bottom;
  }
    @media(min-width:768px){
      .lang__list{
        margin-bottom: 0;
      }
    }

  .lang__social {
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 15px;
    vertical-align: bottom
  }
  @media (min-width: 768px) {
    .lang__social {
      margin-bottom: -3px;
      vertical-align: middle;
    }
  }
  .fa {
    font-size: 23px !important;
  }
  .lang-icon {
    padding: 0 5px;
  }

  .lang__item{
    position: relative;
    display: inline-block;
    margin-left: 12px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
  }
    .lang__item:first-child{
      margin-left: 0;
    }
    .lang__item--active{
      font-family: "open_sansbold", "Helvetica Neue", Helvetica, arial, sans-serif;
    }
    .lang__item--active:before{
      content: '';
      position: absolute;
      top: 50%;
      left: -17px; /* half of width */
      right: -17px; /* half of width */
      display: block;
      margin: auto; /* to center */
      height: 34px;
      width: 34px;
      margin-top: -17px; /* half of height */
      border-radius: 50%;
      background-color: #fff;
    }
    @media(min-width: 768px){
      .lang__item--active:before{
        background-color: #e5e5e5;
      }
    }
  .lang__link{
    position: relative;
    z-index: 1;
    color: #31332c;
  }
    .lang__link:focus,
    .lang__link:hover{
      color: #999;
    }
/* MENU
 * ========================================================================== */

  .menu {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .menu__list {
    display: inline-block;
  }
  .menu__item {
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .menu__item:first-child {
      margin-left: 0;
    }
  .menu__link{
    color: #00b0b9;
  }
    .menu__link:focus,
    .menu__link:hover{
      color: #00676d;
    }
  .menu__item--active{
    position: relative;
  }
    .menu__item--active:before{
      content: '';
      position: absolute;
      right: 0;
      bottom: -3px;
      left: 0;
      height: 4px;
      background-color: #ebebeb;
    }
/* UNDER BOX
 * ========================================================================== */

  .under-box {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    padding: 30px 25px 75px; /* .under-box__cta uses left/right values for position left/right values*/
    line-height: 1.4;
  }

  @media(min-width: 768px){
    .under-box {
      margin-top: -150px;
    }
  }

  .under-box__heading{
    margin-bottom: 10px;
  }
  .under-box__heading h1,
  .under-box__heading h2,
  .under-box__heading h3{
    margin: 0;
  }
  .under-box__heading,
  .under-box__heading h1,
  .under-box__heading h2,
  .under-box__heading h3{
    font-size: 19px;
    color: #00b0b9;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .under-box__text{
    margin-bottom: 25px;
  }
  .under-box__text p,
  .under-box__text b,
  .under-box__text strong{
    margin-bottom: 0;
  }
  .under-box__text,
  .under-box__text p{
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .under-box__text b,
  .under-box__text b,
  .under-box__text strong{
    font-family: "open_sansbold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .under-box__link{
    font-size: 15px;
    color: #00b0b9;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .under-box__link:focus,
    .under-box__link:hover{
      color: #00b0b9;
    }
  .under-box__link--heading{
    font-size: 19px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .under-box__link--cta{
    border-bottom: 1px solid #c3e5e5;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
    .under-box__link--cta:focus,
    .under-box__link--cta:hover{
      border-bottom: 1px solid transparent;
    }
    .under-box__link--cta:before,
    .under-box__link--cta:after{
      content: '';
      position: absolute;
      top: 2px;
      right: -4px;
      width: 22px;
      height: 22px;
    }
    .under-box__link--cta:before{
      border-radius: 50%;
      background-color: #19bdc5;
    }
    .under-box__link--cta:hover:before{
      background-color: #19bdc5;
    }
    .under-box__link--cta:after{
    content: "\f105";
    text-align: center;
    padding-left: 2px;
    font: normal normal normal 16px/1.4 FontAwesome;
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

  .under-box__cta{
    position: absolute;
    display: block;
    right: 25px; /* from .under-box padding right */
    bottom: 35px;
    left: 25px; /* from .under-box padding left */
    padding-right: 22px;
    color: #00b0b9;
    font-size: 15px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* HIGHLIGHTS
 * ========================================================================== */

  .highlight{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .highlight--landing{
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .highlight__single{
    position: relative;
    margin-bottom: 25px;
    padding-left: 40px;
  }
  @media(min-width:768px){
    .highlight__single{
      margin-bottom: 0;
    }
  }

  .highlight__icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    color: #40c1ac;
  }
  .highlight__icon--star:before,
  .highlight__icon--smile:before,
  .highlight__icon--arrow-up:before,
  .highlight__icon--hearth:before{
    font: normal normal normal 25px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .highlight__icon--plus-minus:before{
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .highlight__icon--smile:before{
    content: "\f118";
    font-size: 27px;
  }
  .highlight__icon--plus-minus:before{
    position: relative;
    top: -5px;
    content: "+/-";
    font-size: 21px;
  }
  .highlight__icon--star:before{
    position: relative;
    top: 2px;
    content: "\f006";
  }
  .highlight__icon--arrow-up:before{
    content: "\f01b";
  }
  .highlight__icon--hearth:before{
    content: "\f08a";
  }

  .highlight__text{
    line-height: 1.4;
    font-size: 17px;
    color: #171814;
    font-family: "latoitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .highlight__text b,
  .highlight__text strong{
    font-family: "latobold_italic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .highlight__link{
    font-size: 17px;
    color: #171814;
    font-family: "latoitalic", "Helvetica Neue", Helvetica, arial, sans-serif;

  }
    .highlight__link:focus,
    .highlight__link:hover{
      color: #171814;
    }
/* PRIMARY WRAPPER
 * ========================================================================== */

  .primary-wrapper {
    overflow-x: hidden;
  }
/* MAIN
 * ========================================================================== */

  .main{
    padding: 55px 15px 20px; /* preferrably have .side padding bottom equal to this padding bottom */
  }
  @media(min-width:768px){
    .main{
      padding: 55px 0 20px 40px; /* preferrably have .side padding bottom equal to this padding bottom */
    }
  }

  .main__title{
    line-height: 1.2;
    margin: 0;
    margin-bottom: 20px;
    font-size: 27px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #19bdc5;
  }

  .main--background {
    position: relative;
    z-index: 1;
    background-color: #fff;
  }

    @media(min-width: 768px){
      .main--background {
        min-height: 800px;
      }
    }

      @media(min-width:768px){
        .main--background:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: -9999px;
          background: #fff;
          z-index: -1;
        }
      }

      @media(min-width:768px){
        .main--background:before {
          content: '';
          position: absolute;
          left: -9999px;
          bottom: 0;
          height: 800px;
          right: -9999px;
          z-index: -1;

          background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }
      }
/* MINI BLOG
 * ========================================================================== */
  .mini-blog__item{
    font-size: 18px;
    color: #353730;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    margin-bottom: 35px;
  }
    .mini-blog__item:after{
      content: '';
      display: block;
      margin-top: 10px;
      width: 50px;
      height: 5px;
      background-color: #19bdc5;
    }

  .mini-blog__link{
    font-size: 18px;
    color: #353730;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .mini-blog__link:focus,
    .mini-blog__link:hover{
      color: #353730;
    }
/* CTA
 * ========================================================================== */
  .secondary-cta{
    position: relative;
    display: inline-block;
    padding: 17px 30px 17px 80px; /* left value is .secondary-cta__icon width */
    background-color: #40c1ac;
    border-radius: 3px;
  }
  @media(min-width: 992px){
    .secondary-cta{
      padding: 17px 75px 17px 80px; /* left value is .secondary-cta__icon width */
    }
  }

  /* icon */
  .secondary-cta__icon{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80px; /* same as .secondary-cta padding-left */
    text-align: center;
    color: #fff;
  }
  .secondary-cta__icon:before{
    content: '\f274';
    vertical-align: middle;
    display: inline-block;

    font: normal normal normal 32px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .secondary-cta__icon:after{
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-right: -1px;
    vertical-align: middle;
  }

  /* primary text*/
  .secondary-cta__text{
    line-height: 1.2;
    font-size: 22px;
    color: #fff;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  /* secondary, smaller text */
  .secondary-cta__text--secondary{
    display: block;
    font-size: 18px;
  }
/* MOBILE CTA
 * ========================================================================== */
  .mobile__cta{
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  .mobile__cta .secondary-cta{
    text-align: left;
  }
/* DOTS
 * ========================================================================== */
  .dots__single{
    display: inline-block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #ebebeb;
    margin-left: 3px;
  }
  .dots__single:first-child{
    margin-left: 0;
  }
/* MYTH
 * ========================================================================== */
  .common-single__premyth{
    margin-bottom: 25px;
  }
    .common-single__premyth:after{
      content: "";
      display: table;
      clear: both;
    }

  .common-single__myth{
    display: inline-block;
    margin-bottom: 10px;
    padding: 30px 30px;
    background-color: #ecf6f7;
  }
    @media(min-width: 768px){
      .common-single__myth{
        float: right;
        width: 50%;
        margin-left: 15px;
      }
    }
    @media(min-width: 992px){
      .common-single__myth{
        width: 40%;
      }
    }

  .common-single__myth,
  .common-single__myth h1,
  .common-single__myth h2,
  .common-single__myth h3,
  .common-single__myth p{
    color: #00b0b9;
  }
  .common-single__myth :first-child{
    margin-top: 0;
  }

  .common-single__content :first-child{
    margin-top: 0;
  }
/* BLOG PAGINATION
 * ========================================================================== */
  .blog-pagination{
    margin: 50px 0;
    padding: 30px 0;
    border-top: 5px solid #ebebeb;
  }
    .blog-pagination:after{
      content: "";
      display: table;
      clear: both;
    }

  .pagination-item{
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    color: #19bdc5;
    border: 2px solid #19bdc5;
    border-radius: 50%;
    font-size: 16px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
  }
    .pagination-item.active,
    .pagination-item:hover{
      color: #fff;
      background-color: #19bdc5;
    }

  .pagination-string{
    float: right;
    width: auto;
    height: auto;
    border: 0 none;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: transparent;
    color: #19bdc5;
  }
    .pagination-string:hover{
      color: #00676d;
      background-color: transparent;
    }

  .pagination-item-disabled{
    position: relative;
    top: 2px;
    border: 0 none;
    cursor: default;
    color: #19bdc5;
    background-color: transparent;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .pagination-item-disabled.active,
    .pagination-item-disabled:hover{
      color: #19bdc5;
      background-color: transparent;
    }
/* BOOKING PAGE
 * ========================================================================== */
  .booking-content{
    margin-right: -25px;
  }

  .booking-content iframe{
    width: 100%;
    height: 1500px;
  }
/* RESPONSIVE TABLE
 * ========================================================================== */
  .responsive-table{

  }
  @media(max-width: 767px){
    /* Force table to not be like tables anymore */
    .responsive-table table,   .responsive-table thead,   .responsive-table tbody,   .responsive-table th,   .responsive-table td,   .responsive-table tr {
      display: block;
    }

    .responsive-table tr {
      border: none;
      margin-bottom: 30px;
      border-bottom: 2px solid #d9d9d9 !important;
    }

    .responsive-table tr:first-child {
      display: none;
    }

    .responsive-table td {
      /* Behave  like a "row" */
      border: none !important;
      border-bottom: 1px solid #d9d9d9 !important;
      position: relative;
      padding: 10px 0 10px 0 !important;
    }
    .responsive-table td.no-title {
      font-size: 130%;
      font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
      padding: 10px 0 10px 0 !important;
    }
      .responsive-table td:first-child{

      }
      .responsive-table td:before {
        content: attr(data-title);
        display: block;
        font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
        // position: absolute;
        // left: 6px;
        // width: 45%;
        // padding-right: 10px;
        // white-space: nowrap;
      }
  }


/* FEATURED NEWS
** ========================================================================== */
  .featured-news{
    background-color: #fff;
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .featured-news__item {
    margin-bottom: 45px;
  }
/* Heading
 * -------------------------------------------------------------------------- */
  .featured-news__heading{
    margin-bottom: 45px;
    text-align: center;
  }
  .featured-news__heading h1,
  .featured-news__heading h2,
  .featured-news__heading h3{
    margin: 0;
  }
  .featured-news__heading,
  .featured-news__heading h1,
  .featured-news__heading h2,
  .featured-news__heading h3{
    font-size: 29px;
    color: #19bdc5;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Footer
 * -------------------------------------------------------------------------- */
  .featured-news__footer{
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #00b0b9;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .featured-news__link{
    font-size: 18px;
    color: #00b0b9;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    border-bottom: 1px solid #92dee2;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
    .featured-news__link:focus,
    .featured-news__link:hover{
      color: #00b0b9;
      border-color: transparent;
    }


/* SIDE
** ========================================================================== */
  .side{ /* padding-top is set in .header-image--visible ~ .primary-wrapper .side (heading image section)*/
    padding-bottom: 20px; /* preferrably have .main padding bottom equal to this */
    padding-top: 0.1px; /* 1px so you can get height with javascript, since margin top in element wont give height to parent element */
  }
/* Heading
 * -------------------------------------------------------------------------- */
  .side__heading{
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .side__heading h1,
  .side__heading h2,
  .side__heading h3{
    margin: 0;
    font-size: 24px;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #999999;
  }
/* Sub menu
 * -------------------------------------------------------------------------- */
  .sub-menu{
    margin-bottom: 55px;
  }

  .sub-menu__list{
  }

  .sub-menu__list--secondary{
    display: none;
  }
  .sub-menu__list--secondary.active{
    display: block;
  }

  .sub-menu__item{
    position: relative;
    margin-bottom: 11px;
    padding-left: 30px;
    font-size: 18px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #00b0b9;
  }
    .sub-menu__item:focus,
    .sub-menu__item:hover{
      color: #00676d;
    }
    .sub-menu__item:before{
      content: '';
      position: absolute;
      top: 50%;
      left: 5px;
      margin-top: -7px; /* negative of half of the font size + 2*/
      color: #353730;
      font: normal normal normal 18px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .sub-menu__item:before:focus,
    .sub-menu__item:before:hover{
    }
  .sub-menu__item--active{
    color: #353730;
  }
    .sub-menu__item--active:before{
      content: "\f105";
    }

  .sub-menu__link{
    color: #00b0b9;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .sub-menu__link:focus,
    .sub-menu__link:hover{
      color: #00676d;
    }
  .sub-menu__link--active{
    color: #353730;
  }
    .sub-menu__link--active:focus,
    .sub-menu__link--active:hover{
      color: #353730;
    }
/* Social
 * -------------------------------------------------------------------------- */

  .side__social {
    margin-top: 30px;
    width: 100%;
    height: 215px; /* Facebook page plugin height */
    overflow: hidden;
  }


/* BLOCK
** ========================================================================== */
  .block{
    margin-bottom: 40px;
  }
/* Title
 * -------------------------------------------------------------------------- */
  .block__title{
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    margin-bottom: 25px;
  }
    .block__title:after{
      content: '';
      display: block;
      margin-top: 10px;
      height: 5px;
      background-color: #ebebeb;
    }

  .block__title--link{
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    margin: 0;
  }
    .block__title--link:focus,
    .block__title--link:hover{
      color: #353730;
    }
/* Content
 * -------------------------------------------------------------------------- */
  .block__content{
    margin-bottom: 15px;
  }

  .block__thumbnail{
    float: left;
    padding: 0 15px 15px 0;
    max-width: 180px;
  }
/* Seperator/button
 * -------------------------------------------------------------------------- */
  .block__seperator{
    display: block;
  }
  .block__seperator--left{
    float: left;
    position: relative;
    top: 3px;
  }
  .block__seperator--right{
    float: right;
  }


/* BLOG SINGLE
** ========================================================================== */
/* Info
 * -------------------------------------------------------------------------- */
  .blog-single__info{
    margin: 0 0 15px;
    font-size: 13px;
    color: #808080;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .blog-single__info--link{
    margin: 0;
    font-size: 13px;
    color: #808080;
    border-bottom: 1px solid #dddddd;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .blog-single__info--link:focus,
  .blog-single__info--link:hover{
    color: #808080;
  }
/* Thumbnail
 * -------------------------------------------------------------------------- */
  .blog-single__thumbnail{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 25px;
  }


/* BLOG ITEM
** ========================================================================== */
  .blog-item{
    margin-bottom: 50px;
  }
/* Title
 * -------------------------------------------------------------------------- */
  .blog-item__title{
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.1;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .blog-item__title:after{
    content: '';
    display: block;
    margin-top: 10px;
    width: 50px;
    height: 5px;
    background-color: #19bdc5;
  }

  .blog-item__title--link{
    margin: 0;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .blog-item__title--link:focus,
    .blog-item__title--link:hover{
      color: #353730;
    }
/* Thumbnail
 * -------------------------------------------------------------------------- */
  .blog-item__thumbnail{
    border-radius: 4px;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 26.6666%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
  }
/* Content
 * -------------------------------------------------------------------------- */
  .blog-item__content{
    margin-bottom: 15px;
  }
/* Seperator
 * -------------------------------------------------------------------------- */
  .blog-item__seperator--left{
    float: left;
  }
  .blog-item__seperator--right{
    float: right;
  }
/* Link
 * -------------------------------------------------------------------------- */
  .blog-item__read-more{
    position: relative;
    padding-right: 30px;
    line-height: 1.1;
  }
    .blog-item__read-more:before,
    .blog-item__read-more:after{
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
    }
    .blog-item__read-more:before{
      content: "";
      border-radius: 50%;
      background-color: #19bdc5;
    }
    .blog-item__read-more:after{
      content: "\f105";
      color: #ffffff;
      text-align: center;
      font: normal normal normal 14px/20px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

  .blog-item__link{
    display: inline-block;
    color: #00b0b9;
  }
    .blog-item__link:hover,
    .blog-item__link:focus{
      color: #00b0b9;
    }


/* SMALL BLOG ITEM
** ========================================================================== */
  .small-blog-item{
    border-radius: 4px;
    overflow: hidden; /* so image corners would be bent as well */
    background-color: #f8f7f7;
  }
  .small-blog-item__content{
    padding: 25px 20px;
  }
/* Image
 * -------------------------------------------------------------------------- */
  .small-blog-item__image{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 66.6666%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
  }
    .small-blog-item__image:before{
      /* changes here affect .small-blog-item__image:after */
      content: '';
      display: block;
      position: absolute;
      bottom: -18px; /* half height */
      right: 20px;
      height: 36px;
      width: 36px;
      border-radius: 50%;
      background-color: #19bdc5;
    }
    .small-blog-item__image:after{
      content: "\f105";
      position: absolute;
      bottom: -11px; /* negative of half font size + 1 */
      right: 33px; /* right value of  .small-blog-item__image:before + half of .small-blog-item__image:before width -  half of width of this element */
      color: #fff;

      font: normal normal normal 24px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
/* Title
 * -------------------------------------------------------------------------- */
  .small-blog-item__title-container{
    height: 95px;
    margin-bottom: 25px;
  }
    .small-blog-item__title-container:after{
      content: '';
      display: block;
      margin-top: 15px;
      width: 50px;
      height: 5px;
      background-color: #19bdc5;
    }
  .small-blog-item__title{
    max-height: 75px;
    line-height: 1.4;
    font-size: 18px;
    color: #171814;
    overflow: hidden;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .small-blog-item__title--link{
    line-height: 1.4;
    font-size: 18px;
    color: #171814;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .small-blog-item__title--link:focus,
    .small-blog-item__title--link:hover{
      color: #171814;
    }
/* Description
 * -------------------------------------------------------------------------- */
  .small-blog-item__description{
    line-height: 1.6;
    font-size: 14px;
    color: #181915;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    margin-bottom: 20px;
  }
/* Small secondary link
 * -------------------------------------------------------------------------- */
  .small-blog-item__link--secondary{
    float: right;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    color: #989898;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
    .small-blog-item__link--secondary:focus,
    .small-blog-item__link--secondary:hover{
      color: #989898;
      border-bottom: 1px solid transparent;
    }


/* LANDING
** ========================================================================== */
/* Landing intro
 * -------------------------------------------------------------------------- */
  .landing__banner{

   background-image: url(../images/refocus_landing_bg_sygis4_2018.jpg);

 /*   background-image: url(../images/refocus_landing_bg_kevad_2018_2.jpg);*/
    background-color: #fff;
    background-repeat: no-repeat;
    -webkit-background-position: 70% center;
    -moz-background-position: 70% center;
    -ms-background-position: 70% center;
    -o-background-position: 70% center;
    background-position: 70% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto 100%;
    background-size: cover;
    background-size: cover;
  }
    /*@media(min-width:480px){
      .landing__banner{
        background-position: 55% center;
      }
    }
    @media(min-width:768px){
      .landing__banner{
        background-position: center center;
      }
    }*/

    @media(min-width: 992px) {
      .landing__banner {
        -webkit-background-position: center;
        -moz-background-position: center;
        -ms-background-position: center;
        -o-background-position: center;
        background-position: center;
      }
    }
  .landing__intro{
    height: 420px;
    padding-bottom: 50px; /* to offset vertical align */
  }
    @media(min-width:768px){
      .landing__intro{
        height: 480px;
        padding-bottom: 90px; /* to offset vertical align */
      }
    }

  .landing__intro:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
  }
  .landing__intro--inner{
    display: inline-block;
    vertical-align: bottom;
  }
    @media(min-width:768px){
      .landing__intro--inner{
        vertical-align: middle;
      }
    }
    /* banner big text */
  .landing__heading{
    margin-bottom: 5px;
  }
  .landing__heading h1,
  .landing__heading h2,
  .landing__heading h3,
  .landing__heading b,
  .landing__heading strong{
    margin: 0;
  }
  .landing__heading,
  .landing__heading h1,
  .landing__heading h2,
  .landing__heading h3{
    font-size: 28px;
    color: #252e2e;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    @media(min-width:768px){
      .landing__heading,
      .landing__heading h1,
      .landing__heading h2,
      .landing__heading h3{
        font-size: 38px;
      }
    }

  .landing__heading b,
  .landing__heading strong{
    display: block;
    font-size: 32px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    @media(min-width:768px){
      .landing__heading b,
      .landing__heading strong{
        font-size: 44px;
      }
    }
    /* banner smaller rext*/
  .landing__text{
    margin-bottom: 18px;
  }
  .landing__text span,
  .landing__text p{
    margin: 0;
  }
  .landing__text,
  .landing__text span,
  .landing__text p{
    font-size: 17px;
    color: #252e2e;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    @media(min-width:768px){
      .landing__text,
      .landing__text span,
      .landing__text p{
        font-size: 22px;
      }
    }

    /* banner button */
  .landing__location{
    padding: 3px 10px;
    background-color: #40c1ac;
  }
  .landing__location,
  .landing__location p,
  .landing__location span{
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }


/* PERSONNEL
** ========================================================================== */
/* Title
 * -------------------------------------------------------------------------- */
  .personnel__title{
    display: block;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 15px;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .personnel__title:before{
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 5px;
      background-color: #ebebeb;
      border-radius: 3px;
    }
/* Image
 * -------------------------------------------------------------------------- */
  .personnel__image{
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 66%;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
  }
/* Content
 * -------------------------------------------------------------------------- */
  .personnel__content{

  }
  .personnel__content ul{
    padding: 0;
    margin: 0 0 40px;
    list-style: none;
  }
  .personnel__content ul > li{
    margin: 0 0 2px;
    padding: 0 0 0 20px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .personnel__content ul > li:before{
      content: '\f105';
      position: absolute;
      top: 4px;
      left: 5px;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      color: #353730;
      border-radius: 0;
      background: transparent;

      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  .personnel__content a {
    border-bottom: 1px solid #c3e5e5;
    font-size: 15px;
    color: #00b0b9;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
    .personnel__content a:focus,
    .personnel__content a:hover{
      border-color: transparent;
      color: #00b0b9;
    }
/* Dots
 * -------------------------------------------------------------------------- */
  .personnel__dots{
    margin-top: 20px;
    margin-bottom: 30px;
  }

/* PRICES
** ========================================================================== */
/* Titles
 * -------------------------------------------------------------------------- */
  .user-content-scope-prices h2{
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .user-content-scope-prices h2:after{
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 5px;
      background-color: #ebebeb;
      border-radius: 4px;
    }

  .user-content-scope-prices h3{

  }
/* Tables
 * -------------------------------------------------------------------------- */
  /* those that have inline style, get important override (only width and height since editor only allows to change those), else regular style, so later you can easily override in css */
  .user-content-scope-prices table[style]{
    width: 100% !important;
  }
  .user-content-scope-prices table{
    width: 100%;
    border: none;
  }

  .user-content-scope-prices tbody[style]{
    width: 100% !important;

  }
  .user-content-scope-prices table>tbody{
    border: none;
  }

  .user-content-scope-prices tr[style]{
    width: 100% !important;
  }
  .user-content-scope-prices table>tbody>tr{
    border: none;
    border-top: 1px solid #d7e0e0;
  }
    .user-content-scope-prices table>tbody>tr:first-child{
      border-top: none;
    }

  .user-content-scope-prices td[style]{
    width: auto !important;
    max-width: auto !important;
  }
  .user-content-scope-prices table>tbody>tr>td{
    border: none;
    padding: 6px 10px 10px;
  }
    .user-content-scope-prices table>tbody>tr>td:first-child{
      width: 75%;
      max-width: 75%;
      padding-left: 0;
    }
    .user-content-scope-prices table>tbody>tr>td:last-child{
      padding-right: 0;
    }


/* CONTACT
** ========================================================================== */
/* Title
 * -------------------------------------------------------------------------- */
  .contact__title{
    margin-bottom: 30px;
    line-height: 1.1;
    font-size: 27px;
    color: #19bdc5;
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .contact__title--link{
    margin: 0;
    line-height: 1.1;
    font-size: 27px;
    color: #19bdc5;
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .contact__title--link:focus,
    .contact__title--link:hover{
      color: #19bdc5;
    }
/* Address line
 * -------------------------------------------------------------------------- */
  .contact__address{
    margin-bottom: 15px;
    line-height: 1.1;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansbold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Thumbnail
 * -------------------------------------------------------------------------- */
  .contact__thumbnail{
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 55%;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
  }
/* Find us link
 * -------------------------------------------------------------------------- */
  .contact__find-us--link{
    margin-bottom: 15px;
    font-size: 15px;
    color: #00b0b9;
    font-family: "latoregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .contact__find-us--link:before{
      content: "\f278";
      margin-right: 10px;
      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .contact__find-us--link:focus,
    .contact__find-us--link:hover{
      color: #00b0b9;
    }
  .contact__find-us--text{
    border-bottom: 1px solid #c3e5e5;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
  }
    .contact__find-us--text:focus,
    .contact__find-us--text:hover{
      border-color: transparent;
    }
/* Seperator
 * -------------------------------------------------------------------------- */
  .contact__seperator{
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #dddddd;
  }
/* Big seperator (with dots)
 * -------------------------------------------------------------------------- */
  .contacts-seperator{
    margin-bottom: 30px;
  }
  .contacts-seperator__half{
    float: left;
    width: 50%;
  }
  .contacts-seperator__half:before{
    content: "";
    display: table;
    clear: both;
  }


/* LOCATION
** ========================================================================== */
  .location__main-info{
    margin-bottom: 20px;
  }
/* Info
 * -------------------------------------------------------------------------- */
  .location-info{
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
  }
  .location-info li{
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;

  }
    .location-info__mobile:before,
    .location-info__phone:before,
    .location-info__email:before{
      display: block;
      position: absolute;
      top: 5px;
      color: #00b0b9;
      font: normal normal normal 16px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .location-info__mobile:before{
      content: "\f10b";
      left: 6px;
    }

    .location-info__phone:before{
      content: "\f095";
      left: 4px;
    }

    .location-info__email:before{
      content: "\f0e0";
      left: 2px;
    }

  .location-info__link{
    border-bottom: 1px solid #c3e5e5;
    font-size: 15px;
    color: #00b0b9;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Map title
 * -------------------------------------------------------------------------- */
  .location-map__title{
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 15px;
  }
  .location-map__title:before{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #ebebeb;
  }
  .location-map__title:after{
    content: '';
    display: table;
    clear: both;
  }

  .location-map__title--primary{
    float: left;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .location-map__title--secondary{
    cursor: pointer;
    float: right;
    line-height: 1;
    position: relative;
    bottom: -3px;
    padding-left: 25px;
    font-size: 16px;
    color: #00b0b9;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .location-map__title--secondary:before{
      content: "\f18e";
      position: absolute;
      top: -1px;
      left: 2px;
      color: #00b0b9;

      font: normal normal normal 19px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .location-map__title--secondary.active:before{
      content: "\f190";
    }
  .location-map__title--secondary.active .location-map__title--secondary--unactive{
    display: none;
  }
  .location-map__title--secondary .location-map__title--secondary--active{
    display: none;
  }
  .location-map__title--secondary.active .location-map__title--secondary--active{
    display: block;
  }
/* Map
 * -------------------------------------------------------------------------- */
  .location-map{}

  .location-map__content{
    position: relative;
    margin-bottom: 50px;
  }
    .location-map__content:after{
      content: '';
      display: table;
      clear: both;
    }

  .location-map__gmap--container{
    overflow: hidden;
  }
  @media(min-width:768px){
    .location-map__gmap--container{
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }

  .location-map__gmap{
    display: block;
    z-index: 0;

    -webkit-transition: transform 1.5s ease;
    -moz-transition: transform 1.5s ease;
    -o-transition: transform 1.5s ease;
    transition: transform 1.5s ease;
  }
  @media(min-width:768px){
    .location-map__gmap{
      position: absolute;
      top: 9px; /* half of .location-map__directions-title font-size */
      right: 0;
      bottom: 9px;  /* half of .location-map__directions-title font-size */
      left: 0;
      -ms-transform: translateX(-40%);
      -webkit-transform: translateX(-40%);
      transform: translateX(-40%);
    }
  }
    /* google maps */
    .location-map__gmap > div{
      height: 100%;
    }

  @media(min-width:768px){
    .location-map__gmap.active{
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
/* Map directions
 * -------------------------------------------------------------------------- */
  .location-map__directions{
    position: relative;
    display: block;
    z-index: 1;
    background-color: #fff;
  }
  @media(min-width:768px){
    .location-map__directions{
      width: 80%;
      float: right;
      padding-left: 35px; /* sets .location-map__directions--foot, .location-map__directions--public-transporation, .location-map__directions--car, .location-map__directions--parking left*/

      -webkit-transition: transform 1.5s ease, opacity 1.5s ease;
      -moz-transition: transform 1.5s ease, opacity 1.5s ease;
      -o-transition: transform 1.5s ease, opacity 1.5s ease;
      transition: transform 1.5s ease, opacity 1.5s ease;

    }
  }

  @media(min-width:768px){
    .location-map__directions.active{
      -ms-transform: translateX(105%);
      -webkit-transform: translateX(105%);
      transform: translateX(105%);
      opacity: 0;
    }
      .location-map__directions:after{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; /* half width of location-map__directions--foot */
        background-color: #fff;

        -webkit-transition: transform 1.5s ease;
        -moz-transition: transform 1.5s ease;
        -o-transition: transform 1.5s ease;
        transition: transform 1.5s ease;

        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
      }
      .location-map__directions.active:after{
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
  }

  .location-map__directions--single{
    position: relative;
    margin-bottom: 35px;
  }
    .location-map__directions--single:last-child{
      margin-bottom: 0;
    }

    .location-map__directions--foot,
    .location-map__directions--public-transporation,
    .location-map__directions--car,
    .location-map__directions--parking{
      position: relative;
      display: inline-block;
      height: 45px; /* sets pseudo element line height*/
      width: 45px;
      border-radius: 50%;
      z-index: 1;
    }
      @media(min-width:768px){
        .location-map__directions--foot,
        .location-map__directions--public-transporation,
        .location-map__directions--car,
        .location-map__directions--parking{
          position: absolute;
          left: 0;
          top: 0;
          left: -35px; /* padding left of location-map__directions */
          height: 60px; /* sets pseudo element line height*/
          width: 60px;
          margin-left: -30px;
          margin-top: -20px; /* font-size of location-map__directions-title - 2 */
          background-color: #fff;
        }
      }

    .location-map__directions--foot:before,
    .location-map__directions--public-transporation:before,
    .location-map__directions--car:before,
    .location-map__directions--parking:before{
      display: block;
      text-align: center;
      font: normal normal normal 16px/45px FontAwesome; /* lineheight same as parent height */
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #19bdc5;
    }
      @media(min-width:768px){
        .location-map__directions--foot:before,
        .location-map__directions--public-transporation:before,
        .location-map__directions--car:before,
        .location-map__directions--parking:before{
          font: normal normal normal 18px/60px FontAwesome; /* lineheight same as parent height */
        }
      }

    .location-map__directions--foot:after,
    .location-map__directions--public-transporation:after,
    .location-map__directions--car:after,
    .location-map__directions--parking:after{
      content: '';
      display: block;
      position: absolute;
      top: 6px;
      right: 6px;
      bottom: 6px;
      left: 6px;
      border-radius: 50%;
      border: 3px solid #19bdc5;
    }
      @media(min-width:768px){
        .location-map__directions--foot:after,
        .location-map__directions--public-transporation:after,
        .location-map__directions--car:after,
        .location-map__directions--parking:after{
          top: 10px;
          right: 10px;
          bottom: 10px;
          left: 10px
        }
      }
  .location-map__directions--foot{

  }
    .location-map__directions--foot:before{
      content: "\f183";
    }
  .location-map__directions--public-transporation{

  }
    .location-map__directions--public-transporation:before{
      content: "\f207";
    }
  .location-map__directions--car{

  }
    .location-map__directions--car:before{
      content: "\f1b9";
    }
  .location-map__directions--parking{

  }
    .location-map__directions--parking:before{
      content: "P";
      font-size: 20px;
      color: #19bdc5;
      font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
    }

  .location-map__directions-title{
    display: inline;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  @media(min-width:768px){
    .location-map__directions-title{
      display: inline-block;
    }
  }
/* Map directions minified
 * -------------------------------------------------------------------------- */
  .location-map__directions-minified--single{
    position: relative;
    display: block;
    margin-bottom: 10px;
    color: #353730;
  }
    .location-map__directions-minified--single:focus,
    .location-map__directions-minified--single:hover{
      color: #353730;
    }

  @-webkit-keyframes to-visible {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @-moz-keyframes to-visible {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @-o-keyframes to-visible {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes to-visible {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }

  @-webkit-keyframes to-hidden {
    0%   { opacity: 1; }
    100% { opacity: 0; }
  }
  @-moz-keyframes to-hidden {
    0%   { opacity: 1; }
    100% { opacity: 0; }
  }
  @-o-keyframes to-hidden {
    0%   { opacity: 1; }
    100% { opacity: 0; }
  }
  @keyframes to-hidden {
    0%   { opacity: 1; }
    100% { opacity: 0; }
  }
  .location-map__directions-minified{
    position: absolute;
    top: 24px; /* offset + .location-map__gmap top value */
    right: 15px;
    opacity: 0;
    z-index: 0;
  }
  .location-map__directions-minified.active{
    -webkit-animation to-visible 1.5s 1s 1 ease forwards;
    -moz-animation: to-visible 1.5s 1s 1 ease forwards;
    -o-animation: to-visible 1.5s 1s 1 ease forwards;
    animation: to-visible 1.5s 1s 1 ease forwards;
  }
  .location-map__directions-minified.inactive{
    -webkit-animation to-hidden 1s 0s 1 ease forwards;
    -moz-animation: to-hidden 1s 0s 1 ease forwards;
    -o-animation: to-hidden 1s 0s 1 ease forwards;
    animation: to-hidden 1s 0s 1 ease forwards;
  }

  /* icons */
  .location-map__directions-minified--icon{
    position: relative;
    display: inline-block;
    height: 60px; /* sets pseudo element line height*/
    width: 60px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
  }
    .location-map__directions-minified--icon:before{
      display: block;
      text-align: center;
      color: #19bdc5;
      font: normal normal normal 18px/60px FontAwesome; /* lineheight same as parent height */
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .location-map__directions-minified--icon:after{
      content: '';
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px;
      border-radius: 50%;
      border: 3px solid #19bdc5;
    }
  .location-map__directions-minified--foot{

  }
    .location-map__directions-minified--foot:before{
      content: "\f183";
    }
  .location-map__directions-minified--public-transporation{

  }
    .location-map__directions-minified--public-transporation:before{
      content: "\f207";
    }
  .location-map__directions-minified--car{

  }
    .location-map__directions-minified--car:before{
      content: "\f1b9";
    }
  .location-map__directions-minified--parking{

  }
    .location-map__directions-minified--parking:before{
      content: "P";
      font-size: 20px;
      font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
    }

  /* iconts popup */
  .location-map__directions-minified--single--content{
    display: none;
    position: absolute;
    top: 5px;
    right: 100%;
    width: 310px;
    margin-right: 20px;
    padding: 20px 15px;
    color: #353730;
    background-color: #fff;
    font-style: 12px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    line-height: 1.3;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.5);
  }
  @media (min-width:768px) {
    .location-map__directions-minified--single--content{
      width: 310px;
    }
  }
  @media (min-width:992px) {
    .location-map__directions-minified--single--content{
      width: 370px;
    }
  }
  @media (min-width:1200px) {
    .location-map__directions-minified--single--content{
      width: 480px;
    }
  }

  .location-map__directions-minified--single.active .location-map__directions-minified--icon,
  .location-map__directions-minified--single:hover .location-map__directions-minified--icon{
    background-color: #19bdc5;
  }
    .location-map__directions-minified--single.active .location-map__directions-minified--icon:before,
    .location-map__directions-minified--single:hover .location-map__directions-minified--icon:before{
      color: #fff;
    }

  .location-map__directions-minified--single.active .location-map__directions-minified--single--content,
  .location-map__directions-minified--single:hover .location-map__directions-minified--single--content{
    display: inline-block;
  }

    .location-map__directions-minified--single--content:after{
      content: "";
      display: block;
      position: absolute;
      left: 100%;
      top: 17px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7.5px 0 7.5px 10px;
      border-color: transparent transparent transparent #ffffff;
    }
/* Gallery
 * -------------------------------------------------------------------------- */
  .location-gallery{
  }

  .location-gallery__title{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 21px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .location-gallery__title:after{
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #ebebeb;
  }

  .location-gallery__gallery{
    margin-bottom: 50px;
  }


/* CONTACT INFO
** ========================================================================== */
  .contact-info__contact-info{
    padding: 0;
    margin: 0 0 25px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .contact-info__contact-info li{
    margin-bottom: 5px;
  }
/* Title
 * -------------------------------------------------------------------------- */
  .contact-info__title{
    margin-bottom: 10px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansbold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Contact information
 * -------------------------------------------------------------------------- */
  .contact-info__mobile,
  .contact-info__phone{
    position: relative;
    padding-left: 30px;
  }
    .contact-info__mobile:before,
    .contact-info__phone:before{
      display: block;
      position: absolute;
      top: 4px;
      left: 2px;
      color: #00b0b9;
      font: normal normal normal 21px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .contact-info__mobile:before{
      content: "\f10b";
    }
    .contact-info__phone:before{
      content: "\f095";
      font-size: 17px;
    }

  .contact-info__mobile{
  }

  .contact-info__phone{
  }

  .contact-info__additional {
    padding-left: 30px;
  }

/* OPEN TIMES
** ========================================================================== */
  .open-times{
    display: block;
    line-height: 1.1;
    margin-bottom: 25px;
  }
  .open-times:after{
    content: "";
    display: table;
    clear: both;
  }
/* Blocks
 * -------------------------------------------------------------------------- */
  .open-times__half{
    float: left;
    width: 50%;
  }
/* Label
 * -------------------------------------------------------------------------- */
  .open-times__label{
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Times
 * -------------------------------------------------------------------------- */
  .open-times__times{
    line-height: 1.3;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .open-times__times--secondary{
    display: block;
    color: #999999;
  }


/* REGISTER RESEARCH
** ========================================================================== */
  .body--register{
    position: relative;
    min-height: 100%;
    background-color: #cbebef;
  }

  @media (min-width: 1200px){
    .body--register .container {
      width: 800px;
    }
  }

  @media (min-width: 992px){
    .body--register .container {
      width: 800px;
    }
  }
/* Background
 * -------------------------------------------------------------------------- */
  .page-bg{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 500px;
    width: 100%;
    -webkit-background-position: left top;
    -moz-background-position: left top;
    -ms-background-position: left top;
    -o-background-position: left top;
    background-position: left top;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/refocus_landing_bg_sygis4_2018.jpg);
  }
  @media(min-width: 768px) {
    .page-bg {
      -webkit-background-position: 70% top;
      -moz-background-position: 70% top;
      -ms-background-position: 70% top;
      -o-background-position: 70% top;
      background-position: 70% top;
    }
  }
  @media (min-width: 992px){
    .page-bg {
      -webkit-background-position: center top;
      -moz-background-position: center top;
      -ms-background-position: center top;
      -o-background-position: center top;
      background-position: center top;
    }
  }

  .page-bg:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(203,235,239,0);
    background: -moz-linear-gradient(top, rgba(203,235,239,0) 0%, rgba(203,235,239,0) 50%, rgba(203,235,239,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,235,239,0)), color-stop(50%, rgba(203,235,239,0)), color-stop(100%, rgba(203,235,239,1)));
    background: -webkit-linear-gradient(top, rgba(203,235,239,0) 0%, rgba(203,235,239,0) 50%, rgba(203,235,239,1) 100%);
    background: -o-linear-gradient(top, rgba(203,235,239,0) 0%, rgba(203,235,239,0) 50%, rgba(203,235,239,1) 100%);
    background: -ms-linear-gradient(top, rgba(203,235,239,0) 0%, rgba(203,235,239,0) 50%, rgba(203,235,239,1) 100%);
    background: linear-gradient(to bottom, rgba(203,235,239,0) 0%, rgba(203,235,239,0) 50%, rgba(203,235,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbebef', endColorstr='#cbebef', GradientType=0 );
  }
/* Header
 * -------------------------------------------------------------------------- */
  .register-header{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .register-header__brand{
    margin-bottom: 35px;
  }
/* Header titles
 * -------------------------------------------------------------------------- */
  .register-header__text{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .register-header__title{
    margin-bottom: 20px;
  }
  .register-header__title h1,
  .register-header__title h2,
  .register-header__title h3{
    margin: 0;
  }

  .register-header__title,
  .register-header__title h1,
  .register-header__title h2,
  .register-header__title h3{
    line-height: 1.3;
    font-size: 29px;
    color: #252e2e;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .register-header__title--secondary,
  .register-header__title--secondary span,
  .register-header__title--secondary p{
    margin: 0;
    line-height: 1.3;
    font-size: 18px;
    color: #252e2e;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Content block/title
 * -------------------------------------------------------------------------- */
  .register-content{
    position: relative;
    background-color: #fff;
    padding: 55px 50px 40px;
    margin-bottom: 50px;
  }
    .register-content.loading:before{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background-color: #d3d3d3;
      opacity: 0.7;
      z-index: 1;
    }
    .register-content.loading:after{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      background-repeat: no-repeat;
      background-size: 120px 120px;
      background-position: center center;
      background-image: url(../assets/loader.svg);
      z-index: 1;
    }
    .no-svg .register-content.loading:after{
      background-image: url(../images/loader.gif);
    }

  .register-content__title{
    text-align: center;
    margin: 0 0 25px;
  }

  .register-content__title h1,
  .register-content__title h2,
  .register-content__title h3{
    margin: 0;
  }
  .register-content__title,
  .register-content__title h1,
  .register-content__title h2,
  .register-content__title h3{
    font-size: 29px;
    color: #19bdc5;
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Form
 * -------------------------------------------------------------------------- */
  .register-form{
    padding-bottom: 30px;
  }
    @media(min-width:768px){
      .register-form{
        width: 60%;
        float: left;
      }
    }

  .register-info{
    padding-top: 20px;
    padding-bottom: 30px;
  }
    @media(min-width:768px){
      .register-info{
        width: 35%;
        float: right;
      }
    }

  .register-form__single-block{
    display: block;
    margin-bottom: 15px;
  }

  .register-form__single-block--label{
    display: inline-block;
    font-size: 11px;
    color: #353730;
    text-transform: uppercase;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .register-form__single-block--field{
    display: block;
    outline: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid transparent;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #f7f7f7;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .register-form__single-block.error .register-form__single-block--field{
    border: 1px solid #C4444D;
  }

  .register-form__single-block--field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color: #9b9b9b;
  }
  .register-form__single-block--field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color: #9b9b9b;
     opacity: 1;
  }
  .register-form__single-block--field::-moz-placeholder { /* Mozilla Firefox 19+ */
     color: #9b9b9b;
     opacity: 1;
  }
  .register-form__single-block--field:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #9b9b9b;
  }

  .register-form__single-block--field-short{
    max-width: 130px;
  }

  .register-form__single-block--textfield{
    height: 100px;
    max-height: 100px;
    resize: none;
  }
/* Form Button
 * -------------------------------------------------------------------------- */
  .btn__register-submit{
    position: relative;
    padding: 15px 60px;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #40c1ac;
  }
  .btn__register-submit:hover,
  .btn__register-submit:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
    color: #fff;
  }
  .btn__register-submit:active{
    outline: none!important;
  }
  .register-content.loading .btn__register-submit{
    // color: transparent;
  }
    .register-content.loading .btn__register-submit:before{

    }
/* Dropdown
 * -------------------------------------------------------------------------- */
  .btn__register--dropdown{
    position: relative;
    text-align: left;
    width: 200px;
    border: 1px solid transparent;
    padding: 10px 40px 10px 15px;
    border-radius: 4px !important;
    background-color: #f7f7f7;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  .register-form__single-block.error .btn__register--dropdown{
    border: 1px solid #C4444D;
  }
  .btn__register--dropdown:after{
    content: '\f0d7';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    font: normal normal normal 15px/44px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .btn__register--dropdown:focus,
  .btn__register--dropdown:active,
  .btn-group.open .btn__register--dropdown{
    -webkit-box-shadow: none;
    box-shadow: none;
  }
/* Dropdown text
 * -------------------------------------------------------------------------- */
  .btn__register--dropdown-text{
    display: block;
    overflow: hidden;
  }

  .btn__register--dropdown-menu{
    min-width: 100%;
    background-color: #f7f7f7;
  }
  .btn__register--dropdown-menu li{
    cursor: pointer;
    white-space: nowrap;
    padding: 5px 13px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Error
 * -------------------------------------------------------------------------- */
  .register-form__single-block--error{
    font-size: 14px;
    color: #C4444D;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }


/* HIRE PURCHASE
** ========================================================================== */
  .body--hire-purchase.no-overflow{
    overflow: hidden;
  }

  .hire-purchase__content{
    display: none;
  }
  .hire-purchase__content.active{
    display: block;
  }
/* Messages box
 * -------------------------------------------------------------------------- */
  .hire-purchase-messages__container{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1000;
    text-align: center;
  }
  .hire-purchase-messages__container.active{
    display: block;
  }
    .hire-purchase-messages__container:before{
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-left: -1px; /* Adjusts for spacing */
    }

  .hire-purchase-messages__message{
    display: inline-block;
    width: 70%;
    background-color: #fff;
    padding: 30px 15px;
    vertical-align: middle;
    border: 1px solid #19bdc5;

    line-height: 1.2;
    margin: 0;
    font-size: 27px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #19bdc5;
  }
    @media(min-width:768px){
      .hire-purchase-messages__message{
        width: 450px;
      }
    }
    @media(min-width:992px){
      .hire-purchase-messages__message{
        width: 582px;
      }
    }
    @media(min-width:1200px){
      .hire-purchase-messages__message{
        width: 702px;
      }
    }

  .hire-purchase-messages__message span{
    display: block;
    margin-bottom: 5px;
  }
  .hire-purchase-messages__message hr{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .hire-purchase-messages__close{
    display: inline-block;
    position: relative;
    margin-top: 15px;
    padding: 10px 30px;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #40c1ac;
  }
/* Confirm messages
 * -------------------------------------------------------------------------- */
  .hire-purchase-confirm__conditions{
    margin-bottom: 30px;
  }
  /* Title */
  .hire-purchase-confirm__title{
    line-height: 1.2;
    margin: 55px 0 20px;
    font-size: 27px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #19bdc5;
  }

  /* Single contition block*/
  .hire-purchase-confirm__condition{
    margin-bottom: 5px;
  }

  /* Label */
  .hire-purchase-confirm__condition-label{
    display: inline-block;
    margin-bottom: 2px;
    font-size: 11px;
    color: #353730;
    text-transform: uppercase;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  /* Value */
  .hire-purchase-confirm__condition-value{
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 17px;
    color: #353730;
    line-height: 1.1;
  }

  .hire-purchase-confirm__conditions-link-container{
    margin-bottom: 15px;
  }
/* Confirm form
 * -------------------------------------------------------------------------- */
  /* Link label */
  .hire-purchase-confirm__condition-link-label{
    font-size: 15px;
    line-height: 1.6;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  /* Link */
  .hire-purchase-confirm__condition-link{
    font-size: 15px;
    line-height: 1.6;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #00b0b9;
    text-decoration: none;
    border-bottom: solid 1px #c3e5e5;
    -webkit-transition: color 0.2s ease, border 0.2s ease;
    -moz-transition: color 0.2s ease, border 0.2s ease;
    -o-transition: color 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, border 0.2s ease
  }
    .hire-purchase-confirm__condition-link:hover,
    .hire-purchase-confirm__condition-link:focus{
      color: #00b0b9;
      text-decoration: none;
      border-bottom-color: transparent;
    }

  .hire-purchase-confirm__form-checkbox-label{
    display: inline-block;
    font-size: 15px;
    margin-bottom: 15px;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .hire-purchase-confirm__form-button{
    position: relative;
    padding: 10px 30px;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #40c1ac;
  }
    .hire-purchase-confirm__form-button:hover,
    .hire-purchase-confirm__form-button:focus{
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none!important;
      color: #fff;
    }
    .hire-purchase-confirm__form-button:active {
      outline: none!important;
    }
/* Sign contract
 * -------------------------------------------------------------------------- */
  .hire-purchase-sign{

  }
  /* Title */
  .hire-purchase-sign__title{
      font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
      font-size: 17px;
      color: #353730;
      margin: 10px 0 5px;
      line-height: 1.1;
  }
  /* Content */
  .hire-purchase-sign__content{
    font-size: 15px;
    line-height: 1.6;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
  /* Link */
  .hire-purchase-sign__link{
    font-size: 15px;
    line-height: 1.6;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #00b0b9;
    text-decoration: none;
    border-bottom: solid 1px #c3e5e5;
    -webkit-transition: color 0.2s ease, border 0.2s ease;
    -moz-transition: color 0.2s ease, border 0.2s ease;
    -o-transition: color 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, border 0.2s ease
  }
    .hire-purchase-sign__link:hover,
    .hire-purchase-sign__link:focus{
      color: #00b0b9;
      text-decoration: none;
      border-bottom-color: transparent;
    }


/* HIRE PURCHASE FORM
** ========================================================================== */
  .hire-purchase-form{
    padding-top: 20px;
    padding-bottom: 20px;
  }
/* Title
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__title{
    margin-bottom: 20px;
  }
  .hire-purchase-form__title h1,
  .hire-purchase-form__title h2,
  .hire-purchase-form__title h3{
    margin: 0;
  }
  .hire-purchase-form__title,
  .hire-purchase-form__title h1,
  .hire-purchase-form__title h2,
  .hire-purchase-form__title h3{
    line-height: 1.2;
    font-size: 27px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    color: #19bdc5;
  }
/* Block
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__single-block{
    display: block;
    margin-bottom: 15px;
  }
/* Label
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__label{
    display: inline-block;
    margin-bottom: 2px;
    font-size: 11px;
    color: #353730;
    text-transform: uppercase;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Input
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__input{
    display: block;
    outline: none;
    width: 100%;
    max-width: 100%;
    border: 0 none;
    padding: 8px 13px;
    border-radius: 4px;
    background-color: #f7f7f7;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .hire-purchase-form__single-block.error .hire-purchase-form__input{
      border: 1px solid #c4444d;
    }

  @media (min-width: 768px){
    .hire-purchase-form__input{
      width: 66.666667%;
    }
  }

  .hire-purchase-form__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color: #9b9b9b;
  }
  .hire-purchase-form__input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color: #9b9b9b;
     opacity: 1;
  }
  .hire-purchase-form__input::-moz-placeholder { /* Mozilla Firefox 19+ */
     color: #9b9b9b;
     opacity: 1;
  }
  .hire-purchase-form__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #9b9b9b;
  }
/* Dropdown button
 * -------------------------------------------------------------------------- */
  .btn__hire-purchase--dropdown{
    position: relative;
    text-align: left;
    /*width: 200px;*/
    width: auto;
    border: 0 none;
    padding: 8px 40px 8px 13px;
    border-radius: 4px !important;
    background-color: #f7f7f7;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .btn__hire-purchase--dropdown:after{
      content: '\f0d7';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 40px;
      border: 0 none;
      text-align: center;
      font: normal normal normal 15px/44px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

  .hire-purchase-form__single-block.error .btn__hire-purchase--dropdown{
    border: 1px solid #c4444d;
  }

  .btn__hire-purchase--dropdown:focus,
  .btn__hire-purchase--dropdown:active,
  .btn-group.open .btn__hire-purchase--dropdown{
    -webkit-box-shadow: none;
    box-shadow: none;
  }
/* Dropdown text
 * -------------------------------------------------------------------------- */
  .btn__hire-purchase-form--dropdown-text{
    display: block;
    overflow: hidden;
  }

  .btn__hire-purchase-form--dropdown-menu{
    min-width: 100%;
    background-color: #f7f7f7;
    max-height: 182px;
    overflow-y: auto;
  }
  .btn__hire-purchase-form--dropdown-menu li{
    cursor: pointer;
    white-space: nowrap;
    padding: 5px 20px 5px 13px;
    font-size: 15px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Checkbox
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__checkbox{
    display: inline-block;
    margin: 4px 4px 0 0;
  }

  .hire-purchase-form__label--checkbox{
    display: inline-block;
    font-size: 15px;
    margin-bottom: 15px;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  .hire-purchase-form__single-block.error .hire-purchase-form__label--checkbox{
    color: #C4444D;
  }
/* Error
 * -------------------------------------------------------------------------- */
  .form-block__error,
  .form-block__error p{
    font-size: 14px;
    color: #c4444d;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Services item
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__services-item{
    margin-bottom: 5px;
  }
 /* Services Name
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__services-name{
    position: relative;
    margin: 0 0 2px;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #353730;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    vertical-align: middle;
  }
    .hire-purchase-form__services-name:before{
      content: '\f105';
      position: absolute;
      top: 2px;
      left: 5px;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      color: #353730;
      border-radius: 0;
      background: transparent;
      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
/* Services Button
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__services-button{
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding: 0px 4px;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #40c1ac;
    vertical-align: middle;
  }
    .hire-purchase-form__services-button:focus,
    .hire-purchase-form__services-button:hover{
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none!important;
      color: #fff;
    }
    .hire-purchase-form__services-button:before{
      content: 'X';
    }
/* Price
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__price{
    margin-bottom: 15px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 17px;
    color: #353730;
    line-height: 1.1;
  }
/* Submit Button
 * -------------------------------------------------------------------------- */
  .hire-purchase-form__submit-button{
    position: relative;
    padding: 15px 60px;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    background-color: #40c1ac;
  }
  .hire-purchase-form__submit-button:hover,
  .hire-purchase-form__submit-button:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
    color: #fff;
  }
  .hire-purchase-form__submit-button:active{
    outline: none!important;
  }



/* THANK YOU MESSAGE
** ========================================================================== */
  .thank-you-message{
    text-align: center;
  }
/* Message
 * -------------------------------------------------------------------------- */
  .thank-you-message__message h1,
  .thank-you-message__message h2,
  .thank-you-message__message h3{
    margin: 0 0 20px;
    font-size: 32px;
    color: #353730;
    font-family: "latoblack", "Helvetica Neue", Helvetica, arial, sans-serif;
    line-height: 1.3;
  }

  .thank-you-message__message,
  .thank-you-message__message p,
  .thank-you-message__message span{
    margin: 0;
    font-size: 19px;
    color: #353730;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
    line-height: 1.3;
  }

  .thank-you-message__message{
    margin: 0 0 50px;
    padding-top: 130px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
  }
/* Cta
 * -------------------------------------------------------------------------- */
  .thank-you-message__cta-container{

  }
  .thank-you-message__cta-button{
    display: inline-block;
  }

  .thank-you-message__cta-button a{
    display: block;
    position: relative;
    height: 46px;
    border: 0 none;
    border-radius: 3px;
    padding: 0 20px 0 50px;
    background-color: #00b0b9;
    color: #ffffff;
    font-size: 16px;
    line-height: 46px;
    white-space: nowrap;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
    .thank-you-message__cta-button a:focus,
    .thank-you-message__cta-button a:hover{
      color: #ffffff;
    }
  .thank-you-message__cta-button a:before{
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      height: 46px;
      width: 50px;
      text-align: center;
      font: normal normal normal 18px/46px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  .thank-you-message__cta-button--directions a:before{
    content: "\f278";
  }

  .thank-you-message__cta-button--facebook a:before{
    content: "\f09a";
  }
/* Background
 * -------------------------------------------------------------------------- */
  .body--thank-you{
    height: 100%;
  }
    .body--thank-you:before{
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background-image: url(../images/refocus_footer_bg.png);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 100% auto;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-size: cover;
      opacity: 0.45;
      z-index: -1;
    }
/* FOOTER
** ========================================================================== */

  .footer{
    padding-top: 80px;
    padding-bottom: 50px
  }
/* Background (TODO)
 * -------------------------------------------------------------------------- */
  .footer--background{
    position: relative;
  }
    .footer--background:before{
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background-image: url(../images/refocus_footer_bg.png);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 100% auto;
      opacity: 0.45;
      z-index: -1;
    }
/* Heading
 * -------------------------------------------------------------------------- */
  .footer__heading{
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.4;
  }
  .footer__heading h1,
  .footer__heading h2,
  .footer__heading h3{
    margin: 0;
  }

  .footer__heading,
  .footer__heading h1,
  .footer__heading h2,
  .footer__heading h3{
    font-size: 29px;
    color: #19bdc5;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  }
/* Info
 * -------------------------------------------------------------------------- */
  .footer__info{
    color: #181915;
    font-size: 19px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

  /* to make sure phone doesnt get cut */
  .footer__info strong,
  .footer__info b{
    display: inline-block;
  }

  /* Small */
  .footer__small{
    margin-top: 15px;
    font-size: 15px;
    font-family: "open_sansitalic", "Helvetica Neue", Helvetica, arial, sans-serif;
  }


/* FOOTER FORM
** ========================================================================== */
/* Inputs
 * -------------------------------------------------------------------------- */

  .footer-form__input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    margin: 7px 0;
    vertical-align: top;
    /*max-width: 350px;*/
    /*overflow: hidden;*/
  }

  @media (min-width: 768px) {
    .footer-form__input {
      width: 66.66666667%;
    }
  }

  .footer-form__input input {
    position: absolute;
    display: block;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 26px 10px 10px 26px;
    margin: 0;
    border: none;
    border-radius: 0;

    font-size: 17px;
    line-height: 24px;
    text-align: left;
    color: #353730;
    background: transparent;

    -webkit-appearance: none; /* for box shadows to show on iOS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    // -webkit-touch-callout: none;
    // -webkit-user-select: none;
    // -khtml-user-select: none;
    // -moz-user-select: none;
    // -ms-user-select: none;
    // user-select: none;
  }

  .footer-form__input input:focus {
    outline: none;
  }

  .footer-form__input input::ms-clear {
    display: none;
  }

  .footer-form__input input:-webkit-autofill {
    padding: 0 9px 9px 25px;
    margin-top: 26px;
    border-left: solid 1px #C8C8C8;
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: #fff;
  }

  /* Label acts visually as a input */
  .footer-form .footer-form__input label {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    border: solid 1px #C8C8C8;
    text-align: left;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .footer-form__input .footer-form__label-content {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    padding: 19px 10px 19px 25px;
    color: #353730;
    -webkit-transition: -webkit-transform 0.2s ease-out, color 0.2s, font-size 0.2s ease;
    transition: transform 0.2s ease-out, color 0.2s, font-size 0.2s ease;
  }

  .input--filled .footer-form__label-content {
    font-size: 12px;
  }

  .footer-form__input input:focus + label .footer-form__label-content,
  .footer-form__input input:-webkit-autofill + label .footer-form__label-content,
  .input--filled.footer-form__input label .footer-form__label-content {
    color: #353730;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }

  .footer-form .form_error {
    display: none;
  }

  .form__privacy-check input {
    margin-right: 2px;
    position: relative;
    bottom: -1px;
  }

/* Textarea
 * -------------------------------------------------------------------------- */

    .footer-form__textarea {
      position: relative;
      z-index: 1;
      display: inline-block;
      margin: 7px 0;
      width: 100%;
      vertical-align: top;
      overflow: hidden;
    }


    @media (min-width: 768px) {
      .footer-form__textarea {
        width: 83.33333333%;
      }
    }

    .footer-form__textarea label {
      position: absolute;
      z-index: 10;
      display: block;
      padding: 7px 10px 0px 26px;
      margin: 0;
      width: 100%;
      text-align: left;
      color: #353730;
      background: #fff;
      border: 1px solid #C8C8C8;
      border-bottom: none;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      font-size: 12px;
      font-weight: normal;
      line-height: 20px;
    }

    .footer-form__textarea textarea {
      display: block;
      width: 100%;
      min-height: 160px;
      padding: 26px 10px 10px 26px;
      font-size: 16px;
      line-height: 1.4;
      color: #353730;
      border-radius: 4px;
      border: solid 1px #C8C8C8;
      background: #fff;
      resize:vertical;
      -webkit-appearance: none; /* for box shadows to show on iOS */
    }

    .footer-form__textarea textarea:focus {
      outline: none;
    }
/* Button
 * -------------------------------------------------------------------------- */


  .footer-form .form_submit { /* Voog generated class names */
    margin-top: 7px;
  }

  .footer-form .form_submit input { /* Voog generated class names */
    padding: 15px 20px 15px 50px;
    border: 0 none;
    border-radius: 4px;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 27px;
    text-align: center;
    background: #19bdc5;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
    .footer-form .form_submit:before{
      content: "\f1d8";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 17px;
      display: inline-block;
      color: #fff;
      font: normal normal normal 16px/57px FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    @media(min-width:768px){
      .footer-form .form_submit input { /* Voog generated class names */
      }
    }

  .footer-form .form_submit input:hover { /* Voog generated class names */
    background: #19bdc5;
  }

  .footer-form .form_submit input:focus { /* Voog generated class names */
    outline: none;
  }
/* Errors
 * -------------------------------------------------------------------------- */

  .footer-form .form_field_error { /* Voog generated class names */
    padding-top: 4px;
    font-size: 12px;
    color: #cc0000;
  }
/* JS shake overwrite
 * -------------------------------------------------------------------------- */

  .footer-form .form_submit.js-shake-button:after { /* Voog generated class names */
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    text-transform: uppercase;
  }

  .footer-form .form_submit.js-shake-error input { /* Voog generated class names */
    color: transparent;
  }


/* FIXED TOP
** ========================================================================== */
/* Fixed top
 * -------------------------------------------------------------------------- */

  .fixed-top {
    position: fixed;
    z-index: 2000;
    top: 0;
    height: 0;
    left: -9999px;
    right: 9999px;
  }

    .dl-menu--open .fixed-top {
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      background: rgba(0,176,185,0.98);
      overflow-y: auto;
    }


/* FIXED BOTTOM
** ========================================================================== */
/* Fixed bottom
 * -------------------------------------------------------------------------- */
  .fixed-bottom {
    position: fixed;
    z-index: 2001;
    left: 0;
    right: 0;
    bottom: -1px;
    padding-bottom: 1px;
    height: 61px;
    background: #00b0b9;
  }
/* Extend DL menu
 * -------------------------------------------------------------------------- */

  .dl-button {
    position: absolute;
    right: 0;
    bottom: 0;
    background: transparent !important;
  }


/* EDITMODE
** ========================================================================== */
/* Blocks
 * -------------------------------------------------------------------------- */
  .editmode-block{
    display: block;
  }
/* Titles
 * -------------------------------------------------------------------------- */
  .editmode-title{
    display: block !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    font-size: 21px !important;
    border-bottom: 1px solid #353730 !important;
    color: #353730 !important;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif !important;
  }
/* Labels
 * -------------------------------------------------------------------------- */
  .editmode-label{
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-size: 15px !important;
    color: #353730 !important;
    font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif !important;
  }
  .editmode-small-label{
    display: block !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
    color: #999999 !important;
    font-family: "latoitalic", "Helvetica Neue", Helvetica, arial, sans-serif !important;
  }
/* Editmode seperator
 * -------------------------------------------------------------------------- */
  hr.editmode-seperator{
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #ccc;
  }


  @media(max-width:767px){
    .zopim{
      right: auto!important;
      left: 10px;
      bottom: 12px!important;
    }
  }


.notification {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  flex-direction: row;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  position: fixed;
  padding: 10px 40px;
  top: 0;
  right: 0;
  left: 0;
  background-color: #19bdc5;
  z-index: 2002;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2)
}

.notification__content {
  -ms-flex: 1 0 ;
      flex: 1 0 ;
  color: #fff;
}

.notification__content a {
  font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  text-decoration: underline;
  color: #fff;
}
.notification__content a:hover {
  color: #fff;
  text-decoration: underline;
}
.notification__content a:focus {
  color: #fff;
  text-decoration: underline;
}


.notification__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.notification__button-inner {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 10px 30px;
  min-width: 50px;
  color: #fff;
  background-color: #00aab3;
  cursor: pointer;
  font-family: "latobold", "Helvetica Neue", Helvetica, arial, sans-serif;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

.notification__button-inner:hover {
  background-color: #009199;
}
.notification__button-inner:focus {
  background-color: #009199;
}

.notification-center {
  padding: 30px 40px;
  width: 35%;
  right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notification-edit .notification {
  padding: 2px 40px;
}
.notification-edit.hidden {
  display: block !important;
}

@media(max-width: 767px) {
  .notification {
    width: 80%;
    flex-direction: column;
  }

  .notification__content {
    flex: 1 0 auto;
    max-width: 100%;
    font-size: 12px;
  }

  .notification__button {
    margin-top: 15px;
  }
  .notification-center {
    padding: 20px 20px;
  }
}

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

.footer__bottom {
  padding-top: 50px;
  color: #19bdc5;
  font-weight: 600;
}