@charset "UTF-8";
@font-face {
  font-family: 'proxima_nova_softbold';
  src: url("../../font/proximanovasoft-bold-webfont.eot");
  src: url("../../font/proximanovasoft-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../font/proximanovasoft-bold-webfont.woff2") format("woff2"), url("../../font/proximanovasoft-bold-webfont.woff") format("woff"), url("../../font/proximanovasoft-bold-webfont.ttf") format("truetype"), url("../../font/proximanovasoft-bold-webfont.svg#proxima_nova_softbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_novalight';
  src: url("../../font/proximanova-light-webfont.eot");
  src: url("../../font/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../font/proximanova-light-webfont.woff2") format("woff2"), url("../../font/proximanova-light-webfont.woff") format("woff"), url("../../font/proximanova-light-webfont.ttf") format("truetype"), url("../../font/proximanova-light-webfont.svg#proxima_novalight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../../font/proximanova-regular-webfont.eot");
  src: url("../../font/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../font/proximanova-regular-webfont.woff2") format("woff2"), url("../../font/proximanova-regular-webfont.woff") format("woff"), url("../../font/proximanova-regular-webfont.ttf") format("truetype"), url("../../font/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url("../../font/proximanova-bold-webfont.eot");
  src: url("../../font/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../font/proximanova-bold-webfont.woff2") format("woff2"), url("../../font/proximanova-bold-webfont.woff") format("woff"), url("../../font/proximanova-bold-webfont.ttf") format("truetype"), url("../../font/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@keyframes stars {
  from {
    opacity: 0;
    transform: scale(3); }
  to {
    opacity: 1;
    transform: scale(1); } }
@keyframes backgroundPosition {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 -1100px; }
  100% {
    background-position: 0 0; } }
@keyframes popup {
  0% {
    box-shadow: 0px 0px 3px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, -900px); }
  20% {
    box-shadow: 0px 0px 42px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 0px); }
  30% {
    box-shadow: 0px 0px 42px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 25px); }
  40% {
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 0px); }
  100% {
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 0px); } }
@keyframes popupOut {
  0% {
    box-shadow: 0px 0px 3px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 0px); }
  20% {
    box-shadow: 0px 0px 42px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, 25px); }
  50% {
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, -900px); }
  100% {
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    transform: translate3d(0px, 0px, -900px); } }
@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }
@keyframes color {
  100%, 0% {
    stroke: #0f866c; }
  40% {
    stroke: #0f866c; }
  66% {
    stroke: #25dca6; }
  80%, 90% {
    stroke: #25dca6; } }
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-appearance: none; }

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

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

body {
  padding: 0;
  margin: 0;
  background: #fafbfc;
  min-width: 768px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #3c3637; }
  body.show {
    overflow: hidden; }
  body .new_price {
    color: #25dca6; }
  body form i.fa-map-marker-alt {
    position: absolute;
    right: 20px;
    font-size: 28px;
    color: #0f866c;
    top: 10px;
    cursor: pointer; }

@media (max-width: 767px) {
  .c100-xs {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 768px) {
  .c66 {
    float: left;
    width: 66.6666%;
    padding-left: 10px;
    padding-right: 10px; } }
.allCities ul.cityList {
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  float: left;
  width: 100%;
  max-height: 729px;
  overflow: auto; }
  .allCities ul.cityList li a {
    float: left;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    color: #3c3637;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .allCities ul.cityList li a:hover {
      background: #f9f9f9; }
    .allCities ul.cityList li a.active {
      background: #f9f9f9; }
.allCities .resultUL {
  list-style-type: none;
  float: left;
  width: 100%;
  margin-bottom: 25px;
  background: #ffffff; }
  .allCities .resultUL li.title {
    float: left;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    background: #0f866c;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff; }
  .allCities .resultUL li a {
    float: left;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    color: #3c3637;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .allCities .resultUL li a span {
      position: absolute;
      right: 0;
      background: #f7f7f7;
      top: 0;
      height: 51px;
      width: 52px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-left: 1px solid #f1f1f1;
      font-weight: 400;
      color: #b3b3b3; }
    .allCities .resultUL li a:hover {
      background: #f9f9f9; }

.newUpload {
  margin-top: 25px;
  float: left;
  width: 100%; }
  .newUpload .newImage {
    width: 50%;
    height: 145px;
    float: left;
    margin-bottom: 10px; }
    .newUpload .newImage:nth-child(even) {
      padding-right: 7.5px; }
    .newUpload .newImage:nth-child(odd) {
      padding-left: 7.5px; }
    .newUpload .newImage .image {
      border: 2px dashed #e5e9ec;
      float: left;
      overflow: hidden;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .newUpload .newImage .image.wBigger img {
        width: 100%; }
      .newUpload .newImage .image.hBigger img {
        height: 100%; }
  .newUpload .newUploadFileButtonSquare {
    width: 100%;
    height: 145px;
    border: 2px dashed #e5e9ec;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 20px;
    color: #e5e9ec;
    float: left;
    position: relative;
    cursor: pointer; }
    .newUpload .newUploadFileButtonSquare span.text {
      position: absolute;
      bottom: 10px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #c3c6c9; }

.formulier .form {
  padding: 25px 30px;
  position: relative;
  background: #ffffff; }
  .formulier .form h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #0f866c; }
  .formulier .form p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    margin-top: 15px; }
    .formulier .form p a {
      color: #0f866c;
      text-decoration: none; }
  .formulier .form .boxQ {
    margin-top: 25px; }
  .formulier .form .number {
    float: left;
    width: 50px; }
    .formulier .form .number span {
      width: 38px;
      height: 38px;
      border-radius: 100%;
      background: #0f866c;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 20px;
      color: #ffffff;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center; }
  .formulier .form .content {
    float: left;
    width: calc(100% - 50px); }
    .formulier .form .content h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #0f866c;
      padding: 4px 0; }
    .formulier .form .content .inputBox {
      margin-top: 15px; }
      .formulier .form .content .inputBox .selectboxit {
        background: #ffffff; }
        .formulier .form .content .inputBox .selectboxit:hover {
          background: #ffffff !important; }
        .formulier .form .content .inputBox .selectboxit:active {
          background: #ffffff !important; }
        .formulier .form .content .inputBox .selectboxit:focus {
          background: #ffffff !important; }
      .formulier .form .content .inputBox .addImages {
        max-height: 0px;
        overflow: hidden;
        margin-top: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .formulier .form .content .inputBox .addImages.show {
          max-height: 500px;
          margin-top: 25px; }
      .formulier .form .content .inputBox textarea {
        float: left;
        width: 100%;
        height: 165px;
        border: 1px solid #e5e9ec;
        padding: 18px 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        resize: none;
        border-radius: 2px; }
        .formulier .form .content .inputBox textarea:focus {
          outline: none; }
      .formulier .form .content .inputBox input {
        border: 1px solid #e3e4e5;
        padding: 13px 20px;
        border-radius: 2px;
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637; }
        .formulier .form .content .inputBox input:focus {
          outline: none; }
      .formulier .form .content .inputBox .submit {
        background: #25dca6;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 22px;
        color: #ffffff;
        padding: 10px 20px;
        float: left;
        width: 100%;
        text-align: center;
        border: 0;
        cursor: pointer;
        border-radius: 1px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 20px; }
        .formulier .form .content .inputBox .submit:hover {
          background: #1fb78a; }
        .formulier .form .content .inputBox .submit span.small {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #ffffff;
          float: left;
          width: 100%; }
      .formulier .form .content .inputBox label {
        margin-top: 10px; }
        .formulier .form .content .inputBox label span {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637;
          top: 1px;
          position: relative;
          padding-left: 5px; }
.formulier .boxBlue {
  float: left;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(left, #1491bd 0%, #096a9d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1491bd 0%, #096a9d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1491bd 0%, #096a9d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1491bd', endColorstr='#096a9d',GradientType=1 );
  /* IE6-9 */
  padding: 40px 35px; }
  .formulier .boxBlue h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 5px; }
  .formulier .boxBlue ul {
    list-style-type: none; }
    .formulier .boxBlue ul li {
      color: white;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #ffffff;
      padding: 3px 0; }
      .formulier .boxBlue ul li span {
        padding-left: 10px; }
.formulier .contactBox {
  margin-top: 25px;
  background: #ffffff;
  padding: 30px 35px; }
  .formulier .contactBox h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #0f866c;
    margin-bottom: 5px; }
  .formulier .contactBox .img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    float: left; }
  .formulier .contactBox .content {
    float: left;
    width: calc(100% - 70px);
    padding-left: 10px; }
    .formulier .contactBox .content span {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 13px;
      color: #3c3637; }
      .formulier .contactBox .content span.blue {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #0f866c;
        padding-top: 9px; }

/* copy of section for login on comment on reviewwDetail*/
.commentSection {
  padding: 25px 30px;
  position: relative;
  background: #ffffff; }
  .commentSection textarea {
    float: left;
    width: 100%;
    height: 150px;
    border: 1px solid #e5e9ec;
    padding: 18px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    resize: none;
    border: 1px solid #e3e4e5 !important;
    border-radius: 2px; }
    .commentSection textarea:focus {
      outline: none; }
  .commentSection h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: #0f866c; }
  .commentSection p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    margin-top: 15px; }
    .commentSection p a {
      color: #0f866c;
      text-decoration: none; }
  .commentSection .boxQ {
    margin-top: 25px; }
  .commentSection .number {
    float: left;
    width: 50px; }
    .commentSection .number span {
      width: 38px;
      height: 38px;
      border-radius: 100%;
      background: #0f866c;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 20px;
      color: #ffffff;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center; }
  .commentSection .content {
    float: left;
    width: calc(100% - 50px); }
    .commentSection .content h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #0f866c;
      padding: 4px 0; }
    .commentSection .content .inputBox {
      margin-top: 15px; }
      .commentSection .content .inputBox .selectboxit {
        background: #ffffff; }
        .commentSection .content .inputBox .selectboxit:hover {
          background: #ffffff !important; }
        .commentSection .content .inputBox .selectboxit:active {
          background: #ffffff !important; }
        .commentSection .content .inputBox .selectboxit:focus {
          background: #ffffff !important; }
      .commentSection .content .inputBox .addImages {
        max-height: 0px;
        overflow: hidden;
        margin-top: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .commentSection .content .inputBox .addImages.show {
          max-height: 500px;
          margin-top: 25px; }
      .commentSection .content .inputBox input {
        border: 1px solid #e3e4e5;
        padding: 13px 20px;
        border-radius: 2px;
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637; }
        .commentSection .content .inputBox input:focus {
          outline: none; }
      .commentSection .content .inputBox .submit {
        background: #25dca6;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 22px;
        color: #ffffff;
        padding: 10px 20px;
        float: left;
        width: 100%;
        text-align: center;
        border: 0;
        cursor: pointer;
        border-radius: 1px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-bottom: 20px; }
        .commentSection .content .inputBox .submit:hover {
          background: #1fb78a; }
        .commentSection .content .inputBox .submit span.small {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #ffffff;
          float: left;
          width: 100%; }
      .commentSection .content .inputBox label {
        margin-top: 10px; }
        .commentSection .content .inputBox label span {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637;
          top: 1px;
          position: relative;
          padding-left: 5px; }
  .commentSection .boxBlue {
    float: left;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
    background: -moz-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1491bd 0%, #096a9d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1491bd', endColorstr='#096a9d',GradientType=1 );
    /* IE6-9 */
    padding: 40px 35px; }
    .commentSection .boxBlue h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 32px;
      color: #ffffff;
      margin-bottom: 5px; }
    .commentSection .boxBlue ul {
      list-style-type: none; }
      .commentSection .boxBlue ul li {
        color: white;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #ffffff;
        padding: 3px 0; }
        .commentSection .boxBlue ul li span {
          padding-left: 10px; }
  .commentSection .contactBox {
    margin-top: 25px;
    background: #ffffff;
    padding: 30px 35px; }
    .commentSection .contactBox h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 32px;
      color: #0f866c;
      margin-bottom: 5px; }
    .commentSection .contactBox .img {
      width: 55px;
      height: 55px;
      border-radius: 100%;
      float: left; }
    .commentSection .contactBox .content {
      float: left;
      width: calc(100% - 70px);
      padding-left: 10px; }
      .commentSection .contactBox .content span {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637; }
        .commentSection .contactBox .content span.blue {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #0f866c;
          padding-top: 9px; }

svg .lightFill {
  fill: #3fbff3; }
svg .darkFill {
  fill: #0498d0; }

.buttonCenter {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }

.nearbyBox {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  padding: 20px 30px;
  min-height: 329px; }
  .nearbyBox h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff; }
  .nearbyBox ul {
    float: left;
    width: 100%;
    list-style-type: none;
    margin-top: 10px; }
    .nearbyBox ul li {
      float: left;
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #ffffff;
      margin-bottom: 10px; }
      .nearbyBox ul li span.check {
        padding-right: 10px; }

a.orangeBttn {
  display: block;
  background: #fc6500;
  color: #ffffff;
  float: left;
  width: auto;
  display: inline-table;
  margin-top: 20px;
  border: 0;
  padding: 13px 50px;
  font-weight: 700;
  color: #ffffff;
  font-size: 22px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  a.orangeBttn:hover {
    background: #e55c00; }
  a.orangeBttn.blue {
    background: #0f866c; }
    a.orangeBttn.blue:hover {
      background: #1680ac; }
  a.orangeBttn.addMore {
    border-radius: 3px;
    font-size: 16px;
    padding: 13px 30px; }

#howItWorks .wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column; }
#howItWorks h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 22px;
  color: #3c3637;
  max-width: 900px;
  text-align: center;
  margin-top: 10px;
  opacity: 1; }
#howItWorks p.tryP {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 22px;
  color: #3c3637;
  margin-top: 30px; }
#howItWorks a {
  color: #ffffff;
  width: 100%;
  max-width: 285px;
  margin-top: 10px;
  text-align: center; }

#errorPage .imgError {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px; }
  #errorPage .imgError svg {
    width: 220px; }
    #errorPage .imgError svg path {
      fill: #0f866c; }
#errorPage h1, #errorPage h2 {
  text-align: center; }
#errorPage h1 {
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #3c3637; }
#errorPage h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 25px;
  color: #3c3637; }

.removeFilter {
  background: #D7EBF3;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 6px 8px;
  font-weight: 500;
  border-radius: 3px;
  top: -2px;
  color: #7E8E94 !important;
  display: none;
  cursor: pointer; }
  .removeFilter i {
    position: relative;
    top: -1px; }
  .removeFilter span {
    font-size: 14px;
    position: relative;
    top: -1px;
    color: #7E8E94 !important; }

.HelloParallax {
  background-size: cover;
  background-attachment: fixed; }

.nicescroll-rails {
  opacity: 1 !important;
  width: 10px !important;
  background: rgba(0, 0, 0, 0.09); }

.nicescroll-rails div {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24bee2+0,066497+100 */
  background: #24bee2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #24bee2 0%, #066497 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #24bee2 0%, #066497 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #24bee2 0%, #066497 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bee2', endColorstr='#066497',GradientType=0 );
  /* IE6-9 */
  width: 10px !important;
  border: 0px !important;
  box-shadow: 0 0 10px rgba(45, 45, 45, 0.35); }

.parallax-window {
  background: transparent; }

.parallax-mirror {
  z-index: 1; }

#slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  position: relative; }
  #slider .slides {
    float: left;
    width: 100%;
    display: block; }
  #slider div.total {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 11px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff; }
  #slider div.loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3c3637;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 99;
    font-size: 35px;
    color: #ffffff;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
    #slider div.loader.white {
      background: rgba(255, 255, 255, 0.66); }
    #slider div.loader.remove {
      opacity: 0; }
  #slider .loader {
    position: relative;
    margin: 0px auto;
    width: 100px; }
    #slider .loader.white {
      background: rgba(255, 255, 255, 0.66); }
    #slider .loader:before {
      content: '';
      display: block;
      padding-top: 100%; }
  #slider .circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #slider .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round; }
  #slider ul {
    list-style-type: none;
    -webkit-transition: margin-left 1s ease;
    -moz-transition: margin-left 1s ease;
    -ms-transition: margin-left 1s ease;
    -o-transition: margin-left 1s ease;
    transition: margin-left 1s ease; }
    #slider ul li {
      float: left;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      justify-content: center;
      align-items: center;
      background: #3c3637;
      height: calc(910px / 1.5);
      pointer-events: none; }
      #slider ul li img {
        float: left;
        width: 100%;
        pointer-events: none;
        opacity: 0; }
  #slider span.next {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1;
    font-size: 20px;
    width: 70px;
    color: white; }
    #slider span.next i {
      background: rgba(0, 0, 0, 0.4);
      width: 50px;
      height: 50px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 2px;
      cursor: pointer;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      #slider span.next i:hover {
        background: rgba(0, 0, 0, 0.5); }
  #slider span.prev {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1;
    font-size: 20px;
    width: 70px;
    color: white; }
    #slider span.prev i {
      background: rgba(0, 0, 0, 0.4);
      width: 50px;
      height: 50px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 2px;
      cursor: pointer;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      #slider span.prev i:hover {
        background: rgba(0, 0, 0, 0.5); }

.noIE {
  float: left;
  width: 100%;
  background: #B90000;
  padding: 20px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff; }
  .noIE .download {
    margin-top: 10px; }
    .noIE .download a {
      color: white;
      text-decoration: none;
      background: #940000;
      padding: 9px 12px;
      border-radius: 4px;
      margin-left: 10px;
      display: inline-block;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      .noIE .download a:hover {
        background: #750000; }

.newWeb {
  float: left;
  width: 100%;
  background: #25dca6;
  padding: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  box-shadow: inset 0px -3px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 200px; }
  .newWeb.remove {
    max-height: 0px;
    padding: 0; }
  .newWeb .wrapper {
    display: flex;
    align-items: center; }
  .newWeb i {
    padding-right: 10px;
    cursor: pointer; }
  .newWeb a {
    color: white;
    text-decoration: none;
    background: #1DC191;
    padding: 9px 12px;
    border-radius: 4px;
    margin-left: 10px;
    display: inline-block;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .newWeb a:hover {
      background: #1AAB80; }

section {
  float: left;
  width: 100%; }
  section p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #3c3637; }
    section p.big {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637; }
    section p.lineHeight {
      line-height: 27px; }
  section div {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #3c3637; }
    section div.big {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #ffffff; }
    section div.bigBlack {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #ffffff; }
    section div.bigBlack2 {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637; }
    section div.lineHeight {
      line-height: 27px; }
  section.bgWhite {
    background: #ffffff; }
  section.bgDarkBlue {
    background: #066497; }
  section.boxshadowTop {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14); }
  section.bigPadding {
    padding: 45px 0; }
    section.bigPadding.resultText {
      margin-bottom: -60px;
      background: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); }
      section.bigPadding.resultText .rating-section {
        margin-bottom: 35px; }
  section.bigPaddingN {
    padding: 0 0 60px 0; }
  section.extraBigPadding {
    padding: 105px 0; }
  section.smallPadding {
    padding: 55px 0; }
  section.small-padding-comments {
    padding: 0 0 25px; }
  section.small-padding-main-section {
    padding: 45px 0 0; }
  section.popupWrapper {
    opacity: 0;
    position: fixed;
    overflow: auto;
    overflow-x: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
    background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
    /* FF3.6-15 */
    background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
    /* IE6-9 */
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    section.popupWrapper.show {
      opacity: 1; }
      section.popupWrapper.show .popup {
        -webkit-animation: popup 2.3s ease;
        -moz-animation: popup 2.3s ease;
        -ms-animation: popup 2.3s ease;
        -o-animation: popup 2.3s ease;
        animation: popup 2.3s ease; }
    section.popupWrapper.notcenter {
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    section.popupWrapper .popup {
      margin: 70px 0;
      transform-style: preserve-3d;
      width: auto;
      height: auto;
      box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
      transform: translate3d(0px, 0px, 0px); }
      section.popupWrapper .popup.popupOut {
        -webkit-animation: popupOut 2.3s ease;
        -moz-animation: popupOut 2.3s ease;
        -ms-animation: popupOut 2.3s ease;
        -o-animation: popupOut 2.3s ease;
        animation: popupOut 2.3s ease; }
      section.popupWrapper .popup .responsive {
        display: flex;
        justify-content: center;
        background: #ffffff; }
        section.popupWrapper .popup .responsive .flexA .close {
          padding-bottom: 40px; }
        section.popupWrapper .popup .responsive .right-modal {
          margin-top: 40px; }
          section.popupWrapper .popup .responsive .right-modal .magic-section {
            max-width: 317px;
            text-align: left;
            padding: 10px 0; }
          section.popupWrapper .popup .responsive .right-modal .magic-section-holder {
            padding: 10px 0; }
            section.popupWrapper .popup .responsive .right-modal .magic-section-holder .magic-section-right {
              max-width: calc(317px - 32px);
              text-align: left;
              padding-left: 20px; }

.darkBlueBg {
  background: #0f866c !important; }

.lightBlueBg {
  background: #1fb9f7 !important; }

.lightGreenBg {
  background: #066497 !important; }

.scoreSliders .numberCenter {
  float: left;
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
  justify-content: center; }
  .scoreSliders .numberCenter .slider {
    float: left;
    width: 85%; }
  .scoreSliders .numberCenter span.smile {
    text-align: right;
    font-size: 50px;
    width: 15%;
    float: left; }
    .scoreSliders .numberCenter span.smile i {
      position: relative;
      -webkit-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      -ms-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      float: right;
      top: -13px;
      line-height: 43px; }
      .scoreSliders .numberCenter span.smile i.blue {
        color: #0f866c; }
      .scoreSliders .numberCenter span.smile i.green {
        color: #21B98C; }
      .scoreSliders .numberCenter span.smile i.red {
        color: #B70A0A; }
      .scoreSliders .numberCenter span.smile i.question {
        color: #cccccc; }
.scoreSliders .name {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637;
  margin-bottom: 15px;
  float: left; }

#bdbdv {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  float: left;
  width: 100%;
  transform-origin: center; }
  #bdbdv.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.aLogin {
  border: 1px solid #DADADA;
  border-radius: 2px;
  background: #ffffff;
  font-family: 'proxima_novalight';
  font-weight: normal;
  font-size: 15px;
  color: #3c3637 !important;
  padding: 7px 16px; }
  @media screen and (max-width: 1120px) {
    .aLogin {
      width: 100%;
      text-align: center;
      margin-top: 10px; } }
  .aLogin.left {
    float: left; }
  .aLogin.right {
    float: right; }

.fLogin {
  border-radius: 2px;
  background: #3b579d;
  font-family: 'proxima_novalight';
  font-weight: normal;
  font-size: 15px;
  color: #ffffff !important;
  padding: 8px 16px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }
  @media screen and (max-width: 1120px) {
    .fLogin {
      width: 100%;
      text-align: center;
      margin-top: 10px; } }
  .fLogin i {
    padding-right: 10px; }
  .fLogin.left {
    float: left; }
  .fLogin.right {
    float: right; }
  .fLogin:hover {
    background: #2F4680; }

.articlePage h1 {
  font-weight: 400 !important;
  margin-bottom: 20px; }

article {
  float: left;
  width: 100%; }
  article p {
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    line-height: 26px; }
    article p strong {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #3c3637; }
    article p.intro {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 18px;
      color: #3c3637;
      line-height: 26px; }
      article p.intro > strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 18px;
        color: #3c3637; }
  article a {
    color: #0f866c;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    article a:hover {
      color: #1680ac; }
  article ul, article ol {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 45px;
    list-style-type: none;
    margin-top: 0 !important; }
    article ul li, article ol li {
      float: left;
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      line-height: 24px; }
      article ul li strong, article ol li strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #3c3637; }
      article ul li:before, article ol li:before {
        content: "";
        position: relative;
        left: -16px;
        top: -1px;
        background-color: #0f866c;
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin-left: -6px; }
  article img {
    width: 100%;
    float: left;
    margin-bottom: 30px; }
  article blockquote {
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    font-style: italic;
    padding: 5px 25px;
    border-left: 4px solid #0f866c; }

.wrapper .pagination, .dashWrapper .pagination {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 15px;
  width: 100%; }
  .wrapper .pagination ul, .dashWrapper .pagination ul {
    float: right !important;
    list-style-type: none; }
    .wrapper .pagination ul li, .dashWrapper .pagination ul li {
      float: left; }
      .wrapper .pagination ul li a, .dashWrapper .pagination ul li a {
        float: left;
        padding: 10px 17px;
        background: #ffffff;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 43px;
        border-left: 0;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        margin: 0 5px; }
        .wrapper .pagination ul li a.active, .dashWrapper .pagination ul li a.active {
          background: #e6e6e6;
          color: #ffffff;
          font-weight: 500;
          box-shadow: none; }
        .wrapper .pagination ul li a:hover, .dashWrapper .pagination ul li a:hover {
          background: #e6e6e6;
          color: #ffffff;
          font-weight: 500;
          box-shadow: none; }

.wrapper {
  max-width: 1130px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 1165px) {
    .wrapper {
      padding: 0 20px; } }
  .wrapper .cBanner {
    width: 366px;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
    .wrapper .cBanner .results {
      margin-bottom: 20px; }
      .wrapper .cBanner .results h2 {
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: 14px !important;
        color: #597a96 !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em; }
      .wrapper .cBanner .results .boxTime {
        position: relative;
        padding: 20px;
        border-bottom: 1px solid #e5e9ec;
        min-height: inherit; }
        .wrapper .cBanner .results .boxTime table {
          margin-top: 0; }
      .wrapper .cBanner .results .articles {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e5e9ec;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .wrapper .cBanner .results .articles:hover {
          background: #F3F3F3; }
        .wrapper .cBanner .results .articles a {
          padding: 9px 19px;
          text-decoration: none; }
          .wrapper .cBanner .results .articles a .content {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            justify-content: center;
            flex-direction: column;
            height: 75px;
            padding-left: 20px; }
          .wrapper .cBanner .results .articles a h3 {
            font-family: 'Roboto', sans-serif !important;
            font-weight: 400 !important;
            font-size: 16px !important;
            color: #0f866c !important;
            float: left;
            width: 100%;
            text-transform: none !important;
            letter-spacing: 0 !important; }
          .wrapper .cBanner .results .articles a p {
            float: left;
            width: 100%; }
        .wrapper .cBanner .results .articles .img {
          float: left;
          width: 75px;
          height: 75px; }
      .wrapper .cBanner .results .boxResults {
        position: relative;
        padding: 20px;
        border-bottom: 1px solid #e5e9ec;
        min-height: 92px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .wrapper .cBanner .results .boxResults:hover {
          background: #F3F3F3; }
        .wrapper .cBanner .results .boxResults span.title {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #0f866c; }
          .wrapper .cBanner .results .boxResults span.title.green {
            color: #25dca6; }
        .wrapper .cBanner .results .boxResults .score {
          right: 20px; }
        .wrapper .cBanner .results .boxResults p {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637; }
        .wrapper .cBanner .results .boxResults h3 {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #0f866c;
          font-size: 16px !important; }
        .wrapper .cBanner .results .boxResults .circleStyle {
          width: 60px;
          height: 60px;
          position: absolute;
          top: 15px;
          right: 22px; }
          .wrapper .cBanner .results .boxResults .circleStyle .circleScore {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 27px;
            color: #0f866c;
            position: absolute;
            width: 100%;
            text-align: center;
            top: 50%;
            margin-top: -16px; }
            .wrapper .cBanner .results .boxResults .circleStyle .circleScore .small {
              font-size: 16px;
              top: -7px;
              position: relative; }
  .wrapper .cContent {
    width: calc(100% - 366px);
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c100 {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c90 {
    float: left;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c80 {
    float: left;
    width: 80%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c75 {
    float: left;
    width: 75%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c50 {
    float: left;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c33 {
    float: left;
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c25 {
    float: left;
    width: 25%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c20 {
    float: left;
    width: 20%;
    padding-left: 10px;
    padding-right: 10px; }
  .wrapper .c100N {
    float: left;
    width: 100%; }
  .wrapper .c90N {
    float: left;
    width: 90%; }
  .wrapper .c66N {
    float: left;
    width: 66.6666%; }
  .wrapper .c80N {
    float: left;
    width: 80%; }
  .wrapper .c75N {
    float: left;
    width: 75%; }
  .wrapper .c50N {
    float: left;
    width: 50%; }
  .wrapper .c33N {
    float: left;
    width: 33.3333%; }
  .wrapper .c25N {
    float: left;
    width: 25%; }
  .wrapper .c20N {
    float: left;
    width: 20%; }
  .wrapper.spacing {
    max-width: 1140px; }
    .wrapper.spacing .cBanner {
      width: 366px;
      float: left;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .cContent {
      width: calc(100% - 366px);
      float: left;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c100 {
      float: left;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c90 {
      float: left;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c66 {
      float: left;
      width: 66.6666%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c80 {
      float: left;
      width: 80%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c75 {
      float: left;
      width: 75%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c50 {
      float: left;
      width: 50%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c33 {
      float: left;
      width: 33.3333%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c25 {
      float: left;
      width: 25%;
      padding-left: 15px;
      padding-right: 15px; }
    .wrapper.spacing .c20 {
      float: left;
      width: 20%;
      padding-left: 15px;
      padding-right: 15px; }
  .wrapper .score {
    position: absolute;
    top: 0;
    background: #0f866c;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    width: 45px;
    height: 45px;
    padding: 5px 0;
    text-align: center; }
    .wrapper .score.small {
      width: 35px;
      height: 35px;
      padding: 0 0 !important;
      font-size: 27px !important; }
      .wrapper .score.small:after {
        border-width: 17px 12px 18px 0 !important;
        left: -12px !important; }
    .wrapper .score:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 22.5px 0 22.5px;
      border-color: #1a98ce transparent transparent transparent;
      position: absolute;
      bottom: -8px;
      left: 0; }
    .wrapper .score.green {
      background: #25dca6; }
      .wrapper .score.green:after {
        border-color: #25dca6 transparent transparent transparent; }
    .wrapper .score.red {
      background: #c93914; }
      .wrapper .score.red:after {
        border-color: #c93914 transparent transparent transparent; }
    .wrapper .score.orange {
      background: #f26422; }
      .wrapper .score.orange:after {
        border-color: #f26422 transparent transparent transparent; }
    .wrapper .score.grey {
      background: #969696; }
      .wrapper .score.grey:after {
        border-color: #969696 transparent transparent transparent; }
    .wrapper .score span {
      font-size: 16px;
      position: relative;
      top: -10px; }
    .wrapper .score.middle {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 38px;
      color: #ffffff;
      width: 55px;
      height: 55px; }
      .wrapper .score.middle:after {
        border-width: 8px 28px 0 28px; }
      .wrapper .score.middle span {
        font-size: 20px;
        position: relative;
        top: -14px; }
    .wrapper .score.big {
      width: 63px;
      height: 63px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 44px;
      color: #ffffff; }
      .wrapper .score.big:after {
        border-width: 8px 31.5px 0 31.5px; }
      .wrapper .score.big span {
        font-size: 27px;
        position: relative;
        top: -14px; }
  .wrapper h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #0f866c; }
    .wrapper h2.bold {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 30px;
      color: #0f866c; }
    .wrapper h2.colorWhite {
      color: #ffffff !important; }
    .wrapper h2.center {
      text-align: center; }
  .wrapper h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #0f866c; }
  .wrapper a.all {
    float: right;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #96878a;
    text-decoration: none;
    padding: 9px 30px;
    border: 1px solid #c0adb0;
    border-radius: 2px;
    width: 263px;
    text-align: center; }
  .wrapper .contentWrapper {
    float: left;
    width: 100%;
    padding-top: 50px;
    margin-bottom: 50px; }
    .wrapper .contentWrapper.smallMargin {
      padding-top: 40px; }
  .wrapper .ghost {
    background: transparent;
    border-radius: 2px;
    padding: 7px 17px !important; }
    .wrapper .ghost.blue {
      border: 1px solid #1680ac; }
    .wrapper .ghost.black {
      border: 1px solid #322d2e; }

.overlayBottomToTop {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.37)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  /* IE6-9 */ }

#smallHeader {
  height: 190px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  position: relative; }
  #smallHeader.onpage-header-height {
    height: 110px; }
    #smallHeader.onpage-header-height .table {
      height: 110px; }
  #smallHeader h1 {
    margin-bottom: 5px;
    color: #ffffff; }
    #smallHeader h1.overview {
      font-size: 45px; }
  #smallHeader p {
    padding-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff; }
  #smallHeader .table {
    height: 190px;
    display: table; }
    #smallHeader .table .vertical {
      display: table-cell;
      vertical-align: middle; }
  #smallHeader .stars {
    position: relative;
    padding-left: 0; }
    #smallHeader .stars i {
      color: #ffffff; }
  @media screen and (max-width: 1023px) {
    #smallHeader .c33 {
      width: 100%; } }
  #smallHeader .ad {
    float: right;
    height: 90px;
    width: 100%;
    background: #ffffff;
    max-width: 728px;
    position: relative;
    background-clip: content-box; }
    @media screen and (max-width: 1023px) {
      #smallHeader .ad {
        display: none; } }

.photoSlider {
  min-width: 411px; }
  .photoSlider li {
    width: 100%;
    float: left; }
    .photoSlider li img {
      float: left;
      width: 100%; }
  .photoSlider .slick-prev {
    background: url("../../img/master/arrow_left_black.png") !important;
    left: 0 !important;
    z-index: 99;
    width: 41px;
    height: 80px;
    text-indent: -999999px !important; }
  .photoSlider .slick-next {
    background: url("../../img/master/arrow_right_black.png") !important;
    right: -1px !important;
    z-index: 99;
    width: 41px;
    height: 80px;
    text-indent: -999999px !important; }

.stars i {
  color: #0f866c;
  font-size: 26px;
  opacity: 0; }
.stars .star-1 {
  -webkit-animation: stars 0.3s 0.3s forwards;
  -moz-animation: stars 0.3s 0.3s forwards;
  -ms-animation: stars 0.3s 0.3s forwards;
  -o-animation: stars 0.3s 0.3s forwards;
  animation: stars 0.3s 0.3s forwards; }
.stars .star-2 {
  -webkit-animation: stars 0.3s 0.6s forwards;
  -moz-animation: stars 0.3s 0.6s forwards;
  -ms-animation: stars 0.3s 0.6s forwards;
  -o-animation: stars 0.3s 0.6s forwards;
  animation: stars 0.3s 0.6s forwards; }
.stars .star-3 {
  -webkit-animation: stars 0.3s 0.9s forwards;
  -moz-animation: stars 0.3s 0.9s forwards;
  -ms-animation: stars 0.3s 0.9s forwards;
  -o-animation: stars 0.3s 0.9s forwards;
  animation: stars 0.3s 0.9s forwards; }
.stars .star-4 {
  -webkit-animation: stars 0.3s 1.2s forwards;
  -moz-animation: stars 0.3s 1.2s forwards;
  -ms-animation: stars 0.3s 1.2s forwards;
  -o-animation: stars 0.3s 1.2s forwards;
  animation: stars 0.3s 1.2s forwards; }
.stars .star-5 {
  -webkit-animation: stars 0.3s 1.5s forwards;
  -moz-animation: stars 0.3s 1.5s forwards;
  -ms-animation: stars 0.3s 1.5s forwards;
  -o-animation: stars 0.3s 1.5s forwards;
  animation: stars 0.3s 1.5s forwards; }

.notAvailable {
  position: absolute; }
  .notAvailable:after {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
    content: " "; }
  .notAvailable .alert {
    position: absolute;
    z-index: 1;
    bottom: 17px;
    width: 94%;
    display: flex; }
  .notAvailable .alert-vacation {
    margin-bottom: 0;
    padding: 5px 10px;
    background-color: #9fb2cc;
    border-color: #9fb2cc;
    color: #0d3455;
    letter-spacing: 0;
    cursor: default;
    text-align: left; }
  .notAvailable .textWarning {
    padding: 4px 0 0 15px;
    font-weight: bold; }

.contentBoxShadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease; }
  .contentBoxShadow:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 960px) {
  #contactForm .wrapper > div {
    width: 100% !important; }
    #contactForm .wrapper > div > h2, #contactForm .wrapper > div > h3 {
      width: 75%; } }
#contactForm .contactForm {
  padding: 45px;
  background: #ffffff;
  text-align: center;
  position: relative;
  margin-top: -170px; }
  @media screen and (max-width: 960px) {
    #contactForm .contactForm {
      position: relative;
      margin-top: 50px; } }
  #contactForm .contactForm.claimContact {
    margin-top: 35px; }
    #contactForm .contactForm.claimContact .inputWrapper {
      width: 100%;
      text-align: center; }
    #contactForm .contactForm.claimContact input {
      width: 100%;
      max-width: 320px; }
  #contactForm .contactForm img {
    width: auto;
    margin-bottom: 5px; }
  #contactForm .contactForm h2 {
    font-weight: 500; }
  #contactForm .contactForm input {
    padding: 15px;
    background: #fafbfc;
    border: 1px solid #e5e9ec;
    border-radius: 1px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    margin-bottom: 10px; }
    #contactForm .contactForm input:focus {
      outline: none; }
  #contactForm .contactForm .small {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #3c3637;
    opacity: 0.6;
    margin-top: 20px;
    float: left;
    width: 100%; }
  #contactForm .contactForm .accountType {
    margin-top: 10px;
    display: inline-block; }
    #contactForm .contactForm .accountType label {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      margin-left: 15px; }
      #contactForm .contactForm .accountType label span {
        position: relative;
        top: 2px;
        padding-left: 8px; }
  #contactForm .contactForm button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    border: 0;
    border-bottom: 1px solid #1fb78a;
    width: 100%;
    max-width: 170px;
    display: inline-block;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer; }
    #contactForm .contactForm button:hover {
      border-bottom: 1px solid #1a9d77; }
    #contactForm .contactForm button:focus {
      outline: none; }

#reviews .ghostBttn {
  color: #3c3637;
  float: right;
  width: auto;
  display: inline-table;
  border: 1px solid #969696;
  padding: 8px 29px;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #reviews .ghostBttn:hover {
    border: 1px solid #969696 / 1.2; }
#reviews .box {
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 0 20px; }
  #reviews .box.padding {
    padding: 30px 20px; }
  #reviews .box .items {
    float: left;
    width: 100%;
    background: #fafbfc;
    border-bottom: 1px solid #e5e9ec;
    list-style-type: none; }
    #reviews .box .items li {
      padding: 0px 20px;
      height: 92px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer;
      border-left: 1px solid #fafbfc;
      border-right: 1px solid #fafbfc; }
      #reviews .box .items li:hover {
        background: #ffffff; }
      #reviews .box .items li.active {
        background: #ffffff;
        box-shadow: 0px 1px 0px #ffffff;
        border-left: 1px solid #e5e9ec;
        border-right: 1px solid #e5e9ec; }
        #reviews .box .items li.active:first-child {
          border-right: 1px solid #e5e9ec; }
        #reviews .box .items li.active:last-child {
          border-left: 1px solid #e5e9ec; }
      #reviews .box .items li .score {
        right: 25px; }
      #reviews .box .items li .content {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        flex-direction: column;
        width: 75%; }
        #reviews .box .items li .content span.title {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #0f866c; }
          #reviews .box .items li .content span.title.green {
            color: #25dca6; }
        #reviews .box .items li .content span.small {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637;
          float: left; }
    #reviews .box .items .circleStyle {
      width: 60px;
      height: 60px;
      position: absolute;
      top: 50%;
      margin-top: -30px;
      right: 25px; }
      #reviews .box .items .circleStyle .circleScore {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 27px;
        color: #0f866c;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -16px; }
        #reviews .box .items .circleStyle .circleScore .small {
          font-size: 16px;
          top: -7px;
          position: relative; }
  #reviews .box .total {
    float: left;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid #dde1e5;
    position: relative; }
    #reviews .box .total.total-wide {
      border-bottom: unset; }
    #reviews .box .total .scoreWrapper {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -35px; }
      #reviews .box .total .scoreWrapper.scoreWrapper-wide {
        top: 0;
        margin-top: 30px; }
      #reviews .box .total .scoreWrapper .score {
        float: right;
        position: relative; }
        #reviews .box .total .scoreWrapper .score:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 31px 19px 31px 0;
          border-color: transparent #0f866c transparent transparent;
          left: -19px;
          bottom: 0; }
        #reviews .box .total .scoreWrapper .score.green {
          background: #25dca6; }
          #reviews .box .total .scoreWrapper .score.green:after {
            border-color: transparent #25dca6 transparent transparent; }
        #reviews .box .total .scoreWrapper .score.red {
          background: #c93914; }
          #reviews .box .total .scoreWrapper .score.red:after {
            border-color: transparent #c93914 transparent transparent; }
        #reviews .box .total .scoreWrapper .score.orange {
          background: #f26422; }
          #reviews .box .total .scoreWrapper .score.orange:after {
            border-color: transparent #f26422 transparent transparent; }
        #reviews .box .total .scoreWrapper .score.grey {
          background: #969696; }
          #reviews .box .total .scoreWrapper .score.grey:after {
            border-color: transparent #969696 transparent transparent; }
      #reviews .box .total .scoreWrapper .scoreTextWrapper {
        float: left;
        width: calc(100% - 115px); }
        #reviews .box .total .scoreWrapper .scoreTextWrapper .scoreText {
          text-align: right;
          display: inline-block;
          width: 100%;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 30px;
          color: #0f866c; }
        #reviews .box .total .scoreWrapper .scoreTextWrapper .reviews {
          text-align: right;
          display: inline-block;
          width: 100%;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 13px;
          color: #3c3637;
          position: relative;
          top: -4px; }
    #reviews .box .total .switch {
      float: left;
      width: 75%;
      padding: 30px 0px; }
      #reviews .box .total .switch h5 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #0f866c; }
      #reviews .box .total .switch p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        margin-top: 15px; }
      #reviews .box .total .switch .percentage {
        width: 24%;
        float: left; }
        #reviews .box .total .switch .percentage span.number {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 73px;
          color: #0f866c;
          float: left;
          width: 100%;
          line-height: 80px; }
        #reviews .box .total .switch .percentage span {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637;
          float: left;
          width: 100%; }
      #reviews .box .total .switch.perc ul {
        float: left;
        width: 37%;
        padding-left: 20px;
        list-style-type: none; }
        #reviews .box .total .switch.perc ul.summary-wide {
          width: 100%;
          padding-left: 0; }
        #reviews .box .total .switch.perc ul li {
          float: left;
          width: 100%;
          margin-top: 10px; }
          #reviews .box .total .switch.perc ul li:first-child {
            margin-top: 0; }
          #reviews .box .total .switch.perc ul li span.number {
            float: left;
            background: #bfc4c9;
            padding: 6px 8px;
            border-radius: 3px;
            line-height: 14px;
            width: 36px;
            text-align: center;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 14px;
            color: #ffffff; }
          #reviews .box .total .switch.perc ul li span {
            float: left;
            width: calc(100% - 36px);
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #3c3637;
            padding-left: 15px; }
      #reviews .box .total .switch.last ul {
        list-style-type: none; }
        #reviews .box .total .switch.last ul:first-child {
          padding-right: 10px; }
        #reviews .box .total .switch.last ul:last-child {
          padding-left: 10px; }
        #reviews .box .total .switch.last ul.externe li {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637; }
          #reviews .box .total .switch.last ul.externe li .beam {
            overflow: hidden;
            margin-top: 5px;
            background: #f1f5f8;
            height: 5px;
            position: relative; }
            #reviews .box .total .switch.last ul.externe li .beam .beamLength {
              float: left;
              background: #0f866c;
              height: 5px;
              width: 0;
              -webkit-transition: width 1s ease;
              -moz-transition: width 1s ease;
              -ms-transition: width 1s ease;
              -o-transition: width 1s ease;
              transition: width 1s ease; }
          #reviews .box .total .switch.last ul.externe li .number {
            text-align: right;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            color: #0f866c; }
            #reviews .box .total .switch.last ul.externe li .number .small {
              font-size: 14px;
              position: relative;
              top: -7px; }
        #reviews .box .total .switch.last ul li {
          padding: 10px 0 5px 0;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637;
          display: inline-block;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          overflow: hidden; }
          #reviews .box .total .switch.last ul li span.figure {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 14px;
            color: #ffffff;
            background: #0f866c;
            border-radius: 3px;
            padding: 5px 10px;
            margin-right: 15px;
            width: 40px;
            display: inline-block;
            text-align: center; }
  #reviews .box .review {
    padding: 17px 0 17px;
    border-top: 1px solid #dde1e5;
    position: relative;
    float: left;
    width: 100%; }
    #reviews .box .review:last-of-type {
      margin-bottom: 25px; }
    #reviews .box .review:first-of-type {
      margin-top: 25px;
      border-top: 0; }
      #reviews .box .review:first-of-type .content {
        padding-top: 0; }
        #reviews .box .review:first-of-type .content .time {
          top: -12px; }
    #reviews .box .review .circleStyle {
      width: 60px;
      height: 60px;
      position: relative;
      float: left; }
      #reviews .box .review .circleStyle .circleScore {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 27px;
        color: #0f866c;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -16px; }
        #reviews .box .review .circleStyle .circleScore .small {
          font-size: 16px;
          top: -7px;
          position: relative; }
    #reviews .box .review .pictures {
      float: right;
      width: 100%;
      max-width: 300px;
      margin-top: 21px; }
      #reviews .box .review .pictures .picture {
        width: 100%;
        float: right;
        max-width: 74px;
        height: 74px;
        margin-left: 5px;
        background: #bfc2c4; }
    #reviews .box .review .content {
      float: left;
      width: 100%;
      position: relative;
      padding-left: 10px;
      padding-bottom: 12px;
      padding-top: 12px; }
      #reviews .box .review .content p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        line-height: 26px;
        margin-top: 15px;
        float: left;
        width: 66%; }
        #reviews .box .review .content p a {
          text-decoration: none;
          color: #0f866c; }
      #reviews .box .review .content .time {
        position: absolute;
        top: 3px;
        right: 20px;
        text-align: right;
        width: 25%; }
        #reviews .box .review .content .time .circleStyle {
          float: right; }
          #reviews .box .review .content .time .circleStyle .circleScore {
            left: 0; }
        #reviews .box .review .content .time .day {
          margin-top: 9px;
          float: right;
          width: calc(100% - 60px);
          padding-right: 10px;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637; }
        #reviews .box .review .content .time .treat {
          float: right;
          width: calc(100% - 60px);
          padding-right: 10px;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637; }
          #reviews .box .review .content .time .treat a {
            text-decoration: none; }
            #reviews .box .review .content .time .treat a:any-link {
              color: #3c3637; }
      #reviews .box .review .content .title {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #0f866c;
        float: left;
        width: 66%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #reviews .box .review .content .title a {
          text-decoration: none;
          color: #0f866c; }
      #reviews .box .review .content .user {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        margin-top: 20px; }
        #reviews .box .review .content .user span {
          background: #dee2e6;
          font-weight: 400;
          padding: 6px 13px;
          border-radius: 3px;
          margin-left: 15px;
          position: relative; }
          #reviews .box .review .content .user span:before {
            left: -21px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(194, 225, 245, 0);
            border-right-color: #DEE2E6;
            border-width: 11px; }
  #reviews .box .flexButton {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center; }
    #reviews .box .flexButton a {
      background: #0f866c;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #ffffff;
      text-decoration: none;
      margin-bottom: 38px;
      padding: 15px 20px;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #reviews .box .flexButton a:hover {
        background: #1680ac; }
    #reviews .box .flexButton.ghost a {
      background: #ffffff;
      border: 1px solid #e5e9ec;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 17px;
      color: #969696; }

.blogs {
  float: left;
  width: 100%;
  margin-bottom: 30px; }
  .blogs h3 {
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #0f866c; }
  .blogs .blog {
    margin-bottom: 30px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    float: left;
    width: calc(50% - 10px);
    border: 1px solid #e5e9ec; }
    .blogs .blog:nth-of-type(1) {
      margin-right: 10px; }
    .blogs .blog:nth-of-type(2) {
      margin-left: 10px; }
    .blogs .blog .blogImg {
      height: 207px; }
    .blogs .blog h4 {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #0f866c; }
  .blogs.blogs-small .blog .blogImg {
    float: left;
    width: 100px;
    padding: 20px 0;
    height: inherit; }
    .blogs.blogs-small .blog .blogImg img {
      width: 75px;
      height: 75px;
      object-fit: cover;
      display: block;
      margin: 0 auto;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .blogs.blogs-small .blog .blogImg img:hover {
        transform: scale(1.1); }
  .blogs.blogs-small .blog h4 {
    float: left;
    width: calc(100% - 100px);
    padding: 20px 10px; }
    .blogs.blogs-small .blog h4:hover {
      text-decoration: underline; }

#smallMenu {
  background: #ffffff;
  min-height: 85px;
  box-shadow: 1px 0 16px rgba(0, 0, 0, 0.15); }
  #smallMenu ul {
    list-style-type: none; }
    #smallMenu ul li {
      float: left;
      padding: 25px 10px 25px 0; }
      #smallMenu ul li a {
        float: left;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #969696;
        text-decoration: none;
        padding: 7px 15px;
        border-radius: 100px;
        -webkit-transition: background 0.3s ease, color 0.3s ease;
        -moz-transition: background 0.3s ease, color 0.3s ease;
        -ms-transition: background 0.3s ease, color 0.3s ease;
        -o-transition: background 0.3s ease, color 0.3s ease;
        transition: background 0.3s ease, color 0.3s ease; }
        #smallMenu ul li a.active {
          background: #c1c8cf;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 15px;
          color: #ffffff; }
        #smallMenu ul li a:hover {
          background: #c1c8cf;
          color: #ffffff; }
        #smallMenu ul li a.reviews {
          padding: 7px 10px 7px 15px;
          position: relative; }
          #smallMenu ul li a.reviews span {
            position: relative;
            top: 0;
            right: -5px;
            background: #0f866c;
            border-radius: 37px;
            padding: 3px 8px;
            text-align: center;
            font-family: Arial, sans-serifrial;
            font-weight: bold;
            font-size: 13px;
            color: #ffffff; }
  #smallMenu a.menuButton {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 3px;
    margin-top: 19px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    #smallMenu a.menuButton.marginLeft {
      margin-left: 10px; }
    #smallMenu a.menuButton.green {
      border: 0 solid #25dca6;
      border-bottom: 0 solid #1ca980;
      background: #25dca6; }
      #smallMenu a.menuButton.green:hover {
        background: #1fb78a; }
    #smallMenu a.menuButton.blue {
      border: 0 solid #0f866c;
      border-bottom: 0 solid #14769e;
      background: #0f866c; }
      #smallMenu a.menuButton.blue:hover {
        background: #1680ac; }
  #smallMenu .scrollTo {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    #smallMenu .scrollTo.showMenu {
      visibility: visible;
      opacity: 1; }
  #smallMenu .selectboxit-container {
    float: right;
    width: 156px !important;
    position: relative;
    margin-right: 15px;
    top: 19px; }
    @media screen and (max-width: 1023px) {
      #smallMenu .selectboxit-container {
        display: none; } }
    #smallMenu .selectboxit-container .selectboxit {
      width: 158px !important; }
    #smallMenu .selectboxit-container span {
      height: 46px !important; }
    #smallMenu .selectboxit-container .selectboxit-options {
      border: 1px solid #E3E4E5 !important;
      margin-top: -1px; }
    #smallMenu .selectboxit-container .selectboxit-btn {
      border: 1px solid #E3E4E5 !important; }
    #smallMenu .selectboxit-container .selectboxit-option-icon-container {
      display: none !important; }
    #smallMenu .selectboxit-container span.selectboxit-text {
      padding: 7px 20px;
      color: #9C9EA0 !important; }
    #smallMenu .selectboxit-container .selectboxit-option, #smallMenu .selectboxit-container .selectboxit-optgroup-header {
      padding: 0 !important;
      border-radius: 0 !important;
      width: 100% !important; }
    #smallMenu .selectboxit-container .selectboxit-options li {
      border-bottom: 1px solid #ECECEC !important; }
    #smallMenu .selectboxit-container .selectboxit-options li a {
      background-image: none !important;
      float: left;
      width: 100%;
      border-radius: 0;
      background: #FAFBFC; }
    #smallMenu .selectboxit-container .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
      color: #3c3637;
      background-color: #F1F1F1 !important; }

.topSearch .c100 {
  position: relative;
  margin-top: -113px;
  z-index: 2; }
  .topSearch .c100 .shadow {
    background: #ffffff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18); }
  .topSearch .c100 .filter {
    background: white;
    background: -moz-linear-gradient(top, white 1%, white 76%, #efefef 100%);
    background: -webkit-linear-gradient(top, white 1%, white 76%, #efefef 100%);
    background: linear-gradient(to bottom, white 1%, white 76%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
    border-bottom: 1px solid #EAEAEA; }
    .topSearch .c100 .filter ul {
      list-style-type: none; }
      .topSearch .c100 .filter ul li:first-of-type a.active {
        border-left: 0; }
      .topSearch .c100 .filter ul a {
        display: block;
        background: white;
        background: -moz-linear-gradient(top, white 1%, white 76%, #efefef 100%);
        background: -webkit-linear-gradient(top, white 1%, white 76%, #efefef 100%);
        background: linear-gradient(to bottom, white 1%, white 76%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
        text-decoration: none;
        float: left;
        padding: 17px 25px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
        border-right: 1px solid #E0E0E0; }
        .topSearch .c100 .filter ul a:hover {
          background: #EAEAEA; }
        .topSearch .c100 .filter ul a.active {
          background: white;
          border-right: 1px solid #EAEAEA;
          box-shadow: 0px 1px 0px white;
          color: #0f866c;
          font-size: 22px;
          position: relative;
          margin-top: -8px; }
  .topSearch .c100 .form {
    z-index: 2;
    padding: 30px 25px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center; }
    .topSearch .c100 .form .loader {
      background: #ffffff;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .topSearch .c100 .form .loader.show {
        visibility: visible;
        opacity: 1; }
    .topSearch .c100 .form .circular {
      width: 30px; }
    .topSearch .c100 .form a.formA {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #0f866c;
      text-decoration: none;
      margin-top: 20px; }
      .topSearch .c100 .form a.formA.top0 {
        margin-top: 0;
        padding-top: 7px; }
  .topSearch .c100 h2 {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #0f866c;
    display: inline-block; }
  .topSearch .c100 form {
    margin: 0 auto;
    width: 100%;
    opacity: 0;
    display: none;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .topSearch .c100 form:first-of-type {
      opacity: 1;
      display: block; }
    .topSearch .c100 form.show {
      opacity: 1; }
    .topSearch .c100 form div:not(.c100N .c100N-xs .autocomplete-section) {
      padding-left: 5px;
      padding-right: 5px; }
    .topSearch .c100 form input {
      width: 100%;
      padding: 13px 20px;
      border-radius: 2px;
      border: 1px solid #e3e4e5;
      background: #fafbfc;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 17px;
      color: #3c3637;
      max-height: 48px; }
      .topSearch .c100 form input:focus {
        outline: none; }
    .topSearch .c100 form select {
      width: 100%;
      padding: 13px 20px;
      border-radius: 2px;
      border: 1px solid white;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #3c3637; }
      .topSearch .c100 form select:focus {
        outline: none; }
    .topSearch .c100 form button {
      width: 100%;
      padding: 11px 20px;
      border-radius: 2px;
      border: 1px solid white;
      cursor: pointer;
      border: 0 solid #fc6500;
      border-bottom: 0px solid #c24e00;
      background: #fc6500;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 22px;
      color: #ffffff;
      -webkit-transition: border 0.3s ease, background 0.3s ease;
      -moz-transition: border 0.3s ease, background 0.3s ease;
      -ms-transition: border 0.3s ease, background 0.3s ease;
      -o-transition: border 0.3s ease, background 0.3s ease;
      transition: border 0.3s ease, background 0.3s ease; }
      .topSearch .c100 form button i {
        padding-right: 5px; }
      .topSearch .c100 form button:focus {
        outline: none; }
      .topSearch .c100 form button:hover {
        border: 0 solid #d25400;
        border-bottom: 0px solid #a24100;
        background: #d25400; }
    .topSearch .c100 form .selectboxit-container .selectboxit-options {
      max-height: 320px; }

#menuTop {
  background: #ffffff;
  border-bottom: 1px solid #e3e3e3;
  padding: 18px 0; }
  #menuTop .userPanelWrapper {
    float: left; }
  #menuTop .userName {
    color: black !important;
    padding-right: 15px !important;
    float: left !important; }
  #menuTop .userTab {
    margin-right: 15px;
    position: relative; }
    #menuTop .userTab i {
      position: absolute;
      right: -18px;
      z-index: 999999;
      top: 12px; }
    #menuTop .userTab .allList {
      position: absolute;
      padding-top: 49px;
      margin-left: -81px;
      z-index: 9999999;
      top: 0;
      width: 200px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      visibility: hidden; }
      @media screen and (max-width: 940px) {
        #menuTop .userTab .allList {
          left: 0; } }
      #menuTop .userTab .allList.show {
        opacity: 1;
        visibility: visible; }
      #menuTop .userTab .allList ul {
        list-style-type: none;
        float: left;
        width: 100%;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
        border-radius: 4px; }
        #menuTop .userTab .allList ul li a {
          float: left;
          width: 100%;
          display: block;
          margin-left: 0;
          text-decoration: none;
          padding: 17px 19px;
          border-top: 1px solid #ede7e4;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          background: #ffffff;
          color: #3C3C3C; }
          #menuTop .userTab .allList ul li a:hover {
            background: #EAEAEA;
            color: #0f866c; }
          #menuTop .userTab .allList ul li a img {
            height: 18px; }
            @media screen and (max-width: 940px) {
              #menuTop .userTab .allList ul li a img {
                height: 16px; } }
  #menuTop .logo {
    position: relative;
    width: auto;
    float: left; }
    @media screen and (max-width: 940px) {
      #menuTop .logo {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        align-items: center;
        height: 37px; } }
    #menuTop .logo .allList {
      position: absolute;
      padding-top: 50px;
      z-index: 9999999;
      top: 0;
      width: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      visibility: hidden; }
      @media screen and (max-width: 940px) {
        #menuTop .logo .allList {
          left: 0; } }
      #menuTop .logo .allList.show {
        opacity: 1;
        visibility: visible; }
      #menuTop .logo .allList ul {
        list-style-type: none;
        float: left;
        width: 100%;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
        border-radius: 4px; }
        #menuTop .logo .allList ul li a {
          float: left;
          width: 100%;
          display: block;
          text-decoration: none;
          padding: 17px 19px;
          border-top: 1px solid #ede7e4;
          -webkit-transition: background 0.3s ease;
          -moz-transition: background 0.3s ease;
          -ms-transition: background 0.3s ease;
          -o-transition: background 0.3s ease;
          transition: background 0.3s ease;
          background: #ffffff; }
          #menuTop .logo .allList ul li a:hover {
            background: #EAEAEA; }
          #menuTop .logo .allList ul li a img {
            height: 18px; }
            @media screen and (max-width: 940px) {
              #menuTop .logo .allList ul li a img {
                height: 16px; } }
        #menuTop .logo .allList ul li:first-child a {
          background: #fafbfc;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 13px;
          color: #3c3637;
          border-top: 0; }
    #menuTop .logo img {
      border: 0; }
      @media screen and (max-width: 940px) {
        #menuTop .logo img {
          height: 26px;
          width: auto;
          align-self: center; } }
    #menuTop .logo i {
      margin-left: 20px;
      position: relative;
      top: 6px; }
      @media screen and (max-width: 940px) {
        #menuTop .logo i {
          top: 0; } }
  #menuTop img {
    vertical-align: bottom;
    float: left; }
  #menuTop .userTab {
    width: 37px;
    height: 37px;
    float: left;
    border-radius: 2px;
    cursor: pointer; }
  #menuTop .extra {
    float: right; }
    #menuTop .extra a, #menuTop .extra span {
      float: left;
      padding: 7px 0;
      text-decoration: none;
      margin-left: 25px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #0f866c; }
      #menuTop .extra a strong, #menuTop .extra span strong {
        font-weight: 700; }
    #menuTop .extra a.greenBttn {
      padding: 10px 20px;
      font-weight: 700;
      color: #ffffff; }
    #menuTop .extra .review {
      margin-left: 10px; }
    #menuTop .extra .search {
      padding: 0 !important;
      float: left;
      text-decoration: none;
      margin-left: 25px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #0f866c;
      cursor: pointer;
      width: 43px;
      overflow: hidden;
      max-width: 43px;
      -webkit-transition: max-width 0.3s ease;
      -moz-transition: max-width 0.3s ease;
      -ms-transition: max-width 0.3s ease;
      -o-transition: max-width 0.3s ease;
      transition: max-width 0.3s ease; }
      #menuTop .extra .search button {
        background: none;
        border: 0;
        padding: 10px 16px;
        width: 43px;
        height: 33px;
        float: right;
        cursor: pointer;
        color: #0f866c;
        -webkit-transition: backgroud 0.3s ease, color 0.3s ease;
        -moz-transition: backgroud 0.3s ease, color 0.3s ease;
        -ms-transition: backgroud 0.3s ease, color 0.3s ease;
        -o-transition: backgroud 0.3s ease, color 0.3s ease;
        transition: backgroud 0.3s ease, color 0.3s ease; }
        #menuTop .extra .search button:focus {
          outline: none; }

@-moz-document url-prefix() {
  #menuTop .extra .search form input {
    padding: 8px 14px; }

  #menuTop .extra .search form button {
    line-height: 0;
    padding: 11.5px 16px; } }
.contentWrapper {
  padding-bottom: 0; }

#menuBot {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: relative; }
  #menuBot .overlay {
    position: absolute;
    top: 52px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.31);
    height: 100vh;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #menuBot .overlay.show {
      opacity: 1;
      visibility: visible; }

menu {
  float: left;
  width: 100%; }
  menu ul {
    list-style-type: none;
    float: left;
    width: 100%; }
    menu ul li a {
      float: left;
      display: block;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #666666;
      border-bottom: 5px solid #ffffff;
      padding: 16px 15px 11px 15px;
      -webkit-transition: border 0.3s ease, color 0.3s ease;
      -moz-transition: border 0.3s ease, color 0.3s ease;
      -ms-transition: border 0.3s ease, color 0.3s ease;
      -o-transition: border 0.3s ease, color 0.3s ease;
      transition: border 0.3s ease, color 0.3s ease; }
      menu ul li a.active {
        border-bottom: 5px solid #0f866c;
        color: #0f866c; }
      menu ul li a:hover {
        border-bottom: 5px solid #0f866c;
        color: #0f866c; }
    menu ul li > span {
      position: absolute;
      left: 0;
      top: 52px;
      background: #ffffff;
      z-index: 9;
      padding: 0;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      menu ul li > span.show {
        padding: 70px 0;
        max-height: 500px; }
        @media screen and (max-width: 1000px) {
          menu ul li > span.show {
            max-height: 800px; } }
      menu ul li > span .products {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media screen and (max-width: 1000px) {
          menu ul li > span .products {
            width: 50% !important;
            margin-bottom: 25px; } }
      menu ul li > span h3 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #3c3637;
        opacity: 0.5; }
      menu ul li > span p {
        font-weight: 400 !important;
        margin-top: 15px; }
      menu ul li > span a {
        border-bottom: 0;
        float: left;
        background: #0f866c;
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 15px;
        color: #ffffff;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 3px;
        margin-top: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        menu ul li > span a:hover {
          background: #1680ac;
          color: #ffffff;
          border: 0; }

#userTab {
  background: #fbfbfb;
  height: 261px;
  border-bottom: 0 solid #e3e3e3;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease, border 0.3s ease;
  -moz-transition: max-height 0.3s ease, border 0.3s ease;
  -ms-transition: max-height 0.3s ease, border 0.3s ease;
  -o-transition: max-height 0.3s ease, border 0.3s ease;
  transition: max-height 0.3s ease, border 0.3s ease; }
  #userTab.openUserTab {
    border-bottom: 1px solid #e3e3e3;
    max-height: 265px; }

#footer {
  padding-bottom: 50px;
  margin-top: 60px;
  background: #fafbfc;
  border-top: 1px solid #ede7e4; }
  #footer .breadcrumbs {
    min-height: 17px;
    float: left;
    width: 100%;
    padding: 30px 0;
    list-style-type: none; }
    #footer .breadcrumbs li {
      float: left;
      padding-right: 10px; }
      #footer .breadcrumbs li a {
        display: inline-block;
        float: left;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #3c3637;
        margin-right: 10px; }
  #footer h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637; }
  @media screen and (max-width: 820px) {
    #footer .c25 {
      width: 50%;
      height: 270px; } }
  #footer ul.footerList {
    list-style-type: none;
    margin-top: 7px;
    float: left;
    width: 100%;
    margin-bottom: 90px; }
    #footer ul.footerList.inline-margin {
      margin-bottom: 20px; }
    #footer ul.footerList li {
      float: left;
      width: 100%; }
      #footer ul.footerList li a {
        display: block;
        float: left;
        width: 100%;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #0f866c;
        padding: 4px 0; }
        #footer ul.footerList li a:hover {
          color: #0f866c;
          text-decoration: underline; }
  #footer p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #3c3637;
    margin-top: 15px; }

.selectboxit-container {
  vertical-align: middle !important;
  width: 100%; }
  .selectboxit-container span {
    height: 48px !important; }
  .selectboxit-container span.selectboxit-text {
    padding: 8px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #A9A9A9; }
  .selectboxit-container .selectboxit-option-icon-container {
    margin-left: 0 !important; }
  .selectboxit-container .selectboxit-text {
    text-indent: 0 !important;
    max-width: 100% !important; }
    .selectboxit-container .selectboxit-text[data-val]:not([data-val=""]) {
      color: #3c3637; }
  .selectboxit-container .selectboxit {
    width: 100% !important;
    background: #fafbfc;
    color: #3c3637;
    border-radius: 2px !important; }
  .selectboxit-container .selectboxit-options {
    border-radius: 0 !important;
    min-width: 100% !important;
    width: 100% !important;
    border: 1px solid #DADADA !important;
    background: #F1F1F1 !important; }
    .selectboxit-container .selectboxit-options li {
      text-indent: 0 !important;
      border-bottom: 1px solid #E0E0E0;
      float: left;
      width: 100%;
      height: 46px; }
      .selectboxit-container .selectboxit-options li a {
        padding: 8px 20px !important;
        height: 45px !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #999;
        background: #FBFBFB !important;
        border-bottom: 0 !important; }
  .selectboxit-container .selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #A9A9A9 !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .selectboxit-container .selectboxit-btn {
    border-color: inherit !important;
    border: 1px solid #e3e4e5 !important; }

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  margin: 0 auto !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: -20px !important;
  margin-top: -2px !important; }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background-color: #F7F7F7 !important;
  background-image: -moz-linear-gradient(top, #F7F7F7, #F7F7F7) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#F7F7F7)) !important;
  background-image: -webkit-linear-gradient(top, #F7F7F7, #F7F7F7) !important;
  background-image: -o-linear-gradient(top, #F7F7F7, #F7F7F7) !important;
  background-image: linear-gradient(to bottom, #F7F7F7, #F7F7F7) !important;
  background-repeat: repeat-x;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #999; }

.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
  color: #999 !important;
  background-color: #F1F1F1 !important; }

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
  background: #fafbfc !important; }

#content .default-form-lg ul li {
  overflow: unset !important; }

.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 100000000;
  border-radius: 0;
  font-family: Arial,sans-serif;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #DADADA;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: -1px !important; }

.pac-item {
  cursor: pointer;
  padding: 8px 20px;
  border-bottom: 1px solid #e6e6e6;
  border-top: 0 !important; }
  .pac-item:hover {
    background-color: #F3F3F3; }
  .pac-item:focus {
    outline: none; }

.pac-icon {
  display: none; }

.pac-item-query {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #848484; }

.pac-logo:after {
  content: "" !important;
  padding: 1px 1px 1px 0 !important;
  height: 40px !important;
  text-align: center !important;
  display: block !important;
  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 120px 14px !important; }

.opacityAnimate {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .opacityAnimate.runned {
    opacity: 1; }

.twitter-manual-fixed .close-tt {
  display: none; }

.twitter-typeahead {
  width: 100%;
  padding-left: 0 !important; }

span.tt-dropdown-menu, .tt-menu {
  background: #ffffff;
  width: 100%;
  text-align: left;
  border: 1px solid #dedede;
  border-top: 0;
  max-height: 450px;
  overflow: auto; }
  span.tt-dropdown-menu .tt-dataset .tt-suggestion, .tt-menu .tt-dataset .tt-suggestion {
    padding: 12px 20px !important;
    font-size: 13px !important;
    color: #999 !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #E8E8E8;
    transition: all 0.3s ease;
    cursor: pointer;
    white-space: normal;
    width: 100%;
    float: left; }
    span.tt-dropdown-menu .tt-dataset .tt-suggestion strong, .tt-menu .tt-dataset .tt-suggestion strong {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px !important;
      color: #828083 !important; }
  span.tt-dropdown-menu > div, .tt-menu > div {
    padding: 0 !important; }
  span.tt-dropdown-menu span > div, .tt-menu span > div {
    padding: 0 !important; }
    span.tt-dropdown-menu span > div p, .tt-menu span > div p {
      padding: 12px 20px !important;
      border-bottom: 1px solid #E8E8E8;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      cursor: pointer;
      white-space: normal;
      font-size: 13px !important;
      color: #999 !important;
      font-weight: 400 !important; }
      span.tt-dropdown-menu span > div p strong, .tt-menu span > div p strong {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        color: #848484 !important; }
      span.tt-dropdown-menu span > div p:hover, .tt-menu span > div p:hover {
        background: #F7F7F7; }
  span.tt-dropdown-menu .tt-header, .tt-menu .tt-header {
    padding: 15px 22px !important;
    border-bottom: 1px solid #E2E2E2;
    background: #ffffff;
    font-weight: 700;
    color: #0f866c;
    font-size: 15px;
    float: left;
    width: 100%; }
  span.tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-size: 11px !important;
    color: #999 !important; }
  span.tt-dropdown-menu .empty-message, .tt-menu .empty-message {
    margin: 5px 20px; }

div.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3c3637;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 999999999 !important;
  font-size: 35px;
  color: #ffffff;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1; }
  div.loader.onLoadLoader {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    div.loader.onLoadLoader.show {
      opacity: 1;
      visibility: visible; }
  div.loader.white {
    background: rgba(255, 255, 255, 0.75); }
  div.loader.fixed {
    position: fixed; }
  div.loader.remove {
    opacity: 0; }

.loader {
  position: relative;
  margin: 0px auto;
  width: 100px; }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 120px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

.tooltipShow {
  position: absolute;
  background: #587A96;
  z-index: 999;
  color: white;
  font-weight: 400;
  padding: 17px;
  border-radius: 4px;
  bottom: 257px;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  opacity: 0; }
  .tooltipShow.small {
    width: 210px; }
  .tooltipShow.big {
    width: 500px; }
  .tooltipShow.show {
    opacity: 1; }
  .tooltipShow:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #587A96;
    border-width: 10px;
    margin-left: -10px; }

.imgnonesortable, .imgsortable {
  float: left;
  width: 100%; }
  .imgnonesortable li, .imgsortable li {
    margin: 0 !important;
    box-shadow: none !important;
    height: 160px !important;
    margin-bottom: 20px !important; }
    @media screen and (min-width: 1270px) {
      .imgnonesortable li, .imgsortable li {
        height: unset !important; } }
    .imgnonesortable li:not(.image-new-placeholder):nth-of-type(3n+1), .imgsortable li:not(.image-new-placeholder):nth-of-type(3n+1) {
      margin-right: 10px !important;
      width: calc(33.333% - 10px) !important; }
    .imgnonesortable li:not(.image-new-placeholder):nth-of-type(3n+2), .imgsortable li:not(.image-new-placeholder):nth-of-type(3n+2) {
      margin-left: 5px !important;
      margin-right: 5px !important;
      width: calc(33.333% - 10px) !important; }
    .imgnonesortable li:not(.image-new-placeholder):nth-of-type(3n+3), .imgsortable li:not(.image-new-placeholder):nth-of-type(3n+3) {
      margin-left: 10px !important;
      width: calc(33.333% - 10px) !important; }
  .imgnonesortable .image_thumb_contain, .imgnonesortable .image_thumb_sortable_contain, .imgsortable .image_thumb_contain, .imgsortable .image_thumb_sortable_contain {
    width: 100%;
    height: 160px;
    float: left; }
    @media screen and (min-width: 1270px) {
      .imgnonesortable .image_thumb_contain, .imgnonesortable .image_thumb_sortable_contain, .imgsortable .image_thumb_contain, .imgsortable .image_thumb_sortable_contain {
        position: relative; }
        .imgnonesortable .image_thumb_contain:not(.image_thumb_sortable_contain-square), .imgnonesortable .image_thumb_sortable_contain:not(.image_thumb_sortable_contain-square), .imgsortable .image_thumb_contain:not(.image_thumb_sortable_contain-square), .imgsortable .image_thumb_sortable_contain:not(.image_thumb_sortable_contain-square) {
          padding-bottom: calc(100% * 3/4); } }
  .imgnonesortable .image_thumb_btn_div, .imgsortable .image_thumb_btn_div {
    position: absolute;
    top: 0;
    right: 30px;
    width: 0;
    height: 0;
    left: inherit; }
  .imgnonesortable .image_thumb_btn, .imgsortable .image_thumb_btn {
    width: 30px;
    height: 30px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    cursor: pointer;
    background: #4dbded;
    background: -moz-linear-gradient(top, #4dbded 0%, #36a8e6 71%, #22a6e8 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #4dbded), color-stop(71%, #36a8e6), color-stop(100%, #22a6e8));
    background: -webkit-linear-gradient(top, #4dbded 0%, #36a8e6 71%, #22a6e8 100%);
    background: -o-linear-gradient(top, #4dbded 0%, #36a8e6 71%, #22a6e8 100%);
    background: -ms-linear-gradient(top, #4dbded 0%, #36a8e6 71%, #22a6e8 100%);
    background: #25DCA6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dbded', endColorstr='#22a6e8', GradientType=0 );
    box-shadow: none;
    border: 1px solid #25dca6;
    border-radius: 0px; }

.imgsortabledummy {
  display: none; }

.mce-menubar {
  display: none !important; }

.mce-statusbar {
  display: none !important; }

.mce-stack-layout-item {
  display: block;
  border: 0 !important;
  background: white !important; }

.mce-panel {
  border: 0px !important; }

.mce-btn-group .mce-btn {
  background: #FFFFFF !important; }

.mce-btn {
  border-color: #CACACA !important; }

#message_ifr {
  margin-top: 25px;
  float: left; }

#tinymce {
  background: #ffffff !important;
  padding-bottom: 0 !important;
  min-height: 190px;
  margin-top: 20px; }
  #tinymce p {
    margin-bottom: 30px;
    float: left;
    width: 100%; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.mCSB_scrollTools {
  width: 6px !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 6px !important;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px !important;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(154, 154, 154, 0.54) !important; }

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  margin: 0px !important; }

.boxNothing h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #3c3637;
  margin-bottom: 10px; }

.ui-state-default {
  width: 110px !important;
  height: 110px !important;
  box-shadow: none !important;
  border: 1px solid #D0D0D0;
  overflow: hidden; }

.file_thumb_btn_div {
  position: absolute;
  width: 25px;
  height: 24px;
  background: #25dca6;
  top: -2px;
  right: 2px;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center; }

.file_thumb_contain, .file_thumb_sortable_contain {
  height: 110px !important;
  width: 110px !important;
  margin-top: -23px !important;
  position: relative !important; }

.button_dis {
  display: none !important; }

.errorMsg {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #3c3637;
  color: #dc143c;
  display: inline-block;
  width: 220px; }
  .errorMsg.left-align {
    float: left;
    text-align: left; }

.errorMsg-fileupload-float {
  float: left;
  padding-bottom: 20px;
  width: 100%; }

.errorMsgHP {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: "#ff0000";
  color: #ff0000;
  display: inline-block;
  width: 220px;
  height: 19px; }

.styled_input_as_it_supposed_to_be_single_class_and_no_fucking_crap_deep_fucking_linking {
  border: 1px solid #e3e4e5;
  border-radius: 2px;
  color: #3c3637;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 13px 20px;
  width: 50%; }

.old_price {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #777777;
  text-decoration: line-through; }

.new_price {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #3c3637; }

.emplocup {
  font-style: italic;
  font-family: 'Roboto', sans-serif;
  font-size: 14px; }

.empllts {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle; }

.employeephoto {
  align-items: center;
  border-radius: 100%;
  display: flex;
  float: left;
  height: 100px;
  justify-content: center;
  margin-right: 20px;
  width: 100px; }

.boxMSGtxtcolor {
  color: #597a96;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 10px 20px 10px 20px; }

.dsk_srv_name {
  padding-left: 10px; }

.fbLogin {
  background: #3b5999;
  text-align: left;
  font-size: 18px;
  color: white;
  font-family: 'proxima_nova_softbold';
  font-weight: normal;
  text-decoration: none;
  border-radius: 3px;
  padding: 13px 25px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  text-align: center; }

.fbLogin:hover {
  background: #30487D; }

.fbLogin i {
  padding-right: 25px; }

.error-extended-label {
  color: #e50000 !important; }

.error-extended-input {
  border: 1px solid #e50000 !important;
  background-color: #ffe5e5 !important; }

.error-extended-msg {
  font-weight: 400;
  font-size: 0.9rem !important;
  color: #e50000 !important;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  width: 100%; }
  .error-extended-msg.error-extended-msg-active {
    margin-top: 5px;
    margin-bottom: 10px; }

#resultText .scoreWrapper {
  position: relative;
  float: right;
  width: 25%; }
  #resultText .scoreWrapper .score {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    float: right;
    padding: 3px 0; }
    #resultText .scoreWrapper .score:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 23px 11px 22px 0;
      border-color: transparent #0f866c transparent transparent;
      left: -11px;
      bottom: 0; }
    #resultText .scoreWrapper .score.green:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 23px 11px 22px 0;
      border-color: transparent #25dca6 transparent transparent;
      left: -11px;
      bottom: 0; }
    #resultText .scoreWrapper .score.orange:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 23px 11px 22px 0;
      border-color: transparent #f26422 transparent transparent;
      left: -11px;
      bottom: 0; }
    #resultText .scoreWrapper .score.red:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 23px 11px 22px 0;
      border-color: transparent #c93914 transparent transparent;
      left: -11px;
      bottom: 0; }
    #resultText .scoreWrapper .score.grey:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 23px 11px 22px 0;
      border-color: transparent #969696 transparent transparent;
      left: -11px;
      bottom: 0; }
#resultText span.reviews {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #3c3637;
  position: relative;
  float: right;
  width: 100%;
  text-align: right;
  margin-top: 5px; }

#maps {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  display: flex;
  overflow: auto;
  overflow-x: hidden;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(29, 177, 228, 0.5) 0%, rgba(6, 100, 151, 0.6) 100%) repeat scroll 0 0;
  transition: opacity 0.3s ease 0s;
  z-index: 99999999; }
  #maps.show {
    opacity: 1;
    visibility: visible; }
  #maps .closeMaps {
    position: absolute;
    top: 0;
    right: 0;
    color: #3c3637;
    z-index: 99999;
    background: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 21px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    box-shadow: 0px 0px 25px #AFAFAF;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
    text-decoration: none; }
  #maps .inner-holder {
    position: absolute;
    padding: 15px;
    left: 0;
    right: 0;
    top: 55px;
    bottom: 65px;
    margin: auto;
    max-width: 1000px; }
  #maps #map-canvas {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 1000px;
    opacity: 1 !important;
    background: #fff none repeat scroll 0 0; }
    #maps #map-canvas .labelsMarker {
      width: 38px;
      text-align: center; }
      #maps #map-canvas .labelsMarker span.score {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 20px;
        color: #ffffff;
        line-height: 45px; }
        #maps #map-canvas .labelsMarker span.score span.small {
          font-size: 15px;
          position: relative;
          top: -6px; }
  #maps .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #136d93;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 25px;
    color: #ffffff;
    display: none; }
  #maps.bigMaps {
    height: calc(100vh - 300px); }
  #maps .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    bottom: 60px;
    padding: 0 10px;
    pointer-events: none;
    z-index: 2; }
  #maps .overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.37)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
    /* IE6-9 */ }

#filter {
  margin-bottom: 35px; }
  #filter form i.fa-map-marker-alt {
    position: absolute;
    right: 20px;
    font-size: 28px;
    color: #0f866c;
    top: 10px;
    cursor: pointer; }
  #filter form h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #0f866c;
    text-align: center;
    margin-bottom: 20px; }

#userFilters h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #3c3637; }
#userFilters .filter {
  margin-top: 15px;
  margin-right: 15px;
  background: #ffffff;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637;
  padding: 10px 15px;
  box-shadow: 0 -9px 25px rgba(0, 0, 0, 0.18); }
  #userFilters .filter a {
    color: #3c3637; }
  #userFilters .filter i {
    padding-left: 5px; }

#results h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #0f866c; }
  #results h1 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: #0f866c; }
#results .centerF {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center; }
#results .textWrapper {
  max-height: 62px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 10px; }
#results a.textShowMore {
  margin-bottom: 30px;
  color: #0f866c;
  text-decoration: none;
  font-size: 13px;
  float: left;
  width: 100%; }
#results p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #3c3637;
  line-height: 16px; }
  #results p a {
    color: #0f866c;
    text-decoration: none; }
    #results p a:hover {
      text-decoration: underline; }
#results .header-results {
  margin-bottom: 16px; }
  #results .header-results .text {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #3c3637;
    line-height: 36px; }
  #results .header-results .sorting .sort {
    padding-right: 0; }

.showMap {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #3c3637;
  padding: 10px 20px;
  float: right;
  border: 1px solid #E5E9EC;
  border-radius: 3px;
  text-decoration: none;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .showMap:hover {
    border: 1px solid #3c3637; }
  .showMap i {
    padding-right: 5px; }

.sort {
  float: right !important;
  width: 190px;
  padding-right: 15px; }
  .sort select {
    width: 100%;
    padding: 10px 20px;
    border-radius: 2px;
    border: 1px solid #E5E9EC;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #3c3637;
    background-color: transparent; }
  .sort .selectboxit-container:hover .selectboxit-btn {
    border: 1px solid #3c3637 !important; }
  .sort .selectboxit-container .selectboxit-btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #E5E9EC !important; }
  .sort .selectboxit-container .selectboxit {
    height: 38px !important;
    padding-right: 22px; }
  .sort .selectboxit-container span.selectboxit-option-icon-container {
    height: 38px !important; }
  .sort .selectboxit-container span.selectboxit-text {
    font-size: 14px;
    font-weight: 300;
    color: #3c3637;
    padding: 3px 20px; }
  .sort .selectboxit-container .selectboxit-arrow-container {
    height: 38px !important; }
  .sort .selectboxit-container .selectboxit-default-arrow {
    border-top: 4px solid #171717 !important; }
  .sort .selectboxit-container .selectboxit-options li a {
    padding: 13px 20px !important;
    height: inherit !important;
    line-height: 16px !important;
    font-size: 14px !important;
    white-space: normal !important; }

ul.options {
  list-style-type: none;
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  ul.options input {
    border: 1px solid #e5e9ec;
    background: #ffffff;
    padding: 12px 20px;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
    ul.options input:focus {
      outline: none; }
  ul.options li {
    margin-bottom: 10px; }
    ul.options li .selectboxit-container span.selectboxit-text {
      padding: 8px 20px;
      padding-left: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 17px;
      color: #A9A9A9; }
    ul.options li .selectboxit-container .selectboxit {
      width: 100% !important;
      background: #ffffff;
      color: #3c3637;
      border-radius: 2px !important;
      margin-top: 10px; }
    ul.options li .selectboxit-btn.selectboxit-enabled:hover, ul.options li .selectboxit-btn.selectboxit-enabled:focus, ul.options li .selectboxit-btn.selectboxit-enabled:active {
      background: #ffffff !important; }
    ul.options li .selectboxit-container .selectboxit-options li {
      text-indent: 0 !important;
      border-bottom: 1px solid #E0E0E0;
      margin-bottom: 0;
      width: 100%; }
    ul.options li .selectboxit-option-icon-container {
      padding-left: 0; }
    ul.options li span {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #666666;
      padding-left: 15px; }
    ul.options li > span {
      padding-left: 0 !important; }
  ul.options li.title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase;
    margin-bottom: 13px; }

.searchBoxSuggestion {
  float: left;
  width: 100%;
  background: #ffffff;
  margin: 50px 0;
  padding: 25px 30px; }
  .searchBoxSuggestion form {
    float: left;
    width: 100%;
    margin: 20px 0; }
    .searchBoxSuggestion form input {
      border: 1px solid #e5e9ec;
      background: #ffffff;
      padding: 12px 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      float: left;
      width: 400px; }
      .searchBoxSuggestion form input:focus {
        outline: none; }
    .searchBoxSuggestion form button {
      border: 0;
      border-bottom: 0px solid #1ca980;
      background: #25dca6;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #ffffff;
      padding: 12px 20px;
      max-width: 296px;
      width: 100%;
      text-align: center;
      margin-left: 10px; }
      .searchBoxSuggestion form button:hover {
        background: #1fb78a; }
    .searchBoxSuggestion form .input-holder {
      float: left;
      width: 400px; }
  .searchBoxSuggestion .sug {
    margin-top: 25px; }
    .searchBoxSuggestion .sug .suggtype {
      float: left;
      width: 100%;
      padding: 7px 10px;
      color: white;
      margin-top: 10px;
      background: #0f866c; }
    .searchBoxSuggestion .sug ul {
      list-style-type: none;
      float: left;
      width: 100%; }
      .searchBoxSuggestion .sug ul li {
        float: left;
        width: 100%; }
        .searchBoxSuggestion .sug ul li a {
          padding: 7px 10px;
          float: left;
          width: 100%;
          border-bottom: 1px solid #e4e4e4;
          color: #929292; }

.searchBox {
  background: #ffffff;
  border-radius: 5px;
  position: relative;
  min-height: 160px;
  margin-bottom: 20px; }
  .searchBox.topPos {
    border: 3px solid #25dca6; }
  .searchBox .searchImg {
    width: 285px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .searchBox .searchImg .keurmerken {
      position: absolute;
      bottom: 0;
      left: 0;
      float: left;
      width: 100%;
      padding: 19px; }
      .searchBox .searchImg .keurmerken .keurmerk {
        width: 35px;
        height: 35px;
        background: #ffffff;
        border-radius: 100%;
        float: left;
        margin-right: 5px; }
    .searchBox .searchImg .adv {
      background: #6b6867;
      font-weight: 500;
      color: #ffffff;
      font-size: 14px;
      padding: 6px 13px;
      text-align: center;
      position: absolute;
      border-radius: 5px;
      left: 10px;
      top: 10px;
      opacity: 0.9; }
    .searchBox .searchImg span.label {
      background: #25DCA6;
      color: white;
      padding: 10px 20px;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center; }
  .searchBox .score {
    right: 20px; }
  .searchBox .searchContent {
    width: calc(100% - 285px);
    padding: 17px 13px 17px 17px;
    float: right;
    position: relative;
    min-height: 160px; }
    .searchBox .searchContent span.onderdeel {
      width: 48%;
      float: right;
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 19px 15px; }
      .searchBox .searchContent span.onderdeel span.name {
        float: right;
        width: 100%;
        font-weight: 500;
        font-size: 13px;
        color: #3c3637; }
      .searchBox .searchContent span.onderdeel span.about {
        float: right;
        width: 100%;
        font-size: 13px;
        font-weight: 300;
        color: #3c3637; }
    .searchBox .searchContent .scoreWrapper {
      position: relative;
      float: right;
      width: 25%; }
      .searchBox .searchContent .scoreWrapper .score {
        position: relative;
        top: 0;
        right: 0;
        margin: 0;
        float: right;
        padding: 3px 0; }
        .searchBox .searchContent .scoreWrapper .score:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 23px 11px 22px 0;
          border-color: transparent #0f866c transparent transparent;
          left: -11px;
          bottom: 0; }
        .searchBox .searchContent .scoreWrapper .score.green:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 23px 11px 22px 0;
          border-color: transparent #25dca6 transparent transparent;
          left: -11px;
          bottom: 0; }
        .searchBox .searchContent .scoreWrapper .score.orange:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 23px 11px 22px 0;
          border-color: transparent #f26422 transparent transparent;
          left: -11px;
          bottom: 0; }
        .searchBox .searchContent .scoreWrapper .score.red:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 23px 11px 22px 0;
          border-color: transparent #c93914 transparent transparent;
          left: -11px;
          bottom: 0; }
        .searchBox .searchContent .scoreWrapper .score.grey:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 23px 11px 22px 0;
          border-color: transparent #969696 transparent transparent;
          left: -11px;
          bottom: 0; }
    .searchBox .searchContent span.reviews {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 13px;
      color: #3c3637;
      position: relative;
      float: right;
      width: 100%;
      text-align: right;
      margin-top: 5px; }
      .searchBox .searchContent span.reviews.small {
        margin-top: 2px;
        font-weight: 300;
        color: #C9C9C9; }
    .searchBox .searchContent span.treat {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      margin: 16px 0 10px 0; }
      .searchBox .searchContent span.treat .numb {
        background: #0f866c;
        color: #ffffff;
        font-weight: 500;
        width: 35px;
        float: left;
        text-align: center;
        padding: 2px 0;
        border-radius: 4px;
        font-size: 14px;
        margin-right: 15px; }
    .searchBox .searchContent h2 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 19px;
      color: #0f866c;
      float: left;
      width: 75%;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .searchBox .searchContent span.place {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #b5b5b5;
      float: left;
      width: 75%; }
      .searchBox .searchContent span.place i {
        color: #d3d6d9;
        font-size: 17px; }
    .searchBox .searchContent a.bttn {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 13px;
      color: #3c3637;
      text-transform: uppercase;
      float: left;
      text-decoration: none;
      border: 1px solid #e5e9ec;
      padding: 5px 8px;
      border-radius: 2px;
      margin-top: 15px;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .searchBox .searchContent a.bttn:hover {
        border: 1px solid #3c3637; }
      .searchBox .searchContent a.bttn.orange {
        background: #fc6500;
        color: #ffffff;
        margin-left: 10px;
        border: 1px solid #fc6500; }
        .searchBox .searchContent a.bttn.orange:hover {
          border: 1px solid #d25400;
          background: #d25400; }
      .searchBox .searchContent a.bttn.green {
        background: #25dca6;
        color: #ffffff;
        margin-left: 0;
        border: 1px solid #25dca6; }
        .searchBox .searchContent a.bttn.green:hover {
          border: 1px solid #1fb78a;
          background: #1fb78a; }
    .searchBox .searchContent table {
      margin-top: 10px;
      padding-top: 10px; }
      .searchBox .searchContent table tr:last-of-type td {
        border-bottom: 0; }
      .searchBox .searchContent table tr:first-of-type td {
        border-top: 0;
        border-bottom: 1px solid #e5e9ec; }
      .searchBox .searchContent table td {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637;
        border-bottom: 1px solid #e5e9ec;
        padding: 2px 0; }
        .searchBox .searchContent table td.left {
          width: 60%;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637;
          /* styles for '...' */ }
          .searchBox .searchContent table td.left .product-title {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            /* number of lines to show */
            line-height: 15px;
            /* fallback */
            max-height: 15px;
            /* fallback */
            word-wrap: break-word;
            word-break: keep-all; }
          .searchBox .searchContent table td.left .product-title-old {
            /* hide text if it more than N lines  */
            overflow: hidden;
            /* for set '...' in absolute position */
            position: relative;
            /* use this value to count block height */
            line-height: 1.2em;
            /* max-height = line-height (1.2) * lines max number (3) */
            max-height: 2.4em;
            /* fix problem when last visible word doesn't adjoin right side  */
            text-align: justify;
            /* place for '...' */
            margin-right: -1em;
            padding-right: 1em;
            word-wrap: break-word;
            /* create the ... */
            /* hide ... if we have text, which is less than or equal to max lines */ }
            .searchBox .searchContent table td.left .product-title-old:before {
              /* points in the end */
              content: '\2026';
              /* absolute position */
              position: absolute;
              /* set position to right bottom corner of block */
              right: 14px;
              bottom: 0;
              background: #ffffff; }
            .searchBox .searchContent table td.left .product-title-old:after {
              /* points in the end */
              content: '';
              /* absolute position */
              position: absolute;
              /* set position to right bottom corner of text */
              right: 14px;
              /* set width and height */
              width: 1em;
              height: 1em;
              margin-top: 0.2em;
              /* bg color = bg color under block */
              background: white; }
        .searchBox .searchContent table td .discount {
          line-height: 21px;
          margin-right: 10px;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 13px;
          color: #25dca6; }
        .searchBox .searchContent table td i {
          color: #25dca6;
          padding-left: 5px; }
        .searchBox .searchContent table td .new {
          padding-left: 5px;
          line-height: 21px;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 14px;
          color: #3c3637;
          opacity: 0.8; }
          .searchBox .searchContent table td .new.free {
            text-transform: uppercase;
            opacity: 0.8; }
        .searchBox .searchContent table td .price-from-section {
          opacity: 0.85; }
        .searchBox .searchContent table td .from {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 14px;
          color: #3c3637; }
        .searchBox .searchContent table td .old {
          color: #c93914;
          text-decoration: line-through;
          margin-left: 10px; }

.infoBox {
  background: white !important;
  z-index: 1 !important;
  opacity: 1 !important;
  border-radius: 0px !important;
  width: 550px !important;
  height: 192px !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32) !important; }
  .infoBox:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12.5px 0 12.5px;
    border-color: #FFFFFF transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -12px; }
  .infoBox img {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important; }
  .infoBox .result {
    float: left;
    width: 100%;
    height: 192px; }
    .infoBox .result .image {
      float: left;
      width: 230px;
      height: 100%;
      position: relative; }
    .infoBox .result .content {
      float: left;
      width: calc(100% - 230px);
      height: 190px;
      padding: 21px 31px;
      color: #3c3637; }
      .infoBox .result .content span.reviews {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637;
        float: left;
        width: 100%; }
      .infoBox .result .content span.titleName {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #0f866c;
        float: left;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 5px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .infoBox .result .content span.smallText {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #3c3637;
        float: left;
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .infoBox .result .content span.smallText {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #3c3637;
        float: left;
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .infoBox .result .content a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        float: left;
        text-decoration: none;
        border: 1px solid #c0adb0;
        padding: 7px 15px;
        border-radius: 2px;
        margin-top: 15px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
  .infoBox .score {
    position: absolute;
    top: 0;
    background: #0f866c;
    font-family: 'proxima_nova_softbold';
    font-weight: normal;
    font-size: 30px;
    color: #ffffff;
    width: 450px;
    height: 450px;
    padding: 5px 0;
    text-align: center;
    right: 20px; }
    .infoBox .score:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 22.5px 0 22.5px;
      border-color: #1a98ce transparent transparent transparent;
      position: absolute;
      bottom: -8px;
      left: 0; }
    .infoBox .score.green {
      background: #25dca6; }
      .infoBox .score.green:after {
        border-color: #25dca6 transparent transparent transparent; }
    .infoBox .score.red {
      background: #c93914; }
      .infoBox .score.red:after {
        border-color: #c93914 transparent transparent transparent; }
    .infoBox .score.orange {
      background: #f26422; }
      .infoBox .score.orange:after {
        border-color: #f26422 transparent transparent transparent; }
    .infoBox .score.grey {
      background: #969696; }
      .infoBox .score.grey:after {
        border-color: #969696 transparent transparent transparent; }
    .infoBox .score span {
      font-size: 16px;
      position: relative;
      top: -10px; }

.cta-section-search {
  padding-top: 10px; }
  .cta-section-search.cta-section-with-video-free .video-intake {
    width: 228px;
    left: 90px; }
  .cta-section-search.cta-section-with-video .video-intake {
    width: 195px;
    left: 105px; }
  .cta-section-search .video-intake {
    background: #ffffff;
    padding: 5px 10px;
    border-radius: 2px;
    margin-bottom: 5px;
    position: relative;
    border: 2px solid #0f866c;
    font-weight: 400;
    font-size: 0.875rem;
    color: #0f866c;
    font-family: 'Roboto', sans-serif; }
    .cta-section-search .video-intake i {
      padding-right: 10px; }
    .cta-section-search .video-intake:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-color: rgba(26, 153, 206, 0);
      border-top-color: #0f866c;
      border-width: 10px;
      margin-left: -10px; }
    .cta-section-search .video-intake:before {
      border-color: rgba(26, 153, 206, 0);
      border-top-color: #0f866c;
      border-width: 36px;
      margin-left: -36px; }

#homeImage {
  background: transparent !important;
  text-align: left;
  height: 422px;
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff; }
  #homeImage .bgImg {
    position: absolute;
    height: 422px;
    width: 100%; }
  #homeImage .mdd {
    display: flex;
    height: calc(422px - 113px);
    justify-content: center;
    flex-direction: column; }
    #homeImage .mdd.businessMdd {
      height: 422px; }
    #homeImage .mdd.cBox {
      align-items: flex-end; }
  #homeImage .biz {
    line-height: 40px; }
  #homeImage .companyBox {
    float: right;
    background: #ffffff;
    width: 400px; }
    #homeImage .companyBox ul {
      list-style-type: none; }
      #homeImage .companyBox ul li:last-child a {
        border-bottom: 0; }
      #homeImage .companyBox ul li:first-of-type a:hover {
        background: #fbfbfb; }
      #homeImage .companyBox ul li a {
        margin-top: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #0f866c;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 13px 20px;
        border-bottom: 1px solid #eaeaea;
        float: left;
        width: 100%;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #homeImage .companyBox ul li a:hover {
          background: #fbfbfb; }
        #homeImage .companyBox ul li a.img {
          padding: 25px 20px; }
          #homeImage .companyBox ul li a.img img {
            height: 30px; }
  #homeImage h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 39px;
    color: #ffffff;
    width: 100%;
    line-height: 55px; }
    #homeImage h1.one-line {
      line-height: 2.75rem;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 36px;
      color: #f7f7f7; }
  #homeImage h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #ffffff; }
  #homeImage h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: #0f866c; }
  #homeImage a {
    float: left;
    width: auto;
    display: inline-table;
    margin-top: 20px;
    border: 2px solid #ffffff;
    padding: 13px 20px;
    font-weight: 700;
    color: #ffffff;
    font-size: 17px; }

@media screen and (max-width: 1100px) {
  #services .box1 p {
    width: 72%; } }
@media screen and (max-width: 1033px) {
  #services .box1 p {
    width: 80%; } }
@media screen and (max-width: 999px) {
  #services .box1 {
    width: 100%; }
    #services .box1 .box {
      height: inherit;
      float: left; }
  #services .box2 {
    width: 33.3333%; }
  #services .box3 {
    width: 33.3333%; }
  #services .box4 {
    width: 33.3333%; }
  #services .box5 {
    width: 50%; }
    #services .box5 p {
      padding: 17px 0 !important;
      width: 70%; }
  #services .box6 {
    width: 50%; } }
#services .bizHeight {
  min-height: 440px; }
#services .introBox {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column; }
  #services .introBox svg {
    height: 55px;
    margin-bottom: 35px; }
  #services .introBox span.title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 17px;
    color: #0f866c;
    text-align: center;
    float: left;
    width: 100%; }
  #services .introBox p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 27px; }
#services .videoWrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #services .videoWrapper.show {
    visibility: visible;
    opacity: 1; }
  #services .videoWrapper .close {
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
#services .box {
  height: 360px;
  background: #ffffff;
  margin-bottom: 20px;
  padding: 50px 29px;
  position: relative; }
  #services .box.center {
    text-align: center; }
  #services .box.flexCenter {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center; }
  #services .box.video:hover .playButton i {
    color: #066497; }
  #services .box .topPhoto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px; }
    #services .box .topPhoto .photo {
      height: inherit; }
  #services .box ul {
    float: left;
    width: 100%; }
    #services .box ul li {
      float: left;
      width: 100%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      margin-top: 15px; }
      #services .box ul li .icon {
        width: 65px;
        height: 65px;
        float: left;
        border-radius: 100%;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        background: #1999ce; }
        #services .box ul li .icon svg {
          width: 57%;
          height: auto; }
          #services .box ul li .icon svg .line {
            fill: white !important; }
      #services .box ul li .content {
        float: left;
        width: calc(100% - 65px);
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #ffffff;
        padding-left: 14px; }
        #services .box ul li .content strong {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #ffffff;
          float: left;
          width: 100%;
          margin-bottom: -2px; }
  #services .box .playButton {
    width: 95px;
    height: 95px;
    border-radius: 100%;
    background: #ffffff;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); }
    #services .box .playButton i {
      font-size: 48px;
      position: relative;
      left: 5px;
      color: #25dca6;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  #services .box i {
    font-size: 110px; }
  #services .box .colorGreen {
    color: #25dca6 !important; }
  #services .box .colorWhite {
    color: #ffffff !important; }
  #services .box .colorBlue {
    color: #066497 !important; }
  #services .box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #0f866c;
    line-height: 31px; }
    @media screen and (max-width: 1165px) {
      #services .box h2 {
        font-size: 23px; } }
    #services .box h2.margin {
      margin: 24px 0; }
  #services .box p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637;
    line-height: 27px;
    padding: 25px 0; }
    #services .box p strong {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #3c3637; }
  #services .box .colorWhite p {
    color: #ffffff !important; }
  #services .box div {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637; }
    #services .box div strong {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #3c3637; }
  #services .box ul {
    list-style-type: none;
    padding: 15px 0; }
    #services .box ul li {
      float: left;
      width: 100%;
      margin-top: 0; }
      #services .box ul li a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #ffffff;
        padding: 4px 0;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left; }
  #services .box ol {
    padding: 15px 0;
    margin-left: -2px;
    list-style: none; }
    #services .box ol li {
      float: left;
      width: 100%;
      margin-top: 0;
      counter-increment: item; }
      #services .box ol li:before {
        margin-right: 10px;
        content: counter(item) ".";
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #ffffff;
        width: 1.2em;
        text-align: center;
        display: inline-block; }
      #services .box ol li a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #ffffff;
        padding: 4px 0;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #services .box ol li a:after {
          content: '>';
          padding-left: 5px; }
  #services .box .flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center; }
  #services .box a.button {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    border: 0 solid #fc6500;
    border-bottom: 0 solid #c24e00;
    background: #fc6500;
    float: left;
    border-radius: 5px;
    padding: 12px 17px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    #services .box a.button:hover {
      background: #d25400; }
    #services .box a.button.green {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #ffffff;
      border: 0 solid #25dca6;
      border-bottom: 0 solid #1ca980;
      background: #25dca6;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      #services .box a.button.green:hover {
        background: #1fb78a; }
    #services .box a.button.white {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #597a96;
      border: 0 solid #ffffff;
      border-bottom: 0 solid #c4c4c4;
      background: #ffffff;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      #services .box a.button.white:hover {
        background: #d5d5d5; }
  #services .box a {
    text-decoration: none; }
  #services .box .bottomContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    #services .box .bottomContent .content {
      background: #066497;
      padding: 0 30px; }

#cities .wrapper {
  position: relative; }
#cities .banner {
  float: left;
  width: 100%;
  height: 462px;
  position: relative; }
#cities .citypos {
  position: relative;
  margin-top: -30px; }
#cities .statsWrapper {
  background-clip: content-box;
  background: white;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
  padding: 30px 20px 0 20px; }
#cities h2 {
  margin-bottom: 50px; }
#cities .all {
  margin: 0;
  text-align: right;
  padding: 9px 0;
  color: #0f866c;
  min-width: auto;
  width: auto;
  border: 0; }
#cities .cityContent {
  padding: 0 0; }
#cities .c25 {
  margin-bottom: 30px; }
  @media screen and (max-width: 950px) {
    #cities .c25 {
      width: 50%; } }
  #cities .c25 h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637;
    float: left;
    width: 100%;
    padding: 20px 0 10px 0; }
#cities .box {
  height: 160px;
  background: orange;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #cities .box:hover div.padding {
    opacity: 1; }
  #cities .box div.padding {
    opacity: 0;
    padding: 20px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%; }
    #cities .box div.padding a {
      background: white;
      padding: 11px;
      border-radius: 6px;
      text-align: center;
      font-size: 16px;
      color: #066497;
      font-weight: 500;
      text-decoration: none; }

#deal {
  margin-top: 50px; }
  @media screen and (max-width: 1124px) {
    #deal .c25 {
      width: 50%;
      margin-bottom: 10px; } }
  #deal .deal {
    padding: 60px 38px;
    text-align: center;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24bee2+0,066497+100 */
    background: #24bee2;
    /* Old browsers */
    background: -moz-linear-gradient(left, #24bee2 0%, #066497 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #24bee2 0%, #066497 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #24bee2 0%, #066497 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bee2', endColorstr='#066497',GradientType=1 );
    /* IE6-9 */ }
    #deal .deal.flexCenter {
      padding: 40px 40px 40px 60px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
  #deal .box {
    background: #ffffff;
    padding: 30px; }
    #deal .box form > div {
      margin-bottom: 10px; }
    #deal .box form a {
      float: left;
      padding: 14px 45px;
      margin-top: 15px;
      border-radius: 0; }
    #deal .box form input {
      background: #fafbfc;
      border: 1px solid #e5e9ec; }
  #deal h3 {
    opacity: 0.5;
    font-weight: 400;
    margin-bottom: 5px; }
  #deal p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff; }
  #deal form {
    margin-top: 30px; }
    #deal form .error {
      position: absolute;
      background: #e23b3b;
      width: calc(100% - 20px);
      left: 0;
      padding: 11px 20px;
      bottom: 54px;
      border-radius: 4px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin-left: 10px;
      font-size: 14px; }
      #deal form .error:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #E23B3B;
        border-width: 16px;
        margin-left: -16px; }
      #deal form .error.show {
        opacity: 1;
        visibility: visible; }
    #deal form input {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #3c3637;
      border: 0;
      border-radius: 2px;
      padding: 12px 20px; }
      #deal form input:focus {
        outline: none; }
    #deal form input[type="button"] {
      border: 0 solid #25dca6;
      border-bottom: 0 solid #1ca980;
      background: #25dca6;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #ffffff;
      cursor: pointer; }
    #deal form input[type="submit"] {
      border: 0 solid #25dca6;
      border-bottom: 0 solid #1ca980;
      background: #25dca6;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #ffffff;
      cursor: pointer; }

#dealTop .input-holder {
  z-index: 1;
  position: relative; }
#dealTop .autocomplete-section {
  min-height: 71px; }
#dealTop input[type=text] {
  padding: 13px 20px;
  border-radius: 2px;
  border: 1px solid #e3e4e5;
  background: #fafbfc;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 17px;
  color: #3c3637;
  color: #3c3637; }
#dealTop i.fa-map-marker-alt {
  position: absolute;
  right: 20px;
  font-size: 28px;
  top: 10px;
  cursor: pointer; }
#dealTop input[type=submit] {
  border: 0 solid #fc6500;
  border-bottom: 0px solid #c24e00;
  background: #fc6500;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #ffffff;
  -webkit-transition: border 0.3s ease, background 0.3s ease;
  -moz-transition: border 0.3s ease, background 0.3s ease;
  -ms-transition: border 0.3s ease, background 0.3s ease;
  -o-transition: border 0.3s ease, background 0.3s ease;
  transition: border 0.3s ease, background 0.3s ease;
  border-radius: 5px;
  padding: 12px 17px; }
#dealTop select {
  width: 100%;
  padding: 13px 20px;
  border-radius: 2px;
  border: 1px solid white;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #A9A9A9; }
#dealTop .selectboxit-container .selectboxit-options {
  /* Set's the max-height property to only show a subset of the drop down items.
     If you do not set a max-height property, SelectBoxIt will dynamically
     position the dropdown (when opened) to make sure the drop down items are not
     displayed outside of the current window viewport.
  */
  max-height: 320px; }
#dealTop ul li a {
  color: #A9A9A9 !important; }

#customerReview {
  min-height: 521px;
  position: relative; }
  #customerReview .bgImg {
    height: 521px;
    width: 100%;
    position: relative; }
  #customerReview .wrapper {
    z-index: 1;
    margin-top: 0px; }
  #customerReview .customerReviewWrapper {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #customerReview .hiddenReview {
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #customerReview .slider {
    position: absolute;
    bottom: 180px;
    width: 100%;
    max-width: 828px;
    background: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (max-width: 910px) {
      #customerReview .slider {
        max-width: 688px; } }
    #customerReview .slider.arrow0:after, #customerReview .slider.arrow0:before {
      left: 10%; }
    #customerReview .slider.arrow1:after, #customerReview .slider.arrow1:before {
      left: 30%; }
    #customerReview .slider.arrow2:after, #customerReview .slider.arrow2:before {
      left: 50%; }
    #customerReview .slider.arrow3:after, #customerReview .slider.arrow3:before {
      left: 70%; }
    #customerReview .slider.arrow4:after, #customerReview .slider.arrow4:before {
      left: 90%; }
    #customerReview .slider:after, #customerReview .slider:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      z-index: 3;
      pointer-events: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #customerReview .slider:after {
      border-color: rgba(136, 183, 213, 0);
      border-top-color: #ffffff;
      border-width: 13px;
      margin-left: -13px; }
    #customerReview .slider:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #eff0f1;
      border-width: 17px;
      margin-left: -17px; }
    #customerReview .slider .customerReview {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding: 60px;
      float: left; }
      #customerReview .slider .customerReview .quote {
        width: 75px;
        float: left; }
      #customerReview .slider .customerReview .content {
        float: left;
        width: calc(100% - 75px); }
        #customerReview .slider .customerReview .content p {
          line-height: 27px; }
      #customerReview .slider .customerReview .customerProfile {
        margin-top: 35px;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
        #customerReview .slider .customerReview .customerProfile .user {
          width: 75px;
          height: 75px;
          border-radius: 100%;
          float: left; }
        #customerReview .slider .customerReview .customerProfile .name {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #066497;
          line-height: 19px;
          padding-left: 15px; }
  #customerReview .customerReviewItems {
    max-width: 828px;
    list-style-type: none;
    padding: 175px 0 130px 0; }
    @media screen and (max-width: 910px) {
      #customerReview .customerReviewItems {
        max-width: 688px; } }
    #customerReview .customerReviewItems li {
      float: left;
      display: inline-block;
      width: calc(100% / 5);
      overflow: hidden;
      text-align: center;
      height: 63px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      #customerReview .customerReviewItems li img {
        object-fit: contain;
        max-height: 67px; }

#what {
  background: #066497; }
  @media screen and (max-width: 1045px) {
    #what .c33 {
      width: 50%; } }
  #what.helloreview h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #0f866c; }
  #what.helloreview .aboutBox .content .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #what.helloreview .aboutBox .content .big {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  #what.helloreview .aboutBox .content a {
    float: left;
    padding: 12px 20px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 20px;
    background: #0f866c;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #what.helloreview .aboutBox .content a:hover {
      background: #1680ac; }
  #what .accordionBusiness {
    margin-top: 40px; }
    #what .accordionBusiness:first-of-type {
      margin-top: 0; }
    #what .accordionBusiness h2 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #25dca6;
      cursor: pointer; }
      #what .accordionBusiness h2 i {
        font-size: 23px;
        padding-right: 13px;
        position: relative;
        top: 2px; }
    #what .accordionBusiness .outerQuestion {
      margin-top: 0;
      padding-left: 33px;
      max-height: 0px;
      overflow: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #what .accordionBusiness .outerQuestion.show {
        margin-top: 15px; }
      #what .accordionBusiness .outerQuestion.showOnLoad {
        max-height: 1000px; }
      #what .accordionBusiness .outerQuestion p {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff; }
  #what h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #ffffff; }
  #what a.greenBttn {
    display: inline-block;
    position: relative;
    top: 7px;
    font-weight: 700; }
  #what .aboutBox {
    margin-top: 55px; }
    #what .aboutBox .icon {
      width: 65px;
      float: left; }
      #what .aboutBox .icon svg {
        width: 100%;
        height: auto; }
    #what .aboutBox .content {
      width: calc(100% - 65px);
      float: left;
      padding-left: 20px;
      padding-right: 40px; }
      #what .aboutBox .content .title {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 17px;
        color: #25dca6;
        margin-bottom: 5px;
        float: left;
        width: 100%; }
      #what .aboutBox .content p {
        color: #ffffff;
        line-height: 27px; }

#testimonial {
  margin-bottom: 60px; }
  #testimonial .centerContent {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    flex-direction: column;
    align-items: center; }
  #testimonial h2 {
    padding: 55px 0; }
  #testimonial p {
    text-align: center;
    font-weight: 400; }
  #testimonial .testimonialImage {
    width: 145px;
    height: 145px;
    border-radius: 100%;
    overflow: hidden;
    background-size: cover;
    text-align: -webkit-center; }
  #testimonial .author {
    margin: 40px 0 20px 0; }
    #testimonial .author .name {
      font-size: 23px;
      font-weight: 400;
      color: #0f866c; }
    #testimonial .author .company {
      font-size: 20px;
      font-weight: 300; }
  #testimonial .quote {
    font-size: 20px;
    font-weight: 300;
    padding: 10px; }

#works .centerContent {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  flex-direction: column;
  align-items: center; }
#works h2 {
  padding: 55px 0; }
  #works h2.companies {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 300;
    letter-spacing: 0em;
    display: block;
    margin-bottom: 18px;
    padding: 0 0 10px 0; }
#works h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 52px;
  color: #0f866c;
  text-align: center; }
  #works h3.companies {
    font-size: 52px;
    line-height: 1.07724;
    font-weight: 300;
    letter-spacing: -.016em;
    padding: 0 0 50px; }
#works .logo {
  vertical-align: middle;
  text-align: center; }
  #works .logo img {
    float: none;
    display: inline-block;
    width: 50%;
    max-width: calc(98% / 4);
    height: auto; }
#works .moreInfo {
  padding-top: 10px; }
#works .stepsWrapper {
  width: 100%;
  max-width: 775px; }
#works .line {
  height: 2px;
  background: #24bee2;
  width: 100%;
  max-width: 560px;
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 50%;
  margin-left: -280px; }
#works .steps {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column; }
#works .step {
  width: 82px;
  height: 82px;
  border: 8px solid #FAFBFC;
  float: left;
  background: #24bee2;
  border-radius: 100%;
  display: block;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 30px; }
#works p {
  text-align: center;
  font-weight: 400; }

#content article h2 {
  font-size: 24px !important; }
#content article h4 {
  font-size: 16px; }
#content article h2, #content article h3, #content article h4 {
  margin-bottom: 15px;
  padding-top: 5px;
  clear: both; }
#content article p {
  margin-bottom: 15px; }
#content article ul.treatmentSteps {
  padding-left: 0;
  margin-bottom: 0; }
  #content article ul.treatmentSteps > li {
    padding-bottom: 20px; }
    #content article ul.treatmentSteps > li:before {
      content: unset; }
    #content article ul.treatmentSteps > li h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #3c3637; }
#content article.servicesArt .service-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 25px; }
  #content article.servicesArt .service-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#content .articleMenu {
  float: left;
  width: 100%;
  background: #ffffff;
  margin-bottom: 30px;
  padding: 21px;
  border-radius: 3px; }
  #content .articleMenu h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #3c3637;
    font-size: 16px !important;
    margin-bottom: 0 !important; }
  #content .articleMenu ul {
    margin-top: 10px;
    padding-right: 15px;
    list-style-type: none; }
    #content .articleMenu ul li span {
      width: 23px;
      text-align: left;
      position: relative;
      display: inline-block; }
  #content .articleMenu a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0f866c;
    text-decoration: none;
    padding: 4px 0;
    display: block; }
    #content .articleMenu a:hover {
      text-decoration: underline; }
#content .treatment-photo-holder ul {
  list-style-type: none;
  padding-left: 0; }
  #content .treatment-photo-holder ul li {
    width: 33%;
    height: inherit; }
    #content .treatment-photo-holder ul li img {
      width: 100%;
      height: 185px;
      object-fit: cover;
      display: block;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      float: inherit !important;
      border: 1px solid #e5e9ec;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      box-sizing: content-box; }
    #content .treatment-photo-holder ul li:nth-of-type(1) {
      padding-right: 12px; }
    #content .treatment-photo-holder ul li:nth-of-type(2) {
      padding-right: 12px;
      padding-left: 12px; }
    #content .treatment-photo-holder ul li:nth-of-type(3) {
      padding-left: 12px; }
    #content .treatment-photo-holder ul li:before {
      content: unset; }
#content .inline-normal {
  float: left;
  background: #ffffff;
  padding: 20px;
  margin-bottom: 20px; }
  #content .inline-normal h3 {
    padding: 0;
    line-height: 24px;
    font-size: 23px;
    margin-bottom: 10px; }
  #content .inline-normal p {
    margin-bottom: 20px; }
  #content .inline-normal a {
    width: 49%;
    padding: 12px 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none; }
    #content .inline-normal a.left-button {
      background: #ffffff;
      border: 1px solid #e5e9ec;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #969696; }
    #content .inline-normal a.right-button {
      background: #0f866c;
      float: right;
      border-bottom: 2px solid #1884B1; }
#content .inline-small {
  padding: 30px;
  margin-bottom: 35px;
  background: -moz-linear-gradient(left, #21B6DE 0%, #0D6496 100%);
  background: -webkit-linear-gradient(left, #21B6DE 0%, #0D6496 100%);
  background: linear-gradient(to right, #21B6DE 0%, #0D6496 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$colorFrom, endColorstr=$colorTo ,GradientType=1); }
  #content .inline-small .icon {
    float: left;
    height: 100%;
    width: 180px;
    margin-left: -20px;
    position: relative; }
    #content .inline-small .icon .colorWhite {
      font-size: 100px;
      color: #ffffff; }
    #content .inline-small .icon:before {
      content: " ";
      display: inline-block;
      height: 100%;
      width: 1%;
      vertical-align: middle; }
    #content .inline-small .icon .center-center {
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
  #content .inline-small .right-text {
    float: left;
    width: calc(100% - 180px); }
    #content .inline-small .right-text p {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 26px;
      color: #ffffff;
      margin-bottom: 25px !important;
      line-height: 27px; }
    #content .inline-small .right-text .greenBttn {
      background: #25dca6;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 22px;
      color: #ffffff;
      border: 1px solid #25dca6;
      padding: 10px 45px;
      display: inline-block; }
      #content .inline-small .right-text .greenBttn:hover {
        -webkit-transform: scale(1.05, 1.07);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1.05, 1.07);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms; }
#content .new-searchbox {
  background: #0A598C !important; }
#content .new-searchbox-holder {
  overflow: hidden !important;
  width: 336px !important; }
#content .deals {
  background: #ffffff;
  border-radius: 3px;
  float: left;
  width: 100%;
  margin-bottom: 30px; }
  #content .deals .bPadding {
    padding: 19px; }
  #content .deals h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #content .deals a.allB {
    display: block;
    background: #25dca6;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left;
    width: 100%;
    padding: 13px 20px;
    border-radius: 3px;
    text-decoration: none; }
    #content .deals a.allB:hover {
      background: #1fb78a; }
  #content .deals form div {
    margin-top: 10px; }
  #content .deals form i {
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px 20px;
    font-size: 22px;
    color: #0f866c; }
  #content .deals form h4 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #597a96;
    margin-top: 10px; }
  #content .deals form input {
    width: 100%;
    padding: 13px 45px 13px 20px;
    border-radius: 2px;
    border: 1px solid #e3e4e5;
    background: #fafbfc;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637; }
    #content .deals form input:focus {
      outline: none; }
  #content .deals form .greenBttn {
    background: #25dca6;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid #25dca6;
    cursor: pointer; }
  #content .deals .new-searchbox-h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #25dca6;
    padding-bottom: 20px; }
  #content .deals .ul-new-searchbox {
    padding-top: 10px; }
    #content .deals .ul-new-searchbox li {
      padding: 4px 0 4px 0;
      border-top: 0;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff; }
      #content .deals .ul-new-searchbox li a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff;
        text-decoration: none; }
        #content .deals .ul-new-searchbox li a:active {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #ffffff;
          text-decoration: none; }
        #content .deals .ul-new-searchbox li a:hover {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          color: #ffffff;
          text-decoration: underline; }
      #content .deals .ul-new-searchbox li:hover {
        background: transparent; }
  #content .deals .new-searchbox-all-cities {
    padding-top: 10px; }
    #content .deals .new-searchbox-all-cities a {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 12px;
      color: #ffffff;
      text-decoration: none; }
  #content .deals .new-searchbox-h4-input-header {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #25dca6; }
  #content .deals .new-searchbox-h4 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #25dca6; }
  #content .deals .divider-new-searchbox {
    border-top: 1px solid #e5e9ec; }
  #content .deals ul {
    list-style-type: none; }
    #content .deals ul li {
      float: left;
      width: 100%;
      display: flex;
      padding: 19px;
      border-top: 1px solid #e5e9ec;
      text-decoration: none;
      align-items: center;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease; }
      #content .deals ul li:hover {
        background: #fafbfc; }
    #content .deals ul .name {
      margin-top: 5px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      float: left;
      width: 100%;
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap; }
      #content .deals ul .name .numb {
        background: #0f866c;
        padding: 2px 6px;
        font-weight: 500;
        color: #ffffff;
        font-size: 14px;
        border-radius: 3px;
        float: left;
        margin-right: 10px; }
    #content .deals ul .watch {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #3c3637;
      border: 1px solid #e5e9ec;
      padding: 7px 15px;
      border-radius: 2px;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #content .deals ul .watch:hover {
        border: 1px solid #3c3637; }
    #content .deals ul .clinic {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #0f866c;
      float: left;
      width: 95%;
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #content .deals ul .costs {
      text-align: right; }
      #content .deals ul .costs .price {
        font-size: 18px;
        font-weight: 500;
        color: #666666; }
        #content .deals ul .costs .price.new {
          color: #25dca6; }
      #content .deals ul .costs .oldPrice {
        font-size: 12px;
        font-weight: 400;
        color: #c93914;
        text-decoration: line-through; }
#content .inline-content-table {
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid #e5e9ec;
  background-color: #ffffff;
  border-collapse: collapse; }
  #content .inline-content-table thead tr th {
    border-bottom: 1px solid #e5e9ec;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #0f866c;
    padding: 20px 0; }
    #content .inline-content-table thead tr th:first-child {
      padding-left: 20px; }
  #content .inline-content-table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #e5e9ec;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #3c3637; }
    #content .inline-content-table tbody tr td:last-child {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #3c3637; }
    #content .inline-content-table tbody tr td:first-child {
      padding-left: 20px;
      padding-right: 20px; }
  #content .inline-content-table tbody tr:last-child td {
    border-bottom: 0; }
  #content .inline-content-table tfoot tr td {
    padding: 25px 20px 25px 0;
    border-top: 1px solid #e5e9ec;
    text-align: right; }
    #content .inline-content-table tfoot tr td a {
      color: #ffffff;
      text-decoration: none; }
#content .service-header {
  margin-bottom: 25px; }
  #content .service-header h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #0f866c;
    padding-bottom: 35px; }
  #content .service-header .author {
    margin-top: -15px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 1rem;
    color: #3c3637;
    font-family: 'Roboto', sans-serif; }
    #content .service-header .author a {
      text-decoration: none;
      font-weight: 500;
      font-size: 1rem;
      color: #0f866c;
      font-family: 'Roboto', sans-serif; }
  #content .service-header .header-holder {
    box-shadow: 0 4px 9px rgba(8, 42, 56, 0.1) !important;
    border: 2px solid #edeff1;
    background-color: #ffffff; }
  #content .service-header .photo-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #content .service-header .detail-right .spec-container {
    border-bottom: 1px solid #e5e9ec;
    padding: 10px 10px 10px 20px; }
    #content .service-header .detail-right .spec-container .icon-holder {
      float: left;
      width: 50px;
      height: 45px;
      display: table; }
      #content .service-header .detail-right .spec-container .icon-holder .icon {
        vertical-align: middle;
        display: table-cell; }
        #content .service-header .detail-right .spec-container .icon-holder .icon svg {
          vertical-align: middle;
          display: table-cell; }
        #content .service-header .detail-right .spec-container .icon-holder .icon .img {
          height: 34px;
          width: 34px; }
    #content .service-header .detail-right .spec-container .row-holder {
      float: left;
      width: calc(100% - 50px);
      height: 45px;
      display: table; }
    #content .service-header .detail-right .spec-container .row {
      vertical-align: middle;
      display: table-cell; }
      #content .service-header .detail-right .spec-container .row a {
        text-decoration: none; }
        #content .service-header .detail-right .spec-container .row a, #content .service-header .detail-right .spec-container .row a:hover, #content .service-header .detail-right .spec-container .row a:link, #content .service-header .detail-right .spec-container .row a:active, #content .service-header .detail-right .spec-container .row a:visited {
          color: #3c3637; }
      #content .service-header .detail-right .spec-container .row .reviewed-by {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637; }
        #content .service-header .detail-right .spec-container .row .reviewed-by a {
          text-decoration: none;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          color: #0f866c; }
      #content .service-header .detail-right .spec-container .row span {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 17px;
        color: #3c3637; }
      #content .service-header .detail-right .spec-container .row div {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637; }
        #content .service-header .detail-right .spec-container .row div:nth-of-type(2) {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #969696; }
    #content .service-header .detail-right .spec-container:last-child {
      border-bottom: unset; }
#content .inline-lead-magnet-holder {
  box-shadow: 0 4px 9px rgba(8, 42, 56, 0.1) !important;
  border: 2px solid #edeff1;
  background: #ffffff;
  padding: 30px;
  margin: 15px 0 30px 0; }
  #content .inline-lead-magnet-holder .steps {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #0f866c;
    text-align: center; }
  #content .inline-lead-magnet-holder .question {
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 25px;
    color: #0f866c;
    text-align: center; }
  #content .inline-lead-magnet-holder .explanation {
    padding: 25px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    text-align: center; }
    #content .inline-lead-magnet-holder .explanation.explanation-small {
      padding: 25px 95px; }
  #content .inline-lead-magnet-holder .answer-holder {
    padding-top: 15px; }
    #content .inline-lead-magnet-holder .answer-holder form {
      -webkit-flex-wrap: wrap;
      -webkit-justify-content: space-around;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; }
    #content .inline-lead-magnet-holder .answer-holder .answer {
      float: left;
      width: 50%;
      padding-top: 14px;
      cursor: pointer;
      display: table; }
      #content .inline-lead-magnet-holder .answer-holder .answer:nth-child(odd) {
        padding-left: 7px; }
      #content .inline-lead-magnet-holder .answer-holder .answer:nth-child(even) {
        padding-right: 7px; }
    #content .inline-lead-magnet-holder .answer-holder label {
      text-align: center;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #0f866c;
      padding: 15px;
      border: 1px solid #0f866c; }
      #content .inline-lead-magnet-holder .answer-holder label:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #ffffff;
        background-color: #0f866c; }
    #content .inline-lead-magnet-holder .answer-holder .back {
      padding-top: 35px; }
      #content .inline-lead-magnet-holder .answer-holder .back a {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #0f866c;
        text-decoration: none; }
  #content .inline-lead-magnet-holder .thanks-holder {
    padding: 0 95px; }
    #content .inline-lead-magnet-holder .thanks-holder input[type=email] {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      background-color: #ffffff;
      width: 100%;
      border: 1px solid #dcdcdc;
      padding: 10px 15px;
      border-radius: 0; }
      #content .inline-lead-magnet-holder .thanks-holder input[type=email]::placeholder {
        color: #969696; }
    #content .inline-lead-magnet-holder .thanks-holder input[type=submit] {
      margin-top: 15px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #ffffff; }
    #content .inline-lead-magnet-holder .thanks-holder .terms p {
      padding-top: 30px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      text-align: center; }
#content .toc {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid #e5e9ec;
  background-color: #ffffff;
  border-collapse: collapse;
  margin-bottom: 30px; }
  #content .toc h3 {
    border-bottom: 1px solid #e5e9ec;
    padding: 15px 20px;
    margin: 0; }
  #content .toc ul {
    margin-bottom: 0; }
    #content .toc ul:not([class*='menu_level_']) {
      padding: 20px;
      -moz-column-count: 2;
      -moz-column-gap: 20px;
      -webkit-column-count: 2;
      -webkit-column-gap: 20px;
      column-count: 2;
      column-gap: 20px; }
    #content .toc ul li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      #content .toc ul li:before {
        content: unset; }
      #content .toc ul li a {
        text-decoration: none;
        padding-bottom: 6px;
        float: left; }
        #content .toc ul li a:hover {
          text-decoration: underline; }
      #content .toc ul li ul {
        padding-left: 0; }
        #content .toc ul li ul.menu_level_2 {
          padding-left: 0; }

#content .promobox, .promobox-holder-sidebar .promobox {
  margin: 20px 0;
  display: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #content .promobox.show, .promobox-holder-sidebar .promobox.show {
    display: block; }
    #content .promobox.show .searchImg, .promobox-holder-sidebar .promobox.show .searchImg {
      background-color: #597a96;
      width: 140px; }
      #content .promobox.show .searchImg .adv, .promobox-holder-sidebar .promobox.show .searchImg .adv {
        background: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #3c3637;
        border: 1px solid #ffffff;
        padding: 4px 8px;
        box-sizing: border-box;
        border-radius: 2px; }
    #content .promobox.show .searchContent, .promobox-holder-sidebar .promobox.show .searchContent {
      width: calc(100% - 140px);
      padding: 11px 9px 11px 12px; }
      #content .promobox.show .searchContent h2, .promobox-holder-sidebar .promobox.show .searchContent h2 {
        font-size: 16px !important;
        white-space: normal;
        width: 100%;
        margin-bottom: 9px; }
        #content .promobox.show .searchContent h2:hover, .promobox-holder-sidebar .promobox.show .searchContent h2:hover {
          text-decoration: underline; }
      #content .promobox.show .searchContent .promo-sentence, .promobox-holder-sidebar .promobox.show .searchContent .promo-sentence {
        margin: 16px 0 0 0;
        min-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 15px;
        max-height: 30px;
        word-wrap: break-word;
        word-break: keep-all;
        font-weight: 400;
        font-size: 12px; }
      #content .promobox.show .searchContent .scoreWrapper, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper {
        left: 0;
        right: inherit;
        top: inherit;
        float: right;
        position: inherit;
        width: calc(100% - 75px); }
        #content .promobox.show .searchContent .scoreWrapper .score, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper .score {
          float: right; }
          #content .promobox.show .searchContent .scoreWrapper .score.small, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper .score.small {
            width: 26px;
            height: 25px;
            font-size: 20px !important; }
          #content .promobox.show .searchContent .scoreWrapper .score span, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper .score span {
            top: -5px;
            font-size: 15px; }
          #content .promobox.show .searchContent .scoreWrapper .score:after, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper .score:after {
            border-width: 12px 12px 13px 0 !important; }
        #content .promobox.show .searchContent .scoreWrapper .reviews, .promobox-holder-sidebar .promobox.show .searchContent .scoreWrapper .reviews {
          float: right;
          font-size: 12px;
          width: 100%; }

.promobox-holder-sidebar {
  float: left; }
  .promobox-holder-sidebar #search-box-holder {
    width: 100%; }

.mobile-floorad {
  display: none;
  opacity: 0; }

.image-before-after-container-public {
  margin-top: 50px; }

.image-before-after-container {
  float: left; }
  .image-before-after-container.public {
    margin-bottom: 50px;
    width: calc(264px*2); }
    .image-before-after-container.public .image-new-placeholder {
      cursor: pointer;
      width: 264px;
      padding: 0; }
    .image-before-after-container.public .more-info {
      padding-top: 25px; }
      .image-before-after-container.public .more-info a {
        float: right;
        font-weight: 500;
        font-size: 1rem;
        color: #0f866c;
        font-family: 'Roboto', sans-serif; }
        .image-before-after-container.public .more-info a:hover {
          text-decoration: none; }

@media only screen and (min-width: 1025px) {
  .inline-tab-holder-css {
    margin-bottom: 35px;
    /**
     * Tabs
     */
    /**
     * Tabs end
     */ }
    .inline-tab-holder-css.stand-alone {
      background: #ffffff;
      padding: 20px; }
      .inline-tab-holder-css.stand-alone h3 {
        font-weight: 600;
        border-bottom: 1px solid #e5e9ec;
        padding-bottom: 20px; }
    .inline-tab-holder-css.stand-alone-boxed {
      padding: 0; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__question {
        padding: 20px 20px; }
        .inline-tab-holder-css.stand-alone-boxed .accordion__single__question:after {
          right: 20px; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__answer {
        margin-top: 0; }
        .inline-tab-holder-css.stand-alone-boxed .accordion__single__answer .innerBox {
          padding: 20px 0; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__hidden:checked ~ .accordion__single__answer {
        max-height: unset; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single h2 {
        font-weight: 400 !important;
        font-size: 20px !important;
        display: initial; }
    .inline-tab-holder-css .tabs {
      display: flex;
      flex-wrap: wrap; }
    .inline-tab-holder-css .tabs label.title {
      order: 1;
      display: block;
      cursor: pointer;
      transition: background ease 0.2s;
      z-index: 999;
      margin: 0;
      padding: 8px 21px;
      height: 47px;
      line-height: 31px;
      border-top: 1px solid #e5e9ec;
      border-left: 1px solid #e5e9ec;
      border-bottom: 1px solid #e5e9ec;
      background-color: #ffffff;
      overflow: hidden;
      position: relative;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 17px;
      color: #969696; }
      .inline-tab-holder-css .tabs label.title.last {
        border-top-right-radius: 3px;
        border-right: 1px solid #e5e9ec; }
      .inline-tab-holder-css .tabs label.title.first {
        border-top-left-radius: 3px; }
    .inline-tab-holder-css .tabs .tab {
      order: 99;
      flex-grow: 1;
      width: 100%;
      display: none;
      padding: 1rem;
      background: #ffffff;
      clear: both;
      float: left;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #e5e9ec; }
      .inline-tab-holder-css .tabs .tab h3 {
        padding: 10px 0 20px; }
      .inline-tab-holder-css .tabs .tab #reviews .review {
        padding-bottom: 0; }
        .inline-tab-holder-css .tabs .tab #reviews .review:nth-of-type(3) {
          border-bottom: 1px solid #e5e9ec; }
      .inline-tab-holder-css .tabs .tab #reviews .box {
        padding: 0 !important;
        margin-bottom: 0; }
        .inline-tab-holder-css .tabs .tab #reviews .box .flexButton {
          margin-top: 20px;
          justify-content: flex-end; }
          .inline-tab-holder-css .tabs .tab #reviews .box .flexButton a {
            margin-bottom: 0; }
      .inline-tab-holder-css .tabs .tab .cities h4 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #0f866c;
        padding-bottom: 20px; }
      .inline-tab-holder-css .tabs .tab .cities ul {
        list-style: none;
        padding-left: 0; }
        .inline-tab-holder-css .tabs .tab .cities ul li {
          padding-bottom: 5px; }
          .inline-tab-holder-css .tabs .tab .cities ul li a {
            text-decoration: none; }
            .inline-tab-holder-css .tabs .tab .cities ul li a:after {
              content: '»';
              padding-left: 5px; }
          .inline-tab-holder-css .tabs .tab .cities ul li:before {
            content: unset; }
      .inline-tab-holder-css .tabs .tab .cities .button-holder {
        border-top: 1px solid #e5e9ec;
        display: inline-flex;
        justify-content: flex-end;
        padding-top: 20px; }
    .inline-tab-holder-css .tabs input[type="radio"] {
      display: none; }
    .inline-tab-holder-css .tabs input[type="radio"]:checked + label:not(.accordion__single__question) {
      background: #fff;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #0f866c;
      display: block;
      margin-top: -3px;
      color: #0f866c;
      box-shadow: 1px 15px 0 #fff, 0 0 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #e5e9ec;
      border-bottom: 0;
      height: 50px; }
      .inline-tab-holder-css .tabs input[type="radio"]:checked + label:not(.accordion__single__question).last {
        box-shadow: 0 15px 0 #fff, 0 0 15px rgba(0, 0, 0, 0.1); }
    .inline-tab-holder-css .tabs input[type="radio"]:checked + label + .tab {
      display: block; } }
  @media only screen and (min-width: 1025px) and (max-width: 45em) {
    .inline-tab-holder-css .tabs .tab,
    .inline-tab-holder-css .tabs label {
      order: initial !important; }
    .inline-tab-holder-css .tabs label {
      width: 100%;
      margin-right: 0;
      margin-top: 0.2rem; } }
@media only screen and (min-width: 1025px) {
    .inline-tab-holder-css .accordion__single__hidden {
      display: none; }
      .inline-tab-holder-css .accordion__single__hidden:checked ~ .accordion__single__answer {
        max-height: 400px;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 14px;
        overflow: auto;
        border-bottom: 1px solid #e5e9ec; }
      .inline-tab-holder-css .accordion__single__hidden:checked ~ .accordion__single__question:after {
        content: "\f077"; }
    .inline-tab-holder-css .accordion__single__answer {
      margin-top: 0;
      max-height: 0;
      opacity: 0;
      transform: translate(0, 50%);
      transition: all .4s ease;
      position: relative;
      overflow: hidden; }
    .inline-tab-holder-css .container {
      display: inherit;
      align-items: center;
      justify-content: center;
      height: 100%; }
    .inline-tab-holder-css .accordion {
      font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 300;
      line-height: 1.5; }
      .inline-tab-holder-css .accordion__single__question {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #0f866c;
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid #e5e9ec;
        padding: 20px 40px 20px 0;
        display: inherit; }
        .inline-tab-holder-css .accordion__single__question:hover, .inline-tab-holder-css .accordion__single__question:focus {
          background: #f3f3f3; }
        .inline-tab-holder-css .accordion__single__question:after {
          display: inline-block;
          margin-left: 10px;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 0;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: ""; }
      .inline-tab-holder-css .accordion__single__answer {
        margin-top: 5px; }

  #content .service-header .header-holder {
    display: flex; } }
/**!
* old inline tab css

@media  only screen and (min-width: 1025px) {

  #content {
    .inline-tab-holder {
      margin-bottom: 35px;
      float: left;
      width: 100%;

      ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 48px;
        width: 100%;
      }

      ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 8px 21px;
        height: 47px;
        width: unset;
        line-height: 31px;
        border-top: 1px solid $cGreyBorder;
        border-left: 1px solid $cGreyBorder;
        border-bottom: 1px solid $cGreyBorder;
        background-color: $cWhite;
        overflow: hidden;
        position: relative;

        @include font('normal', 17, $cGrey);

        &:before {
          content: unset;
        }

        &:last-of-type{
          border-top-right-radius: 3px;
          &:not(.active) {
            border-right: 1px solid $cGreyBorder;
          }
          &.active {
            box-shadow: 0 15px 0 #fff, 0 0 15px rgba(0,0,0,0.1);
          }
        }

        &:first-of-type {
          border-top-left-radius: 3px;
        }
      }

      ul.tabs li:hover {
        background-color: $cGreyBorder;
        color: #333;
      }

      ul.tabs li.active {
        background-color: $cWhite;
        display: block;
        margin-top: -3px;

        @include font('normal-plus', 18, $cBlue);

        box-shadow: 1px 15px 0 #fff, 0 0 15px rgba(0, 0, 0, 0.1);

        border: 1px solid $cGreyBorder;
        border-bottom: 0;
        height: 50px;
      }

      .tab-container {
        clear: both;
        float: left;
        width: 100%;
        background: $cWhite;
        overflow: auto;

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      }

      .tab-content {
        padding: 20px;
        display: none;

        border: 1px solid $cGreyBorder;
        border-top: 0;

        float: left;
        width: 100%;

        &.reviews {
          #reviews {
            .review{
              padding-bottom: 0;
              &:nth-of-type(3) {
                border-bottom: 1px solid $cGreyBorder;//#dde1e5
              }
            }

            .box {
              padding: 0 !important;
              margin-bottom: 0;

              .flexButton {
                margin-top: 20px;
                justify-content: flex-end;
                a {
                  margin-bottom: 0;
                }
              }
            }
          }

        }
        &.faq {
          padding: 20px 25px;


          ul {
            &.accordion{
              padding-left: 0;
              padding-bottom:0;
              li {
                &.accord {
                  &:before {
                    content: unset;
                  }
                }
              }
            }
          }
          .box {
            box-shadow: unset;
            h3 {
              border: 0;
              border-bottom: 1px solid $cGreyBorder;
              padding: 20px 0;

            }
            .accord {
              .accordBox{
                border: 0;

                &:not(:last-child) {
                  border-bottom: 1px solid $cGreyBorder;
                }

                .innerBox {
                  @include font('light', 16, $cBlack);
                  padding: 20px 0;
                }
              }
            }
          }
        }
        &.cities {
          h4 {
            @include font('normal-plus', 16, $cBlue);
            padding-bottom: 20px;
          }
          ul {
            list-style: none;
            padding-left: 0;
            li {
              padding-bottom: 5px;
              a {
                text-decoration: none;
                &:after {
                  content: '»';
                  padding-left: 5px;
                }
              }
              &:before {
                content: unset;
              }
            }

          }
          .button-holder {
            border-top: 1px solid $cGreyBorder;
            display: inline-flex;
            justify-content: flex-end;
            padding-top: 20px;
          }
        }
      }

      .tab-drawer-heading { display: none; }

    }
  }


}
*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .inline-tab-holder-css {
    margin-bottom: 35px;
    /**
     * Tabs
     */
    /**
     * Tabs end
     */ }
    .inline-tab-holder-css.stand-alone {
      background: #ffffff;
      padding: 20px; }
      .inline-tab-holder-css.stand-alone h3 {
        font-weight: 600;
        border-bottom: 1px solid #e5e9ec;
        padding-bottom: 20px; }
    .inline-tab-holder-css.stand-alone-boxed {
      padding: 0; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__question {
        padding: 20px 40px 20px 20px; }
        .inline-tab-holder-css.stand-alone-boxed .accordion__single__question:after {
          right: 20px; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__answer {
        margin-top: 0; }
        .inline-tab-holder-css.stand-alone-boxed .accordion__single__answer .innerBox {
          padding: 20px 0; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single__hidden:checked ~ .accordion__single__answer {
        max-height: unset; }
      .inline-tab-holder-css.stand-alone-boxed .accordion__single h2 {
        font-weight: 400 !important;
        font-size: 18px !important;
        display: initial; }
    .inline-tab-holder-css .tabs {
      display: flex;
      flex-wrap: wrap; }
      .inline-tab-holder-css .tabs input[type="radio"]:checked + label:after {
        content: "\f077"; }
    .inline-tab-holder-css .tabs label.title {
      order: 1;
      display: block;
      cursor: pointer;
      transition: background ease 0.2s;
      z-index: 999;
      margin: 0;
      background-color: #ffffff;
      overflow: hidden;
      position: relative;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 17px;
      color: #969696;
      color: #0f866c;
      font-size: 17px !important;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #e5e9ec;
      padding: 20px 17px;
      font-weight: 400;
      border-radius: 4px;
      margin-top: 20px;
      width: 100%; }
      .inline-tab-holder-css .tabs label.title:after {
        display: inline-block;
        margin-left: 10px;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 20px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: ""; }
    .inline-tab-holder-css .tabs .tab {
      order: 99;
      flex-grow: 1;
      width: 100%;
      display: none;
      padding: 1rem;
      background: #ffffff;
      clear: both;
      float: left;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #e5e9ec; }
      .inline-tab-holder-css .tabs .tab h3 {
        padding: 10px 0 20px;
        font-weight: 400; }
      .inline-tab-holder-css .tabs .tab #reviews .review {
        padding-bottom: 0; }
        .inline-tab-holder-css .tabs .tab #reviews .review:nth-of-type(3) {
          border-bottom: 1px solid #e5e9ec; }
      .inline-tab-holder-css .tabs .tab #reviews .box {
        padding: 0 !important;
        margin-bottom: 0; }
        .inline-tab-holder-css .tabs .tab #reviews .box .flexButton {
          margin-top: 20px;
          justify-content: flex-end; }
          .inline-tab-holder-css .tabs .tab #reviews .box .flexButton a {
            margin-bottom: 0;
            width: 100%; }
      .inline-tab-holder-css .tabs .tab .cities h4 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #0f866c;
        padding-bottom: 20px; }
      .inline-tab-holder-css .tabs .tab .cities ul {
        list-style: none;
        padding-left: 0; }
        .inline-tab-holder-css .tabs .tab .cities ul li {
          padding-bottom: 5px; }
          .inline-tab-holder-css .tabs .tab .cities ul li a {
            text-decoration: none; }
            .inline-tab-holder-css .tabs .tab .cities ul li a:after {
              content: '»';
              padding-left: 5px; }
          .inline-tab-holder-css .tabs .tab .cities ul li:before {
            content: unset; }
      .inline-tab-holder-css .tabs .tab .cities .button-holder {
        border-top: 1px solid #e5e9ec;
        display: inline-flex;
        justify-content: flex-end;
        padding-top: 20px; }
    .inline-tab-holder-css .tabs input[type="radio"] {
      display: none; }
    .inline-tab-holder-css .tabs input[type="radio"]:checked + label:not(.accordion__single__question) {
      background: #fff;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #0f866c;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #0f866c;
      border: 1px solid #e5e9ec;
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .inline-tab-holder-css .tabs input[type="radio"]:checked + label + .tab {
      display: block; } }
  @media only screen and (min-width: 767px) and (max-width: 1024px) and (max-width: 1025px) {
    .inline-tab-holder-css .tabs .tab,
    .inline-tab-holder-css .tabs label {
      order: initial !important; }
    .inline-tab-holder-css .tabs label {
      width: 100%;
      margin-right: 0;
      margin-top: 0.2rem; } }
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .inline-tab-holder-css .accordion__single__hidden {
      display: none; }
      .inline-tab-holder-css .accordion__single__hidden:checked ~ .accordion__single__answer {
        max-height: 100%;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 14px;
        overflow: auto;
        border-bottom: 1px solid #e5e9ec; }
      .inline-tab-holder-css .accordion__single__hidden:checked ~ .accordion__single__question:after {
        content: "\f077"; }
    .inline-tab-holder-css .accordion__single__answer {
      margin-top: 0;
      max-height: 0;
      opacity: 0;
      transform: translate(0, 50%);
      transition: all .4s ease;
      position: relative;
      overflow: hidden; }
    .inline-tab-holder-css .container {
      display: inherit;
      align-items: center;
      justify-content: center;
      height: 100%; }
    .inline-tab-holder-css .accordion {
      font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 300;
      line-height: 1.5; }
      .inline-tab-holder-css .accordion__single__question {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #0f866c;
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid #e5e9ec;
        padding: 20px 40px 20px 0;
        display: inherit; }
        .inline-tab-holder-css .accordion__single__question:hover, .inline-tab-holder-css .accordion__single__question:focus {
          background: #f3f3f3; }
        .inline-tab-holder-css .accordion__single__question:after {
          margin-left: 10px;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 0;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "";
          display: block;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
      .inline-tab-holder-css .accordion__single__answer {
        margin-top: 5px; }
        .inline-tab-holder-css .accordion__single__answer ul {
          padding-left: 22px;
          padding-right: 22px; }

  /**!
  .inline-tab-holder {
    margin-bottom: 35px;
    float: left;
    width: 100%;

    ul.tabs {
      margin: 0;
      padding: 0;
      float: left;
      list-style: none;
      height: 48px;
      width: 100%;
    }

    ul.tabs li {
      float: left;
      margin: 0;
      cursor: pointer;
      padding: 8px 21px;
      height: 47px;
      width: unset;
      line-height: 31px;
      border-top: 1px solid $cGreyBorder;
      border-left: 1px solid $cGreyBorder;
      border-bottom: 1px solid $cGreyBorder;
      background-color: $cWhite;
      overflow: hidden;
      position: relative;

      @include font('normal', 17, $cGrey);

      &:before {
        content: unset;
      }

      &:last-of-type{
        border-top-right-radius: 3px;
        &:not(.active) {
          border-right: 1px solid $cGreyBorder;
        }
      }

      &:first-of-type {
        border-top-left-radius: 3px;
      }
    }

    ul.tabs li:hover {
      background-color: $cGreyBorder;
      color: #333;
    }

    ul.tabs li.active {
      background-color: $cWhite;
      border: 0;
      border-bottom: 1px solid #fff;
      display: block;
      margin-top: -3px;

      @include font('normal-plus', 18, $cBlue);

      box-shadow: 0 15px 0 #fff, 0 0 15px rgba(0, 0, 0, 0.1);
    }

    .tab-container {
      clear: both;
      float: left;
      width: 100%;
    }

    .tab-content {
      padding: 20px;
      display: none;

      background: $cWhite;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

      border: 1px solid $cGreyBorder;
      border-top: 0;

      float: left;
      width: 100%;

      &.reviews {
        padding: 0 !important;
        #reviews {
          .review{
            padding-bottom: 13px;
            &:nth-of-type(3) {
              border-bottom: 1px solid $cGreyBorder;//#dde1e5
            }
          }

          .box {
            padding: 0 10px !important;
            margin-bottom: 20px;
            .flexButton {
              margin-top: 20px;
              a {
                margin-bottom: 0;
                width: 100%;
              }
            }
          }
        }

      }
      &:not(:last-child) {
        margin-bottom: 20px;
      }

      &.faq {
        ul {
          &.accordion{
            padding-left: 0;
            padding-bottom:0;
            li {
              &.accord {
                &:before {
                  content: unset;
                }
              }
            }
          }
        }
        .box {
          box-shadow: unset;
          h3 {
            border: 0 !important;
            border-bottom: 1px solid $cGreyBorder !important;
            padding: 20px 0 !important;

            &:hover {
              background-color: unset !important;
            }
          }
          .accord {
            .accordBox{
              border: 0 !important;

              .innerBox {
                padding: 20px 0 !important;
                @include font('light', 16, $cBlack);

                border-bottom: 1px solid $cGreyBorder !important;

                ul {
                  padding-right: 0;
                  li {
                    overflow: inherit !important;
                    text-overflow: unset !important;
                    white-space: unset !important;
                  }
                }
              }
            }
          }
        }
      }
      &.cities {
        h4 {
          @include font('normal-plus', 16, $cBlue);
          padding-bottom: 20px;
        }
        ul {
          list-style: none;
          padding-left: 0;
          li {
            padding-bottom: 5px;
            a {
              text-decoration: none;
              &:after {
                content: '»';
                padding-left: 5px;
              }
            }
            &:before {
              content: unset;
            }
          }

        }
        .button-holder {
          border-top: 1px solid $cGreyBorder;
          display: grid;
          padding-top: 20px;
          a {
            width: 100%;
            float: left;
          }
        }
      }
    }

    .tab-drawer-heading { display: none; }

    @media screen and (max-width: 1024px) {
      .tabs {
        display: none;
      }
      .tab-drawer-heading {
        background-color: $cWhite;
        font-size: 17px !important;
        font-weight: 400 !important;

        margin: 0;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

        border: 1px solid $cGreyBorder;
        border-top: 0;
        padding: 20px 22px;
        position: relative;
        font-weight: 400;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;

        border-radius: 4px;

        &:not(:first-child) {
          margin-top: 20px;
        }


        i{
          right: 20px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          @include transitionOne(transform 0.3s ease);
        }
      }
      .d-active {
        border-bottom: 1px solid $cGreyBorder;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

        box-shadow: 0 0 0 #fff, 0 0 15px rgba(0, 0, 0, 0.1);

        i {
          transform: rotate(180deg);
        }
      }
    }
  }

  */
  .inline-tab-holder-css #reviews .box .review {
    margin-top: 10px; }
    .inline-tab-holder-css #reviews .box .review .content {
      padding-left: 0;
      padding-bottom: 0;
      margin-top: 10px; }
      .inline-tab-holder-css #reviews .box .review .content .time.review-time-xs {
        top: 0;
        width: 100%;
        position: inherit;
        margin-bottom: 10px;
        float: left;
        right: 0;
        text-align: left; }
        .inline-tab-holder-css #reviews .box .review .content .time.review-time-xs .circleStyle {
          float: left; }
        .inline-tab-holder-css #reviews .box .review .content .time.review-time-xs .review-time-treatment-xs {
          width: calc(100% - 77px);
          float: right; }
          .inline-tab-holder-css #reviews .box .review .content .time.review-time-xs .review-time-treatment-xs .day {
            width: 100%; }
          .inline-tab-holder-css #reviews .box .review .content .time.review-time-xs .review-time-treatment-xs .treat {
            width: 100%; }
      .inline-tab-holder-css #reviews .box .review .content .review-content-section {
        width: 100%; }
        .inline-tab-holder-css #reviews .box .review .content .review-content-section .title, .inline-tab-holder-css #reviews .box .review .content .review-content-section .user, .inline-tab-holder-css #reviews .box .review .content .review-content-section p {
          width: 100%; }
        .inline-tab-holder-css #reviews .box .review .content .review-content-section .title {
          font-weight: 400;
          font-size: 16px; }
        .inline-tab-holder-css #reviews .box .review .content .review-content-section .veri.hidden-xs {
          display: none; }
      .inline-tab-holder-css #reviews .box .review .content .photo-content-section {
        width: 100%; }
        .inline-tab-holder-css #reviews .box .review .content .photo-content-section .pictures {
          float: left; }
          .inline-tab-holder-css #reviews .box .review .content .photo-content-section .pictures .picture {
            float: left; }

  /**!
    .inline-tab-holder {

      #reviews {
        .box{
          .review {
            margin-top: 10px;
            .content {
              padding-left: 0;
              padding-bottom: 0;
              margin-top: 10px;
              .time {
                &.review-time-xs {
                  top: 0;
                  width: 100%;
                  position: inherit;
                  margin-bottom: 10px;
                  float: left;
                  right: 0;
                  text-align: left;

                  .circleStyle {
                    float: left;
                  }
                  .review-time-treatment-xs {
                    width: calc(100% - 77px);
                    float: right;

                    .day {
                      width: 100%;
                    }
                    .treat {
                      width: 100%;
                    }
                  }
                }
              }
              .review-content-section {
                width: 100%;
                .title, .user, p {
                  width: 100%;
                }
                .title {
                  font-weight: 400;
                  font-size: 16px;
                }
                .veri {
                  &.hidden-xs {
                    display: none;
                  }
                }
              }
              .photo-content-section {
                width: 100%;

                .pictures{
                  float: left;
                  .picture{
                    float: left;
                  }
                }
              }
            }
          }
        }
      }
    }

    */
  .blogs .blog {
    width: 100%; }

  #content .inline-normal {
    display: flex;
    flex-direction: column; }
    #content .inline-normal a {
      width: 100%; }
      #content .inline-normal a.left-button {
        margin-top: 15px;
        order: 2; }
      #content .inline-normal a.right-button {
        order: 1; }

  #content .service-header .photo-left {
    width: 100%; }
  #content .service-header .detail-right {
    width: 100%; } }
#content.reviewDetail h2.h2-review-detail, #content .reviewDetail h2.h2-review-detail, #dashContent.reviewDetail h2.h2-review-detail, #dashContent .reviewDetail h2.h2-review-detail {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #0f866c; }

.reviewDetail > h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 30px;
  color: #ffffff; }
.reviewDetail h3, .reviewDetail a {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #ffffff; }
  .reviewDetail h3.clinicNameA, .reviewDetail a.clinicNameA {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #0f866c;
    text-decoration: none; }
.reviewDetail .spacing .c100 {
  margin-bottom: 45px;
  position: relative; }

.reviewContent {
  margin-top: 25px; }
  .reviewContent .quote {
    line-height: 82px;
    float: left;
    width: 45px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 103px;
    color: #3c3637; }
  .reviewContent .content {
    float: left;
    width: calc(100% - 45px); }
    .reviewContent .content p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      line-height: 26px;
      margin-bottom: 20px; }

.commentSection {
  background: #ffffff;
  margin-bottom: 30px; }
  .commentSection h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    color: #3c3637 !important;
    margin: 0;
    border-bottom: 1px solid #e5e9ec;
    padding: 25px 20px;
    float: left;
    width: 100%; }
  .commentSection textarea {
    width: 100%;
    float: left;
    border: 0;
    resize: none;
    font-weight: 300;
    font-size: 16px;
    padding: 20px 25px;
    min-height: 180px;
    font-family: 'Roboto', sans-serif !important; }
    .commentSection textarea:focus {
      outline: none; }
  .commentSection a.addComment {
    float: left;
    text-decoration: none;
    padding: 10px 25px;
    width: 100%;
    max-width: 220px;
    text-align: center;
    margin-top: 20px;
    border-radius: 0px;
    margin: 25px 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    background: #25dca6;
    border: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .commentSection a.addComment:hover {
      background: #1fb78a; }
  .commentSection .comments {
    float: left;
    width: 100%;
    padding: 22px 24px 22px 0; }
    .commentSection .comments .comment {
      float: left;
      width: 100%;
      padding-left: 24px; }
      .commentSection .comments .comment .innerComment {
        border-left: 3px solid #e5e9ec;
        float: left;
        width: 100%;
        padding-left: 15px;
        margin-bottom: 20px; }
        .commentSection .comments .comment .innerComment .addComment {
          float: left;
          width: 100%;
          transform: scale(0.9);
          max-height: 0px;
          opacity: 0;
          overflow: hidden;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .commentSection .comments .comment .innerComment .addComment.show {
            opacity: 1;
            transform: scale(1);
            max-height: 620px; }
          .commentSection .comments .comment .innerComment .addComment textarea {
            float: left;
            width: 100%;
            background: #ffffff;
            resize: none;
            border: 1px solid #dedede;
            border-radius: 3px;
            margin-top: 20px; }
            .commentSection .comments .comment .innerComment .addComment textarea:focus {
              outline: none; }
          .commentSection .comments .comment .innerComment .addComment a {
            float: left;
            text-decoration: none;
            padding: 10px 25px;
            width: 100%;
            max-width: 220px;
            text-align: center;
            margin-top: 20px;
            border-radius: 0px;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #ffffff;
            background: #25dca6;
            border: 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            .commentSection .comments .comment .innerComment .addComment a:hover {
              background: #1fb78a; }
      .commentSection .comments .comment .title {
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #0f866c; }
      .commentSection .comments .comment p {
        float: left;
        width: 100%;
        font-size: 16px !important;
        margin-top: 5px; }
      .commentSection .comments .comment .footer {
        margin-top: 5px;
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637; }
        .commentSection .comments .comment .footer a {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637;
          padding-left: 5px;
          text-decoration: none; }

.reviewDetail h1 {
  margin-bottom: 30px; }
.reviewDetail .box {
  margin-bottom: 0; }
  .reviewDetail .box .upper {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #597a96 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 18px 20px;
    border-top: 1px solid #e5e9ec; }
  .reviewDetail .box.bgWhite {
    padding: 25px 30px;
    background: #ffffff; }
  .reviewDetail .box .contentWrapper {
    padding: 25px 30px;
    position: relative;
    margin-bottom: 15px; }
    .reviewDetail .box .contentWrapper .user {
      margin-top: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #3c3637; }
      .reviewDetail .box .contentWrapper .user span {
        background: #dee2e6;
        font-weight: 400;
        padding: 6px 13px;
        border-radius: 3px;
        margin-left: 15px;
        position: relative; }
        .reviewDetail .box .contentWrapper .user span:before {
          left: -21px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(194, 225, 245, 0);
          border-right-color: #DEE2E6;
          border-width: 11px; }
    .reviewDetail .box .contentWrapper h1 {
      margin-bottom: 0; }
    .reviewDetail .box .contentWrapper .reviewTitle {
      font-family: 'Roboto', sans-serif !important;
      font-weight: 400 !important;
      font-size: 22px !important;
      color: #3c3637 !important; }
    .reviewDetail .box .contentWrapper .circleStyle {
      right: 30px !important;
      top: 25px !important; }
    .reviewDetail .box .contentWrapper .selectName {
      margin-bottom: 30px; }
    .reviewDetail .box .contentWrapper p {
      font-size: 16px;
      margin-top: 25px;
      float: left;
      width: 100%;
      line-height: 25px; }
    .reviewDetail .box .contentWrapper .review-detail-p-without-margin {
      margin-top: 5px !important; }
    .reviewDetail .box .contentWrapper.Small {
      margin-bottom: 0 !important; }
      .reviewDetail .box .contentWrapper.Small.Border {
        border-top: 1px solid #e5e9ec; }
  .reviewDetail .box .review-detail-p {
    margin-top: 0 !important; }
  .reviewDetail .box ul {
    margin-top: 0 !important; }

.comment-box-without-padding {
  padding: 0 !important; }
  .comment-box-without-padding .comment-section-with-padding {
    padding: 25px 30px; }
  .comment-box-without-padding .comments-h3 {
    padding: 21px 25px !important; }

.boxResults.boxResultsReview {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center; }
.boxResults .clinicName {
  font-size: 22px;
  font-weight: 500;
  margin-top: 16px;
  color: #0f866c;
  line-height: 22px; }
.boxResults .titleH3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #597a96;
  text-transform: uppercase;
  color: #597a96 !important;
  font-size: 14px !important;
  font-weight: 700 !important; }
.boxResults .employeeName {
  margin-top: 10px;
  color: #3c3637; }
  .boxResults .employeeName a {
    color: #0f866c; }
.boxResults .boxGhost {
  float: left;
  width: 100%;
  background: #ffffff;
  border: 1px solid #D6D6D6;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #676767;
  text-decoration: none;
  padding: 13px 20px;
  border-radius: 3px;
  margin-top: 23px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .boxResults .boxGhost:hover {
    border: 1px solid #3c3637; }
.boxResults .content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  width: 75%; }
  .boxResults .content span.title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px; }
    .boxResults .content span.title.green {
      color: #25dca6; }
    .boxResults .content span.title.orange {
      color: #f26422; }
    .boxResults .content span.title.grey {
      color: #969696; }
    .boxResults .content span.title.blue {
      color: #0f866c; }
    .boxResults .content span.title.red {
      color: #c93914; }
  .boxResults .content span.small {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #3c3637;
    float: left; }

.userProfile .imgUser {
  background: white;
  float: left;
  width: 95px;
  height: 95px;
  border-radius: 100%; }
.userProfile h1, .userProfile h2, .userProfile h3 {
  float: left !important;
  width: calc(100% - 95px) !important;
  padding-left: 27px; }

.reviewSteps .bgImg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  position: relative;
  -webkit-filter: opacity(1) !important;
  -moz-filter: opacity(1) !important;
  -o-filter: opacity(1) !important;
  filter: opacity(1) !important; }
.reviewSteps .nextStep {
  border: 0 solid #25dca6;
  border-bottom: 1px solid #1ca980;
  background: #25dca6;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  color: #ffffff !important;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 21px;
  padding: 12px 20px;
  max-width: 296px;
  width: calc(100% - 42px);
  text-align: center;
  border-radius: 3px; }
  .reviewSteps .nextStep:hover {
    border: 0 solid #1fb78a;
    border-bottom: 1px solid #188d6a;
    background: #1fb78a; }

.extraStepStyle h2 {
  color: #0f866c !important;
  font-size: 20px;
  margin-bottom: 25px; }
.extraStepStyle .info {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #e4e4e4;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  color: #888888;
  font-size: 12px;
  display: inline-flex;
  cursor: pointer;
  position: relative; }
  .extraStepStyle .info:hover .toolt {
    opacity: 1;
    visibility: visible; }
  .extraStepStyle .info .toolt {
    position: absolute;
    bottom: 32px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    background: #444444;
    color: white;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .extraStepStyle .info .toolt:before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -9px;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 10px 0 10px;
      border-color: #444444 transparent transparent transparent; }
.extraStepStyle .display-name {
  float: left; }
.extraStepStyle .privacy-new {
  float: left;
  padding-left: 10px; }
  .extraStepStyle .privacy-new svg {
    width: 20px;
    height: 20px; }
.extraStepStyle .errorMsg {
  position: absolute;
  bottom: 80px;
  border-radius: 3px;
  background: #da0f0f;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding: 10px 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-align: center; }
  .extraStepStyle .errorMsg:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 0 10px;
    border-color: #da0f0f transparent transparent transparent; }
  .extraStepStyle .errorMsg.show {
    opacity: 1;
    visibility: visible; }
.extraStepStyle .inpStyle {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  padding: 13px 20px;
  background: #fbfbfb;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  resize: none;
  width: 100%;
  margin-bottom: 20px; }
.extraStepStyle .line {
  margin: 30px 0; }
  .extraStepStyle .line .ex {
    position: absolute;
    left: 50%;
    font-size: 16px;
    background: white;
    top: -18px;
    padding: 6px;
    margin-left: -10px; }
.extraStepStyle a {
  text-decoration: none;
  color: #0f866c; }
.extraStepStyle .greenBttn {
  background: #25dca6;
  border-bottom: 1px solid #1fb78a;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none; }
.extraStepStyle .blueBttn {
  background: #597a96;
  border-bottom: 1px solid #4a667d;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  padding: 14px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none; }
  .extraStepStyle .blueBttn:hover {
    background: #4a667d;
    border-bottom: 1px solid #40576b; }

.priceList .lastInput {
  margin-bottom: 110px !important; }
@media screen and (max-width: 1023px) {
  .priceList .stepsCircles {
    display: none; } }
@media screen and (max-width: 1023px) {
  .priceList form .step2c66 {
    float: left;
    width: 100%;
    margin-top: 40px; } }
@media screen and (max-width: 1023px) {
  .priceList form .step2c33 {
    float: left;
    width: 100%;
    margin-top: 40px; } }
@media screen and (max-width: 1023px) {
  .priceList form .step1c66 {
    float: left;
    width: 50%;
    margin-top: 40px; } }
@media screen and (max-width: 1023px) {
  .priceList form .step1c33 {
    float: left;
    width: 50%;
    margin-top: 40px; } }

.resultInput h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #597a96; }
.resultInput .fa-check {
  position: absolute;
  color: #25DCA6;
  font-size: 24px;
  right: 15px;
  top: 12px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .resultInput .fa-check.show {
    opacity: 1; }
.resultInput p {
  padding-top: 10px; }
.resultInput .numbers {
  margin-top: 25px; }
.resultInput .select {
  width: 113px;
  float: left; }
.resultInput textarea {
  margin-top: 15px; }
.resultInput .selectboxit-container .selectboxit-options {
  max-height: 195px !important; }
.resultInput .errorMsg.small {
  padding-bottom: 8px;
  display: block; }

.roundUp {
  margin: 30px 0 0;
  text-align: center;
  padding: 15px 20px;
  border-radius: 2px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  color: #ffffff !important;
  border: 0 solid #25dca6;
  border-bottom: 1px solid #1ca980;
  background: #25dca6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .roundUp:hover {
    border: 0 solid #1fb78a;
    border-bottom: 1px solid #188d6a;
    background: #1fb78a; }

.thumbQuestion {
  float: left; }
  .thumbQuestion label {
    float: left;
    margin-top: 0 !important;
    cursor: pointer; }
  .thumbQuestion #thumbsDown .iradio_square-blue.hover {
    background: url("../master/icheck/square/red.png") no-repeat;
    background-position: -144px 0; }
  .thumbQuestion #thumbsDown .iradio_square-blue.checked {
    background: url("../master/icheck/square/red.png") no-repeat;
    background-position: -168px 0; }

.thumbs {
  position: relative;
  top: -3px;
  font-size: 30px;
  float: left;
  text-align: center;
  margin-right: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #EAEAEA; }
  .thumbs.thumbsUp {
    color: #0f866c; }
  .thumbs.thumbsDown {
    color: #c93914;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    top: 1px; }

.uploadFile {
  border: 0 solid #ffffff;
  border-bottom: 0 solid #c4c4c4;
  background: #ffffff;
  border: 2px solid #E0E0E0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  padding: 13px;
  margin-top: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #B3B3B3; }

#uploadFile {
  display: none;
  visibility: hidden; }

#averageScore {
  float: right;
  font-size: 50px;
  font-weight: 500;
  color: #737373;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  #averageScore.blue {
    color: #0f866c !important; }
  #averageScore.green {
    color: #21B98C !important; }
  #averageScore.red {
    color: #B70A0A !important; }
  #averageScore .scoreBig {
    position: relative;
    left: 2px; }
  #averageScore .scoreSmall {
    font-size: 35px;
    position: relative;
    top: -13px; }

.uploadedImages .c25:first-child {
  padding-left: 10px !important; }
.uploadedImages .c25:last-child {
  padding-right: 10px !important; }
.uploadedImages .image {
  height: 130px;
  position: relative;
  background: #F1F1F1;
  background-clip: content-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  overflow: hidden; }
  .uploadedImages .image span.close {
    position: absolute;
    top: 0;
    right: 0;
    background: #0f866c;
    color: white;
    width: 30px;
    height: 30px;
    border-bottom-left-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    cursor: pointer; }
  .uploadedImages .image img.WBig {
    width: 100%;
    height: auto; }
  .uploadedImages .image img.HBig {
    height: 100%;
    width: auto; }

.resultList {
  list-style-type: none;
  overflow: hidden; }
  .resultList li {
    float: left;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid #ede7e4;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .resultList li.flex {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .resultList li.flex span {
        margin-top: 20px;
        text-align: center;
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #AFAFAF; }
      .resultList li.flex span.buttonList {
        background: #25dca6;
        color: white;
        font-weight: 500;
        padding: 14px 20px;
        border-radius: 3px;
        border-bottom: 1px solid #1fb78a;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .resultList li.flex span.buttonList:hover {
          background: #1fb78a;
          border-bottom: 1px solid #1a9d77; }
    .resultList li:hover {
      background: #F9F9F9; }
    .resultList li.title {
      background: #0f866c;
      text-align: center;
      cursor: auto; }
      .resultList li.title span.name {
        color: #ffffff !important; }
    .resultList li span.name {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: #0f866c;
      float: left;
      width: 100%; }
    .resultList li span.street {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 15px;
      color: #3c3637;
      float: left;
      width: 100%; }
    .resultList li.employee {
      display: flex;
      align-items: center; }
      .resultList li.employee span.name {
        width: calc(100% - 40px);
        padding-left: 20px; }
      .resultList li.employee .imgList {
        width: 40px;
        height: 40px;
        float: left;
        background: #DEDEDE;
        border-radius: 100%; }

.inputField {
  position: relative; }
  .inputField span {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    width: 100%;
    background: #565656;
    border-radius: 3px;
    padding: 13px 20px;
    bottom: 63px;
    left: 50%;
    margin-left: -50%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .inputField span.show {
      opacity: 1;
      visibility: visible; }
    .inputField span:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -10px;
      margin-left: -5px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #565656;
      clear: both; }

.noMinH {
  min-height: inherit !important; }
  .noMinH .yourScore {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
  .noMinH span.title {
    color: #BFBFBF !important;
    text-align: center; }

.noUi-target.noUi-connect {
  box-shadow: inherit !important; }

.noUi-target {
  border: 1px solid #E0E0E0 !important;
  box-shadow: inherit !important; }

.noUi-connect {
  background: #0f866c !important;
  box-shadow: inherit !important; }
  .noUi-connect.blue {
    background: #0f866c !important; }
  .noUi-connect.green {
    background: #21B98C !important; }
  .noUi-connect.red {
    background: #B70A0A !important; }

.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 11px !important;
  font-size: 14px !important; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 5px !important; }

.noUi-origin {
  border-radius: 0px !important; }

.datepicker-container {
  width: 320px !important;
  padding: 15px 15px 20px 20px;
  box-sizing: content-box; }

.datepicker-panel ul:first-child li[data-view="month current"], .datepicker-panel ul:first-child li[data-view="year current"] {
  width: 250px; }
.datepicker-panel ul:first-child li[data-view="month current"] {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #3c3637; }
.datepicker-panel ul[data-view="week"] li {
  width: 44px; }
.datepicker-panel ul[data-view="days"] li {
  border: 1px solid #D0D0D0;
  width: 34px !important;
  height: 34px !important;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  margin: 5px; }
  .datepicker-panel ul[data-view="days"] li:hover {
    background: #25dca6; }
  .datepicker-panel ul[data-view="days"] li.disabled:hover {
    background-color: #fff; }
  .datepicker-panel ul[data-view="days"] li.picked {
    background: #0f866c;
    color: #ffffff; }

#content .contentBoxShadow.date-picker-section {
  box-shadow: none;
  position: absolute;
  display: none;
  width: 290px;
  z-index: 999;
  white-space: nowrap; }
#content .contentBoxShadow #matDate {
  visibility: visible;
  height: auto;
  width: 100%;
  opacity: 1;
  padding: 10px 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease; }
  #content .contentBoxShadow #matDate .ui-state-disabled {
    opacity: 0.4; }

.contentBoxShadow.datepicker-holder {
  position: absolute;
  display: none;
  width: 323px !important;
  z-index: 999;
  white-space: nowrap;
  height: inherit;
  margin-top: 47px; }
  .contentBoxShadow.datepicker-holder .ui-datepicker-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #3c3637; }
  .contentBoxShadow.datepicker-holder .ui-state-disabled {
    opacity: 0.4;
    cursor: default; }
  .contentBoxShadow.datepicker-holder.dash {
    margin-top: 57px; }
  .contentBoxShadow.datepicker-holder .matDate-new {
    visibility: visible !important;
    height: fit-content !important;
    height: -moz-fit-content !important;
    width: 100% !important;
    opacity: 1 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 10px 20px !important;
    display: table; }
    .contentBoxShadow.datepicker-holder .matDate-new .ui-datepicker-header {
      border-bottom: 0; }
    .contentBoxShadow.datepicker-holder .matDate-new table thead tr {
      padding-bottom: 5px; }
    .contentBoxShadow.datepicker-holder .matDate-new a {
      text-decoration: none; }

#matDate, #matDateFrom, #matDateUntil {
  position: absolute;
  width: 100%;
  background: white;
  height: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #matDate.show, #matDateFrom.show, #matDateUntil.show {
    opacity: 1;
    visibility: visible; }

.ui-datepicker-header {
  height: 41px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  font-size: 13px;
  text-transform: uppercase;
  color: #597a96;
  font-weight: 700;
  border-bottom: 1px solid #e5e9ec;
  position: relative; }

.ui-datepicker-calendar {
  float: left;
  width: 100%;
  margin-top: 10px !important; }

.ui-datepicker-prev {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -999px;
  background: url("/img/master/dateTimeArrowLeft.png") no-repeat;
  background-position: center;
  width: 74px !important;
  height: 41px !important; }
  .ui-datepicker-prev span {
    text-indent: -99999; }

.ui-datepicker-next {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -999px;
  background: url("/img/master/dateTimeArrowRight.png") no-repeat;
  width: 81px !important;
  height: 41px !important;
  background-position: center; }
  .ui-datepicker-next span {
    text-indent: -99999; }

#matDate, #matDateFrom, #matDateUntil thead {
  float: left;
  width: 100%;
  padding: 20px 25px;
  border-bottom: 1px solid #e5e9ec; }
  #matDate tr, #matDateFrom tr, #matDateUntil thead tr {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    float: left;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #matDate tr th, #matDateFrom tr th, #matDateUntil thead tr th {
      color: #b9bed1;
      width: 34px;
      text-transform: uppercase;
      font-size: 13px; }

#matDate, #matDateFrom, #matDateUntil tbody {
  float: left;
  width: 100%;
  padding: 20px 25px; }
  #matDate tr, #matDateFrom tr, #matDateUntil tbody tr {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    float: left;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #matDate tr td, #matDateFrom tr td, #matDateUntil tbody tr td {
      width: 34px;
      height: 38px;
      margin-bottom: 8px; }
      #matDate tr td.ui-state-book a, #matDateFrom tr td.ui-state-book a, #matDateUntil tbody tr td.ui-state-book a {
        background: #e5e9ec !important; }
        #matDate tr td.ui-state-book a:after, #matDateFrom tr td.ui-state-book a:after, #matDateUntil tbody tr td.ui-state-book a:after {
          content: "";
          width: 34px;
          height: 34px;
          position: absolute;
          top: 0;
          left: 0;
          background: none;
          border-radius: 100%;
          z-index: -1;
          transform: scale(0);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        #matDate tr td.ui-state-book a.ui-state-hover, #matDateFrom tr td.ui-state-book a.ui-state-hover, #matDateUntil tbody tr td.ui-state-book a.ui-state-hover {
          color: #3a405b !important; }
        #matDate tr td.ui-state-book a.ui-state-active, #matDateFrom tr td.ui-state-book a.ui-state-active, #matDateUntil tbody tr td.ui-state-book a.ui-state-active {
          background: #25dca6 !important; }
      #matDate tr td a, #matDateFrom tr td a, #matDateUntil tbody tr td a {
        width: 34px !important;
        height: 34px !important;
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        color: #3a405b !important;
        font-size: 12px;
        font-weight: 500;
        position: relative; }
        #matDate tr td a.ui-priority-secondary, #matDateFrom tr td a.ui-priority-secondary, #matDateUntil tbody tr td a.ui-priority-secondary {
          color: #b9bed1 !important; }
        #matDate tr td a.ui-state-highlight, #matDateFrom tr td a.ui-state-highlight, #matDateUntil tbody tr td a.ui-state-highlight {
          background: #0f866c !important;
          color: white !important; }
        #matDate tr td a.ui-state-hover, #matDate tr td a.ui-state-active, #matDateFrom tr td a.ui-state-hover, #matDateFrom tr td a.ui-state-active, #matDateUntil tbody tr td a.ui-state-hover, #matDateUntil tbody tr td a.ui-state-active {
          color: white !important;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #matDate tr td a.ui-state-hover:after, #matDate tr td a.ui-state-active:after, #matDateFrom tr td a.ui-state-hover:after, #matDateFrom tr td a.ui-state-active:after, #matDateUntil tbody tr td a.ui-state-hover:after, #matDateUntil tbody tr td a.ui-state-active:after {
            -webkit-transform: scale(1);
            transform: scale(1); }
        #matDate tr td a:after, #matDateFrom tr td a:after, #matDateUntil tbody tr td a:after {
          content: "";
          width: 34px;
          height: 34px;
          position: absolute;
          top: 0;
          left: 0;
          background: #25dca6;
          border-radius: 100%;
          z-index: -1;
          transform: scale(0);
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }

#content .overviewBox {
  margin-top: 65px;
  float: left;
  width: 100%; }
  #content .overviewBox h2 {
    font-weight: 400 !important; }
  #content .overviewBox:first-child {
    margin-top: 0; }
  #content .overviewBox ul {
    margin-top: 20px;
    list-style-type: none; }
    @media screen and (max-width: 1160px) {
      #content .overviewBox ul {
        width: 33.3333%; } }
    @media screen and (max-width: 880px) {
      #content .overviewBox ul {
        width: 50%; } }
    #content .overviewBox ul li {
      float: left;
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      text-decoration: none;
      border-bottom: 1px solid #e5e9ec;
      padding: 18px 0;
      position: relative;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #content .overviewBox ul li:hover {
        text-decoration: underline; }
        #content .overviewBox ul li:hover span.flex {
          opacity: 1; }
      #content .overviewBox ul li span.flex {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #content .overviewBox ul li span.flex a {
          text-decoration: none;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #3c3637;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #content .overviewBox ul li span.flex a:hover {
            color: #0f866c; }

.blogWrapper h2 {
  margin-top: 55px; }
.blogWrapper .bigBlog {
  cursor: pointer;
  height: 440px; }
  .blogWrapper .bigBlog .blog {
    height: 440px; }
.blogWrapper .smallBlog {
  cursor: pointer;
  height: 210px; }
  .blogWrapper .smallBlog .blog {
    height: 210px; }
  .blogWrapper .smallBlog.first {
    margin-bottom: 20px; }
.blogWrapper .blog {
  float: left;
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 25px;
  position: relative;
  overflow: hidden; }
  .blogWrapper .blog:hover .image {
    transform: scale(1.2); }
  .blogWrapper .blog .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .blogWrapper .blog .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#80010101',GradientType=0 );
    z-index: 1; }
  .blogWrapper .blog .content {
    position: relative;
    z-index: 2; }
  .blogWrapper .blog h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    line-height: 32px; }
    .blogWrapper .blog h3 a {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 30px;
      color: #ffffff;
      text-decoration: none; }
  .blogWrapper .blog span {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #ffffff;
    margin-top: 10px; }
.blogWrapper .allblogs {
  margin-top: 45px; }
  .blogWrapper .allblogs h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c;
    line-height: 24px;
    margin-top: 18px;
    float: left;
    width: 100%;
    height: 50px;
    overflow: hidden; }
    .blogWrapper .allblogs h3 a {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #0f866c;
      text-decoration: none; }
  .blogWrapper .allblogs span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    float: left;
    width: 100%; }
  .blogWrapper .allblogs:hover .smallBlogs {
    transform: scale(1.2); }
  .blogWrapper .allblogs a {
    float: left;
    width: 100%;
    overflow: hidden; }
.blogWrapper .smallBlogs {
  float: left;
  width: 100%;
  height: 175px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.blogWrapper .pagination {
  margin-top: 55px; }

#blogDetail .sharing {
  margin-bottom: 20px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center; }
  #blogDetail .sharing h3 {
    float: left;
    margin-right: 15px; }
  #blogDetail .sharing .addthis_sharing_toolbox a {
    border-radius: 100%;
    overflow: hidden; }
#blogDetail h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #597a96;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
#blogDetail h1 {
  font-weight: 400 !important; }
#blogDetail span.about {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637;
  float: left;
  width: 100%; }
  #blogDetail span.about .date {
    padding-right: 10px; }
  #blogDetail span.about .treat {
    padding-left: 10px; }
    #blogDetail span.about .treat a {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      text-decoration: none; }
#blogDetail img {
  float: left;
  height: auto;
  width: 40%;
  margin: 0 20px 10px 0; }
#blogDetail article {
  padding-top: 15px; }
  #blogDetail article h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #blogDetail article p {
    margin-bottom: 15px; }
#blogDetail .together {
  background: #ffffff;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px; }
  #blogDetail .together .content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center; }
    #blogDetail .together .content img {
      width: 145px;
      float: left;
      margin: 0; }
    #blogDetail .together .content p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      line-height: 26px;
      width: 100%;
      max-width: 326px;
      padding-left: 20px; }
  #blogDetail .together a {
    float: left;
    background: #0f866c;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 20px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center; }
    #blogDetail .together a:hover {
      background: #1680ac; }
#blogDetail .cBanner .clinics {
  margin-top: 20px;
  background: #009ad1;
  padding: 21px; }
  #blogDetail .cBanner .clinics .content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
  #blogDetail .cBanner .clinics span.number {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 64px;
    color: #ffffff;
    float: left;
    line-height: 64px; }
  #blogDetail .cBanner .clinics span.text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    float: left;
    line-height: 23px;
    padding-left: 20px; }
  #blogDetail .cBanner .clinics a {
    float: left;
    width: 100%;
    display: block;
    background: #25dca6;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #blogDetail .cBanner .clinics a:hover {
      background: #1fb78a; }

.leaflet-popup-content-wrapper {
  background: white !important;
  z-index: 1 !important;
  opacity: 1 !important;
  border-radius: 0px !important;
  width: 550px !important;
  height: 192px !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32) !important;
  padding: 0px !important; }
  .leaflet-popup-content-wrapper img {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important; }
  .leaflet-popup-content-wrapper .result {
    float: left;
    width: 100%;
    height: 192px; }
    .leaflet-popup-content-wrapper .result .image {
      float: left;
      width: 230px;
      height: 100%;
      position: relative;
      box-sizing: border-box;
      border-right: 1px solid #E8E8E8; }
    .leaflet-popup-content-wrapper .result .content {
      float: left;
      width: calc(100% - 292px);
      height: 190px;
      padding: 14px 31px;
      color: #3c3637; }
      .leaflet-popup-content-wrapper .result .content span.reviews {
        font-family: 'proxima_novalight';
        font-weight: normal;
        font-size: 13px;
        color: #3c3637;
        float: left;
        width: 100%; }
      .leaflet-popup-content-wrapper .result .content span.titleName {
        font-family: 'proxima_nova_rgbold';
        font-weight: normal;
        font-size: 20px;
        color: #0f866c;
        float: left;
        width: 100%;
        margin-top: 8px;
        margin-bottom: 5px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .leaflet-popup-content-wrapper .result .content span.smallText {
        font-family: 'proxima_nova_rgregular';
        font-weight: normal;
        font-size: 14px;
        color: #3c3637;
        float: left;
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .leaflet-popup-content-wrapper .result .content a {
        font-family: 'proxima_nova_rgregular';
        font-weight: normal;
        font-size: 16px;
        color: #3c3637;
        float: left;
        text-decoration: none;
        border: 1px solid #c0adb0;
        padding: 7px 15px;
        border-radius: 2px;
        margin-top: 15px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
  .leaflet-popup-content-wrapper .score {
    position: absolute;
    top: 0;
    background: #0f866c;
    font-family: 'proxima_nova_softbold';
    font-weight: normal;
    font-size: 30px;
    color: #ffffff;
    width: 45px;
    height: 45px;
    padding: 5px 0;
    text-align: center;
    right: 20px; }
    .leaflet-popup-content-wrapper .score:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 22.5px 0 22.5px;
      border-color: #1a98ce transparent transparent transparent;
      position: absolute;
      bottom: -8px;
      left: 0; }
    .leaflet-popup-content-wrapper .score.green {
      background: #25dca6; }
      .leaflet-popup-content-wrapper .score.green:after {
        border-color: #25dca6 transparent transparent transparent; }
    .leaflet-popup-content-wrapper .score.red {
      background: #c93914; }
      .leaflet-popup-content-wrapper .score.red:after {
        border-color: #c93914 transparent transparent transparent; }
    .leaflet-popup-content-wrapper .score.orange {
      background: #f26422; }
      .leaflet-popup-content-wrapper .score.orange:after {
        border-color: #f26422 transparent transparent transparent; }
    .leaflet-popup-content-wrapper .score.grey {
      background: #969696; }
      .leaflet-popup-content-wrapper .score.grey:after {
        border-color: #969696 transparent transparent transparent; }
    .leaflet-popup-content-wrapper .score span {
      font-size: 16px;
      position: relative;
      top: -10px; }

.leaflet-popup-content {
  margin: 0px !important;
  width: 100% !important;
  float: left; }

.leaflet-popup-tip-container {
  width: 0px !important;
  height: 0 !important;
  border-style: solid;
  border-width: 8px 12.5px 0 12.5px;
  border-color: #FFFFFF transparent transparent transparent;
  position: absolute !important;
  bottom: -8px;
  left: 50%;
  margin-left: -12px !important; }

/* iCheck plugin Line skin, blue
         ----------------------------------- */
.icheckbox_line-blue,
.iradio_line-blue {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 15px 5px 38px;
  font-size: 16px;
  font-weight: 500;
  line-height: 17px;
  color: #3c3637;
  background: #f2f2f2;
  border: 1px solid #969696;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  max-width: 85px;
  float: left; }

.icheckbox_line-blue .icheck_line-icon,
.iradio_line-blue .icheck_line-icon {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 13px;
  height: 11px;
  margin: -5px 0 0 0;
  padding: 0;
  overflow: hidden;
  background: url("/images/line.png") no-repeat;
  border: none; }

.icheckbox_line-blue.hover,
.icheckbox_line-blue.checked.hover,
.iradio_line-blue.hover {
  background: #3DA0DB; }

.icheckbox_line-blue.checked,
.iradio_line-blue.checked {
  background: #25dca6;
  color: #FFFFFF; }

.icheckbox_line-blue.checked .icheck_line-icon,
.iradio_line-blue.checked .icheck_line-icon {
  background-position: -15px 0; }

.icheckbox_line-blue.disabled,
.iradio_line-blue.disabled {
  background: #ADD7F0;
  cursor: default; }

.icheckbox_line-blue.disabled .icheck_line-icon,
.iradio_line-blue.disabled .icheck_line-icon {
  background-position: -30px 0; }

.icheckbox_line-blue.checked.disabled,
.iradio_line-blue.checked.disabled {
  background: #ADD7F0; }

.icheckbox_line-blue.checked.disabled .icheck_line-icon,
.iradio_line-blue.checked.disabled .icheck_line-icon {
  background-position: -45px 0; }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_line-blue .icheck_line-icon,
  .iradio_line-blue .icheck_line-icon {
    background-image: url("/images/line@2x.png");
    -webkit-background-size: 60px 13px;
    background-size: 60px 13px; } }
#photo .wrapper.employee {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center; }
#photo .profileImg {
  width: 110px;
  height: 110px;
  background: #ffffff;
  border-radius: 100%; }
#photo .profileAbout {
  float: left;
  margin-left: 20px; }

#smallMenu .menuButton {
  min-width: 163px;
  text-align: center; }

#content {
  /*
    .accord {
      background:$cWhite;
      .c50{
        padding-left:22px;
        padding-right: 22px;
      }
      h3, h2{
        border:1px solid #e5e9ec;
        border-top:0;
        padding: 20px 22px;
        cursor: pointer;
        position: relative;
        font-weight: 400;
        @include addFlex();
        justify-content: space-between;
        align-items: center;
        @include transitionOne(all 0.3s ease);
        &:hover{
          background:#F3F3F3;
        }
        i{
          right: 20px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          @include transitionOne(transform 0.3s ease);
        }
      }
      .emp{
        float:left;
        @include addFlex();
        align-items: center;
        margin-right: 25px;
        margin-bottom: 25px;
        .img{
          width: 70px;
          height: 70px;
          margin-right: 20px;
          border-radius: 100%;
          @include addFlex();
          justify-content: center;
          align-items: center;
          div{
            font-size: 20px;
            font-weight: 700;
            color: $cWhite;
          }
        }
        .content{
          float: left;
          width: calc(100% - 125px);
          .title{
            float:left;
            width: 100%;
            @include font('normal', 16, $cBlack);
          }
          a{
            float:left;
            width: 100%;
            @include font('light', 13, $cBlue);
          }
        }
      }
      .keurmerk{
        float:left;
        @include addFlex();
        align-items: center;
        margin-right: 25px;
        .img{
          width: 38px;
          height: 38px;
          float:left;
          background: $cWhite;
          margin-right: 10px;
        }
        span{
          @include font('bold', 13, $cBlueDark);
          text-transform: uppercase;
        }
      }
      .accordBox{
        max-height: 0;
        overflow: hidden;
        border-left:1px solid #e5e9ec;
        border-right:1px solid #e5e9ec;
        @include transitionOne(max-height 0.3s ease);
        .innerBox{
          padding: 20px 0;
        }
        article{
          padding-left: 22px;
          padding-right: 22px;
          p{
            @include font('light', 16, $cBlack);
            margin-bottom: 20px;
          }
        }
        ul{
          margin-top: 0;
          padding-left: 22px;
          padding-right: 22px;
          &:first-child{
            padding-left: 22px;
          }
          &:last-child{
            padding-right: 22px;
          }
          li{
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            overflow: hidden;
            padding: 3px 0;
            &.title{
              @include font('bold', 14, $cBlueDark);
              text-transform: uppercase;
            }
            a{
              text-decoration: none;
              color:$cBlack;
              display: inline-block;
              white-space: nowrap;
              text-overflow: ellipsis;
              width: 100%;
              overflow: hidden;

              &:hover{
                text-decoration: underline;
              }
            }
            i{
              font-size: 23px;
              position: relative;
              top: 3px;
              margin-right: 10px;
              &.green{
                color:$cGreen;
              }
              &.red{
                color:$cRed;
              }
            }
          }
        }
      }
      &:first-child{
        h3, h2 {
          border-top: 1px solid #e5e9ec;
        }
      }
    }

    */ }
  #content .contactBox {
    background: #ffffff;
    padding: 10px; }
    #content .contactBox iframe {
      width: 100%;
      float: left;
      height: 210px; }
    #content .contactBox .address {
      padding: 20px 0 10px 10px; }
    #content .contactBox .web {
      background: #0f866c;
      color: #ffffff;
      text-transform: uppercase;
      padding: 5px 10px;
      font-weight: 500;
      text-decoration: none !important;
      float: left;
      margin-top: 10px;
      font-size: 13px; }
      #content .contactBox .web:hover {
        background: #1680ac; }
  #content .scoreWrapper {
    position: absolute;
    right: 15px;
    top: -13px; }
    #content .scoreWrapper .scoreTextWrapper {
      float: left;
      width: calc(100% - 115px); }
      #content .scoreWrapper .scoreTextWrapper .scoreText {
        text-align: right;
        display: inline-block;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 30px;
        color: #0f866c; }
      #content .scoreWrapper .scoreTextWrapper .reviews {
        text-align: right;
        display: inline-block;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #3c3637;
        position: relative;
        top: -4px; }
        #content .scoreWrapper .scoreTextWrapper .reviews a {
          text-align: none;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 13px;
          color: #3c3637; }
    #content .scoreWrapper .score {
      position: relative;
      float: right;
      padding: 2px; }
      #content .scoreWrapper .score:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 31px 19px 31px 0;
        border-color: transparent #0f866c transparent transparent;
        left: -19px;
        bottom: 0; }
      #content .scoreWrapper .score.green {
        background: #25dca6; }
        #content .scoreWrapper .score.green:after {
          border-color: transparent #25dca6 transparent transparent; }
      #content .scoreWrapper .score.red {
        background: #c93914; }
        #content .scoreWrapper .score.red:after {
          border-color: transparent #c93914 transparent transparent; }
      #content .scoreWrapper .score.orange {
        background: #f26422; }
        #content .scoreWrapper .score.orange:after {
          border-color: transparent #f26422 transparent transparent; }
      #content .scoreWrapper .score.grey {
        background: #969696; }
        #content .scoreWrapper .score.grey:after {
          border-color: transparent #969696 transparent transparent; }
  #content h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #0f866c; }
  #content p a {
    color: #3c3637;
    text-decoration: underline; }
  #content .about {
    background: #ffffff;
    padding: 30px; }
    #content .about h2, #content .about h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 14px;
      color: #597a96;
      text-transform: uppercase;
      margin-bottom: 0;
      font-size: 14px !important; }
  #content ul li {
    overflow: inherit !important; }
  #content .address {
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #3c3637; }
    #content .address .extra {
      float: left;
      width: 100%; }
    #content .address span {
      float: left;
      width: 100%; }
      #content .address span strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #3c3637; }
      #content .address span a {
        color: #0f866c;
        text-decoration: none; }
        #content .address span a:hover {
          text-decoration: underline; }
  #content .box {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    #content .box.line {
      border-bottom: 1px solid #ede7e4; }
    #content .box .score {
      right: 0; }
    #content .box .circleStyle {
      width: 60px;
      height: 60px;
      position: absolute;
      top: 0;
      right: 0; }
      #content .box .circleStyle .circleScore {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 27px;
        color: #0f866c;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -16px; }
        #content .box .circleStyle .circleScore .small {
          font-size: 16px;
          top: -7px;
          position: relative; }
    #content .box .reliability {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      padding-top: 45px; }
      #content .box .reliability .check {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637;
        text-align: right;
        text-decoration: none; }
      #content .box .reliability .blue {
        color: #0f866c; }
      #content .box .reliability .green {
        color: #25dca6; }
      #content .box .reliability .orange {
        color: #f26422; }
      #content .box .reliability .red {
        color: #c93914; }
      #content .box .reliability .grey {
        color: #969696; }
    #content .box ul {
      margin-top: 30px;
      list-style-type: none; }
      #content .box ul:first-child {
        padding-right: 10px; }
      #content .box ul:last-child {
        padding-left: 10px; }
      #content .box ul.externe li {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637; }
        #content .box ul.externe li .beam {
          overflow: hidden;
          margin-top: 5px;
          background: #f1f5f8;
          height: 5px;
          position: relative; }
          #content .box ul.externe li .beam .beamLength {
            float: left;
            background: #0f866c;
            height: 5px;
            width: 0;
            -webkit-transition: width 1s ease;
            -moz-transition: width 1s ease;
            -ms-transition: width 1s ease;
            -o-transition: width 1s ease;
            transition: width 1s ease; }
        #content .box ul.externe li .number {
          text-align: right;
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 20px;
          color: #0f866c; }
          #content .box ul.externe li .number .small {
            font-size: 14px;
            position: relative;
            top: -7px; }
      #content .box ul li {
        padding: 10px 0 5px 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden; }
        #content .box ul li span.figure {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 14px;
          color: #ffffff;
          background: #0f866c;
          border-radius: 3px;
          padding: 5px 10px;
          margin-right: 15px;
          width: 40px;
          display: inline-block;
          text-align: center; }
    #content .box .percentage {
      margin-top: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637; }
      #content .box .percentage span {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #0f866c;
        position: relative;
        top: 2px;
        margin-right: 12px;
        float: left;
        width: 43px;
        margin-top: -4px; }
  #content h3, #content h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #0f866c; }
    #content h3.green, #content h2.green {
      color: #25dca6; }
    #content h3.orange, #content h2.orange {
      color: #f26422; }
    #content h3.red, #content h2.red {
      color: #c93914; }
    #content h3.grey, #content h2.grey {
      color: #969696; }
  #content .h2Light {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #0f866c; }
  #content .accordion__single__answer .emp {
    float: left;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 25px; }
    #content .accordion__single__answer .emp .img {
      width: 70px;
      height: 70px;
      margin-right: 20px;
      border-radius: 100%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      justify-content: center;
      align-items: center; }
      #content .accordion__single__answer .emp .img div {
        font-size: 20px;
        font-weight: 700;
        color: #ffffff; }
    #content .accordion__single__answer .emp .content {
      float: left;
      width: calc(100% - 125px); }
      #content .accordion__single__answer .emp .content .title {
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637; }
        #content .accordion__single__answer .emp .content .title a {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #3c3637;
          text-decoration: none; }
      #content .accordion__single__answer .emp .content a {
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #0f866c; }
  #content .accordion__single__answer .keurmerk {
    float: left;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-right: 25px; }
    #content .accordion__single__answer .keurmerk .img {
      width: 38px;
      height: 38px;
      float: left;
      background: #ffffff;
      margin-right: 10px; }
    #content .accordion__single__answer .keurmerk span {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 13px;
      color: #597a96;
      text-transform: uppercase; }
  #content .accordion__single__answer ul {
    margin-top: 0;
    padding-left: 22px;
    padding-right: 22px; }
    #content .accordion__single__answer ul:first-child {
      padding-left: 22px; }
    #content .accordion__single__answer ul:last-child {
      padding-right: 22px; }
    #content .accordion__single__answer ul.accordion-treatment-no-link li > a {
      cursor: default; }
    #content .accordion__single__answer ul li {
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden;
      padding: 3px 0; }
      #content .accordion__single__answer ul li.title {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #597a96;
        text-transform: uppercase; }
      #content .accordion__single__answer ul li a {
        text-decoration: none;
        color: #3c3637;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden; }
        #content .accordion__single__answer ul li a:hover {
          text-decoration: none; }
      #content .accordion__single__answer ul li i {
        font-size: 23px;
        position: relative;
        top: 3px;
        margin-right: 10px; }
        #content .accordion__single__answer ul li i.green {
          color: #25dca6; }
        #content .accordion__single__answer ul li i.red {
          color: #c93914; }

.srvpagetxt {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #3c3637; }

#content .addressNP {
  margin-bottom: 0; }
#content .gerela p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637;
  margin-top: 20px; }

#recommended {
  min-height: 555px;
  position: relative; }
  #recommended .bgImg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 555px;
    -webkit-filter: opacity(0.8);
    -moz-filter: opacity(0.8);
    -o-filter: opacity(0.8);
    filter: opacity(0.8); }
  #recommended .wrapper {
    position: relative;
    z-index: 2; }
  #recommended .recommend {
    min-height: 747px;
    background: #ffffff;
    position: relative;
    margin-top: 138px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
    border-radius: 5px;
    padding: 50px 30px; }
    #recommended .recommend h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 30px;
      color: #0f866c; }

#normalInfo .accord {
  background: #f9fafb; }
  #normalInfo .accord h3, #normalInfo .accord h2 {
    border: 1px solid #e5e9ec;
    border-top: 0;
    padding: 20px 22px;
    cursor: pointer;
    position: relative;
    font-family: 'proxima_nova_softbold';
    font-weight: normal;
    font-size: 22px;
    color: #0f866c; }
    #normalInfo .accord h3 i, #normalInfo .accord h2 i {
      position: absolute;
      right: 20px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease; }
  #normalInfo .accord .accordBox {
    max-height: 0;
    overflow: hidden;
    border-left: 1px solid #e5e9ec;
    border-right: 1px solid #e5e9ec;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease; }
    #normalInfo .accord .accordBox .innerBox {
      padding: 20px 0; }
    #normalInfo .accord .accordBox article {
      padding-left: 22px;
      padding-right: 22px; }
      #normalInfo .accord .accordBox article p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        margin-bottom: 20px; }
    #normalInfo .accord .accordBox ul {
      margin-top: 0;
      padding-left: 22px;
      padding-right: 22px; }
      #normalInfo .accord .accordBox ul:first-child {
        padding-left: 22px; }
      #normalInfo .accord .accordBox ul:last-child {
        padding-right: 22px; }
      #normalInfo .accord .accordBox ul li {
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        padding: 3px 0; }
        #normalInfo .accord .accordBox ul li.title {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 14px;
          color: #597a96;
          text-transform: uppercase; }
        #normalInfo .accord .accordBox ul li a {
          text-decoration: none;
          color: #3c3637;
          display: inline-block;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          overflow: hidden; }
          #normalInfo .accord .accordBox ul li a:hover {
            text-decoration: underline; }
        #normalInfo .accord .accordBox ul li i {
          font-size: 23px;
          position: relative;
          top: 3px;
          margin-right: 10px; }
          #normalInfo .accord .accordBox ul li i.green {
            color: #25dca6; }
          #normalInfo .accord .accordBox ul li i.red {
            color: #c93914; }
  #normalInfo .accord:first-child h3, #normalInfo .accord:first-child h2 {
    border-top: 1px solid #e5e9ec;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  #normalInfo .accord:last-child h3, #normalInfo .accord:last-child h2 {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

@media screen and (max-width: 1136px) {
  .box.noPrem .searchImg {
    width: 235px; } }
.box.noPrem h3 {
  color: #3c3637 !important;
  font-size: 30px !important;
  margin-bottom: 10px !important; }
.box.noPrem p {
  color: #3c3637 !important;
  font-size: 16px !important;
  margin-top: 20px; }
.box.noPrem .arrow {
  position: absolute;
  top: -60px;
  right: 87px; }
.box.noPrem .searchBox {
  background: #ffffff;
  margin-top: 30px;
  border-radius: 0px;
  margin-bottom: 0; }
  .box.noPrem .searchBox .score {
    right: 25px !important; }
  .box.noPrem .searchBox .keurmerken {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2; }
    .box.noPrem .searchBox .keurmerken .keurmerk {
      width: 40px;
      height: 40px;
      background: white;
      margin-right: 5px;
      float: left;
      border-radius: 100%;
      overflow: hidden; }
      .box.noPrem .searchBox .keurmerken .keurmerk img {
        width: 100%; }
  .box.noPrem .searchBox .searchContent {
    min-height: 190px; }
    @media screen and (max-width: 1136px) {
      .box.noPrem .searchBox .searchContent {
        width: calc(100% - 235px); } }
    .box.noPrem .searchBox .searchContent h2 {
      font-size: 22px !important; }
      @media screen and (max-width: 1165px) {
        .box.noPrem .searchBox .searchContent h2 {
          width: 65%; } }
    .box.noPrem .searchBox .searchContent .buttons {
      position: absolute;
      bottom: 0;
      margin: 25px 0; }
      .box.noPrem .searchBox .searchContent .buttons .ghost {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #3c3637;
        border: 1px solid #E5E9EC;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .box.noPrem .searchBox .searchContent .buttons .ghost:hover {
          background: #E5E9EC; }
      .box.noPrem .searchBox .searchContent .buttons .green {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #ffffff;
        background: #25dca6;
        border: 0;
        padding: 8px 15px;
        margin-left: 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .box.noPrem .searchBox .searchContent .buttons .green:hover {
          background: #1fb78a; }

.advert {
  margin-top: 50px; }

.cBanner .ad {
  float: left;
  background: #ffffff;
  margin-top: 20px;
  height: 260px;
  border: 1px solid #e7e8ea; }

.streetViewWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
  padding: 20px;
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .streetViewWrapper.showStreet {
    opacity: 1;
    visibility: visible; }
  .streetViewWrapper .streetViewPopup {
    position: relative;
    background: #ffffff;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    overflow: hidden; }
  .streetViewWrapper .closeStreet {
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 24px 18px;
    box-shadow: 0px 0px 10px rgba(68, 68, 68, 0.42);
    font-weight: 500;
    font-size: 17px;
    color: #3c3637;
    cursor: pointer; }

#photo {
  height: 157px;
  position: relative;
  background: white;
  overflow: hidden;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */ }
  #photo h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #ffffff;
    -webkit-transition: bottom 0.3s ease;
    -moz-transition: bottom 0.3s ease;
    -ms-transition: bottom 0.3s ease;
    -o-transition: bottom 0.3s ease;
    transition: bottom 0.3s ease; }
    #photo h1 i {
      cursor: pointer;
      font-size: 25px; }
  #photo p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #ffffff; }
    #photo p a {
      color: #ffffff;
      text-decoration: underline; }
  #photo .img {
    -webkit-filter: opacity(0.8);
    -moz-filter: opacity(0.8);
    -o-filter: opacity(0.8);
    filter: opacity(0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-animation: stars 0.3s forwards;
    -moz-animation: stars 0.3s forwards;
    -ms-animation: stars 0.3s forwards;
    -o-animation: stars 0.3s forwards;
    animation: stars 0.3s forwards; }
  #photo .overlayBottomToTop {
    pointer-events: inherit !important; }
  #photo .turnOff {
    position: relative;
    z-index: 2;
    float: left;
    background: #2D2D2D;
    color: white;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #080808;
    margin: 20px;
    cursor: pointer; }

#smallMenu .wrapper {
  position: relative; }
#smallMenu .profileImg {
  float: left;
  width: 110px;
  height: 110px;
  background: white;
  border-radius: 3px;
  border: 4px solid #FFFFFF;
  box-shadow: 0 0 1px #AFAFAF;
  position: relative;
  margin-top: -48px;
  margin-right: 30px;
  -webkit-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease;
  -moz-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease;
  -ms-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease;
  -o-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease; }
  #smallMenu .profileImg.smaller {
    width: 50px;
    height: 50px;
    margin-top: 17px; }

#content .company-top h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 31px;
  color: #0f866c; }
#content .company-top .street-company {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #3c3637;
  padding-top: 5px; }
#content .company-top .scoreTextWrapper .scoreText {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #0f866c; }
#content .company-top .scoreTextWrapper .reviews, #content .company-top .scoreTextWrapper .reviews > a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #3c3637; }
#content .organization-holder p {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #3c3637; }
  #content .organization-holder p a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3c3637; }
#content .default-form-lg h4.big {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #3c3637; }
#content .default-form-lg .select_wrapper select {
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #969696; }
#content .default-form-lg input::placeholder {
  color: #969696; }
#content .default-form-lg .selectboxit-container .selectboxit-btn {
  background-color: #ffffff; }
  #content .default-form-lg .selectboxit-container .selectboxit-btn .selectboxit-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #969696; }
#content .default-form-lg ul.usp-list {
  list-style: none;
  margin: 20px 0 20px 0; }
  #content .default-form-lg ul.usp-list li {
    margin: 0 0 20px 35px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #3c3637; }
    #content .default-form-lg ul.usp-list li:before {
      content: " ";
      background-image: url("/img/svg/oke.svg");
      width: 17px;
      height: 14px;
      position: absolute;
      left: -2rem; }
#content .default-form-lg .greenBttn {
  background-color: #25dca6;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #ffffff; }
#content a.aanbiedingen {
  background: #009ad1;
  width: 100%;
  float: left;
  color: white;
  font-weight: 500;
  font-size: 13px;
  padding: 8px 35px;
  text-decoration: none; }
#content .bookIntakeExpl {
  background: #ffffff;
  padding: 25px;
  margin-bottom: 30px; }
  #content .bookIntakeExpl h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #0f866c; }
  #content .bookIntakeExpl p {
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    line-height: 22px; }
    #content .bookIntakeExpl p.question {
      margin-top: 10px;
      float: left; }
      #content .bookIntakeExpl p.question a {
        color: #0f866c; }
#content .videoWrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #content .videoWrapper.show {
    visibility: visible;
    opacity: 1; }
  #content .videoWrapper .close {
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
#content #photoSliderHR {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #content #photoSliderHR.show {
    opacity: 1;
    visibility: visible; }
  #content #photoSliderHR .innerSlider {
    border: 5px solid white;
    width: 920px;
    height: calc(920px / 1.5);
    overflow: hidden;
    position: relative; }
    #content #photoSliderHR .innerSlider .close {
      position: absolute;
      right: 0;
      top: 0;
      background: white;
      width: 44px;
      height: 44px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 9999; }
#content .intro {
  padding-bottom: 0; }
  #content .intro h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #content .intro .outerArticle {
    float: left;
    width: 100%;
    max-height: 150px;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    position: relative;
    word-wrap: break-word; }
    #content .intro .outerArticle.small {
      max-height: 100px; }
    #content .intro .outerArticle:after {
      position: absolute;
      width: 100%;
      height: 80px;
      bottom: 0;
      left: 0;
      content: "";
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #FAFBFC);
      background: linear-gradient(rgba(255, 255, 255, 0), #FAFBFC); }
    #content .intro .outerArticle.visible:after {
      display: none; }
    #content .intro .outerArticle article p {
      margin-top: 0;
      margin-bottom: 20px; }
      #content .intro .outerArticle article p:first-child {
        margin-top: 20px; }
    #content .intro .outerArticle article h2, #content .intro .outerArticle article h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #0f866c;
      margin-bottom: 15px; }
    #content .intro .outerArticle article ul {
      list-style-position: outside;
      padding-left: 40px;
      display: table; }
      #content .intro .outerArticle article ul li {
        padding: 0;
        white-space: inherit;
        display: table-row; }
        #content .intro .outerArticle article ul li:before {
          display: table-cell;
          /* aha! */
          text-align: right;
          top: 14px; }
  #content .intro article {
    padding: 0; }
    #content .intro article p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #3c3637;
      line-height: 22px;
      margin-top: 20px; }
  #content .intro a.readMore {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #0f866c;
    margin-top: 15px;
    float: left;
    text-decoration: none; }
#content .photos .photoBig {
  float: left;
  width: 70%;
  height: 414px;
  background: #ffffff;
  border-right: 2px solid #ffffff;
  cursor: pointer; }
  #content .photos .photoBig.review-photo-big {
    width: 50%; }
  #content .photos .photoBig.photoBigSingle {
    width: 100%; }
#content .photos .video {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: center;
  align-items: center; }
  #content .photos .video .playButton {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.61); }
    #content .photos .video .playButton span {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 25px;
      border-color: transparent transparent transparent #ffffff;
      position: relative;
      margin-left: 6px;
      margin-top: 2px; }
#content .photos .photoSmall, #content .photos .video {
  float: left;
  width: 30%;
  height: calc(414px / 2);
  background: #ffffff;
  cursor: pointer;
  overflow: hidden; }
  #content .photos .photoSmall.line, #content .photos .video.line {
    border-bottom: 2px solid #ffffff; }
  #content .photos .photoSmall.review-photo-small, #content .photos .video.review-photo-small {
    width: 50%; }
  #content .photos .photoSmall.photoSmallSingle, #content .photos .video.photoSmallSingle {
    height: 414px; }
  #content .photos .photoSmall .video-preview, #content .photos .video .video-preview {
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #content .photos .photoSmall .overlay, #content .photos .video .overlay {
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #content .photos .photoSmall .overlay span, #content .photos .video .overlay span {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff; }
      #content .photos .photoSmall .overlay span.numb, #content .photos .video .overlay span.numb {
        font-size: 40px;
        line-height: 39px; }
#content .info {
  position: relative;
  height: 461px;
  overflow: hidden; }
  #content .info .about {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 20px;
    width: 212px;
    padding: 20px; }
#content .maps {
  line-height: 0; }
#content table {
  margin-top: 20px;
  font-size: 12px;
  color: #777777; }
  #content table td {
    padding-top: 3px; }
  #content table .day {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #3c3637; }
  #content table.dates {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #3c3637;
    text-align: center; }
    #content table.dates tr {
      padding-bottom: 8px;
      float: left;
      width: 100%; }
    #content table.dates td {
      padding-bottom: 10px;
      padding-top: 10px;
      min-height: 40px; }
      #content table.dates td i {
        color: #25dca6;
        font-size: 21px;
        position: relative;
        margin-top: -2px; }
      #content table.dates td.bg {
        background-color: #F5F5F5; }
      #content table.dates td.center {
        border-left: 1px solid #EAEAEA;
        border-right: 1px solid #EAEAEA; }
    #content table.dates .left {
      text-align: left;
      padding-right: 5px;
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
#content a.book {
  border: 0 solid #25dca6;
  border-bottom: 0 solid #1ca980;
  background: #25dca6;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
  border-radius: 2px;
  padding: 11px 20px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }
  #content a.book:hover {
    border: 0 solid #1fb78a;
    border-bottom: 0 solid #188d6a;
    background: #1fb78a; }
#content .blogs h2 {
  font-size: 25px;
  margin-bottom: 30px; }

.colorBackground {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  padding: 15px 0;
  text-align: center;
  margin-bottom: 70px; }
  .colorBackground h2 {
    color: #ffffff; }

.header-color-section.extra-margin {
  margin-top: 40px; }
.header-color-section .h2-section {
  padding: 0 10px; }
  .header-color-section .h2-section h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #ffffff; }

#appointment {
  min-height: 584px;
  position: relative; }
  #appointment .bgImg {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 462px;
    -webkit-filter: opacity(0.8);
    -moz-filter: opacity(0.8);
    -o-filter: opacity(0.8);
    filter: opacity(0.8); }
  #appointment .wrapper {
    position: relative;
    z-index: 2; }
    #appointment .wrapper.flexH {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      align-items: center;
      height: 130px; }
  #appointment h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff; }
  #appointment .pricelist-holder {
    float: left;
    padding: 0 10px; }
  #appointment .helper-holder {
    width: 366px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 370px; }
  #appointment .priceList {
    min-height: 747px;
    background: #ffffff;
    position: relative;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
    padding: 30px 30px; }
    #appointment .priceList.pricelist-new {
      box-shadow: 0 4px 9px rgba(8, 42, 56, 0.1) !important;
      border: 2px solid #edeff1;
      border-radius: 4px;
      padding: 20px 20px; }
      #appointment .priceList.pricelist-new .pricelist-header {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #0f866c;
        border-bottom: 1px solid #e5e9ec;
        padding-bottom: 20px;
        margin-bottom: 20px; }
      #appointment .priceList.pricelist-new .pricelist-active {
        background-color: #edeff1; }
      #appointment .priceList.pricelist-new .cat-name-a-holder {
        padding: 12px 5px; }
        #appointment .priceList.pricelist-new .cat-name-a-holder a {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 15px;
          color: #3c3637; }
          #appointment .priceList.pricelist-new .cat-name-a-holder a span {
            margin-left: 0;
            color: inherit;
            font-weight: inherit; }
      #appointment .priceList.pricelist-new .product-box {
        top: 80px; }
        #appointment .priceList.pricelist-new .product-box .product-box-holder {
          zoom: inherit; }
      #appointment .priceList.pricelist-new .product-item-new {
        display: initial;
        padding: 22px 0;
        vertical-align: top; }
        #appointment .priceList.pricelist-new .product-item-new .product-left-new h5 {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 18px;
          color: #3c3637;
          padding-bottom: 10px; }
        #appointment .priceList.pricelist-new .product-item-new .product-left-new .more {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637; }
        #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container {
          padding-top: 25px;
          padding-bottom: 10px; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container .indication {
            float: left;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #3c3637;
            padding-right: 5px; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container .actuelPrice {
            float: left;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #3c3637;
            line-height: inherit; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container .new-price {
            float: left;
            width: fit-content;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #3c3637; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container .old-price {
            float: left;
            width: fit-content;
            display: inline-block;
            position: relative;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #3c3637;
            margin-right: 5px; }
            #appointment .priceList.pricelist-new .product-item-new .cta-section-new .price-container .old-price:before {
              content: '';
              position: absolute;
              left: -0.1em;
              right: -0.1em;
              top: 0.38em;
              bottom: 0.38em;
              background: linear-gradient(to left top, transparent 45.5%, #c93914 47.5%, #c93914 52.5%, transparent 54.5%);
              pointer-events: none; }
        #appointment .priceList.pricelist-new .product-item-new .cta-section-new .book-button-right {
          width: 100%;
          float: left;
          padding-top: 10px; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .book-button-right .book-button {
            background-color: #25dca6;
            float: left;
            width: fit-content;
            text-transform: inherit;
            padding: 11px 10px;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 16px;
            color: #ffffff; }
            #appointment .priceList.pricelist-new .product-item-new .cta-section-new .book-button-right .book-button:hover {
              opacity: 0.85;
              cursor: pointer; }
          #appointment .priceList.pricelist-new .product-item-new .cta-section-new .book-button-right .svg-info {
            float: left;
            padding: 18px 9px; }
            #appointment .priceList.pricelist-new .product-item-new .cta-section-new .book-button-right .svg-info svg {
              height: 19px;
              width: 19px; }
    #appointment .priceList form .bottom {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px; }
      #appointment .priceList form .bottom input[type=submit] {
        border: 0 solid #25dca6;
        border-bottom: 1px solid #1ca980;
        background: #25dca6;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 18px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer;
        border-radius: 3px; }
        #appointment .priceList form .bottom input[type=submit]:hover {
          border: 0 solid #1fb78a;
          border-bottom: 1px solid #188d6a;
          background: #1fb78a; }
    #appointment .priceList form .privacy {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 12px;
      color: #666666;
      margin-top: 15px; }
    #appointment .priceList form a {
      color: #1fb9f7;
      text-decoration: none; }
    #appointment .priceList form .icheckbox_square-blue {
      float: left;
      margin-right: 20px; }
    #appointment .priceList form span.text {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #666666;
      float: left;
      width: 100%;
      margin-bottom: 10px; }
      #appointment .priceList form span.text.check {
        width: 75% !important; }
    #appointment .priceList form label {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #666666;
      margin-right: 15px;
      margin-top: 10px; }
    #appointment .priceList form input, #appointment .priceList form textarea {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #666666;
      padding: 13px 20px;
      background-color: #fbfbfb;
      border: 1px solid #e4e4e4;
      border-radius: 2px;
      resize: none; }
      #appointment .priceList form input:focus, #appointment .priceList form textarea:focus {
        outline: none; }
      #appointment .priceList form input.pBot, #appointment .priceList form textarea.pBot {
        margin-bottom: 10px; }
    #appointment .priceList form input[type=submit].review {
      border: 0 solid #25dca6;
      border-bottom: 1px solid #1ca97f;
      background: #25dca6;
      cursor: pointer;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 22px;
      color: #25dca6; }
    #appointment .priceList form #termsDiv {
      float: left; }
      #appointment .priceList form #termsDiv label {
        position: relative;
        margin-bottom: .35rem;
        padding-left: 40px;
        display: block; }
        #appointment .priceList form #termsDiv label span.checkbox {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          margin-right: 10px;
          display: inline-block; }
        #appointment .priceList form #termsDiv label input[type=checkbox] {
          width: 22px;
          height: 22px;
          padding: 0; }
    #appointment .priceList form textarea {
      height: 105px; }
  #appointment .steps .relative {
    position: relative; }
    #appointment .steps .relative .line {
      width: 100%;
      height: 1px;
      background: #b2c1ce;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1; }
      #appointment .steps .relative .line.middle {
        left: 0; }
      #appointment .steps .relative .line.right {
        left: -50%; }
  #appointment .steps .circle {
    position: relative;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ffffff;
    border: 2px solid #b2c1ce;
    margin: 33px auto;
    box-shadow: 0 0 0 4px white; }
    #appointment .steps .circle.active {
      background: #1fb9f7;
      border: 2px solid #1fb9f7; }
  #appointment .steps .center {
    text-align: center; }
  #appointment .steps h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #0f866c; }
  #appointment .steps p, #appointment .steps table tr td {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  #appointment .steps td {
    line-height: 23px; }
    #appointment .steps td strong {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #3c3637; }
  #appointment .steps .price {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #777777; }
    #appointment .steps .price strong {
      font-family: Arial, sans-serif;
      font-size: 14px;
      color: #3c3637;
      font-weight: bold; }
  #appointment .steps span.step {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  #appointment .steps span.title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  #appointment .steps span.smallTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase; }
  #appointment .steps .change {
    text-align: center;
    text-decoration: none;
    padding: 14px;
    border-radius: 3px;
    margin-top: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #797979;
    border: 0 solid #ECECEC;
    border-bottom: 1px solid #b6b6b6;
    background: #ECECEC;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #appointment .steps .change:hover {
      border: 0 solid #d7d7d7;
      border-bottom: 1px solid #a5a5a5;
      background: #d7d7d7; }
  #appointment .steps .marginT {
    margin-top: 30px; }
  #appointment .steps .list, #appointment .steps .listExtra {
    position: relative;
    overflow: hidden !important;
    overflow: auto;
    background: #ffffff;
    list-style-type: none;
    margin-top: 33px;
    border-radius: 0px; }
    #appointment .steps .list.arrowBox, #appointment .steps .listExtra.arrowBox {
      position: relative;
      overflow: inherit !important; }
      #appointment .steps .list.arrowBox.active:after, #appointment .steps .list.arrowBox.active:before, #appointment .steps .listExtra.arrowBox.active:after, #appointment .steps .listExtra.arrowBox.active:before {
        opacity: 1; }
      #appointment .steps .list.arrowBox.company:after, #appointment .steps .list.arrowBox.company:before, #appointment .steps .listExtra.arrowBox.company:after, #appointment .steps .listExtra.arrowBox.company:before {
        top: 44px; }
      #appointment .steps .list.arrowBox.employee:after, #appointment .steps .list.arrowBox.employee:before, #appointment .steps .listExtra.arrowBox.employee:after, #appointment .steps .listExtra.arrowBox.employee:before {
        top: 104px; }
      #appointment .steps .list.arrowBox.service:after, #appointment .steps .list.arrowBox.service:before, #appointment .steps .listExtra.arrowBox.service:after, #appointment .steps .listExtra.arrowBox.service:before {
        top: 192px; }
      #appointment .steps .list.arrowBox.date:after, #appointment .steps .list.arrowBox.date:before, #appointment .steps .listExtra.arrowBox.date:after, #appointment .steps .listExtra.arrowBox.date:before {
        top: 247px; }
      #appointment .steps .list.arrowBox:after, #appointment .steps .list.arrowBox:before, #appointment .steps .listExtra.arrowBox:after, #appointment .steps .listExtra.arrowBox:before {
        opacity: 0;
        right: -20px;
        top: 44px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #appointment .steps .list.arrowBox:after, #appointment .steps .listExtra.arrowBox:after {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: rgba(0, 0, 0, 0.02);
        border-width: 14px;
        margin-top: -14px; }
      #appointment .steps .list.arrowBox:before, #appointment .steps .listExtra.arrowBox:before {
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #0f866c;
        border-width: 11px;
        z-index: 2;
        margin-top: -11px; }
    #appointment .steps .list.minH, #appointment .steps .listExtra.minH {
      min-height: 464px; }
    #appointment .steps .list.padding, #appointment .steps .listExtra.padding {
      padding: 21px; }
    #appointment .steps .list .padding, #appointment .steps .listExtra .padding {
      padding: 21px; }
    #appointment .steps .list .boxBlue, #appointment .steps .listExtra .boxBlue {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #ffffff;
      background: #597a96;
      padding: 3px 8px;
      text-align: center;
      border-radius: 4px;
      float: left; }
    #appointment .steps .list .clock, #appointment .steps .listExtra .clock {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 13px;
      color: #3c3637;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #appointment .steps .list .clock i, #appointment .steps .listExtra .clock i {
        color: #bec3d6;
        position: relative;
        top: 2px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    #appointment .steps .list .review-line-holder, #appointment .steps .listExtra .review-line-holder {
      padding: 0 21px; }
    #appointment .steps .list .line, #appointment .steps .listExtra .line {
      float: left;
      width: 100%;
      height: 1px;
      background: #ede7e4;
      position: relative; }
      #appointment .steps .list .line .text, #appointment .steps .listExtra .line .text {
        position: absolute;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #597a96;
        text-transform: uppercase;
        top: -7px;
        left: 50%;
        width: 30px;
        text-align: center;
        margin-left: -15px;
        background: white;
        border-radius: 100%; }
    #appointment .steps .list li.hoverList a:hover, #appointment .steps .listExtra li.hoverList a:hover {
      background: #1fb9f7;
      color: #ffffff;
      border-bottom: 1px solid #1a9ace; }
      #appointment .steps .list li.hoverList a:hover strong, #appointment .steps .list li.hoverList a:hover p, #appointment .steps .list li.hoverList a:hover .moreInfo, #appointment .steps .listExtra li.hoverList a:hover strong, #appointment .steps .listExtra li.hoverList a:hover p, #appointment .steps .listExtra li.hoverList a:hover .moreInfo {
        color: #ffffff; }
      #appointment .steps .list li.hoverList a:hover .clock, #appointment .steps .listExtra li.hoverList a:hover .clock {
        color: #ffffff; }
        #appointment .steps .list li.hoverList a:hover .clock i, #appointment .steps .listExtra li.hoverList a:hover .clock i {
          color: #ffffff; }
    #appointment .steps .list li.hoverList a.active, #appointment .steps .listExtra li.hoverList a.active {
      background: #1fb9f7;
      color: #ffffff;
      border-bottom: 1px solid #1a9ace; }
      #appointment .steps .list li.hoverList a.active strong, #appointment .steps .list li.hoverList a.active p, #appointment .steps .list li.hoverList a.active .moreInfo, #appointment .steps .listExtra li.hoverList a.active strong, #appointment .steps .listExtra li.hoverList a.active p, #appointment .steps .listExtra li.hoverList a.active .moreInfo {
        color: #ffffff; }
      #appointment .steps .list li.hoverList a.active .clock, #appointment .steps .listExtra li.hoverList a.active .clock {
        color: #ffffff; }
        #appointment .steps .list li.hoverList a.active .clock i, #appointment .steps .listExtra li.hoverList a.active .clock i {
          color: #ffffff; }
    #appointment .steps .list li .outerDiv, #appointment .steps .listExtra li .outerDiv {
      float: left;
      width: 100%; }
      #appointment .steps .list li .outerDiv a.bookIntake, #appointment .steps .listExtra li .outerDiv a.bookIntake {
        background: #fc6500;
        color: #ffffff;
        padding: 5px 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        width: 117px;
        float: right;
        border-radius: 3px;
        border: 0;
        font-weight: 700;
        margin-top: 10px;
        -webkit-transition: background 0.3s ease;
        -moz-transition: background 0.3s ease;
        -ms-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease; }
        #appointment .steps .list li .outerDiv a.bookIntake:hover, #appointment .steps .listExtra li .outerDiv a.bookIntake:hover {
          background: #d25400; }
      #appointment .steps .list li .outerDiv .askQuestion, #appointment .steps .listExtra li .outerDiv .askQuestion {
        float: right;
        width: 117px;
        font-size: 13px;
        color: #3c3637;
        float: right;
        margin-top: 3px;
        text-align: right; }
        #appointment .steps .list li .outerDiv .askQuestion a, #appointment .steps .listExtra li .outerDiv .askQuestion a {
          border-bottom: 0;
          padding: 0;
          color: #0f866c;
          text-decoration: underline;
          font-size: 13px;
          float: right;
          padding-left: 3px; }
    #appointment .steps .list li a, #appointment .steps .list li .outerDiv, #appointment .steps .listExtra li a, #appointment .steps .listExtra li .outerDiv {
      padding: 19px 25px;
      display: block;
      border-bottom: 1px solid #e9eaeb;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #3c3637;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #appointment .steps .list li a strong, #appointment .steps .list li .outerDiv strong, #appointment .steps .listExtra li a strong, #appointment .steps .listExtra li .outerDiv strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #3c3637;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        #appointment .steps .list li a strong.price, #appointment .steps .list li .outerDiv strong.price, #appointment .steps .listExtra li a strong.price, #appointment .steps .listExtra li .outerDiv strong.price {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 20px;
          color: #3c3637;
          margin-top: -5px; }
      #appointment .steps .list li a .outerText, #appointment .steps .list li .outerDiv .outerText, #appointment .steps .listExtra li a .outerText, #appointment .steps .listExtra li .outerDiv .outerText {
        overflow: hidden;
        float: left;
        width: 75%;
        max-height: 55px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-transition: max-height 0.3s ease;
        -moz-transition: max-height 0.3s ease;
        -ms-transition: max-height 0.3s ease;
        -o-transition: max-height 0.3s ease;
        transition: max-height 0.3s ease; }
      #appointment .steps .list li a p, #appointment .steps .list li .outerDiv p, #appointment .steps .listExtra li a p, #appointment .steps .listExtra li .outerDiv p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease; }
      #appointment .steps .list li a .moreInfo, #appointment .steps .list li .outerDiv .moreInfo, #appointment .steps .listExtra li a .moreInfo, #appointment .steps .listExtra li .outerDiv .moreInfo {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #0f866c;
        -webkit-transition: color 0.3s ease;
        -moz-transition: color 0.3s ease;
        -ms-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
        text-decoration: underline;
        float: left; }
    #appointment .steps .list li .right, #appointment .steps .listExtra li .right {
      text-align: right; }
    #appointment .steps .list a.boxList, #appointment .steps .listExtra a.boxList {
      padding: 15px 25px;
      display: block;
      text-align: left;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px;
      color: #0f866c;
      border-bottom: 1px solid #e9eaeb;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #appointment .steps .list div.boxList, #appointment .steps .listExtra div.boxList {
      padding: 19px 25px;
      display: block;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #appointment .steps .list div.boxList.first, #appointment .steps .listExtra div.boxList.first {
        padding: 25px 25px 19px 25px; }
      #appointment .steps .list div.boxList.blue, #appointment .steps .listExtra div.boxList.blue {
        background: #1fb9f7;
        border-bottom: 1px solid #1a9ace; }
      #appointment .steps .list div.boxList strong, #appointment .steps .listExtra div.boxList strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        line-height: 16px;
        margin-bottom: 5px; }
        #appointment .steps .list div.boxList strong.price, #appointment .steps .listExtra div.boxList strong.price {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 22px;
          color: #ffffff;
          margin-top: 5px;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      #appointment .steps .list div.boxList .date, #appointment .steps .listExtra div.boxList .date {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #0f866c;
        line-height: 22px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  #appointment .steps .grayBook .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 9999; }
  #appointment .steps .grayBook .selectboxit-container .selectboxit {
    background: #F2F2F2 !important; }
  #appointment .steps .grayBook span.title, #appointment .steps .grayBook span.step {
    color: #B9B9B9 !important; }
  #appointment .steps .grayBook .contentBoxShadow {
    border: 1px solid #E6E6E6; }
  #appointment .steps .grayBook a.boxList {
    background: #F2F2F2 !important;
    color: #B9B9B9;
    border-bottom: 1px solid #E4E4E4; }
  #appointment .steps .grayBook div.boxList {
    background: #F2F2F2 !important;
    border-bottom: 1px solid #E4E4E4 !important; }
    #appointment .steps .grayBook div.boxList strong {
      color: #B9B9B9; }
      #appointment .steps .grayBook div.boxList strong.price {
        color: #B9B9B9; }
    #appointment .steps .grayBook div.boxList .date {
      color: #B9B9B9; }
  #appointment .steps .grayBook th.dow {
    color: #B9B9B9 !important; }
  #appointment .steps .grayBook th.switch {
    color: #B9B9B9 !important; }
  #appointment .steps .grayBook .bookNow {
    background: #D8D8D8 !important; }
  #appointment .steps .grayBook td.day.active {
    background: #ECECEC !important;
    color: #8A8A8A !important; }
  #appointment .steps #datetimepicker {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%; }
    #appointment .steps #datetimepicker .datetimepicker {
      padding: 4px 0; }
    #appointment .steps #datetimepicker .datetimepicker-inline {
      width: 100% !important;
      margin-top: -4px; }
    #appointment .steps #datetimepicker .datetimepicker table {
      width: 100%; }
    #appointment .steps #datetimepicker th.dow {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 12px;
      color: #0f866c;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #appointment .steps #datetimepicker td.day, #appointment .steps #datetimepicker span.hour, #appointment .steps #datetimepicker span.minute {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 12px;
      color: #8A8A8A;
      text-align: center;
      background: #ececec;
      padding: 1px 0;
      border-radius: 0;
      text-shadow: none !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
      #appointment .steps #datetimepicker td.day:hover, #appointment .steps #datetimepicker span.hour:hover, #appointment .steps #datetimepicker span.minute:hover {
        background: #0f866c;
        color: #ffffff; }
      #appointment .steps #datetimepicker td.day.disabled, #appointment .steps #datetimepicker span.hour.disabled, #appointment .steps #datetimepicker span.minute.disabled {
        background: none !important;
        color: #e4ebec !important; }
      #appointment .steps #datetimepicker td.day.active, #appointment .steps #datetimepicker span.hour.active, #appointment .steps #datetimepicker span.minute.active {
        background: #0f866c;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    #appointment .steps #datetimepicker th.switch {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #3c3637;
      padding: 4px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #appointment .steps #datetimepicker th.switch:hover {
        background: none; }
    #appointment .steps #datetimepicker th.next {
      position: relative; }
      #appointment .steps #datetimepicker th.next:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 10px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #ececec;
        transform: rotate(-90deg);
        clear: both; }
      #appointment .steps #datetimepicker th.next:hover {
        background: none; }
        #appointment .steps #datetimepicker th.next:hover:before {
          border-left: 5px solid transparent;
          border-right: 6px solid transparent;
          border-top: 7px solid #0f866c; }
    #appointment .steps #datetimepicker th.prev {
      position: relative; }
      #appointment .steps #datetimepicker th.prev:before {
        content: '';
        position: absolute;
        left: 7px;
        top: 10px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #ececec;
        transform: rotate(90deg);
        clear: both; }
      #appointment .steps #datetimepicker th.prev:hover {
        background: none; }
        #appointment .steps #datetimepicker th.prev:hover:before {
          border-left: 5px solid transparent;
          border-right: 6px solid transparent;
          border-top: 7px solid #0f866c; }
  #appointment .steps .bookNow {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    border: 0 solid #25dca6;
    border-bottom: 0 solid #1ca980;
    background: #25dca6;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 12px 20px;
    border-radius: 3px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    #appointment .steps .bookNow:hover {
      background: #1fb78a; }
  #appointment .steps .c25:first-child {
    padding-left: 0; }
  #appointment .steps .c25:last-child {
    padding-right: 0; }

/*
iPad in portrait & landscape
 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #appointment .pricelist-holder .pricelist-new {
    padding: 30px 30px !important; }
    #appointment .pricelist-holder .pricelist-new .product-box {
      width: calc(66.66666667% - 63px); } }
/**
desktop
 */
@media (min-width: 1025px) {
  #appointment .pricelist-holder {
    width: calc(100% - 366px); }

  .header-color-section .h2-section {
    width: calc(100% - 366px); } }
.image-new-placeholder {
  float: left;
  width: 232px;
  background-color: #edeff1;
  padding: 5px; }
  .image-new-placeholder .placeholder-container {
    position: relative;
    padding-top: 70.5%; }
    .image-new-placeholder .placeholder-container .placeholder-label {
      position: absolute;
      top: -15px;
      left: 20px;
      padding: 6px;
      background-color: #0f866c;
      text-transform: uppercase;
      border-radius: 2px;
      text-align: center;
      font-weight: 700;
      font-size: 0.875rem;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      width: 67px; }
      .image-new-placeholder .placeholder-container .placeholder-label.modal {
        padding: 7px;
        font-weight: 700;
        font-size: 1rem;
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        width: 74px; }

.image-round {
  margin-bottom: .75rem;
  width: 170px;
  height: 170px;
  display: block;
  overflow: hidden;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .image-round.inline {
    float: left;
    margin-right: 30px; }
  .image-round img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media (max-width: 767px) {
  #blogDetail h1 {
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #blogDetail .date {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  #blogDetail .treat a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  #blogDetail h3 {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  #blogDetail .sharing {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    #blogDetail .sharing h3 {
      float: left;
      margin-right: 15px; }
  #blogDetail .cContent img {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0; }
  #blogDetail article p {
    margin-bottom: 15px; }
  #blogDetail .together {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 25px; }
    #blogDetail .together a {
      float: left;
      width: 100%;
      background: #0f866c;
      display: block;
      font-family: 'Roboto',sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #ffffff;
      text-decoration: none;
      padding: 15px 20px;
      border-radius: 4px;
      text-align: center; }
  #blogDetail .clinics {
    background: #0f866c;
    padding: 21px;
    margin-bottom: 25px; }
    #blogDetail .clinics .content {
      float: left;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 20px; }
      #blogDetail .clinics .content .number {
        float: left;
        line-height: 64px;
        font-family: 'Roboto',sans-serif;
        font-weight: 400;
        font-size: 64px;
        color: #ffffff;
        width: auto !important; }
    #blogDetail .clinics span.text {
      float: left;
      line-height: 23px;
      padding-left: 20px;
      font-family: 'Roboto',sans-serif;
      font-weight: 400;
      font-size: 22px;
      color: #ffffff; }
    #blogDetail .clinics a {
      float: left;
      width: 100%;
      display: block;
      background: #25dca6;
      border-radius: 3px;
      padding: 15px;
      text-align: center;
      font-family: 'Roboto',sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #ffffff;
      text-decoration: none; }

  .blogWrapper .blog .content span {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    margin-top: 0; }
  .blogWrapper .blog h3 {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 5px;
    text-decoration: none; }
  .blogWrapper .blog .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .searchImg-xs {
    width: 100% !important;
    height: 220px !important;
    position: inherit !important; }

  #search .select-arrow:after, #searchFilter .select-arrow:after {
    right: 16px;
    opacity: 0.6;
    width: 2%; }
  #search .select-arrow.select-arrow-small:after, #searchFilter .select-arrow.select-arrow-small:after {
    right: 12px; }
  #search #spservice2, #searchFilter #spservice2 {
    padding: 13px 0 13px 21px; }
  #search i.fa-map-marker-alt, #searchFilter i.fa-map-marker-alt {
    right: 5px; }
  #search i.fa-times, #searchFilter i.fa-times {
    right: 5px !important; }
  #search .search-place-left, #searchFilter .search-place-left {
    width: calc(100% - 100px);
    float: left; }
  #search .search-place-right, #searchFilter .search-place-right {
    width: 90px;
    float: left;
    margin-left: 10px; }
    #search .search-place-right #removeSelectedRadius, #searchFilter .search-place-right #removeSelectedRadius {
      right: 4px !important; }
      #search .search-place-right #removeSelectedRadius:before, #searchFilter .search-place-right #removeSelectedRadius:before {
        font-size: 20px; }
    #search .search-place-right select, #searchFilter .search-place-right select {
      padding: 13px 15px 13px 6px; }

  .searchBox {
    background: #ffffff;
    border-radius: 5px;
    position: relative;
    min-height: 160px;
    margin-bottom: 20px; }
    .searchBox.topPos {
      border: 3px solid #25dca6; }
    .searchBox .searchImg {
      width: 285px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      .searchBox .searchImg .keurmerken {
        position: inherit;
        bottom: 0;
        left: 0;
        float: left;
        width: 100%;
        padding: 166px 19px 19px 19px; }
        .searchBox .searchImg .keurmerken .keurmerk {
          width: 35px;
          height: 35px;
          background: #ffffff;
          border-radius: 100%;
          float: left;
          margin-right: 5px; }
      .searchBox .searchImg .adv {
        background: #6b6867;
        font-weight: 500;
        color: #ffffff;
        font-size: 14px;
        padding: 6px 13px;
        text-align: center;
        position: absolute;
        border-radius: 5px;
        left: 10px;
        top: 10px;
        opacity: 0.9; }
      .searchBox .searchImg span.label {
        background: #25DCA6;
        color: white;
        padding: 10px 20px;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center; }
    .searchBox .score {
      right: 20px; }
    .searchBox .searchContent {
      width: calc(100% - 285px);
      padding: 17px 13px 17px 17px;
      float: right;
      position: relative;
      min-height: 160px; }
      .searchBox .searchContent span.onderdeel {
        width: 48%;
        float: right;
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 19px 15px; }
        .searchBox .searchContent span.onderdeel span.name {
          float: right;
          width: 100%;
          font-weight: 500;
          font-size: 13px;
          color: #3c3637; }
        .searchBox .searchContent span.onderdeel span.about {
          float: right;
          width: 100%;
          font-size: 13px;
          font-weight: 300;
          color: #3c3637; }
      .searchBox .searchContent span.place-xs {
        margin-top: -15px !important;
        font-size: 13px !important; }
      .searchBox .searchContent .scoreWrapper {
        position: relative;
        float: right;
        width: 25%; }
        .searchBox .searchContent .scoreWrapper .score {
          position: relative;
          top: 0;
          right: 0;
          margin: 0;
          float: right;
          padding: 3px 0; }
          .searchBox .searchContent .scoreWrapper .score:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 11px 22px 0;
            border-color: transparent #0f866c transparent transparent;
            left: -11px;
            bottom: 0; }
          .searchBox .searchContent .scoreWrapper .score.green:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 11px 22px 0;
            border-color: transparent #25dca6 transparent transparent;
            left: -11px;
            bottom: 0; }
          .searchBox .searchContent .scoreWrapper .score.orange:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 11px 22px 0;
            border-color: transparent #f26422 transparent transparent;
            left: -11px;
            bottom: 0; }
          .searchBox .searchContent .scoreWrapper .score.red:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 11px 22px 0;
            border-color: transparent #c93914 transparent transparent;
            left: -11px;
            bottom: 0; }
          .searchBox .searchContent .scoreWrapper .score.grey:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 11px 22px 0;
            border-color: transparent #969696 transparent transparent;
            left: -11px;
            bottom: 0; }
      .searchBox .searchContent span.reviews {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 11px;
        color: #3c3637;
        position: relative;
        float: right;
        width: 100%;
        text-align: right;
        margin-top: 5px; }
        .searchBox .searchContent span.reviews.small {
          margin-top: 2px;
          font-weight: 300;
          color: #C9C9C9; }
      .searchBox .searchContent span.treat {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        margin: 16px 0 10px 0; }
        .searchBox .searchContent span.treat .numb {
          background: #0f866c;
          color: #ffffff;
          font-weight: 500;
          width: 35px;
          float: left;
          text-align: center;
          padding: 2px 0;
          border-radius: 4px;
          font-size: 14px;
          margin-right: 15px; }
      .searchBox .searchContent h2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 19px;
        color: #0f866c;
        float: left;
        width: 75%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .searchBox .searchContent span.place {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #b5b5b5;
        float: left;
        width: 75%; }
        .searchBox .searchContent span.place i {
          color: #d3d6d9;
          font-size: 17px; }
      .searchBox .searchContent a.bttn {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #3c3637;
        text-transform: uppercase;
        float: left;
        text-decoration: none;
        border: 1px solid #e5e9ec;
        padding: 5px 8px;
        border-radius: 2px;
        margin-top: 15px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .searchBox .searchContent a.bttn:hover {
          border: 1px solid #3c3637; }
        .searchBox .searchContent a.bttn.orange {
          background: #fc6500;
          color: #ffffff;
          margin-left: 10px;
          border: 1px solid #fc6500; }
          .searchBox .searchContent a.bttn.orange:hover {
            border: 1px solid #d25400;
            background: #d25400; }
        .searchBox .searchContent a.bttn.green {
          background: #25dca6;
          color: #ffffff;
          border: 1px solid #25dca6; }
          .searchBox .searchContent a.bttn.green:hover {
            border: 1px solid #1fb78a;
            background: #1fb78a; }
      .searchBox .searchContent table {
        margin-top: 10px;
        padding-top: 10px; }
        .searchBox .searchContent table tr:last-of-type td {
          border-bottom: 0; }
        .searchBox .searchContent table tr:first-of-type td {
          border-top: 0;
          border-bottom: 1px solid #e5e9ec; }
        .searchBox .searchContent table td {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637;
          border-bottom: 1px solid #e5e9ec;
          padding: 2px 0;
          vertical-align: top;
          line-height: 21px; }
          .searchBox .searchContent table td.left {
            /* styles for '...' */ }
            .searchBox .searchContent table td.left .product-title {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              /* number of lines to show */
              line-height: 19px;
              /* fallback */
              max-height: 38px;
              /* fallback */
              word-wrap: break-word; }
            .searchBox .searchContent table td.left .product-title-old {
              font-family: 'Roboto', sans-serif;
              font-weight: 300;
              font-size: 13px;
              color: #3c3637;
              /* hide text if it more than N lines  */
              overflow: hidden;
              /* for set '...' in absolute position */
              position: relative;
              /* use this value to count block height */
              line-height: 1.6em;
              /* max-height = line-height (1.2) * lines max number (3) */
              max-height: 3.2em;
              /* fix problem when last visible word doesn't adjoin right side  */
              text-align: justify;
              /* place for '...' */
              margin-right: -1em;
              padding-right: 1em;
              word-wrap: break-word; }
              .searchBox .searchContent table td.left .product-title-old:before {
                /* points in the end */
                content: '\2026';
                /* absolute position */
                position: absolute;
                /* set position to right bottom corner of block */
                right: 14px;
                bottom: 0;
                background: #ffffff;
                padding-left: 5px; }
              .searchBox .searchContent table td.left .product-title-old::after {
                /* points in the end */
                content: '';
                /* absolute position */
                position: absolute;
                /* set position to right bottom corner of text */
                right: 15px;
                /* set width and height */
                width: 1em;
                height: 1em;
                margin-top: 0.2em;
                /* bg color = bg color under block */
                background: white; }
          .searchBox .searchContent table td.right {
            width: 110px; }
          .searchBox .searchContent table td .price-section {
            display: flex;
            flex-direction: column; }
          .searchBox .searchContent table td .discount {
            line-height: 21px;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #25dca6;
            order: 2; }
          .searchBox .searchContent table td i {
            color: #25dca6;
            padding-left: 5px; }
          .searchBox .searchContent table td .new {
            padding-left: 5px;
            line-height: 21px;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #3c3637; }
            .searchBox .searchContent table td .new.free {
              text-transform: uppercase;
              opacity: 0.8; }
          .searchBox .searchContent table td .price-from-section {
            opacity: 0.8;
            order: 1; }
          .searchBox .searchContent table td .from {
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: #3c3637; }
          .searchBox .searchContent table td .old {
            color: #c93914;
            text-decoration: line-through;
            margin-left: 10px; }
    .searchBox .search-region-border {
      border-left: 5px solid #a3eeff;
      border-right: 5px solid #a3eeff;
      border-bottom: 5px solid #a3eeff; }
    .searchBox .search-sponsored-border {
      border-left: 5px solid #fffd86;
      border-right: 5px solid #fffd86;
      border-bottom: 5px solid #fffd86; }

  .no-results {
    padding: 20px; }
    .no-results h4 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 17px;
      color: #3c3637;
      padding-bottom: 15px; }

  .tabNav {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none; }
    .tabNav .wrapper-nav {
      max-width: 1130px;
      width: 100%;
      margin: 0 auto; }
    .tabNav .tab {
      display: inline-block;
      text-align: center;
      line-height: 48px;
      height: 48px;
      padding: 0 20px;
      margin: 0;
      text-transform: uppercase;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #3c3637; }
      .tabNav .tab a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #3c3637;
        text-decoration: none;
        padding: 10px 0; }
      .tabNav .tab a.reviews span {
        position: relative;
        top: 0;
        right: -5px;
        background: #0f866c;
        border-radius: 37px;
        padding: 3px 8px;
        text-align: center;
        font-family: Arial, sans-serifrial;
        font-weight: bold;
        font-size: 11px;
        color: #ffffff; }
    .tabNav .tabActive {
      border-bottom: 3px solid #0f866c; }
      .tabNav .tabActive a {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #0f866c; }

  #smallMenu {
    min-height: inherit !important; }

  .dash-table-overview {
    background: transparent !important;
    box-shadow: 0 0 0 !important; }
    .dash-table-overview tbody tr {
      margin-bottom: 10px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      background: #ffffff; }
      .dash-table-overview tbody tr td {
        font-size: 15px;
        padding: 10px 10px 10px 50%;
        /* styles for '...' */ }
        .dash-table-overview tbody tr td .ghostBttn-small {
          display: inline-block; }
        .dash-table-overview tbody tr td:before {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 15px;
          color: #597a96;
          padding: 4px 0 0 5px;
          text-transform: uppercase; }
        .dash-table-overview tbody tr td:last-child {
          padding-left: 10px; }
          .dash-table-overview tbody tr td:last-child .ghostBttn-small {
            text-align: center;
            display: block; }
          .dash-table-overview tbody tr td:last-child:before {
            display: none; }
        .dash-table-overview tbody tr td .email {
          /* hide text if it more than N lines  */
          overflow: hidden;
          /* for set '...' in absolute position */
          position: relative;
          /* use this value to count block height */
          line-height: 1.2em;
          /* max-height = line-height (1.2) * lines max number (3) */
          max-height: 2.4em;
          /* fix problem when last visible word doesn't adjoin right side  */
          text-align: justify;
          /* place for '...' */
          margin-right: -1em;
          padding-right: 1em;
          word-wrap: break-word; }
          .dash-table-overview tbody tr td .email:before {
            /* points in the end */
            content: '\2026';
            /* absolute position */
            position: absolute;
            /* set position to right bottom corner of block */
            right: 14px;
            bottom: 0;
            background: #ffffff; }
          .dash-table-overview tbody tr td .email:after {
            /* points in the end */
            content: '';
            /* absolute position */
            position: absolute;
            /* set position to right bottom corner of text */
            right: 9px;
            /* set width and height */
            width: 1em;
            height: 1em;
            margin-top: 0.2em;
            /* bg color = bg color under block */
            background: #ffffff; }

  .spacing-dialog-integrated .close {
    display: none !important; }
  .spacing-dialog-integrated .wrapper .spacing {
    padding: 0 !important; }
    .spacing-dialog-integrated .wrapper .spacing .padding {
      padding-top: 5px; }
    .spacing-dialog-integrated .wrapper .spacing .right-modal {
      padding-right: 0 !important; }
  .spacing-dialog-integrated .right-modal {
    margin-top: 40px; }
  .spacing-dialog-integrated input[type=checkbox] {
    padding: 0;
    width: 25px;
    height: 25px;
    border-radius: 0; }

  .dialog-small {
    padding: 50px 15px 35px 15px !important; }
    .dialog-small h2 {
      padding-top: 0 !important;
      text-align: left; }
    .dialog-small .popupLogo {
      display: none; }
    .dialog-small .explanation-section {
      text-align: left;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637; }
      .dialog-small .explanation-section p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        padding-bottom: 10px;
        line-height: 17px;
        margin-bottom: 0; }
      .dialog-small .explanation-section ul {
        padding-left: 16px;
        padding-bottom: 15px; }
        .dialog-small .explanation-section ul li {
          padding-bottom: 10px;
          line-height: 17px; }
    .dialog-small .dialog-content .modal-explanation {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      text-align: left;
      margin-bottom: 10px; }
      .dialog-small .dialog-content .modal-explanation.blue {
        padding-top: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #0f866c;
        margin-bottom: 0; }
        .dialog-small .dialog-content .modal-explanation.blue.big {
          padding-top: 5px;
          font-size: 18px; }
      .dialog-small .dialog-content .modal-explanation.header {
        padding-top: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        margin-bottom: 0; }
    .dialog-small .dialog-content form {
      margin-top: 15px; }
      .dialog-small .dialog-content form .selectboxit-disabled {
        border: 1px #E1E4E5 dashed !important; }
        .dialog-small .dialog-content form .selectboxit-disabled .selectboxit-default-arrow {
          opacity: 0.6; }
      .dialog-small .dialog-content form .tt-dropdown-menu {
        max-height: 220px; }
    .dialog-small .dialog-content .input-header {
      padding: 20px 0 10px 0; }
      .dialog-small .dialog-content .input-header.no-padding {
        padding-top: 0; }
      .dialog-small .dialog-content .input-header .name {
        float: left;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #597a96;
        width: calc(100% - 100px); }
      .dialog-small .dialog-content .input-header .name-max {
        width: 100%; }
      .dialog-small .dialog-content .input-header .max-chars {
        float: left;
        width: 100px;
        text-align: right;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #3c3637; }
      .dialog-small .dialog-content .input-header .max-chars-red {
        float: left;
        width: 100px;
        text-align: right;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #c93914; }
    .dialog-small .dialog-content .radio-section label, .dialog-small .dialog-content .terms label {
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #3c3637; }
      .dialog-small .dialog-content .radio-section label .iradio_square-blue, .dialog-small .dialog-content .terms label .iradio_square-blue {
        margin-right: 20px;
        padding-right: 22px; }
    .dialog-small .dialog-content .terms-section label {
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #3c3637; }
      .dialog-small .dialog-content .terms-section label .icheckbox_square-blue {
        margin-right: 20px;
        padding-right: 22px; }
    .dialog-small .dialog-content input[type=text] {
      max-width: 100% !important; }
    .dialog-small .dialog-content textarea {
      max-width: 100% !important;
      margin-top: 0 !important; }
      .dialog-small .dialog-content textarea.small-height {
        height: 75px; }
    .dialog-small .dialog-content .selectboxit-container {
      width: 100% !important; }
      .dialog-small .dialog-content .selectboxit-container span {
        height: 49px !important; }
        .dialog-small .dialog-content .selectboxit-container span .selectboxit-text {
          padding: 8px 15px !important; }
      .dialog-small .dialog-content .selectboxit-container .selectboxit {
        background: white; }
      .dialog-small .dialog-content .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover, .dialog-small .dialog-content .selectboxit-container .selectboxit-btn.selectboxit-enabled:focus, .dialog-small .dialog-content .selectboxit-container .selectboxit-btn.selectboxit-enabled:active {
        background: white !important; }
      .dialog-small .dialog-content .selectboxit-container .selectboxit-btn {
        width: 100% !important;
        border-radius: 3px !important;
        border: 1px solid #e5e9ec; }
      .dialog-small .dialog-content .selectboxit-container .selectboxit-options {
        min-width: inherit !important;
        width: 100% !important; }
      .dialog-small .dialog-content .selectboxit-container .selectboxit-text {
        max-width: 100% !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637; }
      .dialog-small .dialog-content .selectboxit-container select {
        max-width: 100% !important;
        width: 100% !important; }
    .dialog-small .dialog-content .errorMsg {
      float: left;
      width: 100%;
      text-align: left; }
    .dialog-small .dialog-content .input-icon {
      position: relative; }
      .dialog-small .dialog-content .input-icon i {
        position: absolute;
        display: block;
        transform: translate(0, -50%);
        top: 50%;
        pointer-events: none;
        width: 25px;
        text-align: center;
        font-style: normal; }
      .dialog-small .dialog-content .input-icon input {
        padding-left: 25px;
        margin-bottom: 0 !important;
        text-align: right;
        padding-right: 15px; }
        .dialog-small .dialog-content .input-icon input.price {
          padding-left: 20px;
          padding-right: 10px;
          padding-top: 16px; }
    .dialog-small .dialog-content .price-group .price-left {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      float: left;
      padding-right: 20px;
      width: calc(100% - 164px); }
      .dialog-small .dialog-content .price-group .price-left.center-div {
        justify-content: left;
        text-align: left; }
    .dialog-small .dialog-content .price-group:first-child {
      margin-bottom: 15px; }
    .dialog-small .dialog-content .price-group .price-right {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      width: 164px;
      float: right;
      justify-content: inherit;
      padding-left: 0;
      padding-top: 5px;
      margin-bottom: -10px; }
    .dialog-small .dialog-content .price-group .price-section {
      float: left;
      width: 100px; }
    .dialog-small .dialog-content .onoffswitch .onoffswitch-label {
      float: inherit; }
    .dialog-small .dialog-content .from-price-group {
      padding-top: 30px; }
      .dialog-small .dialog-content .from-price-group .from-price-header {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        text-align: left; }
      .dialog-small .dialog-content .from-price-group .checkbox-align {
        position: relative;
        margin-bottom: .35rem;
        padding-left: 40px;
        display: block; }
        .dialog-small .dialog-content .from-price-group .checkbox-align span.checkbox {
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          margin-right: 10px;
          display: inline-block;
          padding: 0 0 5px 0; }
        .dialog-small .dialog-content .from-price-group .checkbox-align span.label-text {
          margin: 0;
          top: 0;
          padding-left: 0; }
    .dialog-small .dialog-content .blue-bttn {
      background-color: #0f866c !important;
      box-shadow: 0 1px 0 #107498;
      border-bottom: 0 !important;
      margin-top: 30px !important;
      max-width: 100%; }
    .dialog-small .dialog-content #customResultSection .content {
      text-align: left; }
    .dialog-small .dialog-content #customResultSection .emp {
      padding: 10px 0 !important;
      margin: 0 !important; }
    .dialog-small .dialog-content .editBox p {
      margin-top: 15px;
      margin-bottom: 0;
      float: left; }
    .dialog-small .dialog-content .buttons-holder {
      display: flex;
      border-top: 1px solid #e5e9ec;
      padding-top: 15px;
      margin-top: 15px; }
      .dialog-small .dialog-content .buttons-holder button {
        width: auto;
        cursor: pointer;
        display: inline-block;
        font-weight: 500;
        font-size: 15px;
        line-height: 32px;
        padding: 0 16px; }
        .dialog-small .dialog-content .buttons-holder button.right {
          margin-left: auto;
          background-color: #0f866c; }

  .dashboard-table-responsive {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .dashboard-table-responsive table, .dashboard-table-responsive thead, .dashboard-table-responsive tbody, .dashboard-table-responsive th, .dashboard-table-responsive td, .dashboard-table-responsive tr {
      display: block; }
    .dashboard-table-responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .dashboard-table-responsive tr td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
      .dashboard-table-responsive tr td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap; }
    .dashboard-table-responsive .paginationSection {
      margin-bottom: 80px; }

  .scoreWrapper.scoreWrapper-xs .explanation {
    left: 64px; }
  .scoreWrapper .explanation {
    position: absolute;
    float: right;
    left: 59px;
    bottom: 0;
    height: 18px; }
    .scoreWrapper .explanation.search {
      right: 56px;
      bottom: 8px;
      left: inherit;
      height: 34px;
      pointer-events: all; }
      .scoreWrapper .explanation.search .icon-info-rating {
        height: 34px;
        width: 34px;
        padding: 8px;
        pointer-events: none; }
    .scoreWrapper .explanation .icon {
      display: inline-block;
      fill: currentColor; }
    .scoreWrapper .explanation .icon-info-rating {
      width: 18px;
      height: 18px;
      text-decoration: none;
      color: #bfc4c9; }

  .image-new-placeholder .placeholder-container .placeholder-label {
    top: -13px;
    padding: 4px;
    font-weight: 700;
    font-size: 0.6875rem;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    width: 48px; }
    .image-new-placeholder .placeholder-container .placeholder-label.modal {
      padding: 6px;
      font-weight: 700;
      font-size: 0.875rem;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      width: 66px; }

  article.mobile-big {
    padding-top: 20px; }
    article.mobile-big p {
      font-weight: 300;
      font-size: 1rem;
      color: #3c3637;
      font-family: 'Roboto', sans-serif;
      line-height: 1.6rem; }

  .image-round {
    margin-bottom: 0.85rem;
    width: 100px;
    height: 100px; }
    .image-round.inline {
      float: left;
      margin-right: 1.25rem; } }
@media (min-width: 768px) and (max-width: 979px) {
  .c50-sm {
    float: left;
    width: 50% !important; }

  .hidden-sm {
    display: none; }

  #step1Spinner {
    padding: 0; }

  #appointment .priceList {
    padding: 0 !important; }

  .searchBox .searchImg {
    width: 185px; }
  .searchBox .searchContent {
    width: calc(100% - 185px); }

  .wrapper .score.small:after {
    border-width: 17px 12px 18px 0 !important;
    left: -11px !important; }

  .cContent-sm {
    width: 100% !important; }

  .sort-sm {
    width: 150px !important;
    padding-right: 0; }
    .sort-sm select {
      width: 100%;
      padding: 10px 20px;
      border-radius: 2px;
      border: 1px solid #E5E9EC;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637;
      background-color: transparent; }

  .search-left-sm {
    width: 30% !important; }

  .search-right-sm {
    width: 70% !important;
    padding-right: 0 !important; } }
@media (max-width: 767px) {
  .dashPadding {
    width: 100% !important;
    padding: 15px 0; }
    .dashPadding .checkboxSectionInline {
      padding-top: 8px;
      padding-bottom: 5px; }
      .dashPadding .checkboxSectionInline label span {
        padding-top: 4px;
        width: calc(100% - 25px);
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #3c3637; }
    .dashPadding label span {
      float: left;
      width: calc(100% - 40px);
      padding-left: 15px; }
    .dashPadding .submit-button-holder {
      margin-bottom: 60px; }
    .dashPadding .uploadFile {
      background: #ffffff;
      border: 2px solid #E0E0E0;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #B3B3B3; }

  .dashc100-xs {
    float: left;
    width: 100%; }

  .dashc50-xs {
    float: left;
    width: 50%; }

  .c100-xs {
    float: left;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .c100N-xs {
    float: left !important;
    width: 100% !important; }

  .c75N-xs {
    width: 75% !important; }

  .c50N-xs {
    width: 50% !important; }

  .p-xs {
    margin-bottom: 0; }

  .c75N-form-xs {
    float: left;
    width: 75%;
    overflow: hidden; }

  .dashboard-review-list-status-xs {
    padding: 2px 0;
    float: left; }

  .upper-xs {
    font-size: 11px !important; }

  span.treat-xs {
    margin: 0; }

  .hidden-xs {
    display: none !important; }

  .ghostBttn-xs {
    color: #3c3637;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: inline-table;
    border: 1px solid #969696;
    padding: 8px 29px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ghostBttn {
    text-decoration: none;
    background: none;
    padding: 13px 18px;
    display: block;
    color: #3c3637;
    border-radius: 3px;
    border: 1px solid #e5e9ec;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 16px;
    font-weight: 400; }
    .ghostBttn:hover {
      border: 1px solid #3c3637; }
    .ghostBttn.left {
      float: left; }
    .ghostBttn.small {
      width: 100%;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #3c3637; }
    .ghostBttn.with-mobile-padding {
      margin-bottom: 10px; }

  .time-xs {
    top: -70px !important; }

  .dashboard-review-overview-flyer-bttn {
    margin-bottom: 20px;
    margin-right: 0 !important; }

  #dashContent #leadStatusSection p:first-of-type {
    margin-bottom: 0;
    padding-top: 15px; }
  #dashContent #leadStatusSection p {
    margin-bottom: 15px;
    font-size: 15px; }
  #dashContent input[type=checkbox] {
    padding: 12px 13px !important;
    min-height: inherit !important;
    float: left;
    border: 0 !important; }
  #dashContent textarea.mobile {
    height: 90px !important; }
  #dashContent .numbers.scoreSliders {
    overflow-y: hidden; }
    #dashContent .numbers.scoreSliders .numberCenter span.smile {
      font-size: 45px; }
      #dashContent .numbers.scoreSliders .numberCenter span.smile i.fa {
        width: 38px;
        height: 38px; }

  .dashboard-table-detail .header {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    padding-top: 25px;
    margin-bottom: 12px; }
  .dashboard-table-detail .holder {
    margin-bottom: 8px; }
  .dashboard-table-detail .left {
    float: left;
    min-width: 125px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #3c3637; }
  .dashboard-table-detail .left-small {
    float: left;
    min-width: 125px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #3c3637; }
  .dashboard-table-detail .right {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #3c3637; }
    .dashboard-table-detail .right.email-change-button {
      width: calc(100% - 125px);
      padding-top: 15px; }

  .dash-filter-button div:first-child {
    padding-right: 15px; }
  .dash-filter-button a {
    font-size: 14px !important;
    padding: 11px 12px !important;
    font-weight: 400 !important;
    width: 100%; }

  #dashContent .footer-button-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #F3F5F8;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding-top: 10px;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 0; }
    #dashContent .footer-button-sticky .dash-footer-buttons {
      text-align: inherit; }
      #dashContent .footer-button-sticky .dash-footer-buttons a {
        margin-left: 15px;
        background-color: #ffffff;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none; }
      #dashContent .footer-button-sticky .dash-footer-buttons input[type=submit].afspraakA {
        margin-right: 5px;
        border: 1px solid #25dca6;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none; }
  #dashContent .dash-footer-buttons {
    text-align: right;
    display: inline-block;
    margin-bottom: 65px; }
    #dashContent .dash-footer-buttons .ghostBttn {
      display: inline-block;
      padding: 9px 18px;
      margin-right: 20px;
      font-size: 16px; }
    #dashContent .dash-footer-buttons input[type=submit].afspraakA {
      margin-right: 3px; }
  #dashContent .editBox .c100N-xs p {
    padding-top: 0 !important; }
  #dashContent #certificateSection .icheckbox_square-blue {
    width: 33px;
    height: 33px; }
  #dashContent ul.treat {
    padding: 0; }
    #dashContent ul.treat li {
      margin-bottom: 14px; }
  #dashContent .dashboard-overview-header-button {
    margin-bottom: 30px; }
    #dashContent .dashboard-overview-header-button h2 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: #0f866c;
      margin-bottom: 0; }
    #dashContent .dashboard-overview-header-button .afspraakA {
      margin-right: 0; }
    #dashContent .dashboard-overview-header-button .ghostBttn.first {
      margin-left: 0; }
    #dashContent .dashboard-overview-header-button .dash-filter-multi-button div:first-child {
      padding-right: 3px; }
    #dashContent .dashboard-overview-header-button .dash-filter-multi-button div:last-child {
      padding-left: 7px; }
    #dashContent .dashboard-overview-header-button .dash-filter-multi-button.first-admin div:last-child {
      padding-left: 0; }
    #dashContent .dashboard-overview-header-button .dash-filter-multi-button a {
      padding: 11px 10px !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      width: 100%; }
    #dashContent .dashboard-overview-header-button .dashboard-overview-header-box-right {
      margin-top: 15px; }
      #dashContent .dashboard-overview-header-button .dashboard-overview-header-box-right .span-float-right {
        float: left; }
      #dashContent .dashboard-overview-header-button .dashboard-overview-header-box-right .p-right-switch {
        float: left;
        margin-bottom: 0;
        padding: 0 20px 0 2px; }
      #dashContent .dashboard-overview-header-button .dashboard-overview-header-box-right .onoffswitch {
        float: right; }
        #dashContent .dashboard-overview-header-button .dashboard-overview-header-box-right .onoffswitch span {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 17px;
          color: #3c3637; }
    #dashContent .dashboard-overview-header-button .arrow {
      cursor: pointer;
      float: left; }
    #dashContent .dashboard-overview-header-button .icon-circle-left {
      width: 25px;
      height: 25px;
      text-decoration: none; }
    #dashContent .dashboard-overview-header-button .icon-circle-right {
      width: 25px;
      height: 25px;
      text-decoration: none;
      margin-left: 20px; }
    #dashContent .dashboard-overview-header-button .date-section {
      margin-left: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #3c3637; }

  .dashboard-pricelist .button-section, .dashboard-service-faq .button-section {
    padding: 20px; }
    .dashboard-pricelist .button-section .afspraakA, .dashboard-service-faq .button-section .afspraakA {
      float: left !important; }
  .dashboard-pricelist .faq-button-section a, .dashboard-service-faq .faq-button-section a {
    margin-top: 10px;
    max-width: 220px; }

  .dashboard-pricelist .colorBackground {
    display: none; }
  .dashboard-pricelist .pricelist-helper {
    display: none; }
  .dashboard-pricelist #appointment {
    margin-top: 0; }
  .dashboard-pricelist .wrapper {
    max-width: inherit; }
  .dashboard-pricelist.pricelist-inactive {
    position: relative; }
    .dashboard-pricelist.pricelist-inactive #priceListSection, .dashboard-pricelist.pricelist-inactive .button-section {
      filter: blur(1.5px);
      -webkit-filter: blur(1.5px); }
      .dashboard-pricelist.pricelist-inactive #priceListSection .spacer, .dashboard-pricelist.pricelist-inactive .button-section .spacer {
        min-height: 200px; }
    .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2; }
      .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 90%;
        height: max-content;
        margin: auto;
        z-index: 3;
        background-color: #ffffff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        padding: 20px; }
        .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled.without-items {
          bottom: -25px; }
        .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled .pricelist-inner .title {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 24px;
          color: #0f866c;
          text-align: center;
          margin-bottom: 20px; }
        .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled .pricelist-inner .explanation {
          text-align: center;
          margin-bottom: 0; }

  .scroll #sectionOverviewBox .time {
    text-align: left;
    padding-left: 0;
    width: calc(100% - 73px); }
    .scroll #sectionOverviewBox .time #leadStatusSection .holder {
      margin-bottom: 4px; }
      .scroll #sectionOverviewBox .time #leadStatusSection .holder .left-small {
        min-width: 80px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #3c3637; }
      .scroll #sectionOverviewBox .time #leadStatusSection .holder .right {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #3c3637; }
        .scroll #sectionOverviewBox .time #leadStatusSection .holder .right .badge {
          font-size: 12px; }

  #dashContent.extra-margin {
    margin-bottom: 60px; }
  #dashContent ul.treat li label {
    height: 15px !important; }
  #dashContent .box .contentWrapper textarea.invite-link {
    height: 60px;
    min-height: 60px;
    align-content: left;
    white-space: pre-line;
    text-align: justify;
    padding: 13px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3c3637; }
  #dashContent .box .contentWrapper .invite-no-input {
    padding: 13px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3c3637; }
  #dashContent .box .contentBoxShadow.compact {
    box-shadow: 0 0 0;
    margin-bottom: 0;
    padding-left: 10px; }
    #dashContent .box .contentBoxShadow.compact .contentWrapper {
      padding: 10px 5px; }
      #dashContent .box .contentBoxShadow.compact .contentWrapper h2.nothing-small {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #3c3637; }

  .flexH-xs {
    height: inherit !important; }

  .smile-xs {
    float: right !important;
    margin-top: -52px; }

  .c100-xs-lastbox {
    margin-bottom: 30px; }

  .padding-xs {
    padding: 0 !important; }

  .green-bttn-xs {
    color: #FFFFFF !important;
    margin-top: 15px; }

  .inpStyle-xs {
    margin-bottom: 10px !important; }

  .thumbQuestion label#thumbsUp, .thumbQuestion label#thumbsDown {
    width: 100% !important; }
  .thumbQuestion label#thumbsDown {
    margin-top: 5px !important; }

  .h4-review-step2-xs {
    padding-top: 10px; }

  label.label-anonymous-xs {
    font-size: 13px !important; }

  .dashPadding-xs {
    width: 100% !important; }

  .dashWrapper-xs {
    padding: 0 5px !important; }

  .p-email-thanks-xs {
    color: #34DBA7; }

  .review-category ul {
    list-style-type: none; }
    .review-category ul li {
      margin-bottom: 10px; }
      .review-category ul li span.figure {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #ffffff;
        background: #0f866c;
        border-radius: 3px;
        padding: 5px 10px;
        margin-right: 15px;
        width: 40px;
        display: inline-block;
        text-align: center; }
      .review-category ul li.service-overview-padding {
        margin-bottom: 3px; }

  .number {
    float: left;
    width: 50px; }
    .number span {
      width: 38px;
      height: 38px;
      border-radius: 100%;
      background: #0f866c;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 20px;
      color: #ffffff;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center; }

  .commentSection {
    padding: 13px 15px;
    position: relative;
    background: #fff;
    margin-top: 40px; }
    .commentSection .content {
      float: left;
      width: calc(100% - 50px); }
    .commentSection .boxQ {
      margin-top: 25px; }

  .h1-xs {
    font-size: 22px !important;
    margin-bottom: 20px;
    color: #0f866c;
    font-weight: 400; }

  .h1-with-margin-xs {
    margin-top: 30px !important; }

  .bigPadding-xs {
    margin-top: 25px;
    padding-top: 0; }

  .serviceArt-xs {
    margin-top: 0 !important; }

  .wrapper-xs {
    margin-top: 25px; }

  .smallHeader-xs {
    height: 100px !important; }

  h2.service-overview {
    margin-bottom: 10px; }

  #smallMenu ul li a.reviews span {
    position: relative;
    top: 0;
    right: -5px;
    background: #0f866c;
    border-radius: 37px;
    padding: 3px 8px;
    text-align: center;
    font-family: Arial, sans-serifrial;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff; }

  .big-xs {
    width: 45px !important;
    height: 45px !important;
    font-size: 30px !important; }
    .big-xs:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 14px 22px 0 !important;
      border-color: transparent #0f866c transparent transparent;
      left: -14px;
      bottom: 0; }
    .big-xs span {
      font-size: 16px !important; }

  .big-right-xs {
    width: 45px !important;
    height: 45px !important;
    font-size: 30px !important; }
    .big-right-xs:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 22px 0 22px 14px !important;
      border-color: transparent #0f866c transparent transparent;
      left: 45px !important;
      bottom: 0; }
    .big-right-xs span {
      font-size: 16px !important; }

  .h1-company-xs {
    font-weight: 400;
    font-size: 21px !important;
    line-height: 24px;
    margin: 0 0 4px; }

  .street-company-xs {
    font-size: 12px;
    color: #b3b3b3; }

  .organisization-company {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #3c3637;
    margin-bottom: 0; }

  .company-top-xs {
    margin-bottom: 20px;
    position: relative; }

  .h2-company-xs {
    font-size: 14px;
    font-weight: 300; }

  .default-form-xs h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    padding-bottom: 8px; }
  .default-form-xs .form-box {
    padding: 25px;
    float: left; }

  #alternatives .left-alternatives {
    padding: 40px 0 40px 0; }
    #alternatives .left-alternatives .blueBttn {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 15px;
      color: #ffffff; }
  #alternatives .right-alternatives {
    border-top: 1px solid #E5E9EC; }
    #alternatives .right-alternatives .select-xs {
      border-radius: 2px; }
    #alternatives .right-alternatives button[type=submit] {
      margin-top: 6px !important; }
  #alternatives input[type=text].marge-alternatives {
    margin-bottom: 6px !important; }

  .pricelist-helper {
    margin-bottom: -10px;
    margin-top: 10px; }
    .pricelist-helper .svg-section {
      float: right;
      margin-right: 15px; }
      .pricelist-helper .svg-section svg {
        width: 200px; }

  .wrapper-pricelist {
    padding: 0; }

  .priceList .question-link {
    font-size: 12px;
    display: inline-block;
    padding-top: 5px; }
  .priceList .dashboard-button-right .ghostBttn-small {
    margin: 10px 0 10px 0;
    display: inline-block; }
  .priceList .book-button-left {
    float: left;
    width: calc(100% - 100px);
    margin-right: 10px; }
    .priceList .book-button-left .icon-info {
      width: 16px;
      height: 16px;
      text-decoration: none;
      margin-top: 14px; }
    .priceList .book-button-left [data-balloon]:after {
      white-space: pre-line !important; }
    .priceList .book-button-left [data-balloon][data-balloon-length='large']:after {
      white-space: normal;
      width: 55vw; }
  .priceList .book-button-right {
    float: right;
    width: 90px; }
  .priceList .book-button {
    background: #fc6500;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    width: 90px;
    float: right;
    border-radius: 3px;
    border: 0;
    font-weight: 700;
    margin-top: 10px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    text-decoration: none; }
  .priceList .cat-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    position: -webkit-sticky;
    top: 0;
    padding: 12px 36px 12px 0;
    font-size: 14px;
    line-height: 24px;
    box-shadow: inset 0 -1px 0 0 #f2f2f2;
    cursor: pointer;
    background-color: white;
    z-index: 1; }
    .priceList .cat-name a {
      text-decoration: none;
      flex: 1;
      font-weight: 700;
      color: #4d4d4d;
      padding: 0 20px 0 15px; }
    .priceList .cat-name:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 100%;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgMy43LjIgKDI4Mjc2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GMUM3QkFDNS1BQzk1LTRFNTQtOEM1Ri02OTM0RjIxMUFGN0Y8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlZlbnVlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVudXMtLS0xMDI0dyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1Mi4wMDAwMDAsIC0xODYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzYuMDAwMDAwLCA5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJTZXJ2aWNlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZXZyb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3Ni4wMDAwMDAsIDI0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQXJlYSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBzdHJva2U9IiM3RjdGN0YiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI1IDggMTIgMTUuMDAwMDAwMSAxOSA4Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 100%;
      margin-right: 16px; }
    .priceList .cat-name .cat-arrow {
      display: none !important; }
  .priceList .product-box {
    background-color: #fafafa;
    box-shadow: inset 0 -1px 0 0 #d9d9d9; }
    .priceList .product-box .product-box-holder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      box-shadow: inset 0 -1px 0 0 #d9d9d9;
      margin: 0 16px 0 16px; }
      .priceList .product-box .product-box-holder .product-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        padding: 12px 0; }
        .priceList .product-box .product-box-holder .product-item .product-left {
          ms-flex-direction: column;
          flex-direction: column;
          -ms-flex: 3;
          flex: 3; }
          .priceList .product-box .product-box-holder .product-item .product-left h5 {
            margin: 0;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #3c3637;
            line-height: 20px;
            margin-bottom: 10px;
            word-break: break-word;
            opacity: 0.85; }
          .priceList .product-box .product-box-holder .product-item .product-left .more {
            word-break: break-word; }
          .priceList .product-box .product-box-holder .product-item .product-left .more-link {
            text-decoration: none; }
          .priceList .product-box .product-box-holder .product-item .product-left .by-company-xs {
            margin: 9px 0 9px 0;
            line-height: 12px; }
            .priceList .product-box .product-box-holder .product-item .product-left .by-company-xs span {
              font-size: 11px; }
        .priceList .product-box .product-box-holder .product-item .cta-section {
          ms-flex-direction: column;
          flex-direction: column;
          -ms-flex: 2;
          flex: 2;
          text-align: right; }
          .priceList .product-box .product-box-holder .product-item .cta-section .actuelPrice {
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #3c3637;
            opacity: 0.8; }
            .priceList .product-box .product-box-holder .product-item .cta-section .actuelPrice.free {
              text-transform: uppercase; }
          .priceList .product-box .product-box-holder .product-item .cta-section .new-price-xs {
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 16px;
            color: #3c3637;
            opacity: 0.8; }
          .priceList .product-box .product-box-holder .product-item .cta-section .old-price-xs {
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 15px;
            color: #3c3637;
            opacity: 0.7; }
          .priceList .product-box .product-box-holder .product-item .cta-section .discount-section {
            float: left;
            width: 100%;
            padding-top: 7px;
            font-style: italic;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            color: #25dca6; }
  .priceList .cat-name-open:before {
    transform: rotate(180deg); }

  .more {
    font-size: 12px;
    line-height: 1.5;
    max-height: 1.5em;
    /* (4 * 1.5 = 6) */ }

  .more-link {
    font-size: 12px; }

  .h2-new-detail-xs {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 16px;
    padding: 12px 0;
    border-bottom: 1px solid #d9d9d9; }

  .h2-with-margin-xs {
    margin: 20px 0 25px 0; }

  .padding-xs {
    margin-bottom: 25px; }

  .image-button-holder {
    bottom: 15px;
    position: absolute;
    right: 15px; }
    .image-button-holder .more-photo-xs {
      background: #fff;
      color: gray;
      padding: 5px 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 13px;
      width: 117px;
      float: right;
      border-radius: 3px;
      border: 0;
      font-weight: 700;
      margin-top: 10px;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease;
      text-decoration: none; }

  .photos-xs {
    margin-top: 0 !important;
    position: relative !important; }

  .readMore-xs {
    margin-bottom: 15px; }

  .scoreTextWrapper {
    margin-top: 0; }
    .scoreTextWrapper .scoreText {
      font-size: 24px; }

  .company-review-select-service {
    margin-left: 0;
    padding-left: 5px; }

  .company-review-select-sorting {
    margin-bottom: 0;
    padding-right: 5px; }
    .company-review-select-sorting p.p-head {
      font-size: 16px;
      margin-bottom: 10px; }

  .select-xs {
    font-size: 14px !important;
    padding: 13px 13px !important; }

  .big-summary-right-xs {
    width: 45px !important;
    height: 45px !important;
    font-size: 30px !important;
    position: relative;
    float: left;
    left: 0;
    top: 0 !important; }
    .big-summary-right-xs:after {
      content: "" !important;
      position: absolute !important;
      height: 45px !important;
      width: 0 !important;
      left: 100% !important;
      top: 0 !important;
      border: 22px solid transparent !important;
      border-left: 17px solid !important; }

  .scoreWrapper-xs {
    position: relative !important;
    float: left !important; }

  .scoreTextWrapper-xs {
    float: left;
    width: calc(100% - 115px);
    padding-left: 95px;
    margin-top: 0 !important;
    display: inline-grid; }

  .scoreText-xs {
    text-align: left;
    display: inline-block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #0f866c; }

  .reviews-xs {
    text-align: left;
    display: inline-block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #3c3637;
    position: relative;
    top: -4px; }

  .review-summary-ul-div-xs {
    display: inline-block;
    margin-top: 15px !important; }

  .review-summary-ul-xs {
    margin-top: 0 !important; }
    .review-summary-ul-xs li {
      margin-top: 5px !important; }

  .green-right-xs {
    background-color: #25dca6 !important; }
    .green-right-xs:after {
      border-color: transparent transparent transparent #25dca6 !important; }

  .orange-right-xs {
    background-color: #f26422 !important; }
    .orange-right-xs:after {
      border-color: transparent transparent transparent #f26422 !important; }

  .website-link {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px; }

  .company-map {
    padding-bottom: 20px;
    height: 200px; }
    .company-map #map, .company-map #map-leaflet {
      height: 100%; }

  .smallPadding-xs {
    margin: 0 !important;
    padding: 0 !important; }

  #formSearchPlace .input-remove-icon {
    z-index: 100;
    height: calc(100% - 10px);
    width: 50px;
    right: 0;
    top: 0; }
    #formSearchPlace .input-remove-icon:before {
      top: 13px;
      position: absolute;
      right: 5px; }

  .hp-input-remove-icon {
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 6px;
    top: 13px;
    font-size: 23px;
    color: #0f866c; }
    .hp-input-remove-icon.hp-input-remove-icon-small {
      z-index: 10; }

  #leadSection .lead-summary-box {
    background: -moz-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1491bd 0%, #096a9d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1491bd', endColorstr='#096a9d',GradientType=1 );
    /* IE6-9 */
    padding: 25px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    word-break: break-word; }
    #leadSection .lead-summary-box strong {
      font-size: 18px;
      font-weight: 800; }
  #leadSection .textarea-holder {
    padding: 0; }
  #leadSection .checkbox-section label {
    position: relative;
    margin-bottom: .35rem;
    padding-left: 40px;
    display: block; }
    #leadSection .checkbox-section label input[type=checkbox] {
      width: 22px;
      height: 22px;
      padding: 0; }
    #leadSection .checkbox-section label span.checkbox {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      display: inline-block; }
    #leadSection .checkbox-section label span.label-text {
      margin: 0;
      top: 0;
      padding-left: 0; }
  #leadSection textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    padding: 10px 15px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    resize: none;
    height: 75px; }
  #leadSection select {
    padding: 7px 10px !important; }
  #leadSection h1 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 16px;
    padding: 12px 0;
    border-bottom: 1px solid #d9d9d9; }
  #leadSection h3 {
    font-size: 16px !important;
    color: #0f866c !important;
    width: calc(100% - 60px) !important;
    margin-bottom: 20px;
    padding: 4px 0;
    margin-top: 3px;
    border-bottom: 0; }
  #leadSection h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #leadSection .boxQ-lead {
    margin-top: 15px !important; }
  #leadSection .boxQ-lead-no-padding-xs {
    margin-top: 0 !important; }
  #leadSection .content-xs {
    float: none; }
    #leadSection .content-xs i {
      position: absolute;
      top: 10px;
      right: 10px; }
  #leadSection .content-comments-xs {
    width: 100% !important; }
  #leadSection input[type=text], #leadSection input[type=email], #leadSection input[type=tel] {
    padding: 7px 10px !important;
    width: 100%; }
  #leadSection .inputBox {
    margin-top: 5px !important; }
  #leadSection i .fa-map-marker-alt {
    font-size: 24px !important;
    top: 3px !important; }
  #leadSection .checkbox {
    padding: 0 0 5px 0;
    font-size: 14px; }
  #leadSection .required {
    font-size: 12px; }
  #leadSection .userSection .p-footer {
    font-size: 11px !important; }
  #leadSection .userSection .p-info {
    font-size: 13px !important; }
  #leadSection .userSection .blueTransparentBttn {
    border: 1px solid #157FA2 !important; }
  #leadSection .userSection input[type=button], #leadSection .userSection input[type=submit] {
    background: #25dca6;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #ffffff; }
  #leadSection .link-footer-user {
    font-size: 12px !important;
    background: #ffffff;
    max-width: inherit;
    padding: 0;
    text-align: inherit;
    margin-top: 0;
    float: none;
    color: #0f866c; }

  #deal {
    margin: 25px 0 25px 0 !important; }
    #deal form .button {
      border: 0 solid #25dca6;
      border-bottom: 0 solid #1ca980;
      background: #25dca6;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #ffffff;
      cursor: pointer;
      border-radius: 2px;
      padding: 12px 20px; }
    #deal h2 {
      color: #ffffff; }
    #deal i .fa-map-marker-alt {
      font-size: 24px !important;
      top: 3px !important; }
    #deal .fa-caret-down {
      color: #3c3637; }
      #deal .fa-caret-down.arrow {
        position: absolute;
        top: 18px;
        right: 10px; }
    #deal p {
      font-size: 14px;
      margin-bottom: 0; }
    #deal .select-xs {
      border-radius: 2px; }
    #deal input[type=text] {
      margin-bottom: 0 !important; }
    #deal input[type=submit] {
      border: 0;
      background: #fc6500;
      padding: 13px 21px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: #fff;
      margin-top: -5px;
      margin-bottom: 0; }

  .default-form-lg.alternative-min-height p.small {
    display: block !important; }
  .default-form-lg.alternative-min-height .select_wrapper {
    margin-top: 10px; }
  .default-form-lg .small {
    font-size: 14px !important;
    padding: 0 0 10px; }
  .default-form-lg select {
    border-radius: 2px;
    margin-bottom: 0 !important; }
  .default-form-lg input[type=text] {
    margin-bottom: 0 !important; }

  .review-category .notAvailable .alert-vacation {
    top: 139px;
    bottom: inherit !important; }
  .review-category .notAvailable:after {
    opacity: 0.91;
    top: 80px; }

  .boxUlWhite {
    float: left;
    width: 100%;
    padding: 40px 35px;
    background-color: #ffffff;
    margin-top: 25px; }
    .boxUlWhite h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 16px !important;
      color: #0f866c !important;
      letter-spacing: 2px;
      line-height: 16px;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .boxUlWhite ul {
      list-style-type: none; }
      .boxUlWhite ul li {
        color: white;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #3c3637;
        padding: 3px 0; }
        .boxUlWhite ul li span {
          padding-left: 10px; }
        .boxUlWhite ul li i.fa-check {
          color: #25dca6; }

  .contactBox h3 {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #0f866c !important;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .contactBox .content {
    width: calc(100% - 70px) !important; }

  .extraStepStyle .line-or {
    float: left;
    width: 100%;
    height: 1px;
    background: #ede7e4;
    position: relative;
    margin: 10px 0 20px 0; }
    .extraStepStyle .line-or .ex {
      position: absolute;
      left: 50%;
      font-size: 16px;
      background: #ffffff;
      top: -18px;
      padding: 6px;
      margin-left: -10px; }

  .image-video-height {
    height: 255px !important; }

  #content .accord .emp .img {
    width: 50px !important;
    height: 50px !important; }

  footer p {
    line-height: 16px;
    margin-bottom: 0; }

  #sideMenu .userName {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 0 0 20px;
    display: inline-block; }
  #sideMenu .mobile-small-loggedin {
    height: 110px !important; }
  #sideMenu #userProfile .profile-holder .img-photo {
    width: 40px;
    height: 40px; }
  #sideMenu .h3-loggedin {
    padding: 20px 20px 10px 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3c3637;
    opacity: 0.54; }
  #sideMenu menu li a {
    padding: 14px 26px;
    border-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3c3637;
    opacity: 0.87; }
    #sideMenu menu li a .center-center {
      padding-left: 52px; }
    #sideMenu menu li a.active {
      background-color: #dee2e6; }
  #sideMenu .menu-divider {
    border-bottom: 1px solid #dee2e6;
    padding: 4px 0 4px 0; }

  #headerMenuSectionMobile h3 {
    padding: 20px 20px 10px 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3c3637;
    opacity: 0.54; }
  #headerMenuSectionMobile menu li a {
    padding: 12px 26px;
    border-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3c3637;
    opacity: 0.87; }
    #headerMenuSectionMobile menu li a .center-center {
      padding-left: 25px;
      margin: auto 0; }
    #headerMenuSectionMobile menu li a > div {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex; }
  #headerMenuSectionMobile menu li .icon {
    float: left;
    width: 20px;
    opacity: 0.54; }
    #headerMenuSectionMobile menu li .icon.small svg {
      width: 20px;
      height: 20px;
      fill: #3c3637; }

  .mobile-stepper {
    margin-left: 20px;
    margin-bottom: 20px; }
    .mobile-stepper span {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #3c3637; }
    .mobile-stepper.step2 {
      margin-left: 0;
      margin-bottom: 0; }

  ul.three-columns-ul-not-nested {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    columns: 1; }
    ul.three-columns-ul-not-nested.employee .employee-holder {
      margin-right: 0;
      margin-bottom: 0; }

  .html-sitemap-holder.margin-bottom-xs, .three-columns-ul.margin-bottom-xs {
    margin-bottom: 50px; }
  .html-sitemap-holder h2, .three-columns-ul h2 {
    padding: 20px 0; }
  .html-sitemap-holder ul > li > ul, .three-columns-ul ul > li > ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    columns: 1; }
  .html-sitemap-holder.treatment-ul ul > li, .three-columns-ul.treatment-ul ul > li {
    font-size: 20px; }
  .html-sitemap-holder.treatment-ul ul > li > ul > li, .three-columns-ul.treatment-ul ul > li > ul > li {
    font-size: 16px;
    line-height: 22px; } }
@media (min-width: 768px) {
  #homeImage .bgImg.header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

  .blogWrapper .blog-holder {
    padding-top: 20px; }
  .blogWrapper .blog {
    height: 250px; }

  .dashc100 {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc75 {
    float: left;
    width: 75%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashPadding {
    padding: 45px 0; }
    .dashPadding .checkboxSectionInline {
      padding-top: 8px;
      padding-bottom: 5px; }
      .dashPadding .checkboxSectionInline label span {
        padding-top: 4px; }
    .dashPadding label:not(.select-arrow):not(.checkbox-border) span {
      float: left;
      width: calc(100% - 40px);
      padding-left: 15px; }
    .dashPadding .password-first {
      padding-right: 5px; }
    .dashPadding .profile-photo .uploadFile {
      max-width: 250px; }
    .dashPadding .location-chooser ul li {
      margin-bottom: 0 !important; }
    .dashPadding .location-chooser .selectboxit-container .selectboxit {
      background: #ffffff; }
      .dashPadding .location-chooser .selectboxit-container .selectboxit:hover, .dashPadding .location-chooser .selectboxit-container .selectboxit:active, .dashPadding .location-chooser .selectboxit-container .selectboxit:focus {
        background: #ffffff !important; }

  .c100 {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }

  .c75N {
    float: left;
    width: 75%; }

  .c50N {
    float: left;
    width: 50%; }

  .c25N {
    float: left;
    width: 25%; }

  .c20N {
    float: left;
    width: 20%; }

  .c15N {
    float: left;
    width: 15%; }

  .c14N {
    float: left;
    width: 14%; }

  .c10N {
    float: left;
    width: 10%; }

  .c6N {
    float: left;
    width: 6%; }

  .c5N {
    float: left;
    width: 5%; }

  .dashc50 {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc25 {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc20 {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc15 {
    float: left;
    width: 15%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc10 {
    float: left;
    width: 10%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashboard-review-list-status {
    padding: 8px 0;
    float: right; }

  .hidden {
    display: none !important; }

  .h4-review-step2 {
    padding-top: 30px; }

  .contactBox-first {
    margin-top: 0 !important; }

  .p-email-thanks {
    color: #34DBA7; }

  .p-email-nothing {
    color: #969696 !important;
    font-size: 13px !important; }

  .li-file-list-item {
    height: 230px;
    line-height: 230px;
    text-align: center;
    border: 1px dashed #fff; }
    .li-file-list-item span {
      vertical-align: middle;
      width: 230px;
      display: inline-block;
      line-height: normal;
      padding: 10px;
      word-wrap: break-word; }

  .street-company {
    font-size: 14px;
    color: gray; }

  .company-top {
    margin-bottom: 45px;
    position: relative; }

  .default-form-lg
  input[type=text] {
    border: 1px solid #e3e4e5;
    padding: 13px 20px;
    border-radius: 2px;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }

  .default-form-lg input[type=button], .default-form-lg input[type=submit] {
    text-align: center;
    padding: 13px 13px;
    width: auto;
    background: #fc6500;
    float: left;
    display: inline-table;
    border: 0;
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .default-form-lg.alternative-min-height {
    min-height: 317px;
    margin-top: 190px; }
    .default-form-lg.alternative-min-height.employee-new {
      margin-top: -140px; }
  .default-form-lg .small {
    font-size: 14px !important;
    padding: 0 0 15px; }
  .default-form-lg h4 {
    font-weight: 400;
    font-size: 20px; }
  .default-form-lg h5 {
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 8px; }
  .default-form-lg input[type=text] {
    margin-bottom: 3px; }
    .default-form-lg input[type=text].marge-alternatives-box {
      margin-bottom: 10px; }
  .default-form-lg .select_wrapper select {
    width: 100%;
    padding: 13px 20px;
    border-radius: 2px;
    border: 1px solid white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #A9A9A9; }
  .default-form-lg button[type=submit] {
    width: 100%;
    padding: 9px 20px;
    margin-top: 15px;
    border-radius: 2px;
    cursor: pointer;
    border: 0 solid #fc6500;
    border-bottom: 0px solid #c24e00;
    background: #fc6500;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    -webkit-transition: border 0.3s ease,background 0.3s ease;
    -moz-transition: border 0.3s ease,background 0.3s ease;
    -ms-transition: border 0.3s ease,background 0.3s ease;
    -o-transition: border 0.3s ease,background 0.3s ease;
    transition: border 0.3s ease,background 0.3s ease; }
  .default-form-lg .orangeBttn-with-error-margin, .default-form-lg button[type=submit] {
    margin-top: 5px; }
    .default-form-lg .orangeBttn-with-error-margin.width-full, .default-form-lg button[type=submit].width-full {
      width: 100%; }
  .default-form-lg .form-box {
    padding: 25px;
    float: left; }
  .default-form-lg .green {
    background: #25dca6; }
  .default-form-lg .right-div {
    float: right !important; }

  .review-category .notAvailable .alert-vacation {
    top: 95px;
    bottom: inherit !important; }
  .review-category .notAvailable:after {
    opacity: 0.91;
    top: 80px; }

  #alternatives .right-alternatives {
    border-left: 1px solid #E5E9EC; }
  #alternatives input[type=text].marge-alternatives {
    margin-bottom: 6px !important; }

  span .ui-state-default {
    width: 34px !important;
    height: 34px !important;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #D0D0D0 !important;
    font-size: 12px;
    font-weight: 500;
    position: relative; }

  #appointment {
    min-height: 250px !important; }
    #appointment .wrapper.wrapper-shadow {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
      -webkit-transition: box-shadow 0.3s ease !important;
      -moz-transition: box-shadow 0.3s ease !important;
      -ms-transition: box-shadow 0.3s ease !important;
      -o-transition: box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease; }
    #appointment .extraStepStyle .display-name {
      width: calc(100% - 30px);
      float: left; }
    #appointment .extraStepStyle .privacy-new {
      width: 30px;
      height: 20px;
      float: left; }
      #appointment .extraStepStyle .privacy-new svg {
        width: 20px;
        height: 20px; }
      #appointment .extraStepStyle .privacy-new [data-balloon] {
        outline: none; }
      #appointment .extraStepStyle .privacy-new [data-balloon][data-balloon-length='large'] {
        outline: none; }
        #appointment .extraStepStyle .privacy-new [data-balloon][data-balloon-length='large']:after {
          white-space: normal;
          width: 350px;
          top: 40%;
          line-height: 17px; }

  .pricelist-helper {
    margin-top: -35px;
    margin-bottom: 20px; }
    .pricelist-helper .svg-section {
      float: right;
      margin-right: 15px; }
      .pricelist-helper .svg-section svg {
        width: 200px; }

  .priceList {
    /* Show only 4 lines in smaller screens */ }
    .priceList .question-link {
      font-size: 12px;
      display: inline-block;
      padding-top: 5px; }
    .priceList .dashboard-button-right {
      width: 125px;
      float: right; }
      .priceList .dashboard-button-right .ghostBttn-small {
        margin: 10px 0 10px 0;
        display: inline-block; }
    .priceList .book-button-left {
      float: left;
      width: calc(100% - 125px); }
      .priceList .book-button-left .icon-info {
        width: 20px;
        height: 20px;
        text-decoration: none;
        margin-top: 10px; }
      .priceList .book-button-left [data-balloon]:after {
        white-space: pre-line !important; }
      .priceList .book-button-left [data-balloon]:hover:before, .priceList .book-button-left [data-balloon]:hover:after, .priceList .book-button-left [data-balloon][data-balloon-visible]:before, .priceList .book-button-left [data-balloon][data-balloon-visible]:after {
        filter: alpha(opacity=90);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9 !important;
        pointer-events: auto; }
    .priceList .book-button-right {
      float: right;
      width: 125px; }
    .priceList .book-button {
      background: #fc6500;
      color: #fff;
      padding: 5px 10px;
      text-align: center;
      text-transform: uppercase;
      font-size: 13px;
      width: 117px;
      float: right;
      border-radius: 3px;
      border: 0;
      font-weight: 700;
      margin-top: 6px;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease;
      text-decoration: none; }
    .priceList .cat-name {
      width: 34.7333333%;
      font-size: 16px;
      line-height: 24px;
      box-shadow: inset 0 -1px 0 0 #f2f2f2; }
      .priceList .cat-name.last-child {
        box-shadow: none; }
      .priceList .cat-name .cat-name-a-holder {
        position: relative;
        padding: 12px 14px !important; }
        .priceList .cat-name .cat-name-a-holder span {
          font-weight: 400;
          margin-left: 8px;
          color: #b3b3b3; }
        .priceList .cat-name .cat-name-a-holder a {
          line-height: 24px;
          text-decoration: none;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          color: #3c3637;
          opacity: 0.85; }
          .priceList .cat-name .cat-name-a-holder a:hover {
            font-weight: 500;
            font-size: 17px; }
      .priceList .cat-name .cat-arrow {
        position: absolute;
        top: -1px;
        bottom: 0;
        right: 0;
        background-color: white; }
        .priceList .cat-name .cat-arrow svg {
          height: 100%; }
          .priceList .cat-name .cat-arrow svg path {
            fill: #f2f2f2; }
    .priceList .product-box {
      position: absolute;
      top: 0;
      left: calc(33.33333333% + 16px);
      width: calc(66.66666667% - 60px);
      box-sizing: border-box;
      margin-left: 25px; }
      .priceList .product-box .product-box-holder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        box-shadow: inset 0 -1px 0 0 #d9d9d9; }
        .priceList .product-box .product-box-holder:last-child {
          box-shadow: none; }
        .priceList .product-box .product-box-holder:hover {
          zoom: 1.025;
          -ms-zoom: 1.025;
          -webkit-zoom: 1.025;
          -moz-transform: scale(1.025, 1.025);
          -moz-transform-origin: left center; }
        .priceList .product-box .product-box-holder .product-item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          padding: 22px 0;
          vertical-align: top; }
          .priceList .product-box .product-box-holder .product-item .product-left {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex: 4;
            flex: 4;
            margin-right: 16px;
            overflow-wrap: break-word;
            overflow: hidden; }
            .priceList .product-box .product-box-holder .product-item .product-left h5 {
              line-height: 24px;
              font-family: 'Roboto', sans-serif;
              font-weight: 500;
              font-size: 15px;
              color: #3c3637;
              cursor: pointer;
              opacity: 0.85; }
            .priceList .product-box .product-box-holder .product-item .product-left .more-link {
              text-decoration: none; }
          .priceList .product-box .product-box-holder .product-item .cta-section {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex: 2;
            flex: 2;
            margin-right: 12px;
            text-align: right; }
            .priceList .product-box .product-box-holder .product-item .cta-section .actuelPrice {
              opacity: 0.8; }
              .priceList .product-box .product-box-holder .product-item .cta-section .actuelPrice.free {
                text-transform: uppercase; }
            .priceList .product-box .product-box-holder .product-item .cta-section .new_price {
              font-family: 'Roboto', sans-serif;
              font-weight: 300;
              font-size: 16px;
              color: #3c3637; }
            .priceList .product-box .product-box-holder .product-item .cta-section .old_price {
              font-family: 'Roboto', sans-serif;
              font-weight: 300;
              font-size: 15px;
              color: #3c3637;
              opacity: 0.7; }
            .priceList .product-box .product-box-holder .product-item .cta-section .discount-section {
              float: left;
              width: 100%;
              padding-top: 7px;
              font-style: italic;
              font-family: 'Roboto', sans-serif;
              font-weight: 400;
              font-size: 13px;
              color: #25dca6; }
    .priceList .pricelist-active {
      margin-left: 0;
      margin-right: 0;
      background-color: #f2f2f2;
      box-shadow: inset 0 -1px 0 0 #f2f2f2;
      cursor: pointer;
      z-index: 1; }
    .priceList .pricelist-read-more {
      max-height: 30px;
      position: relative;
      word-wrap: break-word;
      overflow: hidden; }
    .priceList .pricelist-read-more:after {
      position: absolute;
      width: 100%;
      height: 25px;
      bottom: 0;
      left: 0;
      content: "";
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
      background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
    .priceList .actuelPrice {
      font-size: 16px;
      line-height: 24px; }
    .priceList .more {
      font-size: 12px;
      line-height: 1.5;
      max-height: 4.5em;
      /* (4 * 1.5 = 6) */ }

  .detail-sub-conversion-height {
    min-height: 415px; }

  .company-review-select-service {
    margin-left: 15px; }

  .company-review-select-sorting {
    margin-bottom: 30px; }
    .company-review-select-sorting p.p-head {
      font-size: 16px;
      margin-bottom: 10px; }

  .smallPadding-lg {
    margin: 0 !important;
    padding: 0 !important; }

  .photoPadding-lg {
    margin-bottom: 0 !important; }

  .reviewPadding-lg {
    margin-top: 40px !important; }

  .image-button-holder-lg {
    bottom: 45px;
    position: absolute;
    left: 15px;
    box-shadow: 0 1px 2px 0 #4d4d4d; }
    .image-button-holder-lg .button-lg {
      background: #fff;
      color: gray;
      padding: 8px 10px;
      text-align: center;
      font-size: 14px;
      width: 117px;
      float: left;
      border: 0;
      font-weight: 400;
      -webkit-transition: background 0.3s ease;
      -moz-transition: background 0.3s ease;
      -ms-transition: background 0.3s ease;
      -o-transition: background 0.3s ease;
      transition: background 0.3s ease;
      text-decoration: none; }
      .image-button-holder-lg .button-lg:hover {
        background-color: #E3E4E5; }
    .image-button-holder-lg .button-left-lg {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 1px solid #E3E4E5; }
    .image-button-holder-lg .button-right-lg {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #E3E4E5; }
    .image-button-holder-lg .button-right-nb-lg {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }

  .company-map {
    height: 200px; }
    .company-map #map, .company-map #map-leaflet {
      height: 100%; }

  .hp-input-remove-icon {
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 21px;
    top: 13px;
    font-size: 23px;
    color: #0f866c; }

  .input-remove-icon {
    z-index: 1;
    right: 16px; }

  #reviews select {
    width: 100%;
    padding: 14px 20px;
    border-radius: 2px;
    border: 1px solid #E5E9EC;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #A9A9A9;
    background-color: transparent; }

  .search-input-remove-icon {
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    right: 17px;
    top: 12px;
    font-size: 23px;
    color: #0f866c; }

  .colorBackground-margin-lg {
    margin-top: 40px; }

  #leadSection .lead-summary-box {
    background: -moz-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1491bd 0%, #096a9d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1491bd 0%, #096a9d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1491bd', endColorstr='#096a9d',GradientType=1 );
    /* IE6-9 */
    padding: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    word-break: break-word; }
    #leadSection .lead-summary-box strong {
      font-size: 20px;
      font-weight: 800; }
  #leadSection .checkbox-section label {
    position: relative;
    margin-bottom: .35rem;
    padding-left: 40px;
    display: block; }
    #leadSection .checkbox-section label input[type=checkbox] {
      width: 22px;
      height: 22px;
      padding: 0; }
    #leadSection .checkbox-section label span.checkbox {
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      display: inline-block; }
    #leadSection .checkbox-section label span.label-text {
      margin: 0;
      top: 0;
      padding-left: 0; }
  #leadSection textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637;
    padding: 10px 15px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    resize: none;
    height: 75px;
    min-height: inherit !important; }
  #leadSection h1 {
    font-size: 24px !important; }
  #leadSection h3 {
    font-size: 16px !important; }
  #leadSection h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
  #leadSection .boxQ-lead {
    margin-top: 15px !important; }
  #leadSection input[type=text], #leadSection input[type=email], #leadSection input[type=tel] {
    padding: 10px 15px !important; }
  #leadSection .inputBox {
    margin-top: 10px !important; }
  #leadSection .thanks-margin-summary-box {
    margin-top: 20px; }
  #leadSection .selectboxit-container span {
    height: 41px !important; }
    #leadSection .selectboxit-container span .selectboxit-text {
      padding: 4px 15px !important; }
  #leadSection .status-above-list {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #0f866c; }
  #leadSection .userSection .p-footer {
    font-size: 12px !important; }
  #leadSection .userSection .p-info {
    font-size: 14px !important; }
  #leadSection .userSection .blueTransparentBttn {
    border: 1px solid #157FA2 !important; }
  #leadSection .link-footer-user {
    font-size: 12px !important;
    background: #ffffff;
    max-width: inherit;
    padding: 0;
    text-align: inherit;
    margin-top: 0;
    float: none; }
  #leadSection .selectboxit-container {
    position: initial; }
  #leadSection select {
    width: 100%;
    padding: 13px 20px;
    border-radius: 2px;
    border: 1px solid white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #A9A9A9; }

  #deal form .button {
    border: 0 solid #25dca6;
    border-bottom: 0 solid #1ca980;
    background: #25dca6;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 2px;
    padding: 12px 20px; }

  .boxUlWhite {
    float: left;
    width: 100%;
    padding: 40px 35px;
    background-color: #ffffff; }
    .boxUlWhite h3 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 32px;
      color: #0f866c;
      margin-bottom: 5px; }
    .boxUlWhite ul {
      list-style-type: none; }
      .boxUlWhite ul li {
        color: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #3c3637;
        padding: 3px 0; }
        .boxUlWhite ul li span {
          padding-left: 10px; }
        .boxUlWhite ul li i.fa-check {
          color: #25dca6; }

  .extraStepStyle .line-or {
    float: left;
    width: 100%;
    height: 1px;
    background: #ede7e4;
    position: relative;
    margin: 10px 0 20px 0; }
    .extraStepStyle .line-or .ex {
      position: absolute;
      left: 50%;
      font-size: 16px;
      background: #ffffff;
      top: -18px;
      padding: 6px;
      margin-left: -10px; }

  .image-video-height {
    height: 416px !important; }

  #content .photos .video-no-photos {
    width: 100%;
    height: 416px; }

  .flex-box-lg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .flex-box-lg .left {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      width: 20%;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }

  .vertical-middle-lg {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

  * {
    box-sizing: border-box; }

  .smallPaddingTopDetail {
    padding-top: 0 !important; }

  .deal .selectboxit-container span {
    height: 43px !important; }
    .deal .selectboxit-container span.selectboxit-text {
      padding: 6px 20px; }

  .commentBoxShadow {
    overflow: hidden;
    height: 210px; }

  #scrollerContent #sectionOverviewBox .time, #dashContent #sectionOverviewBox .time {
    border-left: 1px solid #e5e9ec;
    text-align: left;
    padding-left: 20px; }
    #scrollerContent #sectionOverviewBox .time a, #dashContent #sectionOverviewBox .time a {
      float: left;
      margin-top: 20px; }
    #scrollerContent #sectionOverviewBox .time #leadStatusSection .left-small, #dashContent #sectionOverviewBox .time #leadStatusSection .left-small {
      min-width: 110px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637; }
    #scrollerContent #sectionOverviewBox .time #leadStatusSection .right, #dashContent #sectionOverviewBox .time #leadStatusSection .right {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 15px;
      color: #3c3637; }

  .wrapper #dashContent .review .content .time {
    width: 30%; }
  .wrapper #dashContent .section-left {
    width: 70%; }
  .wrapper #dashContent .section-right {
    width: 30%; }
  .wrapper #dashContent .box ul.treatList li p {
    width: 65%; }
  .wrapper #dashContent .box ul.treatList li span.title {
    width: 65%; }

  #dashContent ul.treat li label {
    height: 25px !important; }
  #dashContent .box .contentBoxShadow.compact {
    box-shadow: 0 0 0;
    margin-bottom: 0;
    padding-left: 10px; }
    #dashContent .box .contentBoxShadow.compact .contentWrapper {
      padding: 18px 5px; }
      #dashContent .box .contentBoxShadow.compact .contentWrapper h2.nothing-small {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #3c3637; }
  #dashContent .box .contentWrapper textarea.invite-link {
    height: 70px;
    min-height: 70px;
    white-space: pre-line;
    text-align: justify;
    padding-top: 6px; }
  #dashContent .box .contentWrapper .invite-no-input {
    padding-top: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3c3637; }
  #dashContent input[type=checkbox] {
    padding: 12px 13px !important;
    min-height: inherit !important;
    float: left;
    border: 0 !important; }
  #dashContent .numbers.scoreSliders {
    overflow-y: hidden;
    padding-left: 20px; }
  #dashContent .numbers .recommend-section {
    display: table-cell; }

  .dashboard-review-overview-flyer-bttn {
    margin-right: 12px !important;
    padding: 14px 19px !important; }
    .dashboard-review-overview-flyer-bttn.no-margin {
      margin-right: 0 !important; }

  .dash-filter-button {
    margin: -10px 0 20px 0; }
    .dash-filter-button.footer {
      margin: 0;
      float: left;
      width: 100%; }
      .dash-filter-button.footer .dashc50 {
        padding: 0; }
        .dash-filter-button.footer .dashc50 .dashboard-review-overview-flyer-bttn {
          margin-right: 0; }
    .dash-filter-button.small-filter {
      margin: -10px 0 20px 0; }

  #dashContent .sticky-in-content.footer-button-sticky {
    left: unset;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    background-color: unset;
    box-shadow: unset;
    padding: 0; }
    #dashContent .sticky-in-content.footer-button-sticky .dash-footer-buttons {
      width: calc(70% - 50px);
      background-color: #F3F5F8;
      box-shadow: 0px -3px 15px 5px rgba(0, 0, 0, 0.1);
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px; }
  #dashContent .footer-button-sticky {
    position: fixed;
    bottom: 0;
    left: 151px;
    background-color: #F3F5F8;
    box-shadow: 0px -3px 15px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding-top: 10px;
    padding-bottom: 10px;
    width: calc(75% - 144px);
    padding-right: 10px; }
  #dashContent .dash-footer-buttons {
    text-align: right;
    display: inline-block; }
    #dashContent .dash-footer-buttons.margin-extra {
      margin-bottom: 20px; }
    #dashContent .dash-footer-buttons .ghostBttn {
      display: inline-block;
      padding: 9px 18px;
      margin-right: 20px;
      font-size: 16px; }
    #dashContent .dash-footer-buttons a {
      background-color: #ffffff;
      color: #3c3637; }
    #dashContent .dash-footer-buttons input[type=submit].afspraakA {
      margin-right: 0;
      border: 1px solid #25dca6;
      cursor: pointer; }
  #dashContent #certificateSection .icheckbox_square-blue {
    width: 26px;
    height: 26px; }

  .dashboard-overview-header-button {
    margin-bottom: 30px; }
    .dashboard-overview-header-button .dashboard-overview-header-box-right .span-float-right {
      float: right; }
    .dashboard-overview-header-button .dashboard-overview-header-box-right .p-right-switch {
      float: left;
      padding-right: 20px; }
    .dashboard-overview-header-button .dashboard-overview-header-box-right .onoffswitch {
      float: right; }
      .dashboard-overview-header-button .dashboard-overview-header-box-right .onoffswitch span {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 17px;
        color: #3c3637; }
    .dashboard-overview-header-button .dash-filter-multi-button .afspraakA {
      float: left !important; }
    .dashboard-overview-header-button .arrow {
      cursor: pointer;
      float: left; }
      .dashboard-overview-header-button .arrow.disabled {
        cursor: none;
        pointer-events: none;
        opacity: 0.4; }
    .dashboard-overview-header-button .icon-circle-left {
      width: 25px;
      height: 25px;
      text-decoration: none; }
    .dashboard-overview-header-button .icon-circle-right {
      width: 25px;
      height: 25px;
      text-decoration: none;
      margin-left: 20px; }
    .dashboard-overview-header-button .date-section {
      margin-left: 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 18px;
      color: #3c3637; }

  .back-link {
    margin-bottom: 40px !important; }
    .back-link a {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #0f866c;
      text-decoration: none;
      padding-left: 10px; }

  .dashboard-table-detail .header {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    padding-top: 25px;
    margin-bottom: 12px; }
  .dashboard-table-detail .holder {
    margin-bottom: 8px; }
  .dashboard-table-detail .left {
    float: left;
    min-width: 200px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  .dashboard-table-detail .left-small {
    float: left;
    min-width: 150px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  .dashboard-table-detail .right {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #3c3637; }
    .dashboard-table-detail .right.email-change-button {
      width: calc(100% - 150px);
      padding-top: 15px; }
  .dashboard-table-detail.small .left-small {
    min-width: 95px; }

  .lead-detail-message {
    padding-top: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }

  .wrapper .lead-status-box, .contentBoxShadow .lead-status-box {
    border-bottom: 1px solid #e5e9ec;
    margin: 0 -20px 15px -20px;
    padding: 0 0 10px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #597a96;
    text-transform: uppercase; }

  .ghostBttn-dashboard {
    background-color: #F9FAFC;
    font-size: 16px;
    text-align: center; }

  .dashboard-pricelist .button-section .afspraakA, .dashboard-service-faq .button-section .afspraakA {
    float: left !important;
    margin: 15px 0 15px 20px !important; }
  .dashboard-pricelist .faq-button-section a, .dashboard-service-faq .faq-button-section a {
    margin-top: 10px;
    max-width: 220px; }

  .dashboard-pricelist .pricelist {
    padding-left: 0; }
  .dashboard-pricelist .pricelist-helper {
    display: none; }
  .dashboard-pricelist .colorBackground {
    display: none; }
  .dashboard-pricelist .wrapper {
    max-width: inherit; }
  .dashboard-pricelist.pricelist-inactive {
    position: relative; }
    .dashboard-pricelist.pricelist-inactive #priceListSection, .dashboard-pricelist.pricelist-inactive .button-section {
      filter: blur(1.5px);
      -webkit-filter: blur(1.5px); }
      .dashboard-pricelist.pricelist-inactive #priceListSection .spacer, .dashboard-pricelist.pricelist-inactive .button-section .spacer {
        min-height: 200px; }
    .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2; }
      .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 50%;
        height: max-content;
        margin: auto;
        z-index: 3;
        background-color: #ffffff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        padding: 30px; }
        .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled .pricelist-inner .title {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 24px;
          color: #0f866c;
          text-align: center;
          margin-bottom: 20px; }
        .dashboard-pricelist.pricelist-inactive .pricelist-disabled-holder .pricelist-disabled .pricelist-inner .explanation {
          text-align: center; }

  .margin-top-dashboard {
    margin-top: 20px; }

  #footer a {
    text-decoration: none;
    color: #0f866c; }
  #footer .footer-section span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #3c3637; }

  .cContentFullWidth {
    width: 100% !important; }

  .search-region-border {
    border-top: 5px solid #a3eeff;
    border-right: 5px solid #a3eeff;
    border-bottom: 5px solid #a3eeff; }

  .search-sponsored-border {
    border-top: 5px solid #fffd86;
    border-right: 5px solid #fffd86;
    border-bottom: 5px solid #fffd86; }

  .no-results {
    padding: 20px; }
    .no-results h4 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 17px;
      color: #3c3637;
      padding-bottom: 15px; }

  .tabNav {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    max-width: 750px;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    float: left; }
    .tabNav.big {
      max-width: 1130px; }
    .tabNav .wrapper-nav {
      max-width: 1130px;
      width: 100%;
      margin: 0 auto; }
    .tabNav .tab {
      display: inline-block;
      text-align: center;
      line-height: 47px;
      height: 48px;
      padding: 0 20px;
      margin: 0;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #3c3637; }
      .tabNav .tab a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #3c3637;
        opacity: 0.85;
        text-decoration: none; }
        .tabNav .tab a:hover {
          color: #0f866c; }
      .tabNav .tab a.reviews span {
        position: relative;
        top: 0;
        right: -5px;
        background: #0f866c;
        border-radius: 37px;
        padding: 3px 8px;
        text-align: center;
        font-family: Arial, sans-serifrial;
        font-weight: bold;
        font-size: 11px;
        color: #ffffff; }
    .tabNav .tabActive {
      border-bottom: 3px solid #0f866c; }
      .tabNav .tabActive a {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #0f866c; }

  #smallMenu {
    min-height: inherit !important; }

  .wrapper-nav {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto; }

  #menuTop #headerLoginSection ul li a {
    padding: 12px 16px;
    border-bottom: 0; }
    #menuTop #headerLoginSection ul li a .center-center {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 14px;
      color: #3c3637;
      opacity: 0.87;
      padding-left: 25px;
      padding-top: 2px; }
    #menuTop #headerLoginSection ul li a > div {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex; }
  #menuTop #headerLoginSection ul li .icon {
    float: left;
    width: 20px;
    height: 20px;
    opacity: 0.54;
    margin-left: 0;
    padding: 0; }
    #menuTop #headerLoginSection ul li .icon.small svg {
      width: 20px;
      height: 20px;
      fill: #3c3637;
      fill-opacity: 0.4; }
    #menuTop #headerLoginSection ul li .icon svg .lightFill {
      fill: #3c3637;
      opacity: 0.54; }
    #menuTop #headerLoginSection ul li .icon svg .darkFill {
      fill: #3c3637;
      opacity: 0.54; }

  #userProfile .profile-holder .img-big {
    width: 95px !important;
    height: 95px !important; }

  .dash-table-overview.small-font-table tr th {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #597a96;
    padding: 18px 14px; }
  .dash-table-overview.small-font-table td {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #3c3637; }
  .dash-table-overview thead th {
    text-align: left;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e9ec; }
  .dash-table-overview tbody .small-font {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3c3637; }
  .dash-table-overview tbody tr {
    margin-bottom: 10px; }
    .dash-table-overview tbody tr:first-child td {
      padding-top: 10px; }
    .dash-table-overview tbody tr td {
      font-size: 16px;
      padding-bottom: 10px;
      /* styles for '...' */ }
      .dash-table-overview tbody tr td .email {
        /* hide text if it more than N lines  */
        overflow: hidden;
        /* for set '...' in absolute position */
        position: relative;
        /* use this value to count block height */
        line-height: 1.2em;
        /* max-height = line-height (1.2) * lines max number (3) */
        max-height: 2.4em;
        /* fix problem when last visible word doesn't adjoin right side  */
        text-align: justify;
        /* place for '...' */
        margin-right: -1em;
        padding-right: 1em;
        word-wrap: break-word; }
        .dash-table-overview tbody tr td .email:before {
          /* points in the end */
          content: '\2026';
          /* absolute position */
          position: absolute;
          /* set position to right bottom corner of block */
          right: 14px;
          bottom: 0;
          background: #ffffff; }
        .dash-table-overview tbody tr td .email:after {
          /* points in the end */
          content: '';
          /* absolute position */
          position: absolute;
          /* set position to right bottom corner of text */
          right: 9px;
          /* set width and height */
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          /* bg color = bg color under block */
          background: #ffffff; }
  .dash-table-overview.no-shadow {
    box-shadow: 0 0 0;
    margin-bottom: 0 !important; }

  ul.three-columns-ul-not-nested {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    columns: 3; }
    ul.three-columns-ul-not-nested.employee .employee-holder {
      margin-right: 25px;
      margin-bottom: 25px; }
    ul.three-columns-ul-not-nested li {
      display: inline-block;
      break-inside: avoid-column;
      -webkit-column-break-inside: avoid; }

  .html-sitemap-holder h2, .three-columns-ul h2 {
    padding: 50px 0; }
  .html-sitemap-holder ul > li > ul, .three-columns-ul ul > li > ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    columns: 3; }
  .html-sitemap-holder.treatment-ul ul > li, .three-columns-ul.treatment-ul ul > li {
    font-size: 20px; }
  .html-sitemap-holder.treatment-ul ul > li > ul > li, .three-columns-ul.treatment-ul ul > li > ul > li {
    font-size: 16px;
    line-height: 22px; }

  .spacing-dialog-integrated .right-modal {
    margin-top: 40px; }
  .spacing-dialog-integrated input[type=checkbox] {
    padding: 0;
    width: 25px;
    height: 25px;
    border-radius: 0; }

  .scoreWrapper .explanation {
    position: absolute;
    float: right;
    right: 80px;
    bottom: 0;
    height: 20px;
    cursor: pointer; }
    .scoreWrapper .explanation.search {
      right: 50px;
      bottom: 17px; }
      .scoreWrapper .explanation.search .icon-info-rating {
        width: 18px;
        height: 18px; }
    .scoreWrapper .explanation .icon {
      display: inline-block;
      fill: currentColor; }
    .scoreWrapper .explanation .icon-info-rating {
      width: 20px;
      height: 20px;
      text-decoration: none;
      color: #bfc4c9; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none; }

  .dashc5-xl {
    float: left;
    width: 5%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc6-xl {
    float: left;
    width: 6%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc10-xl {
    float: left;
    width: 10%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc14-xl {
    float: left;
    width: 14%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc15-xl {
    float: left;
    width: 15%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc20-xl {
    float: left;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc25-xl {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px; }

  .dashc30-xl {
    float: left;
    width: 30%;
    padding-left: 15px;
    padding-right: 15px; }

  .dialog-small {
    padding: 35px 40px 35px 40px !important; }
    .dialog-small h2 {
      padding-top: 0 !important;
      text-align: left; }
    .dialog-small .popupLogo {
      display: none; }
    .dialog-small .explanation-section {
      text-align: left;
      padding-top: 10px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      color: #3c3637; }
      .dialog-small .explanation-section p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        padding-bottom: 10px; }
      .dialog-small .explanation-section ul {
        padding-left: 16px; }
        .dialog-small .explanation-section ul li {
          padding-bottom: 10px; }
    .dialog-small .dialog-content {
      min-width: 633px; }
      .dialog-small .dialog-content .modal-explanation {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #3c3637;
        text-align: left;
        margin-bottom: 10px; }
        .dialog-small .dialog-content .modal-explanation.first {
          margin-top: 15px; }
        .dialog-small .dialog-content .modal-explanation p {
          margin-bottom: 10px; }
        .dialog-small .dialog-content .modal-explanation.blue {
          padding-top: 20px;
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 16px;
          color: #0f866c;
          margin-bottom: 5px; }
          .dialog-small .dialog-content .modal-explanation.blue.big {
            padding-top: 5px;
            font-size: 18px; }
        .dialog-small .dialog-content .modal-explanation.header {
          padding-top: 20px;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #3c3637;
          margin-bottom: 5px; }
      .dialog-small .dialog-content form {
        margin-top: 15px; }
        .dialog-small .dialog-content form .selectboxit-disabled {
          border: 1px #E1E4E5 dashed !important; }
        .dialog-small .dialog-content form .tt-dropdown-menu {
          max-height: 220px; }
      .dialog-small .dialog-content.reviewAddInfo form {
        width: 100%; }
      .dialog-small .dialog-content .input-header {
        padding: 20px 0 10px 0; }
        .dialog-small .dialog-content .input-header .name {
          float: left;
          text-align: left;
          text-transform: uppercase;
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 13px;
          color: #597a96;
          width: calc(100% - 100px); }
        .dialog-small .dialog-content .input-header .max-chars {
          float: left;
          width: 100px;
          text-align: right;
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 13px;
          color: #3c3637; }
        .dialog-small .dialog-content .input-header .max-chars-red {
          float: left;
          width: 100px;
          text-align: right;
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 13px;
          color: #c93914; }
      .dialog-small .dialog-content .radio-section label {
        width: 100%; }
        .dialog-small .dialog-content .radio-section label .iradio_square-blue {
          margin-right: 20px; }
      .dialog-small .dialog-content .terms-section label {
        width: 100%; }
        .dialog-small .dialog-content .terms-section label .icheckbox_square-blue {
          margin-right: 20px; }
      .dialog-small .dialog-content input[type=text] {
        max-width: 100% !important; }
      .dialog-small .dialog-content textarea {
        max-width: 100% !important;
        margin-top: 0 !important; }
      .dialog-small .dialog-content .selectboxit-container {
        max-width: 100% !important; }
      .dialog-small .dialog-content .errorMsg {
        float: left;
        width: 100%;
        text-align: left; }
      .dialog-small .dialog-content .input-icon {
        position: relative; }
        .dialog-small .dialog-content .input-icon i {
          position: absolute;
          display: block;
          transform: translate(0, -50%);
          top: 50%;
          pointer-events: none;
          width: 25px;
          text-align: center;
          font-style: normal; }
        .dialog-small .dialog-content .input-icon input {
          padding-left: 25px;
          margin-bottom: 0 !important;
          text-align: right;
          padding-right: 15px; }
          .dialog-small .dialog-content .input-icon input:disabled {
            background: #fafbfc;
            opacity: 0.62;
            border: 1px #E1E4E5 dashed !important; }
      .dialog-small .dialog-content .price-group .price-left {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        float: left;
        padding-right: 20px; }
      .dialog-small .dialog-content .price-group .price-right {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3c3637;
        float: left;
        padding-left: 20px; }
      .dialog-small .dialog-content .price-group .price-section {
        float: left;
        width: 100px; }
      .dialog-small .dialog-content .price-group .onoffswitch .onoffswitch-label {
        float: inherit; }
      .dialog-small .dialog-content .from-price-group {
        padding-top: 30px; }
        .dialog-small .dialog-content .from-price-group .from-price-header {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637;
          text-align: left; }
        .dialog-small .dialog-content .from-price-group .checkbox-align {
          position: relative;
          margin-bottom: .35rem;
          padding-left: 40px;
          display: block; }
          .dialog-small .dialog-content .from-price-group .checkbox-align span.checkbox {
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            margin-right: 10px;
            display: inline-block; }
          .dialog-small .dialog-content .from-price-group .checkbox-align span.label-text {
            margin: 0;
            top: 0;
            padding-left: 0; }
      .dialog-small .dialog-content .blue-bttn {
        background-color: #0f866c !important;
        box-shadow: 0 1px 0 #107498;
        border-bottom: 0 !important;
        margin-top: 30px !important; }
      .dialog-small .dialog-content #customResultSection .content {
        text-align: left;
        width: calc(100% - 100px); }
      .dialog-small .dialog-content #customResultSection .emp {
        padding: 10px 0 !important;
        margin: 0 !important; }
      .dialog-small .dialog-content .buttons-holder {
        display: flex;
        border-top: 1px solid #e5e9ec;
        padding-top: 15px;
        margin-top: 15px; }
        .dialog-small .dialog-content .buttons-holder button {
          width: auto;
          cursor: pointer;
          display: inline-block;
          font-weight: 500;
          font-size: 15px;
          line-height: 32px;
          padding: 0 16px; }
          .dialog-small .dialog-content .buttons-holder button.right {
            margin-left: auto;
            background-color: #0f866c; }

  .pricelist-helper .svg-section {
    margin-right: -50px; } }
/** ipad
  * http://stephen.io/mediaqueries/#iPhone
 **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-md {
    display: none !important; }

  .c5-md {
    float: left;
    width: 5% !important; }

  .c6-md {
    float: left;
    width: 5% !important; }

  .c10-md {
    float: left;
    width: 10% !important; }

  .c14-md {
    float: left;
    width: 14% !important; }

  .c15-md {
    float: left;
    width: 15% !important; }

  .c25-md {
    float: left;
    width: 25% !important; }

  .c30-md {
    float: left;
    width: 30% !important; }

  .c100-md {
    float: left;
    width: 100% !important; }

  .dashc5-md {
    float: left;
    width: 5%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc6-md {
    float: left;
    width: 6%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc10-md {
    float: left;
    width: 10%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc15-md {
    float: left;
    width: 15%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc20-md {
    float: left;
    width: 20%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc25-md {
    float: left;
    width: 25%;
    padding-left: 5px;
    padding-right: 5px; }

  .dashc30-md {
    float: left;
    width: 30%;
    padding-left: 5px;
    padding-right: 5px; }

  .pricelist-helper .svg-section {
    float: right;
    margin-right: 15px; }

  #appointment .stepper-section-review {
    margin: 20px 0 0 10px; }

  .search-left .selectboxit-text {
    font-size: 14px !important;
    padding-left: 10px !important; }
  .search-left input[type=text] {
    font-size: 14px !important;
    padding-left: 10px !important; }
  .search-left input[type=checkbox] {
    width: 10px !important;
    padding: 10px 10px;
    border-radius: 0; }
  .search-left label span {
    font-size: 14px !important; }

  .header-results .text {
    width: calc(100% - 262px); }
  .header-results .sorting {
    width: 262px; } }
/** ipad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .priceList .product-box {
    width: calc(66.66666667% - 47px); }
    .priceList .product-box .product-box-holder .product-item:first-child {
      padding-top: 0; }
    .priceList .product-box .product-box-holder .product-item .cta-section {
      margin-right: 0; }

  .wrapper.spacing .cContent.cContent-md {
    width: calc(100% - 275px); }
  .wrapper.spacing .cBanner.cBanner-md {
    width: 275px; }
    .wrapper.spacing .cBanner.cBanner-md .bookIntakeExpl {
      padding: 20px !important; }
    .wrapper.spacing .cBanner.cBanner-md .default-form-lg input[type=text] {
      font-size: 15px;
      padding: 13px 15px; }
    .wrapper.spacing .cBanner.cBanner-md .default-form-lg .selectboxit-container span.selectboxit-text {
      font-size: 15px;
      padding: 8px 15px; }
    .wrapper.spacing .cBanner.cBanner-md .default-form-lg .small {
      font-size: 13px !important;
      padding: 0 0 9px; }
    .wrapper.spacing .cBanner.cBanner-md .default-form-lg input[type=submit] {
      margin-top: 0;
      width: 100%; }

  #content .photos .photoBig {
    width: calc(100%-30%); }
    #content .photos .photoBig .image-button-holder-lg .button-lg {
      width: 75px; }

  #homeImage .bgImg.header {
    background-position: -140px center;
    background-repeat: no-repeat; }

  #services .box5 .box {
    padding: 30px 20px; }
    #services .box5 .box p {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 15px;
      color: #3c3637;
      width: 90%; }

  #smallHeader.header-treatment-overview h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff; } }
* {
  -webkit-font-smoothing: antialiased; }

.holder-remove-icon {
  float: left;
  width: 100%;
  position: relative; }

.blueTransparentBttn {
  border: 1px solid #157fab !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #157fab;
  color: #157fab !important;
  background: transparent !important;
  border-radius: 2px;
  padding: 7px 17px !important;
  text-align: center;
  text-decoration: none; }

.blueBttn {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #ffffff;
  border-radius: 2px;
  padding: 12px 17px !important;
  text-align: center;
  text-decoration: none;
  background: #0f866c; }

.orangeBttn {
  background: #fc6500 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  font-size: 20px !important; }

.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flex-box .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.vertical-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.center-div {
  display: flex;
  justify-content: center; }

.init-active {
  display: none; }

.ui-datepicker-next span {
  font-size: 0 !important; }

.ui-datepicker-prev span {
  font-size: 0 !important; }

.ui-datepicker-calendar .ui-state-disabled span {
  border: 1px solid #D0D0D0;
  width: 34px !important;
  height: 34px !important;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #D0D0D0 !important;
  font-size: 12px;
  font-weight: 500;
  position: relative; }

.website-link {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px; }

p.big {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637; }

.dashWrapper {
  padding: 0 15px; }

#statusSection .searchImgStatus {
  width: 235px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
#statusSection .place-large {
  width: 100% !important; }

.img-phone-box {
  background: url("/img/master/popupLogo.png") center;
  background-size: cover;
  width: 67px !important;
  height: 44px !important;
  border-radius: 0 !important; }

.contactBox-blue {
  background: -moz-linear-gradient(left, #1688B6 0%, #0C6092 100%);
  background: -webkit-linear-gradient(left, #1688B6 0%, #0C6092 100%);
  background: linear-gradient(to right, #1688B6 0%, #0C6092 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1688B6', endColorstr='#0C6092',GradientType=1 ); }
  .contactBox-blue h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff; }
  .contactBox-blue ol {
    counter-reset: item;
    list-style-type: none;
    margin-top: 7px; }
    .contactBox-blue ol li {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 16px !important;
      color: #ffffff !important;
      display: block;
      margin-bottom: .5em; }
      .contactBox-blue ol li:before {
        display: inline-block;
        content: counter(item) "";
        counter-increment: item;
        border: 1.5px solid #ffffff;
        color: #ffffff;
        border-radius: 50%;
        padding: 0 5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px !important;
        color: #ffffff !important; }
      .contactBox-blue ol li span {
        padding-left: 10px; }

.contactBox-white h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #0f866c; }
.contactBox-white ol {
  counter-reset: item;
  list-style-type: none;
  margin-top: 7px; }
  .contactBox-white ol li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px !important;
    color: #3c3637 !important;
    display: block;
    margin-bottom: .5em;
    position: relative;
    padding-left: 40px; }
    .contactBox-white ol li:before {
      display: inline-block;
      content: counter(item) "";
      counter-increment: item;
      border: 1.5px solid #0f866c;
      color: #ffffff;
      border-radius: 50%;
      padding: 0 5px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px !important;
      color: #0f866c !important;
      position: absolute;
      left: 0; }

.headerSelect .selectboxit-container {
  width: auto !important; }
  .headerSelect .selectboxit-container span.selectboxit-text {
    padding: 0 30px 0 0;
    color: #ffffff !important; }
  .headerSelect .selectboxit-container .selectboxit-options {
    min-width: inherit !important;
    width: auto !important; }
  .headerSelect .selectboxit-container span {
    height: inherit !important;
    background: none !important;
    border: 0 !important; }
  .headerSelect .selectboxit-container .selectboxit-arrow-container {
    height: 31px !important;
    float: right; }
    .headerSelect .selectboxit-container .selectboxit-arrow-container .selectboxit-arrow {
      margin: 0 auto !important;
      position: absolute !important;
      top: 50% !important;
      right: 0 !important;
      left: 4px !important;
      margin-top: -1px !important; }
  .headerSelect .selectboxit-container .selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #FFFFFF !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
.headerSelect .selectboxit-btn.selectboxit-enabled:hover, .headerSelect .selectboxit-btn.selectboxit-enabled:focus, .headerSelect .selectboxit-btn.selectboxit-enabled:active {
  background: none !important; }

#userReview {
  margin-top: 20px; }
  #userReview .profile-holder {
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-right: 25px; }
  #userReview .img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    #userReview .img div {
      font-size: 20px;
      font-weight: 700;
      color: #fff; }
  #userReview .img-photo {
    background-position: center center !important;
    background-size: cover !important; }
  #userReview .img-placeholder {
    background-color: #dee2e6; }
  #userReview .user {
    margin-top: 0 !important; }
    #userReview .user span {
      background: #dee2e6;
      font-weight: 400;
      padding: 6px 13px;
      border-radius: 3px;
      margin-left: 15px;
      position: relative; }
      #userReview .user span:before {
        left: -21px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #DEE2E6;
        border-width: 11px; }
      #userReview .user span.small:before {
        top: 3px; }

#userProfile .h1-dash-nav {
  width: calc(100% - 120px);
  padding-left: 20px; }
#userProfile .profile-holder {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center; }
  #userProfile .profile-holder .img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    #userProfile .profile-holder .img div {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 17px;
      color: #ffffff; }
  #userProfile .profile-holder .img-photo {
    background-position: center center !important;
    background-size: cover !important; }
  #userProfile .profile-holder .img-placeholder {
    background-color: #dee2e6; }
    #userProfile .profile-holder .img-placeholder div {
      vertical-align: middle; }
#userProfile .userTab {
  width: 1px !important; }
#userProfile .user {
  margin-top: 0 !important; }

.greenBttn {
  text-decoration: none;
  background: #25dca6;
  padding: 14px 18px;
  color: #ffffff;
  border-radius: 3px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .greenBttn:hover {
    background: #1fb78a; }
  .greenBttn.left {
    float: left; }
  .greenBttn.green-bttn-right {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    float: right;
    cursor: pointer; }

.greenBttnWhiteFont {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px !important;
  color: #ffffff !important; }

.bttnFitContent {
  width: fit-content; }

.ghostBttn {
  text-decoration: none;
  background: none;
  padding: 13px 18px;
  display: block;
  color: #3c3637;
  border-radius: 3px;
  border: 1px solid #e5e9ec;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 400; }
  .ghostBttn:hover {
    border: 1px solid #3c3637; }
  .ghostBttn.left {
    float: left; }
  .ghostBttn.small {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #3c3637; }
  .ghostBttn.grey {
    background-color: #F4F6F7; }
  .ghostBttn.margin-top {
    margin-top: 20px; }

.dashc66 {
  float: left;
  width: 66.6666%;
  padding-left: 15px;
  padding-right: 15px; }

.dashc80 {
  float: left;
  width: 80%;
  padding-left: 15px;
  padding-right: 15px; }

.dashc75 {
  #float: left;
  #width: 75%;
  #padding-left: 15px;
  #padding-right: 15px; }

.dashc33 {
  float: left;
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px; }

.dashc20 {
  float: left;
  width: 20%;
  padding-left: 15px;
  padding-right: 15px; }

.c100N {
  float: left;
  width: 100%; }

.c66N {
  float: left;
  width: 66.6666%; }

.c80N {
  float: left;
  width: 80%; }

.c60N {
  float: left;
  width: 60%; }

.c50N {
  float: left;
  width: 50%; }

.c40N {
  float: left;
  width: 40%; }

.c33N {
  float: left;
  width: 33.3333%; }

.c30N {
  float: left;
  width: 30%; }

.c25N {
  float: left;
  width: 25%; }

.c20N {
  float: left;
  width: 20%; }

.score {
  position: absolute;
  top: 0;
  background: #0f866c;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  width: 45px;
  height: 45px;
  padding: 5px 0;
  text-align: center; }
  .score:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 22.5px 0 22.5px;
    border-color: #1a98ce transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 0; }
  .score.green {
    background: #25dca6; }
    .score.green:after {
      border-color: #25dca6 transparent transparent transparent; }
  .score.red {
    background: #c93914; }
    .score.red:after {
      border-color: #c93914 transparent transparent transparent; }
  .score.orange {
    background: #f26422; }
    .score.orange:after {
      border-color: #f26422 transparent transparent transparent; }
  .score.grey {
    background: #969696; }
    .score.grey:after {
      border-color: #969696 transparent transparent transparent; }
  .score span {
    font-size: 16px;
    position: relative;
    top: -10px; }
  .score.middle {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 38px;
    color: #ffffff;
    width: 55px;
    height: 55px; }
    .score.middle:after {
      border-width: 8px 28px 0 28px; }
    .score.middle span {
      font-size: 20px;
      position: relative;
      top: -14px; }
  .score.big {
    width: 63px;
    height: 63px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 44px;
    color: #ffffff; }
    .score.big:after {
      border-width: 8px 31.5px 0 31.5px; }
    .score.big span {
      font-size: 27px;
      position: relative;
      top: -14px; }

.upper {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #597a96;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  .upper.small {
    font-size: 11px;
    color: #b9bed1; }
  .upper.bottom {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #0f866c; }
  .upper.noBorderPadding {
    border: 0 !important;
    padding: 0 !important; }
  .upper a {
    color: #0f866c;
    text-decoration: none; }

.h3about {
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #3c3637;
  letter-spacing: 0;
  margin-top: 13px; }

#filterDiv {
  margin-top: 10px; }
  #filterDiv .dashboard-filter-label {
    background-color: #0f866c;
    display: flex;
    align-items: center;
    border-radius: 16px;
    height: 32px;
    overflow: hidden;
    margin: 8px 4px 0 4px;
    float: left; }
    #filterDiv .dashboard-filter-label .label-content {
      color: #ffffff;
      display: flex;
      align-items: center;
      border-radius: 16px;
      height: 32px;
      overflow: hidden;
      cursor: pointer;
      margin: 0 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #filterDiv .dashboard-filter-label .label-cancel {
      display: flex;
      background-size: 19px 19px;
      border: 0;
      cursor: pointer;
      height: 19px;
      margin-left: -8px;
      margin-right: 4px;
      min-width: 19px;
      padding: 3px;
      width: 19px;
      margin-top: -15px;
      fill: #ffffff; }
    #filterDiv .dashboard-filter-label .icon {
      display: inline-block;
      width: 1em;
      height: 1em;
      stroke-width: 0;
      stroke: currentColor;
      fill: currentColor; }

.badge {
  display: inline-block;
  padding: .35em .4em;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  min-width: 120px;
  width: 100%;
  width: -webkit-fill-available; }
  .badge.badge-small {
    margin-left: 1.25rem;
    min-width: unset;
    padding: .35em 1.4em;
    text-transform: uppercase; }

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem; }

.badge-green {
  background-color: #44BC3C; }

.badge-blue {
  background-color: #0f866c; }

.badge-gray {
  background-color: #828083; }

.badge-red {
  background-color: #fa0202; }

.badge-orange {
  background-color: #fc6500; }

.dashboard-table {
  width: 100%; }
  .dashboard-table li {
    font-size: 16px; }

.dashboard-table-small-padding {
  padding: 18px 5px !important; }

.ghostBttn-small {
  padding: 8px 18px;
  font-size: 15px; }
  .ghostBttn-small.first {
    float: left;
    margin-left: 10px; }
  .ghostBttn-small.inner-small {
    padding: 8px 10px;
    font-size: 13px; }
  .ghostBttn-small.first-admin {
    float: left; }

.error {
  font-weight: 500;
  font-size: 0.9rem;
  color: #c93914;
  font-family: 'Roboto', sans-serif; }

.info {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #e4e4e4;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
  color: #888888;
  font-size: 12px;
  display: inline-flex;
  cursor: pointer;
  position: relative; }
  .info:hover .toolt {
    opacity: 1;
    visibility: visible; }
  .info .toolt {
    position: absolute;
    bottom: 32px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    background: #444444;
    color: white;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .info .toolt:before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -9px;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 9px 10px 0 10px;
      border-color: #444444 transparent transparent transparent; }

.privacy {
  font-size: 16px !important;
  text-align: left !important;
  margin-top: -20px !important; }

.hasError {
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; }

.has-error-with-border {
  border: 1px solid #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; }

.dashBoxPadding {
  padding-top: 10px; }

.autocomplete p {
  float: inherit;
  text-align: left !important; }

.stepper-section-review {
  margin: 0 0 20px 10px; }

.step-section {
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }
  .step-section .number {
    float: left; }
    .step-section .number span {
      width: 24px;
      height: 24px;
      border-radius: 100%;
      background: #0f866c;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      justify-content: center;
      align-items: center; }
    .step-section .number .disabled {
      background: #969696; }
  .step-section .step-active {
    font-size: 16px;
    font-weight: 500;
    color: #666; }
  .step-section .step-description {
    float: left;
    margin-left: 8px; }
    .step-section .step-description .disabled {
      font-size: 16px;
      font-weight: 400;
      color: #969696; }
  .step-section .step-line {
    float: left;
    background-color: #0d3455;
    flex-grow: 100;
    height: 1px;
    margin-left: 8px; }
  .step-section .step-line-disabled {
    background-color: #ffffff !important; }

.selectboxit-container {
  z-index: 99 !important; }

.disabled-filter {
  filter: blur(1px);
  -webkit-filter: blur(1px);
  pointer-events: none; }

.dash-strong {
  font-weight: 500 !important; }

.dash-strong-ignore {
  font-weight: 300 !important; }

.ribbon {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  overflow: hidden;
  width: 101px;
  height: 101px;
  text-align: right; }
  .ribbon span {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 27px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 140px;
    display: block;
    background: #fc6500;
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 24px;
    right: -31px; }

.pDealsTop {
  text-align: center;
  padding: 7px 0 12px 0 !important; }

.search-left {
  padding-top: 15px;
  background-color: #ffffff; }
  .search-left .options .search-select .selectboxit-container {
    z-index: inherit !important; }

.widget_services_list {
  height: 150px;
  width: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #D9D9D9; }
  .widget_services_list .service-holder {
    display: block;
    height: 25px !important;
    max-height: 25px !important; }
  .widget_services_list .input-section {
    display: block;
    height: 20px !important;
    max-height: 20px !important;
    text-align: left; }
    .widget_services_list .input-section .icheckbox_square-blue {
      zoom: 0.7; }
    .widget_services_list .input-section input {
      max-height: 25px;
      min-height: 10px; }

ul.three-columns-ul-not-nested {
  -moz-column-fill: balance;
  column-fill: balance; }
  ul.three-columns-ul-not-nested.employee li {
    display: inline-block;
    height: 90px; }
  ul.three-columns-ul-not-nested.employee .employee-holder {
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    ul.three-columns-ul-not-nested.employee .employee-holder .img {
      width: 70px;
      height: 70px;
      margin-right: 20px;
      border-radius: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
    ul.three-columns-ul-not-nested.employee .employee-holder .content-section {
      float: left;
      width: calc(100% - 70px); }

.html-sitemap-holder .list-header, .three-columns-ul .list-header {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #0f866c;
  margin-top: 20px; }
.html-sitemap-holder ul, .three-columns-ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .html-sitemap-holder ul.box-white, .three-columns-ul ul.box-white {
    background-clip: content-box;
    background: white;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18);
    padding: 30px 20px 30px 20px; }
.html-sitemap-holder ul > li, .three-columns-ul ul > li {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #3c3637;
  padding-top: 15px; }
.html-sitemap-holder ul > li > ul, .three-columns-ul ul > li > ul {
  -moz-column-fill: balance;
  column-fill: balance; }
.html-sitemap-holder ul > li > ul > li, .three-columns-ul ul > li > ul > li {
  padding-top: 6px; }
  .html-sitemap-holder ul > li > ul > li a, .three-columns-ul ul > li > ul > li a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #3c3637;
    text-decoration: none; }
    .html-sitemap-holder ul > li > ul > li a:hover, .three-columns-ul ul > li > ul > li a:hover {
      text-decoration: underline; }

.thumbQuestion label#thumbsUp, .thumbQuestion label#thumbsDown {
  width: calc(100% - 70px); }
  .thumbQuestion label#thumbsUp span, .thumbQuestion label#thumbsDown span {
    position: relative;
    top: 0;
    padding-left: 10px; }
.thumbQuestion label#thumbsDown {
  margin-top: 10px !important; }

.leaflet-control-attribution a {
  text-decoration: none;
  font-size: 11px; }

.gmico_green40 {
  background-image: url("/images/green40.png");
  text-align: center; }

.gmico_green60 {
  background-image: url("/images/green60.png");
  text-align: center; }
  .gmico_green60 span .scoreMarker {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px; }
  .gmico_green60 span.score span.small {
    font-size: 10px;
    position: relative;
    top: -6px; }

.gmico_green80 {
  background-image: url("/images/green80.png");
  text-align: center; }
  .gmico_green80 span.scoreMarker {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
    line-height: 41px; }
    .gmico_green80 span.scoreMarker span.small {
      font-size: 10px;
      position: relative;
      top: -6px; }

.gmico_red40 {
  background-image: url("/images/red40.png");
  text-align: center; }

.gmico_red60 {
  background-image: url("/images/red60.png");
  text-align: center; }
  .gmico_red60 span.scoreMarker {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px; }
    .gmico_red60 span.scoreMarker span.small {
      font-size: 10px;
      position: relative;
      top: -6px; }

.gmico_red80 {
  background-image: url("/images/red80.png");
  text-align: center; }
  .gmico_red80 span.scoreMarker {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
    line-height: 41px; }
    .gmico_red80 span.scoreMarker span.small {
      font-size: 10px;
      position: relative;
      top: -6px; }

.gmico_grey40 {
  background-image: url("/images/grey40.png");
  text-align: center; }

.gmico_grey60 {
  background-image: url("/images/grey60.png");
  text-align: center; }
  .gmico_grey60 span.scoreMarker {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px; }
    .gmico_grey60 span.scoreMarker span.small {
      font-size: 10px;
      position: relative;
      top: -6px; }

#dashContent #widgetSection .select_wrapper {
  position: relative; }
  #dashContent #widgetSection .select_wrapper .selectboxit-container {
    position: initial; }
#dashContent #widgetSection .box ul {
  list-style-type: none;
  max-height: 300px !important; }
#dashContent #widgetSection .wateverclass span {
  float: left; }

.input-manual-focus {
  border: 1px solid #0f866c !important; }

#menu {
  float: left;
  width: 120px;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  z-index: 2;
  overflow: auto; }
  #menu ul {
    list-style-type: none;
    float: left;
    width: 100%; }
    #menu ul li {
      float: left;
      width: 100%; }
      #menu ul li.goBack a {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #597a96;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding-top: 0;
        color: #597a96; }
      #menu ul li a {
        float: left;
        width: 100%;
        border-bottom: 0;
        text-align: center;
        padding: 15px 0; }
        @media screen and (max-height: 885px) {
          #menu ul li a {
            padding: 7px 0; } }
        #menu ul li a span.center {
          float: left;
          width: 100%;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          height: 40px;
          margin-bottom: 5px; }
          #menu ul li a span.center.small svg {
            fill: #c2ced8; }
        #menu ul li a svg {
          float: left;
          width: 100%;
          max-width: 37px;
          max-height: 37px; }
          #menu ul li a svg .lightFill {
            fill: #c2ced8;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          #menu ul li a svg .darkFill {
            fill: #9fb2c2;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          @media screen and (max-height: 885px) {
            #menu ul li a svg {
              max-width: 32px;
              max-height: 32px; } }
        #menu ul li a:hover {
          border-bottom: 0; }
          #menu ul li a:hover svg .lightFill {
            fill: #3fbff3; }
          #menu ul li a:hover svg .darkFill {
            fill: #0498d0; }

#dashHeader {
  float: left;
  width: 100%;
  height: 195px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1e4+0,066497+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* FF3.6-15 */
  background:-webkit-linear-gradient(right, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(249, 197, 190, 0.5) 0%, rgba(249, 197, 190, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61db1e4', endColorstr='#e6066497',GradientType=1 );
  /* IE6-9 */
  position: relative; }
  #dashHeader .logoSvg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
    margin: 15px 30px; }
    @media screen and (max-width: 1140px) {
      #dashHeader .logoSvg {
        display: none; } }
    #dashHeader .logoSvg svg path {
      fill: #ffffff; }
  #dashHeader .headerContent {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 145px; }
    #dashHeader .headerContent h1 {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 45px;
      color: #819ab0; }
    #dashHeader .headerContent .user {
      float: left;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      height: 50px;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: right;
      margin-right: 10px; }
      #dashHeader .headerContent .user .name {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637;
        float: left; }
      #dashHeader .headerContent .user .logout {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 11px;
        color: #3c3637;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        text-decoration: none;
        margin-top: 3px; }
    #dashHeader .headerContent .userImg {
      height: 50px;
      width: 50px;
      background: #ffffff;
      border-radius: 100%;
      float: left; }
  #dashHeader .innerMenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 15px; }
    #dashHeader .innerMenu .bubble {
      background: red;
      font-size: 13px;
      color: #ffffff;
      padding: 3px 9px;
      border-radius: 100px;
      margin-left: 10px; }
      #dashHeader .innerMenu .bubble.afgewezen {
        background: #777777; }
      #dashHeader .innerMenu .bubble.online {
        background: #25dca6; }
      #dashHeader .innerMenu .bubble.afwachting {
        background: #096d9e; }
    #dashHeader .innerMenu img {
      height: 30px;
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 15px 30px; }
    #dashHeader .innerMenu ul {
      float: left;
      width: 100%;
      list-style-type: none; }
      #dashHeader .innerMenu ul li {
        float: left; }
        #dashHeader .innerMenu ul li a {
          float: left;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #597a96;
          padding: 20px 15px;
          text-decoration: none; }
          #dashHeader .innerMenu ul li a.active {
            font-weight: 500; }

#reviewTextEdit {
  display: none; }

#editScore {
  display: none; }

#reviewScore .percentage {
  margin-top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #3c3637; }
  #reviewScore .percentage span {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #0f866c;
    position: relative;
    top: 2px;
    margin-right: 12px;
    float: left;
    width: 43px;
    margin-top: -4px; }

#scrollerContent {
  width: calc(100% - 120px);
  overflow: auto;
  float: right; }

#dashContent {
  float: left;
  width: 100%; }
  @media screen and (max-width: 1460px) {
    #dashContent .re100 {
      width: 100%; }
    #dashContent .footer-button-sticky {
      width: calc(100% - 180px); } }
  #dashContent .dashTabs {
    float: left;
    width: 100%;
    margin-bottom: 40px; }
    #dashContent .dashTabs a.tab {
      float: left;
      background: #dfe4ea;
      padding: 10px 20px;
      text-decoration: none;
      margin-right: 15px;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #3c3637; }
      #dashContent .dashTabs a.tab.active {
        background: #ffffff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  #dashContent #sendMessage h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #3c3637; }
  #dashContent .titleHeader {
    margin-bottom: 50px; }
    #dashContent .titleHeader h1 {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 30px;
      color: #0f866c; }
  #dashContent .review {
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    min-height: 165px; }
    #dashContent .review .circleStyle {
      width: 60px;
      height: 60px;
      position: relative;
      float: left; }
      #dashContent .review .circleStyle .circleScore {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 27px;
        color: #0f866c;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -16px; }
        #dashContent .review .circleStyle .circleScore .small {
          font-size: 16px;
          top: -7px;
          position: relative; }
    #dashContent .review .content {
      float: left;
      padding-left: 25px;
      width: calc(100% - 60px); }
      #dashContent .review .content p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        line-height: 26px;
        margin-top: 15px;
        float: left;
        width: 75%; }
        #dashContent .review .content p a {
          text-decoration: none;
          color: #0f866c; }
      #dashContent .review .content .time {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        width: 295px; }
        #dashContent .review .content .time .day {
          float: right;
          width: 75%;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637; }
        #dashContent .review .content .time .treat {
          float: right;
          width: 75%;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 13px;
          color: #3c3637; }
      #dashContent .review .content .title-description-section {
        width: calc(100% - 305px); }
      #dashContent .review .content .title {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #0f866c; }
      #dashContent .review .content .bottom-section {
        bottom: 0;
        position: absolute;
        margin-bottom: 15px; }
      #dashContent .review .content .user {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637;
        margin-top: 20px; }
        #dashContent .review .content .user span {
          background: #dee2e6;
          font-weight: 400;
          padding: 6px 13px;
          border-radius: 3px;
          margin-left: 15px;
          position: relative; }
          #dashContent .review .content .user span:before {
            left: -21px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(194, 225, 245, 0);
            border-right-color: #DEE2E6;
            border-width: 11px; }
  #dashContent h2.boxTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #0f866c; }
  #dashContent p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #3c3637; }
    #dashContent p.intro {
      margin-bottom: 50px; }
    #dashContent p.intro-overview {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 25px;
      color: #0f866c; }
  #dashContent .firstBox .box {
    height: 270px; }
  #dashContent .secondBox .box {
    height: 448px; }
  #dashContent .agendaBox .box {
    height: 655px; }
  #dashContent .afspraakA {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #25dca6;
    float: right;
    text-decoration: none;
    margin-right: 15px;
    padding: 9px 19px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #dashContent .afspraakA:hover {
      background: #1fb78a; }
    #dashContent .afspraakA:disabled {
      background-color: #bfc4c9;
      cursor: unset; }
  #dashContent .emailTemplate p {
    margin: 0 0 20px 0; }
  #dashContent .box {
    float: left;
    width: 100%;
    background: #ffffff;
    margin-bottom: 30px; }
    #dashContent .box.boxCalendar {
      position: absolute;
      display: none;
      width: 323px;
      z-index: 999;
      white-space: nowrap; }
    #dashContent .box h2.titleBlue {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 24px;
      color: #0f866c;
      float: left;
      width: 100%;
      margin-bottom: 15px; }
    #dashContent .box .pBlue a {
      text-decoration: underline;
      float: left;
      width: 100%;
      color: #0f866c; }
    #dashContent .box .notYet {
      position: absolute;
      z-index: 9999;
      height: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.86);
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-direction: column;
      flex-direction: column; }
      #dashContent .box .notYet h2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #3c3637;
        float: left; }
      #dashContent .box .notYet p {
        float: left; }
    #dashContent .box .widget-chooser {
      position: relative; }
      #dashContent .box .widget-chooser div.c33N {
        padding-left: 11px;
        padding-right: 11px; }
        #dashContent .box .widget-chooser div.c33N:first-child {
          padding-left: 0; }
        #dashContent .box .widget-chooser div.c33N:last-child {
          padding-right: 0; }
    #dashContent .box .inviteBox {
      margin-top: 30px;
      height: 217px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      cursor: pointer;
      position: relative;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #dashContent .box .inviteBox:hover {
        transform: translateY(-10px);
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); }
      #dashContent .box .inviteBox.smaller {
        height: 145px; }
        #dashContent .box .inviteBox.smaller span {
          margin-top: 0; }
      #dashContent .box .inviteBox.active svg path, #dashContent .box .inviteBox.active svg circle, #dashContent .box .inviteBox.active svg line, #dashContent .box .inviteBox.active svg rect, #dashContent .box .inviteBox.active svg line, #dashContent .box .inviteBox.active svg polygon {
        stroke: #0f866c; }
      #dashContent .box .inviteBox.active i {
        opacity: 1; }
      #dashContent .box .inviteBox.active span.choose {
        position: absolute;
        bottom: 10px;
        right: 20px;
        opacity: 0; }
      #dashContent .box .inviteBox i {
        position: absolute;
        opacity: 0;
        top: 20px;
        right: 20px;
        color: #25dca6;
        font-size: 35px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #dashContent .box .inviteBox:hover svg path, #dashContent .box .inviteBox:hover svg circle, #dashContent .box .inviteBox:hover svg line, #dashContent .box .inviteBox:hover svg rect, #dashContent .box .inviteBox:hover svg line, #dashContent .box .inviteBox:hover svg polygon {
        stroke: #0f866c; }
      #dashContent .box .inviteBox svg {
        height: 65px; }
        #dashContent .box .inviteBox svg path, #dashContent .box .inviteBox svg circle, #dashContent .box .inviteBox svg line, #dashContent .box .inviteBox svg rect, #dashContent .box .inviteBox svg line, #dashContent .box .inviteBox svg polygon {
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      #dashContent .box .inviteBox span {
        text-align: center;
        margin-top: 30px; }
        #dashContent .box .inviteBox span.about {
          margin-top: 0;
          font-size: 22px;
          color: #3c3637; }
        #dashContent .box .inviteBox span.choose {
          position: absolute;
          bottom: 10px;
          right: 20px;
          opacity: 1;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
    #dashContent .box h3 {
      padding: 18px 20px;
      border-bottom: 1px solid #e5e9ec;
      line-height: 13px; }
      #dashContent .box h3.center {
        text-align: center; }
      #dashContent .box h3.flexAround {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
      #dashContent .box h3.bottom {
        border-top: 1px solid #e5e9ec;
        border-bottom: 0px solid #e5e9ec;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #dashContent .box h3.bottom:hover {
          background: #FAFBFC; }
    #dashContent .box .contentWrapper {
      position: relative;
      height: calc(100% - 52px);
      overflow: auto;
      padding: 18px 20px; }
    #dashContent .box .newContentWrapper {
      position: relative;
      height: calc(100% - 52px);
      overflow: auto;
      padding: 18px 20px; }
      #dashContent .box .contentWrapper .review-content-section {
        width: calc(100% - 91px);
        float: left; }
      #dashContent .box .contentWrapper.Small {
        margin-bottom: 0 !important; }
        #dashContent .box .contentWrapper.Small.Border {
          border-top: 1px solid #e5e9ec; }
          #dashContent .box .contentWrapper.Small.Border a {
            color: #3c3637; }
      #dashContent .box .contentWrapper.overflow-visible {
        overflow: visible;
        float: left;
        width: 100%; }
        #dashContent .box .contentWrapper.overflow-visible .autocomplete-section {
          padding-bottom: 20px; }
      #dashContent .box .contentWrapper.video {
        overflow: inherit;
        float: left;
        width: 100%;
        padding: 18px 7px; }
      #dashContent .box .contentWrapper .profileImage {
        width: 145px;
        height: 145px;
        border-radius: 100%;
        float: right;
        margin-right: 20px; }
      #dashContent .box .contentWrapper .reviewTitle {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 22px;
        color: #3c3637; }
        #dashContent .box .contentWrapper .reviewTitle.mTop {
          margin-top: 25px;
          width: calc(100% - 50px); }
      #dashContent .box .contentWrapper .profile-holder a {
        color: #3c3637; }
      #dashContent .box .contentWrapper span.figure {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #ffffff;
        background: #0f866c;
        border-radius: 3px;
        padding: 5px 10px;
        margin-right: 15px;
        width: 40px;
        display: inline-block;
        text-align: center; }
      #dashContent .box .contentWrapper .sendToClinic {
        color: #0f866c;
        text-decoration: underline; }
      #dashContent .box .contentWrapper .questionSend {
        float: left;
        width: 100%;
        padding: 18px;
        background: #0f866c; }
        #dashContent .box .contentWrapper .questionSend p {
          color: #ffffff;
          margin-bottom: 20px; }
        #dashContent .box .contentWrapper .questionSend a {
          margin-bottom: 0; }
      #dashContent .box .contentWrapper .questionButton {
        background: #fafbfc;
        border: 1px solid #e5e9ec;
        width: 100%;
        float: left;
        text-align: center;
        text-decoration: none;
        margin-bottom: 30px;
        padding: 12px;
        font-size: 16px;
        color: #3c3637;
        border-radius: 1px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #dashContent .box .contentWrapper .questionButton i {
          padding-right: 10px; }
        #dashContent .box .contentWrapper .questionButton:hover {
          border: 1px solid #3c3637; }
      #dashContent .box .contentWrapper .uploadedImg {
        height: 145px;
        position: relative;
        margin-bottom: 14px;
        padding: 0 7px; }
        #dashContent .box .contentWrapper .uploadedImg .img {
          position: relative;
          float: left;
          width: 100%;
          height: 100%; }
        #dashContent .box .contentWrapper .uploadedImg .uploadTrigger {
          position: relative;
          height: 100%;
          width: 100%;
          border: 3px dashed #E3E4E5;
          color: #E3E4E5;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          justify-content: center;
          align-items: center;
          font-size: 30px;
          cursor: pointer;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #dashContent .box .contentWrapper .uploadedImg .uploadTrigger:hover {
            background: #F7F7F7; }
        #dashContent .box .contentWrapper .uploadedImg input {
          opacity: 0;
          visibility: hidden; }
      #dashContent .box .contentWrapper .editBox {
        position: relative;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 5px; }
        #dashContent .box .contentWrapper .editBox.flexCenter {
          align-items: center; }
        #dashContent .box .contentWrapper .editBox ul li {
          margin-bottom: 0 !important; }
        #dashContent .box .contentWrapper .editBox .selectboxit-container .selectboxit {
          background: #ffffff; }
          #dashContent .box .contentWrapper .editBox .selectboxit-container .selectboxit:hover, #dashContent .box .contentWrapper .editBox .selectboxit-container .selectboxit:active, #dashContent .box .contentWrapper .editBox .selectboxit-container .selectboxit:focus {
            background: #ffffff !important; }
        #dashContent .box .contentWrapper .editBox p {
          text-align: right;
          padding-right: 20px;
          padding-top: 12px; }
        #dashContent .box .newContentWrapper .editBox p {
            text-align: right;
            padding-right: 20px;
            padding-top: 12px; }
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor p {
            text-align: left;
            font-size: 14px;
            padding-top: 0;
            padding-bottom: 15px}
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor ul {
            font-weight: 400;
            font-size: 14px;
            color: #3c3637;
            padding-left: 45px;
            list-style-type: inherit;}
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor blockquote {
            margin: 1em 40px;
            }
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor h1 {
            color: #222;
            font-weight: 300;
            font-size: 2em;
            margin: 0;
            padding: 0;}
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor h2 {
            color: #222;
            font-weight: 300;
            margin: 0;
            padding: 0;
            font-size: 1.5em;}
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor h3 {
            color: #222;
            font-weight: 300;
            font-size: 1.17rem;
            margin: 0;
            padding: 0;
            border-bottom: none;}
        #dashContent .box .newContentWrapper .editBox .trumbowyg-editor h4 {
            color: #222;
            font-weight: 300;
            font-size: 1.27em;
            margin: 0;
            padding: 0;}
        #dashContent .box .contentWrapper .editBox i.fa-lock {
          position: absolute;
          top: 17px;
          right: 20px;
          font-size: 20px;
          color: #ff0000; }
        #dashContent .box .contentWrapper .editBox .editFirst {
          width: calc(50% - 10px);
          margin-right: 10px; }
        #dashContent .box .contentWrapper .editBox .checkbox-holder {
          position: relative; }
          #dashContent .box .contentWrapper .editBox .checkbox-holder label {
            padding-top: 10px; }
          #dashContent .box .newContentWrapper .editBox .checkbox-holder label {
            padding-top: 10px; }
            #dashContent .box .contentWrapper .editBox .checkbox-holder label span {
              padding-left: 10px;
              padding-top: 5px; }
        #dashContent .box .contentWrapper .editBox .privacy {
          margin-top: 6px !important;
          padding-left: 0; }
        #dashContent .box .contentWrapper .editBox .display-name {
          width: calc(100% - 30px);
          max-width: 515px;
          text-align: left; }
        #dashContent .box .contentWrapper .editBox .privacy-new [data-balloon][data-balloon-length='large']:after {
          white-space: normal;
          width: 350px;
          top: 10%;
          line-height: 17px; }
      #dashContent .box .contentWrapper input {
        padding: 13px 20px;
        border-radius: 2px;
        border: 1px solid #e3e4e5;
        background: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637;
        max-height: 48px;
        min-height: 48px; }
      #dashContent .box .newContentWrapper .input-form {
        padding: 13px 20px;
        border-radius: 2px;
        border: 1px solid #3c3637;
        background: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637;
        max-height: 48px;
        min-height: 48px; }
        #dashContent .box .contentWrapper input:focus {
          outline: none; }
        #dashContent .box .contentWrapper input.timeText {
          padding: 13px 18px; }
      #dashContent .box .contentWrapper .colorPicker {
        padding: 5px;
        border-radius: 2px;
        border: 1px solid #e3e4e5;
        background: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637;
        max-height: 48px;
        min-height: 48px; }
      #dashContent .box .contentWrapper #colorPreview {
        border: 1px solid #E6E6E6;
        height: 36px; }
      #dashContent .box .contentWrapper textarea, #dashContent .box .contentWrapper div.textarea {
        width: 100%;
        padding: 13px 20px;
        border-radius: 2px;
        border: 1px solid #e3e4e5;
        background: #ffffff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #3c3637;
        resize: none;
        height: 300px;
        min-height: 300px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #dashContent .box .contentWrapper textarea:focus, #dashContent .box .contentWrapper div.textarea:focus {
          outline: none;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          border-bottom: 1px solid #0f866c; }
      #dashContent .box .contentWrapper div.textarea {
        overflow: auto; }
        #dashContent .box .contentWrapper div.textarea p {
          text-align: left;
          padding-top: 0;
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #3c3637; }
      #dashContent .box .contentWrapper ul.listDash li {
        cursor: pointer; }
        #dashContent .box .contentWrapper ul.listDash li:hover .name, #dashContent .box .contentWrapper ul.listDash li:hover .message, #dashContent .box .contentWrapper ul.listDash li:hover strong {
          color: #0f866c; }
          #dashContent .box .contentWrapper ul.listDash li:hover .name a, #dashContent .box .contentWrapper ul.listDash li:hover .message a, #dashContent .box .contentWrapper ul.listDash li:hover strong a {
            opacity: 1; }
      #dashContent .box .contentWrapper ul.listDash span.name, #dashContent .box .contentWrapper ul.listDash span.message, #dashContent .box .contentWrapper ul.listDash span.date {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #dashContent .box .contentWrapper ul.listDash span.name a, #dashContent .box .contentWrapper ul.listDash span.message a, #dashContent .box .contentWrapper ul.listDash span.date a {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 15px;
          color: #3c3637;
          text-decoration: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          opacity: 0;
          margin-left: 10px; }
      #dashContent .box .contentWrapper ul.listDash span strong {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #3c3637;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #dashContent .box .contentWrapper ul.listDash span .color {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #597a96; }
      #dashContent .box .contentWrapper ul.listDash span.date {
        text-align: right; }
      #dashContent .box .contentWrapper #matDate, #dashContent .box .contentWrapper #matDateFrom, #dashContent .box .contentWrapper #matDateUntil {
        position: relative;
        width: 100%;
        background: white;
        height: 100%;
        z-index: 2;
        visibility: inherit;
        opacity: 1; }
        #dashContent .box .contentWrapper #matDate .ui-datepicker-calendar, #dashContent .box .contentWrapper #matDateFrom .ui-datepicker-calendar, #dashContent .box .contentWrapper #matDateUntil .ui-datepicker-calendar {
          float: left;
          width: 100%;
          border-spacing: 0; }
        #dashContent .box .contentWrapper #matDate .ui-datepicker-header, #dashContent .box .contentWrapper #matDateFrom .ui-datepicker-header, #dashContent .box .contentWrapper #matDateUntil .ui-datepicker-header {
          letter-spacing: 0.1em;
          height: 52px; }
        #dashContent .box .contentWrapper #matDate a, #dashContent .box .contentWrapper #matDateFrom a, #dashContent .box .contentWrapper #matDateUntil a {
          text-decoration: none; }
      #dashContent .box .contentWrapper .chart {
        width: 100%;
        position: relative;
        height: calc(100% - 25px); }
      #dashContent .box .contentWrapper ul.charAbout {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        margin: 18px 20px; }
        #dashContent .box .contentWrapper ul.charAbout li {
          float: left;
          margin-right: 18px;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          margin-bottom: 0; }
          #dashContent .box .contentWrapper ul.charAbout li span {
            float: left;
            width: 9px;
            height: 9px;
            border-radius: 100%;
            margin-right: 9px; }
            #dashContent .box .contentWrapper ul.charAbout li span.blue {
              background: #0f866c; }
            #dashContent .box .contentWrapper ul.charAbout li span.green {
              background: #25dca6; }
      #dashContent .box .contentWrapper p.break {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 17px;
        color: #3c3637; }
      #dashContent .box .contentWrapper p.notification {
        text-align: left; }
      #dashContent .box .contentWrapper a.watch {
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 40px);
        margin: 18px 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 17px;
        color: #066497;
        border: 1px solid #e5e9ec;
        border-radius: 3px;
        text-align: center;
        text-decoration: none;
        padding: 8px 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #dashContent .box .contentWrapper a.watch:hover {
          border: 1px solid #3c3637; }
      #dashContent .box .contentWrapper .countWrapper {
        float: left;
        width: 100%;
        text-align: center;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 5px; }
        #dashContent .box .contentWrapper .countWrapper .numb {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 60px;
          color: #0f866c;
          padding-right: 10px;
          line-height: 60px; }
        #dashContent .box .contentWrapper .countWrapper .upDown {
          position: relative; }
          #dashContent .box .contentWrapper .countWrapper .upDown .up {
            position: absolute;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #7cc576;
            top: -8px;
            left: 50%;
            margin-left: -5px; }
          #dashContent .box .contentWrapper .countWrapper .upDown .down {
            position: absolute;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #da6868;
            bottom: -8px;
            left: 50%;
            margin-left: -5px; }
    #dashContent .box label > div {
      float: left; }
    #dashContent .box label p {
      float: left;
      padding-left: 20px;
      width: calc(100% - 42px);
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #dashContent .box ul {
      list-style-type: none; }
      #dashContent .box ul .hour-divider {
        padding: 12px 20px; }
      #dashContent .box ul li {
        margin-bottom: 10px; }
      #dashContent .box ul.formatList {
        margin: 20px 0; }
        #dashContent .box ul.formatList li {
          padding: 0px 20px; }
          #dashContent .box ul.formatList li span.format {
            color: #3c3637;
            background: #e5e9ec;
            font-size: 16px;
            padding: 5px 12px;
            display: inline-block;
            margin-right: 10px;
            border-radius: 3px; }
      #dashContent .box ul.treatList li {
        position: relative;
        margin-bottom: 0;
        padding: 25px 0;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e9ec; }
        #dashContent .box ul.treatList li.flexRight {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          -webkit-justify-content: flex-end;
          -webkit-align-items: center;
          justify-content: flex-end;
          align-items: center; }
        #dashContent .box ul.treatList li .check {
          width: 38px;
          float: left; }
          #dashContent .box ul.treatList li .check i {
            font-size: 32px;
            color: #25dca6; }
        #dashContent .box ul.treatList li .veriAbout {
          float: left;
          width: calc(100% - 38px); }
          #dashContent .box ul.treatList li .veriAbout h2 {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 22px;
            color: #3c3637; }
        #dashContent .box ul.treatList li .searchBox {
          min-height: 230px;
          margin-bottom: 0; }
          #dashContent .box ul.treatList li .searchBox .compProgression {
            float: left;
            width: 100%;
            margin-bottom: 15px; }
            #dashContent .box ul.treatList li .searchBox .compProgression .progWrap {
              float: left;
              width: 100%;
              background: #efefef;
              border-radius: 20px;
              overflow: hidden;
              height: 10px;
              margin-bottom: 5px; }
              #dashContent .box ul.treatList li .searchBox .compProgression .progWrap .progInnerBar {
                float: left;
                width: 0%;
                height: 10px;
                background: #0f866c; }
          #dashContent .box ul.treatList li .searchBox table {
            width: 200px; }
            #dashContent .box ul.treatList li .searchBox table tr:first-of-type td {
              border: 0; }
            #dashContent .box ul.treatList li .searchBox table tr td {
              border: 0; }
        #dashContent .box ul.treatList li .aboutClinic {
          text-align: right; }
          #dashContent .box ul.treatList li .aboutClinic p {
            font-size: 16px; }
          #dashContent .box ul.treatList li .aboutClinic a {
            font-size: 15px;
            text-decoration: none;
            color: #3c3637;
            padding: 8px 26px 12px;
            border: 1px solid #e5e9ec;
            float: right;
            margin-top: 12px;
            border-radius: 4px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            #dashContent .box ul.treatList li .aboutClinic a:hover {
              border: 1px solid #3c3637; }
        #dashContent .box ul.treatList li .date {
          float: left;
          width: 67px;
          height: 67px;
          background: #c2ced8;
          border-radius: 100%;
          margin-right: 20px;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-flex-direction: column;
          flex-direction: column;
          text-align: center; }
          #dashContent .box ul.treatList li .date .day {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 30px;
            color: #ffffff;
            float: left;
            width: 100%;
            line-height: 29px; }
          #dashContent .box ul.treatList li .date .month {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 11px;
            color: #ffffff;
            float: left;
            text-transform: uppercase;
            letter-spacing: 0.1em; }
        #dashContent .box ul.treatList li .about {
          float: left;
          width: calc(100% - 87px); }
        #dashContent .box ul.treatList li:hover a.edit {
          opacity: 1; }
        #dashContent .box ul.treatList li:last-child {
          border-bottom: 0; }
        #dashContent .box ul.treatList li span.flexCenter {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          -webkit-align-items: center;
          align-items: center; }
        #dashContent .box ul.treatList li span.time {
          font-size: 11px;
          color: #b9bed1; }
        #dashContent .box ul.treatList li span.name, #dashContent .box ul.treatList li span.price {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 22px;
          color: #1d1e1f; }
        #dashContent .box ul.treatList li p {
          font-family: 'Roboto', sans-serif;
          font-weight: 300;
          font-size: 14px;
          color: #3c3637; }
        #dashContent .box ul.treatList li a.edit {
          text-align: right;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 15px;
          color: #3c3637;
          text-decoration: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          opacity: 0; }
      #dashContent .box ul.overview li {
        position: relative;
        margin-bottom: 0;
        padding: 14px 0;
        float: left;
        width: 100%;
        border-bottom: 0px solid #e5e9ec; }
        #dashContent .box ul.overview li span.name {
          font-size: 16px; }
      #dashContent .box ul.acceptOrNot li {
        padding: 8px 0;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        align-items: center;
        border-bottom: 0; }
        #dashContent .box ul.acceptOrNot li span.name, #dashContent .box ul.acceptOrNot li span.price {
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #1d1e1f; }
        #dashContent .box ul.acceptOrNot li .listLeft {
          float: left;
          width: calc(100% - 55px);
          padding-right: 20px; }
        #dashContent .box ul.acceptOrNot li .acceptDec {
          float: right;
          width: 55px; }
          #dashContent .box ul.acceptOrNot li .acceptDec i {
            font-size: 29px;
            color: #25dca6;
            cursor: pointer;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease; }
            #dashContent .box ul.acceptOrNot li .acceptDec i:hover {
              color: #1fb78a; }

.tooltipRightBox {
  background: #597a96;
  position: absolute;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #ffffff;
  padding: 20px;
  border-radius: 3px; }
  .tooltipRightBox:before {
    right: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #597A96;
    border-width: 10px;
    margin-top: 15px; }
  .tooltipRightBox.bottom:before {
    right: 100%;
    bottom: 0;
    top: inherit;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #597A96;
    border-width: 10px;
    margin-bottom: 15px; }

.selectName ul {
  width: 500px !important; }
  .selectName ul li {
    margin-bottom: 0 !important; }
.selectName .circleStyle {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 20px;
  top: 20px; }
  .selectName .circleStyle .circleScore {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 27px;
    color: #0f866c;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -16px; }
    .selectName .circleStyle .circleScore .small {
      font-size: 16px;
      top: -7px;
      position: relative; }
.selectName .selectboxit-container {
  width: auto !important; }
  .selectName .selectboxit-container .selectboxit {
    background: #ffffff !important;
    text-align: left; }
  .selectName .selectboxit-container .selectboxit-btn {
    border: 0px solid white !important; }
  .selectName .selectboxit-container .selectboxit-text {
    float: left;
    padding: 8px 40px 8px 0 !important;
    font-size: 30px !important;
    color: #0f866c !important; }
  .selectName .selectboxit-container .selectboxit-option-icon-container {
    display: none; }
  .selectName .selectboxit-container .selectboxit-options {
    width: auto !important; }
  .selectName .selectboxit-container .selectboxit-default-arrow {
    border-top: 6px solid #0f866c !important;
    border-right: 6px solid transparent !important;
    border-left: 6px solid transparent !important; }

.accord {
  background: #ffffff; }
  .accord .c50 {
    padding-left: 22px;
    padding-right: 22px; }
  .accord h3, .accord h2 {
    border: 1px solid #e5e9ec;
    border-top: 0;
    padding: 20px 22px;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #0f866c; }
    .accord h3:hover, .accord h2:hover {
      background: #F3F3F3; }
    .accord h3 i, .accord h2 i {
      right: 20px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: transform 0.3s ease;
      -moz-transition: transform 0.3s ease;
      -ms-transition: transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease; }
  .accord .emp {
    float: left;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 25px; }
    .accord .emp .img {
      width: 70px;
      height: 70px;
      margin-right: 20px;
      border-radius: 100%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      justify-content: center;
      align-items: center; }
      .accord .emp .img div {
        font-size: 20px;
        font-weight: 700;
        color: #ffffff; }
    .accord .emp .content {
      float: left;
      width: calc(100% - 125px); }
      .accord .emp .content .title {
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #3c3637; }
      .accord .emp .content a {
        float: left;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 13px;
        color: #0f866c;
        text-decoration: none; }
  .accord .keurmerk {
    float: left;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    margin-right: 25px; }
    .accord .keurmerk .img {
      width: 38px;
      height: 38px;
      float: left;
      background: #ffffff;
      margin-right: 10px; }
    .accord .keurmerk span {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 13px;
      color: #597a96;
      text-transform: uppercase; }
  .accord .accordBox {
    max-height: 0;
    overflow: hidden;
    border-left: 1px solid #e5e9ec;
    border-right: 1px solid #e5e9ec;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease; }
    .accord .accordBox .innerBox {
      padding: 20px 0; }
    .accord .accordBox article {
      padding-left: 22px;
      padding-right: 22px; }
      .accord .accordBox article p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: #3c3637;
        margin-bottom: 20px; }
    .accord .accordBox ul {
      margin-top: 0;
      padding-left: 22px;
      padding-right: 22px; }
      .accord .accordBox ul:first-child {
        padding-left: 22px; }
      .accord .accordBox ul:last-child {
        padding-right: 22px; }
      .accord .accordBox ul li {
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        padding: 3px 0; }
        .accord .accordBox ul li.title {
          font-family: 'Roboto', sans-serif;
          font-weight: 700;
          font-size: 14px;
          color: #597a96;
          text-transform: uppercase; }
        .accord .accordBox ul li a {
          text-decoration: none;
          color: #3c3637;
          display: inline-block;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          overflow: hidden; }
          .accord .accordBox ul li a:hover {
            text-decoration: underline; }
        .accord .accordBox ul li i {
          font-size: 23px;
          position: relative;
          top: 3px;
          margin-right: 10px; }
          .accord .accordBox ul li i.green {
            color: #25dca6; }
          .accord .accordBox ul li i.red {
            color: #c93914; }
  .accord:first-child h3, .accord:first-child h2 {
    border-top: 1px solid #e5e9ec; }

.ct-vertical {
  opacity: 0 !important; }

.ct-label {
  opacity: 1 !important; }

.ct-series-a path, .ct-series-a line {
  stroke: #0f866c !important; }

.ct-series-b path, .ct-series-b line {
  stroke: #25dca6 !important; }

#dashContent ul.times li.disabledFields a {
  opacity: 0;
  visibility: hidden; }
#dashContent ul.times label {
  height: 47px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
#dashContent ul.times input {
  border: 1px solid #e5e9ec;
  background: white;
  width: 60px;
  text-align: center;
  height: 47px;
  font-size: 16px;
  font-weight: 300;
  float: left;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #dashContent ul.times input:focus {
    outline: none; }
  #dashContent ul.times input:disabled {
    background: #EFEFEF;
    border: 1px solid #DCDCDC; }
#dashContent ul.times .time {
  float: left; }
#dashContent ul.times span {
  float: left;
  padding: 12px 5px; }
#dashContent ul.treat li {
  overflow: inherit !important;
  white-space: inherit !important;
  text-overflow: none !important; }
  #dashContent ul.treat li label {
    height: 48px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  #dashContent ul.treat li.service-li label {
    width: fit-content; }
  #dashContent ul.treat li.service-li div {
    width: 24px !important; }
    #dashContent ul.treat li.service-li div.icheckbox_square-blue {
      position: absolute !important; }
  #dashContent ul.treat li.service-li span {
    width: 100%;
    padding-left: 33px !important; }
  #dashContent ul.treat li .selectboxit-container {
    float: left;
    width: auto !important; }
    #dashContent ul.treat li .selectboxit-container .selectboxit {
      width: 265px !important;
      background: #ffffff !important;
      border: 1px solid #e5e9ec !important; }
    #dashContent ul.treat li .selectboxit-container .selectboxit-text {
      font-size: 16px;
      font-weight: 300;
      color: #3c3637 !important; }
    #dashContent ul.treat li .selectboxit-container .selectboxit-option-icon-container {
      display: none; }
    #dashContent ul.treat li .selectboxit-container .selectboxit-options {
      height: 300px !important;
      top: -300px !important;
      padding: 0 !important;
      width: 265px !important;
      min-width: 100px !important; }
      #dashContent ul.treat li .selectboxit-container .selectboxit-options li {
        margin-bottom: 0;
        display: block;
        float: left;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #D8D8D8;
        width: 100%; }
        #dashContent ul.treat li .selectboxit-container .selectboxit-options li a {
          display: block;
          text-decoration: none; }
      #dashContent ul.treat li .selectboxit-container .selectboxit-options .selectboxit-option-first {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px; }
#dashContent a.addExtra {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #0f866c;
  width: auto;
  padding: 13px;
  margin: 0;
  float: left;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none; }
  #dashContent a.addExtra:hover {
    text-decoration: none; }

#homeImage.smallHeader {
  background: #1fb7f6 !important;
  height: auto; }
  #homeImage.smallHeader .businessMdd {
    height: auto;
    padding: 40px 10px 60px; }
    @media screen and (max-width: 1100px) {
      #homeImage.smallHeader .businessMdd {
        width: 50%; } }
    @media screen and (max-width: 960px) {
      #homeImage.smallHeader .businessMdd {
        width: 75%; } }
@media screen and (max-width: 1100px) {
  #homeImage .businessMdd {
    width: 50%; } }
@media screen and (max-width: 960px) {
  #homeImage .businessMdd {
    width: 75%; } }
#homeImage a {
  float: left;
  width: auto;
  display: inline-table;
  margin-top: 20px;
  border: 0;
  padding: 13px 50px;
  font-weight: 700;
  color: #ffffff;
  font-size: 22px;
  text-decoration: none; }
  #homeImage a.whiteBttn {
    font-weight: 400;
    font-size: 18px;
    margin-left: 20px;
    border: 1px solid #FFF;
    border-radius: 4px;
    background: transparent; }

#teamPhoto {
  min-height: 700px; }

#team h3.upper {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
  color: #597a96;
  opacity: 1; }

table.priceTable {
  border: 1px solid #e6e7ee; }
  table.priceTable.green tr td i {
    color: #25dca6; }
  table.priceTable.green tr td a {
    background: #25dca6; }
    table.priceTable.green tr td a:hover {
      background: #1fb78a; }
  table.priceTable tr:first-of-type td {
    text-align: center;
    height: 160px;
    padding: 25px 25px 0;
    border: 0; }
    table.priceTable tr:first-of-type td .title {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 30px;
      color: #0f866c; }
      table.priceTable tr:first-of-type td .title.green {
        color: #25dca6; }
    table.priceTable tr:first-of-type td p {
      font-weight: 400;
      margin-top: 10px; }
  table.priceTable tr td {
    text-align: center;
    padding: 5px 0;
    border-top: 1px solid #e6e7ee;
    height: 32px; }
    table.priceTable tr td.button {
      padding: 15px; }
    table.priceTable tr td.price {
      padding: 20px 25px; }
      table.priceTable tr td.price p {
        margin-top: 5px; }
    table.priceTable tr td a {
      background: #cfd1de;
      padding: 14px 20px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 16px;
      color: #ffffff;
      text-decoration: none;
      border-radius: 2px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      table.priceTable tr td a:hover {
        background: #bbbdc5; }
    table.priceTable tr td i {
      color: #0f866c;
      font-size: 20px; }
    table.priceTable tr td p {
      font-weight: 400; }
table.infoTable tr td {
  border: 0;
  text-align: right;
  padding-right: 20px; }
  table.infoTable tr td p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #3c3637; }

@media screen and (max-width: 950px) {
  .content50-50 .wrapper > .c50 {
    width: 100%; }
    .content50-50 .wrapper > .c50 .box {
      height: auto !important; }
    .content50-50 .wrapper > .c50:first-of-type {
      margin-bottom: 25px; } }
.content50-50 h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #3c3637;
  opacity: 0.5;
  margin-bottom: 5px; }
.content50-50 img {
  width: 100%; }
.content50-50 a.bigButton {
  float: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #0f866c;
  padding: 10px 20px;
  border-radius: 3px;
  border: 2px solid #0f866c;
  text-decoration: none;
  margin-top: 30px; }
.content50-50 .boxInfoWrapper {
  float: left;
  width: 100%;
  margin-top: 55px; }
.content50-50 .boxInfo {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px; }
  .content50-50 .boxInfo .icon {
    width: 65px;
    float: left; }
    .content50-50 .boxInfo .icon svg {
      height: 100px;
      width: 100%; }
  .content50-50 .boxInfo .content {
    width: calc(100% - 65px);
    float: left;
    padding-left: 25px; }
    .content50-50 .boxInfo .content .title {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #0f866c;
      margin-bottom: 5px;
      float: left;
      width: 100%; }
.content50-50 .box {
  padding: 30px; }
  .content50-50 .box h2.bold {
    font-weight: 500; }
  .content50-50 .box.bgWhite {
    background: #ffffff;
    color: #3c3637; }
  .content50-50 .box.bgGreen {
    background: #25dca6;
    color: #ffffff; }
    .content50-50 .box.bgGreen h2 {
      color: #ffffff; }
    .content50-50 .box.bgGreen p {
      color: #ffffff; }
.content50-50 ul {
  list-style-type: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #3c3637;
  margin-top: 10px; }
  .content50-50 ul li {
    float: left;
    width: 100%;
    margin-top: 5px; }
.content50-50 a {
  color: #3c3637; }

@media screen and (max-width: 1000px) {
  .moreProducts .wrapper > .c25 {
    width: 50%;
    margin-bottom: 25px; } }
.moreProducts h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #3c3637;
  opacity: 0.5; }
.moreProducts p {
  font-weight: 400 !important;
  margin-top: 15px; }
.moreProducts a {
  float: left;
  background: #0f866c;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 3px;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .moreProducts a:hover {
    background: #1680ac; }

@media screen and (max-width: 1100px) {
  #deal .deal {
    display: block !important;
    padding: 40px !important; } }
@media screen and (max-width: 1100px) {
  #deal .deal > .c50N {
    width: 100%; }
    #deal .deal > .c50N > .box {
      margin-top: 25px; } }

.onoffswitch {
  position: relative;
  width: 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  border: 0px solid #FFFFFF;
  border-radius: 30px;
  background-color: #9E9E9E; }

.onoffswitch-label:before {
  content: "";
  display: block;
  width: 30px;
  margin: -5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 31px;
  border-radius: 30px;
  box-shadow: 0 6px 12px 0px #757575; }

.onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #25DCA6; }

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #25DCA6; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
  background-color: #25DCA6;
  box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2); }

button[data-balloon] {
  overflow: visible; }

[data-balloon] {
  position: relative;
  cursor: pointer; }
  [data-balloon]:after {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    -moz-transition: all 0.18s ease-out 0.18s;
    -ms-transition: all 0.18s ease-out 0.18s;
    -o-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    font-family: sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [data-balloon]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out 0.18s;
    -moz-transition: all 0.18s ease-out 0.18s;
    -ms-transition: all 0.18s ease-out 0.18s;
    -o-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    content: '';
    position: absolute;
    z-index: 10; }
  [data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto; }
  [data-balloon]:not([data-balloon-pos]):after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon]:not([data-balloon-pos]):before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon]:not([data-balloon-pos]):hover:after, [data-balloon]:not([data-balloon-pos])[data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon]:not([data-balloon-pos]):hover:before, [data-balloon]:not([data-balloon-pos])[data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon].font-awesome:after {
    font-family: FontAwesome; }
  [data-balloon][data-balloon-break]:after {
    white-space: pre; }
  [data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
  [data-balloon][data-balloon-pos="up"]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos="up-left"]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-left"]:before {
    bottom: 100%;
    left: 5px;
    margin-bottom: 5px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-right"]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 11px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-right"]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down']:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px); }
  [data-balloon][data-balloon-pos='down']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px); }
  [data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  [data-balloon][data-balloon-pos='down-left']:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-right']:after {
    right: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-right']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    right: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  [data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  [data-balloon][data-balloon-pos='left']:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%); }
  [data-balloon][data-balloon-pos='left']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%); }
  [data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='right']:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%); }
  [data-balloon][data-balloon-pos='right']:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%); }
  [data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  [data-balloon][data-balloon-length='small']:after {
    white-space: normal;
    width: 80px; }
  [data-balloon][data-balloon-length='medium']:after {
    white-space: normal;
    width: 150px; }
  [data-balloon][data-balloon-length='large']:after {
    white-space: normal;
    width: 260px; }
  [data-balloon][data-balloon-length='xlarge']:after {
    white-space: normal;
    width: 380px; }
    @media screen and (max-width: 768px) {
      [data-balloon][data-balloon-length='xlarge']:after {
        white-space: normal;
        width: 90vw; } }
  [data-balloon][data-balloon-length='fit']:after {
    white-space: normal;
    width: 100%; }

#tooltip {
  color: #fff;
  background-color: #ffffff;
  opacity: 0.9;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  padding: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #3c3637;
  box-shadow: 0 2px 3px 0 rgba(153, 153, 153, 0.25);
  border: 1px solid #e5e9ec;
  text-align: left; }

#tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -1.1em;
  left: 50%;
  box-sizing: border-box;
  border: 0.6em solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -3px 3px 3px 0 rgba(153, 153, 153, 0.25); }

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto; }

#tooltip.left:after {
  left: 18px;
  margin: 0; }

#tooltip.right:after {
  right: 18px;
  left: auto;
  margin: 0; }

@media (min-width: 768px) {
  #tooltip {
    max-width: 850px; } }

/*# sourceMappingURL=layoutDesktop.css.map */