/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

  /*@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
*/
  /* 
em Relative to the font-size of the element (2em means 2 times the size of the current font)
rem Relative to font-size of the root element (1rem equals the font-size of the root element)
*/
  html {
    font-size: 18px;
  }

  @media screen and (max-width: 48em) {
    html {
      font-size: 15px;
    }
  }

  html,
  body {
    height: 100%;
    width: 100%;
  }

  body {
    font-family: 'Noto Sans TC','Helvetica Neue', Arial, sans-serif;
  }

  body.longBanner {
    /*background: yellow;*/
  }

  hr {
    border-color: #45ad88;
    border-width: 0.1875rem;
    max-width: 3.125rem;
  }

  hr.light {
    border-color: white;
  }

  a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #45ad88;
  }

  a:hover,
  a:focus {
    color: #eb3812;
    opacity: 0.8;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
    color: #4F998B;
    font-weight: bold;
  }

  h1 {
    font-size: 2.1em;
  }

  h2 {
    font-size: 1.75em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.3em;
  }

  p,
  li {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0.05em;
  }


  h3.btn {
    text-transform: none;
  }

  .text-danger {
    color: #f12b59;
  }

  .help-block.text-danger {
    color: red;
  }

  .header-content p {
    padding: 0 0 0.125em 0;
    margin: 0;
    color: #3F3F3E;
  }

  .header-content p img {
    display: inline;

  }


  .bg-primary {
    background-color: #45ad88;
  }

  .bg-primary#book24 {
    background: url(../img/calling-phone.png) no-repeat #e9f3fb left top;
    padding: 0;

  }

  .bg-white#book24 {
    background: url(../img/calling-phone.png) no-repeat #e9f3fb left top;
    padding: 0;
    background-color: #eee !important;

  }

  .tw#book24 {
    background: url(../img/go-to-taiwan.png) no-repeat #e9f3fb left top;
    padding: 0;

  }

  .violet {
    color: purple;
  }

  .drop-shadow {
    -webkit-box-shadow: 0 0 0.3125em 0.125em rgba(100, 100, 100, .5);
    box-shadow: 0 0 0.3125em 0.125em rgba(100, 100, 100, .5);
    border: 0.125em solid #fff;
  }

  .container.drop-shadow {
    padding-left: 0;
    padding-right: 0;
  }

  #book24 #instruction {

    /* background: url(../img/call-us-bg.png) repeat-x; */
    background: linear-gradient(to bottom, rgba(243, 232, 110, 0.618) 0, rgba(243, 185, 110, 0.618) 20%, rgba(235, 151, 140, 1) 100%);
    padding: 3.125em;
  }

  #book24 hr {
    margin-left: 0;
  }

  #book24 p {
    font-size: 1.875em;
    padding: 0;
    line-height: 1.175em;
    font-weight: bold;

  }

  #book24 #instructionEng p {
    font-size: 1.4625em;
    padding: 0;
    line-height: 1.175em;
    font-weight: bold;

  }

  #book24 p span {
    font-size: 2.5rem;


  }

  #book24 #instructionEng p span {
    font-size: 1.6625em;
    line-height: 1.075em;


  }

  strong {
    color: #45ad88;

  }

  .blue {
    background: #98faff;
  }

  #book24 p strong {
    font-size: 2.75em;
    color: #45ad88;
    display: block;
    line-height: 1.05em;

  }

  #step {
    color: #181C1B;

  }

  #book24 #step ul,
  #book24 #step ol {
    margin-left: 0em;
    padding-left: 3.125em;
  }

  #book24 #step li {
    color: #45ad88;
    background: url(../img/step-green.png) no-repeat;
    margin: 0;
    padding: 0.1rem 0.1rem;


    list-style: none;
    font-size: 2.625rem;
    min-height: 6rem;
    display: flex;
    align-items: top;
  }

  #book24 #step li:nth-child(even) {

    background: url(../img/step-red.png) no-repeat;
  }

  #book24 #step li u {
    /* float: left; */
    /* padding: 0.375em 0.875em 0.1875em 0.875em; */
    font-size: 2.625rem;
    min-width: 4.5rem;
    text-align: center;
  }

  #book24 #step p {
    font-size: 1.5rem;
    line-height: 1.55em;
    color: #233233;
    display: block;
    padding: 1rem 1rem;
    /* padding-left: 1.875em;
    padding-top: 1.5625em; */


  }

  #book24 #step span {
    font-size: 1.75rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    display: block;

  }

  #book24 #step ul {
    list-style: none;
    padding-left: 0;
  }


  #book24 p strong,
  #book24 p .strongColor {
    color: #fd4521;
    font-weight: bold;
  }

  header .header-content .header-content-inner h1 #paymentGayway {
    color: #333;
    font-size: 0.5em;
    display: inline-block;
  }

  header .header-content .header-content-inner h1 #paymentGayway .fa-cc-mastercard {
    color: #ed232f;
  }

  header .header-content .header-content-inner h1 #paymentGayway .fa-cc-visa {
    color: #2b4196;
  }

  header .header-content .header-content-inner h1 #paymentGayway .fa-cc-paypal {
    color: #2997da;
  }

  header .header-content .header-content-inner h1 #paymentGayway .fa-cc-amex {
    color: #3586c8;
  }


  #services {
    background: url(../img/plan.png) no-repeat #fff center top;
  }

  #services .extend {
    /*height: 38.75em;*/
  }

  #services .fa-4x {
    cursor: pointer;
  }

  #services .extend .fa-long-arrow-down {

    color: #C0A742;
    font-size: 1.25em;
  }

  #services .service-box h3 {
    font-size: 0.9375em;
    color: #3F3F3E;
    line-height: 1.1875em;
  }

  #services .service-box h3 span {

    color: #72C1A7;
  }

  #services .service-box h3 span.gold {

    color: #C0A742;
  }

  #services .service-box ul li {
    list-style: none;
    text-align: left;
    width: 100%;
    margin: 0.3125em 0;
  }

  #services .service-box ul li p {
    display: inline-block;
    text-align: center;
    background: #B5D16E;
    padding: 0.625em;
    width: 90%;
    color: #3F3F3E;
  }

  #services .service-box ul li.orange p {
    background: #FDCA62;
  }


  #services .service-box ul li:before {
    content: '+';
    font-size: 1.875em;
    font-weight: bold;


  }

  #quality img {
    padding-bottom: 1.875em;
  }

  #certList img {
    padding-bottom: 0em;

  }

  .bg-dark {
    background-color: #222222;
    color: white;
  }

  .text-faded {
    color: rgba(255, 255, 255, 0.7);
  }

  header.centerSpit#schedule .container .panel-success .panel-heading,
  header.centerSpit#schedule .container .panel-success .btn-success {
    /*background: #a3e6d7;
  color: #393939;
  border-color: #a3e6d7;*/
    background: #fff;
    color: #393939;
    border-color: #a3e6d7;
  }

  header.centerSpit#schedule .container .panel-success .panel-heading h2 {
    color: #393939;
  }

  header.centerSpit#schedule .container .panel-heading h2::before {
    font-family: "FontAwesome";
    content: "\f042";
    position: absolute;
    font-weight: normal;
    font-size: 1.375em;
    left: 0.3125em;

  }


  section {
    padding: 1rem 0 1rem 0;
  }

  aside {
    padding: 3.125em 0;
  }

  hr.seperator {
    background: none;
    border: none;
    height: 0.0625em;
    display: block;
  }

  .no-padding {
    padding: 0;
  }

  section#promote {
    padding: 1.25em 0;

  }

  section#promote .paragraph {
    padding-top: 1.875em;
    padding-bottom: 2.5em;
  }

  section#promote .paragraph li,
  section#promote .paragraph p {
    margin-bottom: 0.3125em;
  }


  .navbar-nav li {
    margin: 0.625em 0;
  }

  .navbar-default {
    background-color: white;
    /*border-color: rgba(34, 34, 34, 0.05);*/
    border: none;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }

  .navbar-default .navbar-header .navbar-brand {
    color: #45ad88;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border: none;
  }


  .nav-scroller {

    font-size: 0.85rem;
  }

  .nav-scroller a {
    font-weight: 700;
  }

  .nav-scroller .dropdown-menu {
    right: 0;
    left: auto;
  }

  .fa-facebook-official {
    color: #62bdae;
    margin-top: 0.75em;
    display: inline-block;
  }

  .fa-facebook-official#redFacebook {
    color: #e58178;
  }

  #logoIdentity,
  #logoIdentity2 {
    display: inline-block;
    padding: 0 0.625em 1.875em 0.625em;

  }

  #logoIdentity .meddxGenetic {
    max-width: 9.375em;
  }

  @media screen and (max-width:61.375em) {

    .navbar-default .navbar-header,
    .nav-scroller {
      width: 100%;
    }

    #logoIdentity,
    #logoIdentity2 {
      display: none;
      padding: 0 0.625em 1.875em 0.625em;

    }

  }

  .place {
    padding: 0.625em 0.625em 0.3125em 0.625em;
    margin: 0.625em 0.625em 0.625em 0.625em;
    border-bottom: 0.0625em solid #43826B;
    display: inline-block;
  }

  .place a {
    color: #3F3F3E;
    font-size: 0.9375em;
    padding: 0.3125em 0.3125em;
    display: inline-block;
    margin: 0;



  }

  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
    opacity: 0.8;
  }

  .navbar-default .navbar-header .navbar-toggle {
    font-weight: 700;
    font-size: 0.75em;
    color: #222222;
    text-transform: uppercase;
  }

  .navbar-default .nav>li>a,
  .navbar-default .nav>li>a:focus,
  .navbar-nav .nav-item a {
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: 0.8125em;
    color: #222222;
  }

  .navbar-default .nav>li>a:hover,
  .navbar-default .nav>li>a:focus:hover {
    color: #45ad88;
  }

  .navbar-default .nav>li.active>a,
  .navbar-default .nav>li.active>a:focus {
    color: #45ad88 !important;
    background-color: transparent;
  }

  .navbar-default .nav>li.active>a:hover,
  .navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
  }

  .navbar-default .nav>li>.dropdown-menu>li>a,
  .navbar-default .nav>li>.dropdown-menu>li>a:focus {

    font-weight: 700;
    font-size: 0.8125em;
    color: #888;
  }

  header .header-content .fa-ul li {
    margin: 0.625em 0 0 0;
    text-align: left;
    color: #3F3F3E;
  }

  header .header-content .fa-ul li li {
    margin: 0;
  }

  header .header-content .fa-li {
    color: #8fb1a1;
  }

  header .header-content .header-content-inner .introduction p {
    font-weight: 300;
    color: #3F3F3E;
    font-size: 1em;
    margin-left: 4.375em;
    padding-right: 3.125em;
    margin-bottom: 3.125em;
    margin-bottom: 0.5em;
  }

  header .header-content .header-content-inner .introduction#starFeatured p {

    padding-right: 0em;
    margin-bottom: 0.5em;
  }

  header .header-content .header-content-inner #starVideo {
    background: none;
    /*  color: #eaeaea;*/


    margin-top: 1.25em;
    height: 100%;
  }

  header .header-content .header-content-inner #starVideo:hover {
    background: none;
    color: red;


    margin-top: 1.25em;
  }

  .thumbnails .panel-group {
    margin-bottom: 0;
  }

  .thumbnails .panel-group .panel-heading {
    padding: 0;
  }

  .plansIcons {
    padding: 0.625em 1.25em;
    color: #4baf50;
    border: 0.0625em solid #ddd;
    background: url(../img/plan.jpg) no-repeat bottom;
    border: none;
  }

  .plansIcons>div {

    margin: 0;
  }

  .plansIcons>div {
    background: #fff;
    margin: 0;
  }

  .plansIcons .specialPromotion {
    margin: 0;
    padding: 1.25em;
    border: 0.0625em solid #ddd;
  }

  .plansIcons h3 {
    margin: 0em 0em 0.625em 0em;

  }

  .plansIcons a {
    font-size: 1.125em;
    padding: 0.625em 0.3125em;
    color: #000;
    width: 100%;
    background: #ffffff;
    letter-spacing: 0.05em;
    float: none;
    display: block;
    font-weight: bold;
  }

  .plansIcons .thumbnails a {
    text-align: left;
    padding: 0.625em 3.125em;
    border-bottom: 0.0625em solid #ddd;
    font-size: 0.875em;
    color: #444444;
  }

  .plansIcons .thumbnails a:hover {
    background: #fbf77c;
  }

  .plansIcons .thumbnails a i {
    color: #0b960e;
    font-size: 120%;
  }

  .plansIcons .thumbnails .panel-default {
    border: none;
  }

  .plansIcons .thumbnails .panel-collapse {
    background: #FFEFBA;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFFFFF, #FFEFBA);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF, #FFEFBA);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }

  .plansIcons .thumbnails .panel-default:before {
    content: '+';
    float: right;
    padding: 0.5em 1.25em;
    border-left: 0.0625em solid #ddd;
    z-index: 0;
    position: relative;
  }

  .plansIcons a:hover {
    background: #4aaf50cf;

  }


  header .header-content .header-content-inner .plansIcons #starVideo {
    margin-top: 0em;


  }

  .navbar-default .navbar-header a {
    display: inline-block;
  }

  .navbar-default .navbar-header a#bt4fblogo {
    display: inline;
  }

  .navbar-default .navbar-header a .fa-facebook-official {
    margin-top: 0;
  }


  @media screen and (max-width: 48em) {

    .emailAtTop {
      display: none;
    }

    #mainNav .navbar-toggler,
    #mainNav2 .navbar-toggler {
      position: absolute;
      right: 0.625em;
    }

  }

  @media (min-width:61.9375em) and (max-width: 81.25em) {
    .navbar-default .navbar-header .navbar-brand span {
      display: block;
    }
  }

  @media (min-width: 48em) {


    .navbar-default .navbar-header a .fa-facebook-official {
      margin-top: 0.9375em;
    }

    .place a {
      padding: 0.3125em 1.25em;



    }

    .navbar-default {
      background: #fff;
      border-color: rgba(255, 255, 255, 0.3);
    }

    .navbar-default .navbar-header .navbar-brand {
      color: #45ad88;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
      /* color: white; */
      opacity: 0.5;
    }

    .navbar-default .nav>li>a,
    .navbar-default .nav>li>a:focus {
      color: #333;
    }

    .navbar-default .nav#whiteNav>li>a,
    .navbar-default .nav#whiteNav>li>a:focus {
      color: #333;
    }

    .longBanner .navbar-default .nav>li>a,
    .longBanner .navbar-default .nav>li>a:focus {
      /*color: #fff;*/
    }

    .navbar-default .nav>li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
      color: #45ad88;
    }

    .navbar-default.affix {
      background-color: white;
      border-color: rgba(34, 34, 34, 0.05);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
      color: #45ad88;
      font-size: 0.875em;
    }

    .navbar-default.affix .navbar-header .navbar-brand.enlogo+a {

      position: relative;
      /*left: -4.375em;*/
    }


    .navbar-default.affix-top .navbar-header .navbar-brand.enlogo+a {
      position: relative;
      /*left:-7.5em;*/
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
      color: #eb3812;
    }

    .navbar-default.affix .nav>li>a,
    .navbar-default.affix .nav>li>a:focus {
      color: #222222;
    }

    .navbar-default.affix .nav#whiteNav>li>a,
    .navbar-default.affix .nav#whiteNav>li>a:focus {
      color: #222222;
    }

    .navbar-default.affix .nav>li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
      color: #45ad88;
    }

    .whyTest {
      margin-right: 30%;
    }

  }


  header {
    position: relative;
    width: 100%;
    min-height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-image: url('../img/header.jpg');
    text-align: center;
    color: white;
  }

  header.tw {
    background-image: url('../img/travel-tw.png');

  }

  header.thyroidNodule {
    background-image: url('../img/thyroidNodule-lh.jpg');

  }

  header.tw {
    min-height: auto;

  }

  header.twarticle p,
  header.twarticle h3 {
    margin-left: auto;
    margin-right: auto;

  }

  header .whitebg {
    background-color: transparent;
    background-image: url('../img/white.png');
    padding: 1.25em;
  }

  header.autoHeightHeader {
    min-height: auto;


  }

  header.autoHeightHeader#shop {
    min-height: auto;
    background: url('../img/header-allergy.jpg') no-repeat center center;


  }

  header.autoHeightHeader#shop {
    min-height: auto;
    background: url('../img/header-allergy.jpg') no-repeat center center;


  }

  header#newbornBabyTest {
    min-height: auto;
    background: url('../img/baby-foot-xl.jpg') no-repeat center center;


  }

  header#geneticChildTest {
    min-height: auto;
    background: url('../img/child-mother-xl.jpg') no-repeat right center;


  }

  header#geneticMotherTest {
    min-height: auto;
    background: url('../img/baby-mother-xl.jpg') no-repeat right center;


  }

  header#geneticPreperngantTest {
    min-height: auto;
    background: url('../img/pre-pregnancy-bg.jpg') no-repeat right center;
    background-color: #f8f8f8;


  }

  header#geneticInfertilityTest {
    min-height: auto;
    background: url('../img/infertility-genetic-test-banner.jpg') no-repeat right center;
    background-color: #f8f8f8;


  }

  header#veryWorryWoman {
    min-height: auto;
    background: url('../img/very-worry-woman.jpg') no-repeat right center;
    background-color: #fff;
    background-size: cover
  }

  header#whole-genome-screening {
    min-height: auto;
    background: url('../img/whole-genome-screening.jpg') no-repeat right center;
    background-color: #fff;
    background-size: cover
  }

  header#telomere {
    min-height: auto;
    background: url('../img/telomere.jpg') no-repeat right center;
    background-color: #fff;
    background-size: cover
  }

  .logoTransit {
    position: absolute;
    z-index: 999;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
  }

  .logoTransit img {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
    z-index: 3;
  }

  .logoTransit img.shadow {
    -ms-transform: translate(-50%, 90%);
    /* IE 9 */
    -webkit-transform: translate(-50%, 90%);
    /* Safari */
    transform: translate(-50%, 90%);
    z-index: 2;

  }

  .logoTransit .allergy {
    display: block;
    max-width: 37.5em;

  }

  .centerSpit h1.bannerh1 {
    font-size: 1.875em;
  }

  @media screen and (max-width: 61.375em) {
    .centerSpit h1.bannerh1 {
      font-size: 1.25em;
    }

  }

  @media (max-width:61.375em) {
    .logoTransit .allergy {
      display: block;
      max-width: 25em;

    }
  }

  .logoTransit .healthcheck {
    display: none;

  }

  .logoTransit.switch .allergy {
    display: none;

  }

  .logoTransit.switch .healthcheck {
    display: block;

  }

  header.centerSpit {
    background: none;
    max-height: inherit;
    min-height: 29.375em;
    font-family: 'Merriweather', Arial, sans-serif;
  }


  header.centerSpit .container .plans {
    background: url(../img/plan-profession.jpg);

  }

  header.centerSpit .container .plans i,
  header.centerSpit .container .plans a {
    display: block;
    text-align: center;
    font-weight: bold;

  }

  header.centerSpit .container .plans a strong {
    color: inherit;
  }

  header.centerSpit .container .plans a:hover {
    text-decoration: none;
  }

  header.centerSpit .container .plans i {
    padding: 0.9375em 0;
  }

  header.centerSpit .container .plans i.fa-diamond {
    color: #f7e981;
  }

  header.centerSpit .container .plans i:hover,
  header.centerSpit .container .plans a:hover {

    color: red;
  }

  header.centerSpit#red {
    padding-top: 0%;
  }


  header.centerSpit#red #my-svg2 svg {

    width: 100%;

  }

  header.centerSpit#red .videos a {
    font-size: 1.5625em;
    padding: 0.3125em 0;

  }

  header.centerSpit#red .videos a strong {
    font-size: 1.75em;
    color: red;
  }

  header.centerSpit#allergy {
    /*  background: #9F2B39;
*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb2025+0,bb2025+53,ffffff+66 */
    background: #bb2025;
    /* Old browsers */



  }

  header.centerSpit#allergy .row img {
    z-index: 2;
    position: relative;
  }

  header.centerSpit#allergy #detective {
    position: absolute;
    z-index: 1;
    top: -9.375em;
    left: 0;
    max-width: 12.5em;
  }
    header.centerSpit#allergy #bannerInText{
      font-weight: 900;
    }
  #about.tw h2 {
    color: #4969b2;
  }

  #about.tw h3 {
    color: #ed2a3b;
  }

  @media (max-width:61.375em) {

    header.centerSpit#allergy {
      /*  background: #9F2B39;
      */
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb2025+0,bb2025+53,ffffff+66 */
      background: #bb2025;
      /* Old browsers */
    }

    header.centerSpit#allergy #detective {
      max-width: 6.25em;
      top: -3.125em;
    }

    header#geneticMotherTest {
      background-position: right top;

    }

    header#geneticPreperngantTest {
      background-position: 78% top;

    }

    header#geneticInfertilityTest {
      background-position: 78% top;

    }

    header#geneticInfertilityTest small {
      font-size: 35%;

    }

    header#geneticInfertilityTest .container,
    header#geneticPreperngantTest .container {
      background-color: #ffffffaa;

    }


  }

  #geneticPlanNew ul li {
    padding: 0;
    margin-bottom: 0;
  }

  #video {
    position: fixed;
    background: transparent;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .ytplayer-container {
    position: absolute;
    top: 0;
    z-index: 0;
  }


  .place {
    padding: 0.625em 0em 0.3125em 0em;
    margin: 0.625em 0.625em 0.625em 0.625em;
    border-bottom: 0.0625em solid #43826B;
    display: inline-block;
  }

  .place a {
    color: #3F3F3E;
    font-size: 0.9375em;
    padding: 0.3125em 0.3125em;
    display: inline-block;
    margin: 0;



  }

  header.centerSpit#red {
    /*background: url('../img/bg-01.jpg') repeat-x #fff;*/
    background: #ffffffd1;


  }

  header.centerSpit#green {
    background: url('../img/bg-01.jpg') repeat-x #fff;
  }



  header.centerSpit#schedule {
    padding-top: 2%;
  }

  header.centerSpit#schedule #serviceStop,
  header.centerSpit#schedule #serviceIntro,
  header.centerSpit#schedule #serviceTalk {

    /* height: 17.5em; */

  }

  #serviceIntro p,
  #serviceIntro a {
    overflow-wrap: break-word;
    display: inline;

  }

  header.centerSpit#schedule #serviceStop {
    /*background: #ffa;*/
    padding: 0.9375em 0.3125em;
    border: 0.0625em solid #e0e0e0;

  }

  header.centerSpit#schedule #serviceStop .wrapper {
    padding: 0 0 0 2%;
  }

  header.centerSpit#schedule .stepOfAction {
    padding: 0em;
  }

  header.centerSpit#schedule .stepOfAction h2 {
    font-size: 1.5em;
    color: #b71829;
  }



  header.centerSpit .container {

    text-align: left;


  }

  header.centerSpit .container .row {

    padding: 0.625em 0;


  }

  header.centerSpit .container .logo {
    padding-bottom: 0.625em;
    padding-left: 0em;
    text-align: left;
    float: none;
    display: block;
  }


  header.centerSpit#red .container h2,
  header.centerSpit#red .container h3,
  header.centerSpit#red .container a,
  header.centerSpit#red .container p,
  header.centerSpit#red .container ul li {
    color: #555;
    font-weight: 400;


  }

  header.centerSpit#green .container h2,
  header.centerSpit#green .container h3,
  header.centerSpit#green .container a,
  header.centerSpit#green .container p,
  header.centerSpit#green .container ul li {
    color: #555;
    font-weight: 400;


  }

  header.centerSpit#red .container a {
    text-decoration: underline;
  }



  header.centerSpit#green .container a.btn {
    color: #0a9993;
  }

  header.centerSpit#schedule .container h3,
  header.centerSpit#schedule .container a,
  header.centerSpit#schedule .container p,
  header.centerSpit#schedule .container i {
    color: #353535;
  }

  header.centerSpit#schedule .container a.text-light {
    color: #fff;
  }

  header.centerSpit#schedule .container .phones p,
  header.centerSpit#schedule .container .phones i {
    color: green;
  }

  header.centerSpit#schedule .container ul li,
  header.centerSpit#schedule .container ul li p {
    margin: 0;
    font-size: 0.9375em;
    padding-right: 0.625em;
  }

  header.centerSpit#schedule .container h2 {
    color: #e0152a;
    font-size: 1.25em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 0.625em;
  }

  header.centerSpit#schedule .container #ss2 h2 {
    padding: 0em 0.625em 0.625em 0.625em;
    line-height: 1.25em;

  }

  header.centerSpit#schedule p.number {
    background: #b71829;
    width: auto;
    height: 2.8125em;
    font-size: 2.5em;
    line-height: 2.5em;
    text-align: center;
    display: block;
    color: #fff;
    margin: 0em;
    padding: 0.3125em;
    float: left;
  }

  header.centerSpit#schedule .container p.address {
    margin-bottom: 0.625em;

  }

  header.centerSpit#schedule .container p.addressTag {
    margin-left: 1.0em;
  }

  header.centerSpit#schedule .container p.addressTag b {
    font-weight: 900;
  }

  header.centerSpit#schedule .container p.addressTag::before {
    content: "";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    margin-left: -0.9rem;
    margin-top: 0.1rem;
    color: #b71829;
    width: 0.625em;
    height: 0.625em;
    border-radius: 50% 0% 0% 50%;

    background: #b71829;

  }

  header.centerSpit#schedule .container .fa-angle-double-right {
    font-size: 3.125em;
    position: absolute;
    left: -1.875em;


    margin-top: 0em;
    color: #71c8ac
  }

  header.centerSpit#schedule .container .go-right {

    position: absolute;
    right: 0%;
    margin-top: 0em;
    color: #333;
    font-size: 0.625em;
    line-height: 0.625em;
    background: #fff;
    border: 0.0625em solid #ddd;
    display: inline-block;
    padding: 0.3125em 0.3125em;
    margin-top: 0em;
    text-align: center;
  }

  header.centerSpit#schedule .container .go-right small {

    font-size: 0.625em;
    line-height: 0.75em;
  }

  header.centerSpit#schedule .container .go-right small .fa {
    display: block;
    font-size: 0.9375em;
    color: #b71829;


  }

  header.centerSpit#schedule p.serviceFlow {
    margin-bottom: 0;

  }

  header.centerSpit#schedule p.number small {
    font-size: 0.625em;
    display: block;
    line-height: 1.25em;
  }

  header.centerSpit .container h2,
  header.centerSpit .container h3,
  header.centerSpit .container a,
  header.centerSpit .container p {

    text-align: left;
    display: inline-block;
    font-size: 1.0625em;
    line-height: 1.25em;
    letter-spacing: 0.1em;


  }

  header.centerSpit .header-content .header-content-inner p {
    padding-bottom: 0.3125em;
    display: block;
    max-width: 100%;
  }

  header.centerSpit .container strong {
    color: #60bbae;
  }

  header.centerSpit#red .container strong {
    color: #60bbae;

  }

  header.centerSpit#schedule .container strong {
    color: #70c9ac;
  }

  header.centerSpit#red .container a.moreBtn,
  header.centerSpit#green .container a.moreBtn {
    background: none;
    color: #fff;
    font-size: 1em;
    padding: 0.3125em 1.25em;
    text-decoration: none;
  }

  header.centerSpit#red .container a.moreBtn,
  header.centerSpit#green .container a.moreBtn {
    color: #169b96;
    border-color: #12cec7;


  }


  header.centerSpit .container h2 {
    font-size: 2em;
    line-height: 1.875em;
    margin: 0 0 0.3125em 0;

  }

  header.centerSpit .container h3 {
    margin: 0;
    font-size: 1.5625em;
    line-height: 1.75em;
  }

  header.centerSpit .container h2 span {
    font-size: 1em;
    letter-spacing: 0.05em;


  }

  header.centerSpit .container ul {
    margin: 0;
  }

  header.centerSpit#schedule .container ul {
    margin-left: 2em;

    padding-right: 1em;



  }


  header.centerSpit .container ul li {
    margin: 0;
  }

  header.centerSpit .container .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    text-align: left;
  }

  .termsDisease {
    padding: 3.125em 0 0.625em 0;

  }

  .termsDisease ul li {
    float: left;
    color: #357C55;
    padding: 0em 0.625em 0em 0.3125em;
    margin: 0 0 0 1.875em;

  }

  header#planSex {
    background: url(../img/sex-transmitted-disease-test.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

    background-position: center;

  }

  header#planNipt {
    background: url(../img/nipt-bg-white.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

    background-position: center;

  }

  header#plan1000 {
    background: url(../img/plan1-bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

    background-position: center;

  }

  header#planMeaslesg {
    background: url(../img/header-measles.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

    background-position: center;

  }


  header#planMeaslesg .container {
    padding-bottom: 0.625em;
  }

  header#plan1000.planyearly {
    background: url(../img/plan-profession.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

    background-position: center;

  }

  header#allergyCenter,
  header#avoidencdCenter {
    background: url(../img/header-allergy.jpg) no-repeat center;
  }

  header#homeblood {
    background: url(../img/header-hb.jpg) no-repeat center;
  }

  header#nullBg {
    background: #fff;
  }

  .hearingAid header {
    background: #fff;
    /*background: url(../img/elderly-family.jpg) no-repeat center;*/

    background-repeat: no-repeat;
    background-size: cover;
  }

  header.shortbackground {
    height: auto;
    min-height: auto;

  }

  .whyTest {
    /*margin-right: 30%;*/
  }

  header.centerSpit#schedule .container .whyTest h2 {
    color: red;
    font-weight: bold;
    padding: 0;
    padding-top: 2%;

  }

  .whyTest p {
    color: #fff;
    padding: 2% 0;
    font-weight: bold;

  }

  .whyTest a {
    color: #fff;
    margin: 0;
    padding: 1% 2%;
    font-weight: bold;

  }

  #children1 {
    /*background: url(../img/children-bg-2.jpg) no-repeat center;*/

  }

  #children2 {
    background: url(../img/children-bg-1.jpg) no-repeat center;

  }

  #children1 h1 {
    font-size: 1.9375em;

  }

  #children1 h1 span {
    font-size: 1.375em;
    display: block;
    color: #bb75b1;

  }

  #children1 h2,
  #children2 h2,
  .childrenDevelopment h1 {
    /*font-size: 1.25em;*/
    color: #6751a2;

  }

  .childrenDevelopment h1 {
    font-size: 1.875em;
    color: #6751a2;
  }

  #children1 h3,
  #children2 h3 {

    color: #76727f;
    margin-top: 0;


  }


  @media (max-width: 61.375em) {

    #children1 h1 {
      font-size: 1.5625em;

    }

    #children1 h1 span {

      display: inline;
    }

    #children1 h2,
    #children2 h2 {
      font-size: 1.25em;

    }

    #children1 h3,
    #children2 h3 {
      font-size: 1.125em;
      color: #76727f;


    }

  }

  #children1 ul li p,
  #children2 ul li p {
    margin: 0.625em 0;
  }

  #children1 ul li,
  #children2 ul li {

    margin: 0.3125em;
  }

  #allergy .header-content,
  header .header-content {
    position: relative;
    text-align: center;
    padding: 6.25em 0.9375em 6.25em;
    width: 100%;
  }

  @media (max-width: 48em) {

    #allergy .header-content,
    header .header-content {
      position: relative;
      text-align: center;
      padding: 6.25em 0em 6.25em;
      width: 100%;
    }

  }

  header#allergyCenter.nobanner {

    height: auto;
    min-height: 0;
  }

  #facebookPromotion {
    border: 0.1875em solid #00a1ff;
    box-shadow: 0.625em 0.625em 0.3125em #ddd;
    background: #fff;
    color: #00a1ff;
    width: 100%;
    margin-top: 8.75em;
    margin-bottom: 1.25em;
  }

  #facebookPromotion.m-0 {
    margin-top: 0;
  }

  #facebookPromotion h2 {
    color: #00a1ff;
    font-size: 1.25em;
    padding: 1.25em 0;
    margin: 0;
    text-align: center;
  }

  #facebookPromotion .fa-facebook-official {
    margin-top: 0;
  }

  #allergyFoodTest {
    border: 0.1875em solid #d72e41;
    background: url(../img/fast-20-logo.jpg) no-repeat left top;
    box-shadow: 0.625em 0.625em 0.3125em #ddd;
    width: 100%;
    margin-bottom: 1.25em;
  }


  #priceSection #allergyFoodTest h1 {
    padding-top: 1.25em;
  }

  #priceSection #niptHeading {
    padding-top: 0.625em;
    margin-top: 0em;
  }

  #my-svg {
    position: absolute;
  }

  #priceSection h1,
  .twoColLayoutShop .goodsCol h1 {
    color: #d72e41;
    background: url(../img/plan-heading.jpg) no-repeat bottom left;
    padding: 0.5em 0 0.25em 0;
    text-align: left;
    margin-bottom: 0;
    font-size: 2.1875em;


  }

  .twoColLayoutShop .goodsCol h1 {
    font-size: 1.675em;
  }

  #priceSection h2,
  .twoColLayoutShop .goodsCol h2 {
    font-size: 5.75em;
    color: #635317;
    font-weight: bold;
    margin-bottom: 0;
  }

  #priceSection h2 span,
  .twoColLayoutShop .goodsCol h2 span {
    font-size: 50%;
  }

  #priceSection h3,
  .twoColLayoutShop .goodsCol h3 {
    font-size: 1.625em;
    color: #C1852F;
    line-height: 1.875em;
    margin-top: 2.5em;
    margin-bottom: 0;
  }

  #priceSection h3 img,
  .twoColLayoutShop .goodsCol h3 img {
    padding: 0 0.625em;
  }

  #priceSection p,
  .twoColLayoutShop .goodsCol p {
    padding: 0 0.625em;
    color: #5A5A5A;
    font-size: 1.125em;
  }

  #priceSection p small,
  .twoColLayoutShop .goodsCol p small {
    padding: 0 0.625em;
  }

  #priceSection ul.fa-ul,
  .twoColLayoutShop .goodsCol ul.fa-ul {
    margin: 1.25em 2.5em;
  }


  #priceSection .fa-ul li,
  .twoColLayoutShop .goodsCol .fa-ul li {

    color: #c0a742;
    margin: 0;

  }

  #homeHeading {
    display: block;
    text-align: center;
  }

  #homeHeading.enheading {
    font-size: 2em;
    padding-top: 0.625em;
  }

  @media (max-width: 48em) {

    header .header-content,
    header .header-content {
      padding-left: 0;
      padding-right: 0;
    }

    #allergy .header-content .row,
    header .header-content .row {
      padding-left: 0;
      padding-right: 0;
      margin: 0;
    }

    #priceSection ul.fa-ul {
      margin: 1.25em 0em;
    }

    #homeHeading,
    #homeHeading a {
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
    }

    .miteprotexBanner {
      text-align: left;
      padding: 0.625em;
    }

  }

  .priceTag .text-small {
    font-size: 1.625rem;
  }

  .priceTag .fa-ul {
    margin: 1.25em 0em 1.25em 1.875em;
  }

  .priceTag .freeGift {
    color: #C1852F;
    padding-left: 0.625em;

  }

  .priceTag ol.freeGift {
    list-style: none;

  }

  .priceTag .freeGift li,
  .priceTag .freeGift p {
    margin-bottom: 0;
  }

  #priceSection .priceTag .freeGift h3 {
    margin-top: 0;
  }

  #priceSection .priceTag .freeGift {
    margin-top: 1.25em;
  }

  #priceSection .priceTag .freeGift li {
    margin: 0;
    font-size: 1.25em;
    font-weight: bold;
  }

  .priceTag .fa-ul li {
    margin: 0;

  }

  .priceTag ol.fa-ul li {
    list-style: decimal;

  }

  #priceSection .priceTag .cancercards {
    padding: 0.3125em;
  }

  #priceSection .priceTag .cancercards #cancer61 {
    background: url(../img/genes-01.png) right no-repeat;
  }

  #priceSection .priceTag .cancercards #cancer84 {
    background: url(../img/genes-02.png) right no-repeat;
  }

  #genetest84 .priceTagDiv {
    background: url(../img/genes-02.png) right no-repeat;
  }

  #genetest61 .priceTagDiv {
    background: url(../img/genes-01.png) right no-repeat;
  }

  #priceSection .priceTag .cancercards .thumbnail {
    padding: 0.9375em;
  }

  #priceSection .priceTag .cancercards h3 {
    font-size: 1.25em;
    margin-bottom: 0.625em;
  }

  #priceSection .priceTag .cancercards h3 span {
    font-size: 1.875em;
    display: block;
  }

  #priceSection .priceTag .cancercards .label {
    color: #fff;
  }

  #allergyContact {
    background: url(../img/intro-bg.png) no-repeat center top #f5f7f6;
    padding: 6.25em 0;

  }

  #allergyContact h2 {
    margin-top: 0;

  }

  #priceSection h1 .priceTag {
    margin-top: 0;
    display: block;
    font-size: 220%;
    color: #635317;
  }

  .twoColLayoutShop .goodsCol .priceTag {
    margin-top: 0;
    display: block;
    font-size: 220%;
    color: #635317;
  }

  #tablePickCheckContent {
    background: #fff;
  }

  #tablePickCheckContent .table {
    margin: 0;
    padding: 0.625em;
  }

  #tablePickCheckContent .table .tableizer-firstrow {
    background: #fff6dc;

  }

  header .header-content .header-content-inner .introduction {
    text-align: left;
    background: url(../img/intro-bg.png) no-repeat;

  }

  header .header-content .header-content-inner .introduction#noBackground {
    text-align: left;
    background: none;

  }

  header .header-content .header-content-inner h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0.625em;
    margin-bottom: 0.625em;
    margin-left: 5.625em;
    font-size: 1.875em;
  }

  header#shop .header-content {
    padding-bottom: 0.625em;
  }

  header#shop .header-content .header-content-inner h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0.625em;
    margin-bottom: 0em;
    margin-left: 0.625em;
    font-size: 2.4375em;
    color: #cc527c;
  }

  header#shop .header-content .header-content-inner h2 {

    margin-left: 0.625em;

  }

  header#shop .header-content .header-content-inner p {

    margin-left: 0.625em;

  }

  header .header-content .header-content-inner h1 small {
    font-size: 80%;
    display: block;
    padding: 0.3125em 0;

  }

  header .header-content .header-content-inner hr {
    margin: 1.875em auto;
  }



  #accordion ul li,
  #accordion ul li p,
  #accordion ol li p {
    margin: 0;
  }

  #accordion.faq .panel {
    position: relative;
  }

  #accordion.faq .panel .panel-heading:after {
    content: "";
    position: absolute;
    /*  top: 0;
  left:0;*/
    background: url(../img/faq_ans.png) no-repeat;
    width: 3.125em;
    height: 2.625em;
    display: block;
    margin-top: -0.875em;
    padding-left: 3.125em;
    padding-top: 0.3125em;

  }


  #macrogen {
    background: url(../img/macrogen.png) right 0.625em no-repeat;

  }

  #meddxthumb {
    background: url(../img/logo-text.png) right 0.625em no-repeat;

  }

  .nipttest#plan {

    background: url(../img/showconfident.png) center center repeat-y;
  }

  .nipttest .thumbnail {
    padding: 0.625em 1.25em;
  }

  .nipttest .genetest8461 .priceTag {
    font-size: 2.1875em;
    color: #C1852F;
    font-weight: bold;
  }

  .nipttest .genetest8461 .priceTag span {
    font-size: 1.5em;
  }

  .nipttest .genetest8461 .fa-ul li {
    padding: 0em;
    margin: 0;

  }

  .nipttest .genetest8461 .fa-ul li p {

    margin: 0;

  }

  #showconfident {
    /*width: 12.5em;*/
    display: flex;
    align-items: stretch;
    /*margin: 0 auto; */
    /*margin-top: -3.125em;*/
  }

  #showconfident .thumbnail {
    height: 100%;
  }


  .marcrogonnew {
    display: flex;
    align-items: stretch;

  }

  .marcrogonnew .thumbnail {
    height: 100%;

  }

  .marcrogonnew .thumbnail a {
    display: block;
    /*padding: 3.125em;*/
    background: #fff;

  }

  .marcrogonnew .thumbnail .label-info {
    font-size: 1.1875em;
    display: inline-block;
    margin-top: 0.625em;

  }

  @media (max-width: 48em) {

    .nipttest .thumbnail {
      padding: 0.625em;
    }

    #showconfident {
      background: url(../img/showconfident.png) center center no-repeat;
      /*width: 12.5em;*/
      display: block;

      /*margin: 0 auto; */


      /*margin-top: -3.125em;*/
    }

    .marcrogonnew {
      display: block;

    }
  }



  #centers {
    background: url(../img/center.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: right;
  }

  #centers h3 {
    color: #fff;
  }

  #centers h4 {
    color: #C0A742;
    font-size: 1.15em;

  }

  .location {
    padding: 1.25em 1.875em;
    background: rgba(255, 255, 255, 0.7);
    border: 0.0625em solid #d8e8d8;
    font-size: 1rem;
  }

  .location p {
    margin: 0.3125em 0em;

  }

  .location p span.red {
    color: #fff;
  }

  .childrenDevelopment .contactinHeader {
    /*margin:aut;*/
    margin-top: 3.125em;

  }

  .childrenDevelopment .banner {
    /*overflow: hidden;*/
    min-height: 15.625em;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;


  }

  .childrenDevelopment .banner .bannerBg {
    position: absolute;
    top: 0%;
  }

  .childrenDevelopment .banner h1 {
    padding-top: 0em;
  }

  @media (min-width: 48em) {
    .childrenDevelopment .banner .bannerBg {
      position: absolute;
      top: -50%;
    }

    header {
      min-height: auto;
    }

    header#planMeaslesg {
      min-height: auto;

    }

    header.twarticle {
      min-height: auto;
    }

    header#contactCenter {

      min-height: 43.75em;

    }

    header#allergyCenter {

      min-height: 80%;


    }

    body header.shortbackground,
    header#allergyCenter {
      height: auto;
      min-height: auto;

    }

    header#avoidencdCenter {

      min-height: auto;

    }

    header#smallHeader {

      min-height: 31.25em;

    }


    header .header-content {
      /*    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 6.25em 3.125em 0 3.125em;*/
    }

    header.contactCenter#red .header-content {
      /*padding:0;*/
    }

    header .header-content .header-content-inner {
      max-width: 75em;
      margin-left: auto;
      margin-right: auto;
    }

    header .header-content .header-content-inner h1 {
      font-size: 2.5em;
      color: #43826B;
    }


    header.childrenDevelopment .header-content-inner h1 {
      font-size: 2.5em;
      color: #6751a2;
    }

    header#shop .header-content .header-content-inner h1 {
      font-size: 2.375em;
      display: inline-block;
      text-align: left;
      margin: 0;
      text-transform: initial;
      color: #cc527c;

    }

    header#shop .header-content .header-content-inner h1 small {
      font-size: 1.75em;

    }

    header .header-content .header-content-inner p {
      font-size: 0.9375em;
      max-width: 80%;
    }

    header.twarticle .header-content .header-content-inner h3 {
      max-width: 80%;
      display: block;
    }

    header .header-content .header-content-inner .btn-primary {

      margin-top: 0.625em;

    }

    header .header-content .header-content-inner .btn-xl {
      margin-left: 3.75em;

    }

    .btn-primary img {
      padding: 0 0.625em 0 0em;

    }


  }


  .section-heading {
    margin-top: 0;
  }

  .service-box {
    max-width: 25em;
    margin: 3.125em auto 0;
  }

  @media (min-width: 62em) {
    .service-box {
      margin: 1.25em auto 0;
    }

    header .header-content .header-content-inner .introduction p {
      padding-right: 11.25em;
    }
  }

  @media (max-width: 47.9375em) {
    header.centerSpit {
      padding: 0 0.625em;
      background: none;
      max-height: none;
      min-height: auto;



    }

    .fa-angle-double-right {
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Safari */
      transform: rotate(90deg);
      font-size: 5em;
      left: -0.625em;
    }

    header .header-content .header-content-inner h1 {
      margin: 0em 1.25em 1.25em 1.25em;
      padding-top: 0.625em;

    }

    header .header-content .header-content-inner h1 {
      font-size: 1.25em;
      display: inline-block;

    }

    header .header-content .header-content-inner h1 a {
      font-size: 1.25em;
      display: inline-block;
      width: auto;
    }

    #homeHeading a {
      font-size: 1.25em;
      display: inline-block;
      width: auto;
    }

    header .header-content .header-content-inner .introduction p {
      margin-left: 1.25em;
    }



    .navbar-default {
      min-height: 3em;
    }

    .navbar-default span {
      display: none;

    }

    .navbar-brand {
      max-width: 50%;
    }
    .navbar-brand {
          max-width: 30%;
    }

    .navbar-brand img {
      max-width: 100%;
    }

    .fa-facebook-official {
      position: absolute;
    }

    #book24 #step li {
      background-position: top left;
      height: auto;
    }

    #book24 #step li u {
      float: none;
      line-height: 2.375em;
      display: block;
      padding: 0.1em 0.5em;

    }


    #priceSection h1 {
      font-size: 2em;
    }

    #priceSection h3 {
      line-height: 2.5em;
    }

  }

  #book24 #instruction {
    padding: 2rem;
  }

  @media (min-width: 48em) {

    #book24 p strong {

      /* position: absolute;
      margin-left: -1.5em;
      font-size: 5.25em;
      line-height: 1.25em; */

    }

    #book24 #step li {
      /* padding: 0.6rem 0.5em; */
      display: flex;
      align-items: top;
      /* vertical-align: middle; */
    }

    #book24 #step p {
      font-size: 1.5rem;
      line-height: 1.8rem;
      padding-left: 2.1rem;
    }

    #book24 #step p span {
      font-size: 1.25rem;
      line-height: 1.25rem;
    }

    #book24 #step li u {
      padding: 0.275em 0.275em;

    }
  }

  .service-box p {
    margin-bottom: 0;
  }

  .service-box h3 {
    color: #C0A742;

  }

  .portfolio-box {
    position: relative;
    display: block;
    /*  max-width: 40.625em;
  margin: 0 auto;*/
    border: 0.0625em solid #fff;
  }

  .portfolio-box .portfolio-box-caption {
    color: white;
    opacity: 0;
    display: block;
    background: rgba(114, 195, 169, 0.9);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }

  .portfolio-box-content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;

  }

  .portfolio-box-content#personalTest p {
    float: left;
    margin: 0.3125em 0.625em 0em 1.25em;
    padding: 0.3125em;
    margin-bottom: 0;
    border-bottom: 0.125em solid #9cdec7;
    display: block;

  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content p {
    float: left;
    padding: 0.3125em 0.625em 0em 1.25em;
    line-height: 0.625em
  }

  .portfolio-box-content h2,
  .portfolio-box-content h3 {
    font-weight: bold;
    font-size: 1.75em;
  }

  .portfolio-box-content h2 {
    font-size: 2.8125em;
  }


  .portfolio-box2 .portfolio-box-content h2 {
    font-size: 1.75em;
  }

  .portfolio-box-content h2,
  .portfolio-box-content h3,
  .portfolio-box-content p {
    color: #fff;

  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    padding: 0 0.9375em;
  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875em;
  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 1.125em;
  }

  .portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
  }

  .portfolio-box:focus {
    outline: none;
  }

  #portfolio2 {
    background: url(../img/explain-report.png) #096ca7 no-repeat center center;
  }

  #portfolio2 #portfolio2Container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin: 3.125em 0;
  }

  #twstar {
    background: url(../img/8873.jpg) no-repeat center;
  }

  #twstar hr {
    margin: 0;
  }

  #twstar .publicfigure {
    padding: 0;
    /*  margin:0;
*/
  }

  #twstar h3 {

    color: #096ca7;
    /*  margin:0;
*/
  }

  #twstar .publicfigure img {
    padding-top: 3.125em;

  }

  #twstar p {
    padding: 0.625em;

  }

  #twstar p strong {
    padding: 0.625em;
    color: #096ca7;

  }

  #twstar hr {

    background: #096ca7;
    color: #096ca7;
    height: 0.625em;
    border-top: 0.9375em solid #ff0000;

    position: relative;
    top: -0.625em;
    left: 0.625em;
  }

  .choiceimg img {
    /*position: absolute;*/
    z-index: 0;
  }

  .choiceimg iframe {
    position: relative;
    z-index: 10;
  }

  .note2 .report.faberVideoDiv {
    /* height: 39.375em; */
    height: auto;
  }

  @media (max-width:63.9375em) {

    .note2 .report.faberVideoDiv {
      height: auto;
    }

    #portfolio2 #portfolio2Container {

      flex-direction: column;
    }

  }

  #portfolio2 h2 {
    color: #fff;
    margin: 0em 0 0 0;
  }

  #portfolio2 h3 {
    color: #7eefc7;
    margin: 0 0 1.25em 0;
  }

  #portfolio2 p {
    border-bottom: 0.4375em solid #ed2a3b;
  }

  #portfolio2 p strong {
    font-size: 1.25em;
    color: #7eefc7;
  }

  #portfolio2 p strong.largerSize {
    font-size: 2.1875em;
  }

  #portfolio2 #portfolio2Container p {
    color: #fff;
  }

  #portfolio2 #canceris p {
    color: #fff;
  }

  #portfolio2 #canceris a {
    color: #fdd64a;
  }

  .consultationBtn {
    background: url(../img/consultation-free.png) no-repeat center;
    margin-left: 10%;

  }

  .consultationBtn h3 {
    color: #e38378;
    font-size: 2.0625em;
    padding: 0.9375em 0 1.25em 0;
    text-align: center;
  }

  .consultationBtnEn h3 {
    font-size: 1.25em;
  }

  .consultationBtn h3 small {
    color: #39aaa3;
    display: block;
    font-size: 0.9375em;

  }

  @media (max-width:74.9375em) {

    .consultationBtn {
      margin-left: 0%;

    }

    header.centerSpit {
      max-height: inherit;
    }

    .address {
      padding-top: 3.125em;
      clear: both;
    }

    header.centerSpit#schedule .container .address,
    header.centerSpit#schedule .container .phones {
      padding-top: 0.625em;
      clear: both;
    }

    header.centerSpit#schedule .container .phones p {
      margin-bottom: 0;
    }
  }

  @media (min-width: 48em) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 1em;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 1.375em;
    }
  }

  @media (min-width: 75em) {
    .portfolio-box2 .portfolio-box-content h2 {
      font-size: 2.1875em;
    }
  }

  #step u i {
    color: #e63a3a;
    font-size: 1.875em;
  }

  .call-to-action h2 {
    margin: 0 auto 1.25em;
  }

  .text-primary {
    color: #45ad88;
  }

  .no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }

  .btn-default {
    color: #222222;
    background-color: white;
    border-color: white;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }

  .btn-default:hover,
  .btn-default:focus,
  .btn-default.focus,
  .btn-default:active,
  .btn-default.active,
  .open>.dropdown-toggle.btn-default {
    color: #222222;
    background-color: #f2f2f2;
    border-color: #ededed;
  }

  .btn-default:active,
  .btn-default.active,
  .open>.dropdown-toggle.btn-default {
    background-image: none;
  }

  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: white;
    border-color: white;
  }

  .btn-default .badge {
    color: white;
    background-color: #222222;
  }

  .btn-primary {

    color: #3FA37F;
    background-color: #F9EFC0;
    border-color: #F9EFC0;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
  }

  .badge.prepare {
    font-size: 1.25em;
  }

  .note a.btn-primary2,
  .btn-primary2 {
    color: #fff;
    background-color: #428bca;
  }

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary.focus,
  .btn-primary:active,
  .btn-primary.active,
  .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1e805f;
    border-color: #1e805f;
  }

  .btn-primary:active,
  .btn-primary.active,
  .open>.dropdown-toggle.btn-primary {
    background-image: none;
  }

  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #7d948c;
    border-color: #7d948c;
  }

  .btn-primary .badge {
    color: #45ad88;
    background-color: white;
  }

  .btn {
    font-family: 'Noto Sans TC', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    border: none;
    border-radius: 0.5em;
    font-weight: 700;
    /*text-transform: uppercase;*/
  }

  .btn-xl {
    padding: 0.9375rem 0.9375rem;
    margin: 0.3125rem;
  }

  ::-moz-selection {
    color: white;
    text-shadow: none;
    background: #222222;
  }

  ::selection {
    color: white;
    text-shadow: none;
    background: #222222;
  }

  img::selection {
    color: white;
    background: transparent;
  }

  img::-moz-selection {
    color: white;
    background: transparent;
  }

  body {
    webkit-tap-highlight-color: #222222;
  }

  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    border: none;
    padding: 0.3125em 3.125em;

  }

  #plan .tableizer-table td {
    width: 45%;

  }

  #priceSection .antenatal-blood li {
    color: #333;

  }

  .antenatal-blood span {
    color: #333;
    padding: 0 0.1875em;
  }

  .table>tbody>tr>th,
  #plan a.tbHeading {
    background: #D6BE70;
  }

  #plan a.tbHeading {
    display: block;
    color: #000;
    padding: 0.625em 3.125em;
    font-size: 0.9375em;
    margin: 0.125em;
  }



  #allPlan .planCol {

    padding: 1.25em 1.25em 3.125em 1.25em;
    border: 0.0625em solid #ddd;
    -webkit-border-radius: 1.125em;
    -moz-border-radius: 1.125em;
    border-radius: 1.125em;
    margin: 0.625em 0;

    background: #fff;


  }

  #allPlan .planCol p {

    padding: 1.25em 0.25em;
    margin: 0;


  }

  #allPlan .planCol ol li {

    margin: 0;


  }

  @media screen and (max-width: 75em) {
    .planSelection {
      width: 100%;
    }


    #allPlan .planCol {

      width: 100%;
    }

  }

  @media screen and (max-width: 30em) {
    #priceSection .planSelection {
      white-space: normal;

    }
  }


  #priceSection .planSelection {
    margin: 0.125em;
  }

  #allPlan .table>tbody>tr>td,
  #allPlan .table>tbody>tr>th,
  #allPlan .table>tfoot>tr>td,
  #allPlan .table>tfoot>tr>th,
  #allPlan .table>thead>tr>td,
  #allPlan .table>thead>tr>th {
    border: none;
    padding: 0.3125em 0.9375em;
    font-size: 0.9375em;
  }

  #all-plan #allcustome .table td {
    border: 0.0625em solid #ddd;
    padding: 0.3125em 0.9375em;
    text-align: center;
  }

  #all-plan #allcustome .table tr:nth-child(even) {
    background: #f7f7f7;
  }

  #allPlan a.tbHeading {
    padding: 0.625em 0.9375em;
    background: #f5f5f5;
    color: #927413;
    border: 0.0625em solid #e6e6e6;
    border-radius: 0.25em;
  }

  #allPlan a.tbHeading::before {
    /* triangle icon */
    content: '';
    display: inline-block;
    width: 10px;
    height: 5px;
    background: #585858;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin-right: 1.75em;
    position: absolute;
    right: 0%;


  }

  #allPlan h2 {
    /* margin: 0.625em; */
    color: #000;

  }

  #allPlan h3 {
    margin: 0;
  }


  .note {
    padding: 1.25em;
  }

  .someNote hr {
    max-width: 100%;
    border-width: 0.3125em;
    border-color: #ecfbf6;
  }

  .note hr {
    max-width: 100%;
    border-width: 0.3125em;
    border-color: #ecfbf6;
  }

  .note hr.clearBoth {
    max-width: 100%;
    background: none;
    border: none;
  }

  .note h3 {
    font-size: 1em;
    font-weight: bold;
    vertical-align: baseline;
    color: #715E2F;
    margin-top: 1.875em;
    padding-left: 0.625em;
  }

  .note h3 img {
    padding: 0 1.25em 0 0em;

    vertical-align: bottom;
  }

  .note p,
  .note li {
    padding: 0 0.625em;
    font-size: 0.9375em;
    margin-bottom: 0;
    color: #71706F;
    vertical-align: bottom;
  }

  .note p strong {
    color: #AF9858;
  }

  .note.hasBorder  {
    /* text-align: center; */
    border-top: #e9f5f1 solid 0.3rem;
    padding-top: 1.3125em;
  }

  .note .noteHeading h1 {
    font-size: 1.5em;
  }

  .note .noteHeading img {
    position: relative;
    top: -1.25em;
    padding: 0.625em;
  }

  


  .note .noteHeading h1 strong {
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;


  }

  .note .btn-primary {
    margin: 3.125em 0;
  }


  .note2 .btn-primary {
    margin: 0em 0;
    text-align: right;
  }

  .note2 .btn-danger {
    text-align: right;
    color: #fff;
  }

  .note2 .btn-success {
    text-align: right;
    color: #fff;
  }

  .note2 .report,
  .note2 .reportHtml {
    position: relative;
    -webkit-box-shadow: #bbb 0em 0.125em 0.625em;
    -moz-box-shadow: #bbb 0em 0.125em 0.625em;
    box-shadow: #bbb 0em 0.125em 0.625em;
    display: inline-block;
    height: 13.75em;
    overflow: hidden;

  }

  .note2 .report {
    padding: 0.3125em;
    display: block;
  }

  .note2 .report iframe {
    height: 10.3125em;
    display: block;
  }

  .note2 .report small {
    display: block;
    text-align: center;
    padding-bottom: 0.625em;
  }

  .note2 .report .btn {
    margin: 0.3125em auto;
    background: #fff;
    color: #888;
    border: 0.0625em solid #666;
    white-space: normal;
    text-align: center;



  }

  .note2 .report.nostyle {
    -webkit-box-shadow: #bbb 0em 0em 0em;
    -moz-box-shadow: #bbb 0em 0em 0em;
    box-shadow: #bbb 0em 0em 0em;
    height: auto;
    padding: 0em;
  }

  #patchtestList .report {
    height: 7.375em;
    margin-bottom: 0.625em;

  }

  .note2 strong,
  .note2 a {
    color: inherit;
  }

  .note2 a {
    text-decoration: underline;
  }

  .note2#additionService .noteHeading {
    background: #b9d2bd;
  }

  .note2#additionService .noteHeading h4 {
    font-size: 1em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #1d4a12;
  }

  .note2#additionService {
    background: #e4ece6;

  }

  #allPlan .note2 h2 {
    font-size: 1.25em;
    color: #75c3a9;
  }

  #footer {
    background: #eee;
    padding: 6.25em 0;
  }

  #footer small p {
    font-size: 0.75em;
  }

  .environment img {
    padding: 0.3125em;
  }

  .environment iframe {
    padding: 0.3125em;
  }

  .environmentGrid .infoCard {
    background: #7cbda7;
  }

  .environmentGrid div {
    padding: 0;
    margin: 0;
    /*border: 0.0625em solid #7cbda7;*/
  }

  .environmentGrid .infoCard h3 {
    color: #fff;
    padding: 1.25em 0.625em 0.3125em 0.625em;
    margin: 0;
  }

  .environmentGrid .infoCard p {

    padding: 0.3125em 0.625em 1.25em 0.625em;
    margin: 0;
  }

  .environmentGrid#eduCard {
    /*background: #e8f3ef;*/
  }

  .environmentGrid#eduCard .grid-item {
    position: relative;

  }

  .environmentGrid#eduCard h3 {
    position: absolute;
    left: 0%;
    top: 50%;
    font-size: 1.125em;
    text-align: left;
    padding: 1.25em;
    display: block;
    background: url(../img/edu-title-bg.png) repeat;
    color: #fff;

  }

  .environmentGrid#eduCard img {
    padding: 1.25em;
    -webkit-border-radius: 1.5625em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 1.5625em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 1.5625em;

  }

  #detailEducation h3 {
    position: absolute;
    left: 0%;

    font-size: 1.125em;
    text-align: left;
    padding: 1.25em;
    display: block;
    background: #e52347;
    color: #fff;

  }

  #detailEducation img {
    padding: 0.3125em;
    -webkit-border-radius: 1.5625em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 1.5625em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 1.5625em;


  }

  .table.another td {
    background: #fff;
    padding: 0.625em 1.875em;
    border: 0.0625em solid #ace8d4;
  }

  .table.another thead td {
    background: #c5f5e5;
  }

  #patchTestDescription img {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0.75em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 0.75em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0.75em;
    margin-bottom: 0.625em;

  }

  .environmentGrid#mediaBoard .grid-item {
    /*background: #e8f3ef;*/
    padding: 0.9375em;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0.75em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 0.75em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0.75em;
    border: 0.0625em solid #fff;
    height: 25em;
    overflow: hidden;
    background: #e8f3ef94;


  }

  .environmentGrid#mediaboard2 .grid-item h3 {
    position: relative;
    text-align: left;
    padding: 0.625em 1.25em;

  }

  .environmentGrid#mediaboard2 .grid-item p {
    font-size: 0.875em;
    text-align: left;
    padding: 8.125em 1.25em 1.875em 1.25em;

  }

  .environmentGrid#mediaboard2 .grid-item {
    /*background: #e8f3ef;*/
    padding: 0.9375em;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0.75em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 0.75em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0.75em;
    border: 0.0625em solid #fff;
    min-height: 18.75em;
    overflow: hidden;
    background: #e8f3ef94;


  }

  .environmentGrid#mediaBoard .grid-item h3 {
    position: absolute;
    text-align: left;
    padding: 0.625em 1.25em;

  }

  .environmentGrid#mediaBoard .grid-item p {
    font-size: 0.875em;
    text-align: left;
    padding: 8.125em 1.25em 1.875em 1.25em;

  }

  @media screen and (max-width: 64em) {
    header.centerSpit#schedule {
      margin-top: 6.25em;
    }

    #facebookPromotion {
      margin-top: 0;
    }

    #facebookPromotion .fa-facebook-official {
      position: relative;
    }


  }

  @media screen and (max-width:48em) {
    header .header-content {
      padding: 1.25em 0.3125em 1.25em;

    }

    header.centerSpit#schedule {
      margin-top: 0.625em;
      padding-top: 3%;

    }
  }

  @media screen and (max-width: 40em) {

    table {
      overflow-x: auto;
      display: block;
    }

    table tbody,
    table tbody tr {

      display: block;
      width: 100%;
    }

    table td {

      display: block;
      width: 100%;

    }

    .datetimepicker table tbody tr,
    .datepicker table tbody tr {

      display: table-row;
      width: auto;

    }

    .datetimepicker td,
    .datetimepicker th,
    .datepicker td,
    .datepicker th {

      display: table-cell;
      width: auto;

    }

    .note .noteHeading img {
      position: relative;
      top: -0.625em;
      padding: 0.625em;
      display: inline-block;
    }

    .note .noteHeading img.noteHeadingLogo {
      display: block;
      margin: auto;
    }

    header.centerSpit#schedule .container .phones p span {
      display: block;

    }

    .note2#i40 .report img {
      height: 9.5em;

    }

    #detailEducation h3 {
      position: relative;

    }

    .environmentGrid#mediaBoard .grid-item {
      height: auto;
    }


    .note {
      /* padding: 1.25em 0.3125em; */
    }


    .environmentGrid .infoCard p {

      padding: 0.3125em 0.3125em 1.25em 0.3125em;
      margin: 0;
    }


    .antenatal-blood span {
      color: #333;
      padding: 0 0.0625em;
      /*display: block;*/
    }

  }

  #logos {
    padding: 6.25em 0;
  }

  #logos img {
    text-align: center;
    margin: auto;
  }

  .suplist.fa-ul {
    margin-left: 1em;

  }

  .material-card h2 {
    text-align: left;
  }

  .material-card h2 strong {
    color: #fff;
    line-height: 1.1875em;
  }

  #collapseExample div {
    padding: 0;

  }

  header .header-content .header-content-inner hr.seperator {
    margin: 0;
  }


  #collapsePromote2 {

    position: absolute;
    z-index: 999;
    text-align: left;
    left: 0;
  }

  #sel1 option {}

  .casePatient,
  .bba {
    background: #e9fff194;
    padding: 1.25em;
    border-top: 0.375em dashed #c5eaf0;
    border-bottom: 0.375em dashed #c5eaf0;
    margin-top: 1.25em;
  }

  .bba {
    border: 0.375em dashed #c5eaf0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 2em;

    /* Firefox 1-3.6 */
    -moz-border-radius: 2em;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 2em;

  }

  .bba img {
    margin: 0.1875em;

  }

  .casePatient .caseProfile .bba .label {
    color: #fff;
    font-size: 1.125em;
    position: absolute;

  }

  .casePatient:nth-child(even) {
    background: #fafef394;

  }

  .casePatient .caseProfile span {
    font-size: 1.875em;
    color: green;

  }

  .casePatient .caseProfile .testLogo {
    max-height: 6.25em;
  }

  .casePatient .caseProfile .allergen,
  .casePatient .caseProfile .newspaper {
    max-width: 7.5em;
    position: absolute;
    bottom: 1.25em;

  }

  .casePatient .caseProfile .allergen span {


    font-size: 0.9375em;
    position: relative;
    right: -50%;
    top: -0.3125em;
  }

  .casePatient .caseProfile .newspaper {
    position: relative;
    width: 6.875em;
    display: block;
    float: left;
  }

  .casePatient .caseProfile .newspaper span {
    text-align: left;
    left: 0;
    right: 0;

    font-size: 0.9375em;

  }

  .casePatient .caseDetail p {
    font-size: 0.9375em;
    padding: 0.3125em;

  }

  .talkSchedule .btn-primary {
    display: block;
    width: 90%;
    margin: 0.3125em;
  }

  .modal-body label {
    color: #333;
    display: block;


  }

  .icon-arrow-right:before {
    content: '>'

  }

  .icon-arrow-left:before {
    content: '<'

  }

  .formForTalk {
    color: #555;
  }

  .caption {

    /*position: -ms-align-self: baseline;
  align-self: baseline;solute;*/
    background: #fff;
    height: 6.25em;
    display: block;
    border-top: 0.125em solid #71c2a6;
    border-left: 0.125em solid #71c2a6;
    margin-top: 1.25em;
  }

  .caption small {
    font-size: 0.5em;
    padding: 0em 1.25em 0em 0.625em;
    display: block;
  }

  .time-invest-product {

    border-radius: 0.5em;
    /*border: 0.0625em solid #71c2a6;*/

  }

  @media screen and (min-width: 47.75em) {

    .time-invest-product {
      position: relative;
      /*top: -8.125em;*/
      text-align: center;
    }

    .test-quality {

      padding: 3.125em 0em 3.125em 3.125em;
    }
  }

  .time-invest-product h4 {
    /*
 position: absolute;
  z-index: 100;*/
    /*text-align: center;*/
    padding-top: 0.625em;
    color: #ec3e4d;
    display: inline-block;
    font-size: 1.5625em;
  }

  .ebookDiv h4 {
    margin-top: 1.875em;
  }

  .test-quality {
    /*background: #ddd;*/
    border-radius: 0.5em;
    /*border: 0.0625em solid #71c2a6;*/

  }

  .test-quality h3 {

    color: #ec3e4d;
  }

  #professionalTest {
    /*background: url(../img/leaves-pattern.png) repeat;*/
    padding: 0;

  }

  #professionalTest .row {
    background: url(../img/explain-report.png) no-repeat center;
  }

  .allergytestigepost {
    padding: 1.25em 1.25em;
    display: flex;
    min-height: 21.875em;
    align-items: center;
    background: #ddd;
    -webkit-border-radius: 1.5625em;
    -moz-border-radius: 1.5625em;
    border-radius: 1.5625em;
  }

  .allergytestigepost img {
    max-width: 12.5em;
    display: block;
  }

  #allergyContact ul ul {
    padding-left: 0.3125em;
  }

  #allergyContact ul ul li {
    margin-bottom: 0.3125em;
  }

  #compareCancerTable table {
    padding: 0.625em;
    margin: 3.125em 0;
  }

  #compareCancerTable table td,
  #compareCancerTable table th {
    padding: 0.3125em;
    border: 0.0625em solid #ddd;
    text-align: center;
    width: 20%;
  }

  #compareCancerTable table tr.meddxRow {
    padding: 0.3125em;
    background: #fbeb78;
    font-size: 150%;
    -webkit-box-shadow: 0em 0em 0.9375em #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0em 0em 0.9375em #ccc;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0em 0em 0.9375em #ccc;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

  }

  #compareCancerTable table td.meddxCell {
    /*padding: 0.3125em;
    background: #ddd;
    font-size: 150%;*/
    color: #196280;
    font-weight: bold;
  }

  #compareCancerTable table td.meddxCell span {
    font-size: 0.9375em;
    display: block;
    color: #555;
    vertical-align: middle;
  }


  #compareCancerTable table thead th {
    padding: 0.9375em;
    background: #ddd;
    font-size: 0.9375em;
    vertical-align: top;
  }

  #compareCancerTable table tr:first-child {
    background: url(../img/call-us-bg.png) repeat-x;
  }

  #compareCancerTable table tr:first-child td {
    font-size: 1em;
    font-weight: bold;
  }

  .childrenDevelopment .table {
    width: 80%;
    margin: auto;
    margin-bottom: 5.625em;
  }

  .childrenDevelopment .table p {
    margin: 0;
  }

  .childrenDevelopment .table td {
    border: 0.0625em solid #ddd;
  }

  .childrenDevelopment .table tr td:first-child {
    background: #ddb4e2;
    color: #444;
  }

  @media screen and (max-width: 40em) {
    .table-container {
      overflow-x: scroll;
      display: block;
    }

    #compareCancerTable table {
      width: 56.25em;
      min-width: 56.25em;
      display: table;
      overflow-x: auto;
      position: relative;

    }

    #compareCancerTable table tbody,
    #compareCancerTable table tbody tr {

      display: table-row;
      width: 100%;
    }

    #compareCancerTable table td {

      display: table-cell;
      width: 20%;

    }

    /*    #compareCancerTable table tr{
      display: table-column;
    }
  #compareCancerTable table td, #compareCancerTable table th{
    display:table-cell;
    width: inherit;
  }*/

  }

  .ui-timepicker-wrapper {
    width: 100%;
    max-width: 30em;

  }

  .ui-timepicker-list li.ui-timepicker-disabled {
    display: none;
  }

  .datepicker td {
    color: #4b79ff;
  }

  .scientificR {
    padding-left: 1.875em;
  }

  .scientificR li {
    color: #111;
    text-align: left;
  }

  .scientificR h3 {

    text-align: left;
  }

  #nasaleze {
    background: url(../img/8873.jpg) center center;
    border: 1.25em solid #d9e9f6;
  }

  #nasaleze h2 {
    color: #3675a5;
  }

  #nasaleze h3 {
    margin-bottom: 3.125em;
  }

  #nasaleze .rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
  }

  #nasaleze .product {
    padding-top: 6.25em;
  }

  #nasaleze .product li,
  #nasaleze .product li p {
    margin-bottom: 0.3125em;
  }

  .location3 {
    display: flex;
    /* or inline-flex */
    align-items: stretch;
    border: 0.0625em solid #e7f3f1;
    padding: 0em;

  }

  .location3 .environmentGrid {
    background: #e7f3f1;

  }


  @media screen and (max-width: 40em) {

    #nasaleze .product {
      padding-top: 0em;
    }

    .location3 {
      display: block;
    }

    .location3 .environmentGrid {
      background: #fff;

    }
  }

  .hearingContent h1,
  .hearingContent h2,
  .hearingContent h3,
  .hearingContent h4,
  .hearingContent li,
  .hearingContent .fa-li,
  .hearingContent a {
    color: #6734cc;

  }

  .hearingContent h1 {
    font-weight: bolder;

  }

  .hearingContent h1 span {
    color: #e65676;
  }

  .hearingContent {
    padding-top: 1.25em;
  }

  .hearingContent hr {
    background: #e65676;

    border-color: #e65676;
  }

  .hearingContent h3 {
    text-align: left;
    color: #e65676;
  }

  .hearingContent ul {
    padding: 0.3125em;
  }

  .hearingContent li {
    margin: 0;
  }

  .hearingContent p {
    padding: 0;
    margin: 0;
    color: #3F3F3E;
  }

  .hearingAid .productImage {
    margin: auto;
  }

  .hearingContent .thumbnail {
    max-width: 12.5em;
    margin: 1.25em 0;
  }

  .hearingContent .thumbnail small {
    font-size: 70%;
  }

  .hearingContent .price {
    border-bottom: 0.0625em solid #ddd;
    padding: 0 0.625em 0.625em 1.25em;
  }

  .test.jumbotron {
    background: #f3f3f3;
    border: 0.0625em solid #ddd;
  }

  .flexDiv {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-direction: row;
    /*flex-wrap:;*/
    justify-content: center;
    align-items: center;
  }


  #hearingCompany {
    background: url(../img/sound-wave2.jpg) center center;
    border: 1.25em solid #d9e9f6;
  }

  #hearingCompany .companyLogo {
    max-height: 6.25em;
  }

  #hearingCompany .cards {
    padding: 3%;
  }

  #hearingCompany .flexDiv {
    align-items: flex-start;
    ;

  }

  #mfJebsen h3 {
    color: #6734cc;
    padding-bottom: 0.625em;
  }

  #mfJebsen h3 strong {
    color: #333333;
  }

  #mfJebsen .envir {
    padding: 5%;
  }

  @media screen and (max-width: 75em) {

    .flexDiv {
      width: 100%;
      display: block;
    }
  }

  .featureRow {
    /*  display: flex;
  flex-flow:row;
flex-direction:row ;
flex-wrap:wrap;
justify-content:center ;
align-items:flex-start; */
  }

  .featureRow .items {
    /*position: absolute;*/
    text-align: center;
    width: 100%;
    padding: 5%;
    /*color: #333;*/
  }

  .featureRow .items h4 {
    /*position: absolute;*/
    color: #333;
  }

  .btn-hearing {
    border: #6734cc solid 0.0625em
  }

  .hearingAidKnowledge {
    border: 1.25em solid #ffd3dd;
  }

  .hearingAidKnowledge img {
    padding: 0.625em 0;
  }

  .datepicker td {
    cursor: pointer;
  }

  .datepicker td.disabled {
    cursor: default;
    color: gray;
  }


  #videoTestimonial iframe {
    max-width: 100%;
    width: 100%;
    height: 15em;
  }

  #videoTestimonial a {
    color: #333;
    border-bottom: 0.0625em solid #333;

  }

  .hearingMeddx {
    max-width: 100%;
    width: 100%;
    height: 27.5em;

  }

  .hearingContent b {
    color: #6734cc;
  }

  .pdfBorder {
    border: 0.0625em solid #ddd;
    display: block;

  }

  @media screen and (max-width: 75em) {

    #videoTestimonial iframe {

      height: 12.1875em;
    }

    .hearingMeddx {
      max-width: 100%;
      width: 100%;
      height: 15em;

    }
  }

  .creamBanner .banner {
    padding: 1%;
  }

  .creamBanner .banner .btn {
    width: 100%;
    border-radius: 0 0 0.3125em 0.3125em;
    font-size: 1.125em;
    background-color: #42b384;
  }

  .creamBanner .banner .btn-pink {

    font-size: 1.125em;
    background-color: #e77374;
    border-color: #e77374;
  }

  .creamBanner .banner .btn-pink h2 {

    color: #fff;
    word-wrap: break-word;
  }

  .creamBanner .banner img {
    width: 100%;
    border-radius: 0.3125em 0.3125em 0 0;
  }

  .creamsProduct .panel-default {
    border: none;

  }

  .creamsProduct .panel-default .panel-heading {
    margin-top: 1.875em;
    border: 0.0625em solid #ddd;
    border-radius: 0.625em;

  }

  .creamsProduct .panel-default h1 {
    font-size: 1.5625em;
  }

  .creamsProduct .panel-default h1,
  .creamsProduct .panel-default h3,
  .creamsProduct .panel-default h4 {
    color: #d44d5c;
  }

  .creamsProduct .panel-default p {
    padding: 0.3125em 0.625em;
    margin: 0;

  }

  .creamsProduct .panel-default a {
    padding: 0.625em 0.9375em;
    margin: 0.3125em 0em;
    font-size: 1.125em;
    font-weight: bold;
  }

  .creamsProduct .panel-default ul li {
    margin: 0;
    padding: 0em 0.625em;
  }

  .creamsProduct .panel-default ul li p {
    margin: 0;
    padding: 0em 0em;
  }

  .creamsProduct .panel-default h2 {
    font-size: 1.375em;
    ;
  }


  .creamsProduct .card-default {
    border: none;

  }

  .creamsProduct .card-default .card-heading {
    margin-top: 1.875em;
    border: 0.0625em solid #ddd;
    border-radius: 0.625em;

  }

  .creamsProduct .card-default h1 {
    font-size: 1.5625em;
  }

  .creamsProduct .card-default h1,
  .creamsProduct .card-default h3,
  .creamsProduct .card-default h4 {
    color: #d44d5c;
  }

  .creamsProduct .card-default p {
    padding: 0.3125em 0.625em;
    margin: 0;

  }

  .creamsProduct .card-default a {
    padding: 0.625em 0.9375em;
    margin: 0.3125em 0em;
    font-size: 1.125em;
    font-weight: bold;
  }

  .creamsProduct .card-default ul li {
    margin: 0;
    padding: 0em 0.625em;
  }

  .creamsProduct .card-default ul li p {
    margin: 0;
    padding: 0em 0em;
  }

  .creamsProduct .card-default h2 {
    font-size: 1.375em;
    ;
  }

  .buyingBtn {
    width: 100%;
  }

  .airPurifying .airPurifier {
    position: relative;
    display: block;
  }

  .airPurifying .btn {
    position: absolute;
    right: 0.1vw;
    top: 1vh;
    width: 30%;

    /*background-color: #42b384;*/
  }

  @media screen and (min-width: 48em) {


    .airPurifying .btn {
      top: 5vh;
    }
  }

  #avoidencdCenter .header-content {
    padding-bottom: 0.625em;
  }

  .formNote {
    /*padding-top: 1.25em;*/
  }

  .formNote h3 {
    margin: 0;
  }

  .dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

  }

  .ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .promotion.panel-heading {
    background: #d43f3a;
    color: #fff;
  }


  header.centerSpit#schedule .promotion.panel-heading h2 {
    color: #fff;
  }

  .bg-warning {
    background-color: #fcf8e3 !important;
  }


  #newsCell .panel-success .panel-heading,
  #newsCell .panel-success .btn-success {
    /*background: #a3e6d7;
  color: #393939;
  border-color: #a3e6d7;*/
    background: #fff;
    color: #393939;
    border-color: #a3e6d7;
  }

  #newsCell .panel-success .panel-heading h2 {
    color: #393939;
  }

  #newsCell .panel-heading h2::before {
    font-family: "FontAwesome";
    content: "\f042";
    position: absolute;
    font-weight: normal;
    font-size: 1.375em;
    left: 0.3125em;

  }


  #newsCell .panel-heading h2 {
    color: #e0152a;
    font-size: 1.25em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 0.625em;

    line-height: 1.875em;
    margin: 0 0 0.3125em 0;
  }

  #newsCell .panel-heading.promotion h2 {
    color: #fff;

  }



  #newsCell .panel-success .panel-heading,
  #newsCell .panel-success .btn-success {
    /*background: #a3e6d7;
  color: #393939;
  border-color: #a3e6d7;*/
    background: #fff;
    color: #393939;
    border-color: #a3e6d7;
  }

  #newsCell .panel-success .panel-heading h2 {
    color: #393939;
  }

  #newsCell .panel-heading h2::before {
    font-family: "FontAwesome";
    content: "\f042";
    position: absolute;
    font-weight: normal;
    font-size: 1.375em;
    left: 0.3125em;

  }


  #newsCell .panel-heading h2 {
    color: #e0152a;
    font-size: 1.25em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 0.625em;

    line-height: 1.875em;
    margin: 0 0 0.3125em 0;
  }

  #newsCell .panel-heading.promotion h2 {
    color: #fff;

  }




  #newsCell .promotion.card-heading {
    background: #d43f3a;
    color: #fff;
  }



  #newsCell .card-success .card-heading,
  #newsCell .card-success .btn-success {
    /*background: #a3e6d7;
  color: #393939;
  border-color: #a3e6d7;*/
    background: #fff;
    color: #393939;
    border-color: #a3e6d7;
  }

  #newsCell .card-success .card-heading h2 {
    color: #393939;
  }

  #newsCell .card-heading h2::before {
    font-family: "FontAwesome";
    content: "\f042";
    position: absolute;
    font-weight: normal;
    font-size: 1.375em;
    left: 0.3125em;

  }


  #newsCell .card-heading h2 {
    color: #e0152a;
    font-size: 1.25em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 0.625em;

    line-height: 1.875em;
    margin: 0 0 0.3125em 0;
  }

  #newsCell .card-heading.promotion h2 {
    color: #fff;

  }


  #newsCell .card-success .card-heading {
    border-bottom: 0.0625em solid #a3e6d7;
  }

  #newsCell .card-success .card-heading,
  #newsCell .card-success .btn-success {
    /*background: #a3e6d7;
  color: #393939;
  border-color: #a3e6d7;*/
    background: #fff;
    color: #393939;
    border-color: #a3e6d7;
  }

  #newsCell .card-success .card-heading h2 {
    color: #393939;
  }

  #newsCell .card-heading h2::before {
    font-family: "FontAwesome";
    content: "\f042";
    position: absolute;
    font-weight: normal;
    font-size: 1.375em;
    left: -0.75em;

  }


  #newsCell .card-heading h2 {
    color: #e0152a;
    font-size: 1.25em;
    font-family: 'Merriweather', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    padding: 0.625em;

    line-height: 1.875em;
    margin: 0 0 0.3125em 0;
  }

  #newsCell .card-heading.promotion h2 {
    color: #fff;

  }

  #newsCell .card-heading.promotion h2::before {
    color: #28a745;
  }

  .card-default>.card-heading {
    background-color: #f5f5f5;
  }




  .shop .products h2 {
    font-size: 1.375em;
    margin: 3.125em 0;
  }

  .shop .products p {
    font-size: 0.9375em;
  }

  .shop .products .product a.thumbnail {
    background: #f1efef;
    display: block;
  }

  .shop .products .product a.btn {
    /*background: #f1efef;*/
    display: block;
    border-radius: 0.1875em;
  }

  /*=======================================================
      NEW ARRIVAL
========================================================*/
  .position-center-center {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .arrival-block {
    border-top: 0.0625em solid #d1d5db;
    border-left: 0.0625em solid #d1d5db;
    /*display: inline-block;*/
    /*width: 100%;*/
  }

  .arrival-block .item {
    position: relative;

    overflow: hidden;
    border-right: 0.0625em solid #d1d5db;
    border-bottom: 0.0625em solid #d1d5db;
    padding: 0;
  }

  .arrival-block .overlay {
    background: rgba(72, 195, 93, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0em;
    top: 0em;
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: 5;
  }

  .arrival-block .item:hover .overlay {
    opacity: 1;
  }

  .arrival-block .overlay a {
    height: 4.4375em;
    width: 4.4375em;
    display: inline-block;
    border-radius: 50%;
    background: #52594a;
    text-align: center;
    line-height: 4.4375em;
    color: #fff;
  }

  .arrival-block .price {
    position: absolute;
    right: 1.25em;
    top: -3.125em;
    font-size: 1.125em;
    font-weight: bold;
    z-index: 9;
    color: #2d3a4b;
    /*  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;*/
  }

  .arrival-block .price small {
    font-size: 0.75em;
    display: inline-block;
    vertical-align: top;
  }

  .arrival-block .item:hover .price {
    top: 1.25em;
  }

  .arrival-block .overlay a:hover {
    background: #fff;
    color: #52594a;
  }

  .arrival-block .item img {
    width: 100%;
    margin-top: 0em;
    top: 0em;
    left: 0em;
    position: relative;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }

  .arrival-block .item-name {
    position: relative;
    bottom: 0em;
    padding-bottom: 3.125em;
    padding-top: 1.875em;
    width: 100%;
    text-align: center;
    z-index: 9;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }

  .arrival-block .item-name.p30 {
    padding-bottom: 1.8125em;
  }

  .arrival-block .item-name.p28 {
    padding-bottom: 1.625em;
  }

  .arrival-block .item-name p {

    font-size: 0.875em;
    margin: 0em;
    padding-top: 0.625em;
  }

  .arrival-block .item-name p .label {

    font-size: 100%;
  }

  .arrival-block .item-name a {
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 0.1875em;
    color: #2d3a4b;
    text-transform: uppercase;
  }

  .arrival-block .item-name a strong {

    color: #8251d8;
    text-decoration: underline;
  }

  .arrival-block .item-name a p {
    padding-top: 0;
  }

  .arrival-block .item-name a:hover {
    text-decoration: underline !important;
  }

  @media (max-width:74.9375em) {


    .arrival-block .item-name a {

      font-size: 80%;
    }

  }

  .zoomDD:hover {
    cursor: zoom-in;
  }

  .zoomDD .fa-search {
    position: absolute;
    margin: 0.3125em;
  }

  .ingredients-table.table {
    width: auto;
    display: block;
  }

  .ingredients-table.table th {
    background: none;
  }

  .ingredients-table.table td,
  .ingredients-table.table th {
    border-bottom: 0.0625em solid #ddd;
    padding: 0.1875em;
    font-size: 0.8125em;
  }

  .ingredients-table.table td a {
    font-size: 0.8125em;
    display: block;
  }


  .genticDiseaseTable.table tr td {
    border: 0.0625em solid #fff;
    width: 40%;
    padding: 1.5625em;
    background: #efefef;
  }

  .genticDiseaseTable tr td p {
    padding: 0.9375em 0;
  }

  .genticDiseaseTable.table tr td.bg-info {
    font-weight: bold;
    background: #d9edf7 !important;
  }


  #patchtestList .report {
    height: 9.375em;
  }

  #patchTestList .report {


    height: 9.375em;
  }

  #faberList .report {


    height: 13.125em;
  }

  #pocfastlist .report {


    height: 6.875em;
  }

  @media (max-width:40em) {


    .genticDiseaseTable.table tr td {

      width: auto;
    }

    #faberList,
    #patchtestList,
    #patchTestList,
    #pocfastlist {
      /* padding: 0; */
      margin-bottom: 0.9375em;
    }

    #patchtestList .report {
      height: 9.375em;
    }

    #patchTestList .report {


      height: 9.375em;
    }

    #faberList .report {


      height: 9.375em;
    }

    #pocfastlist .report {


      height: 9.375em;
    }

    .report {


      height: 9.375em;
    }

    .report img {


      height: 5.625em;
      margin: auto;
      width: auto !important;
      max-width: auto !important;
    }

  }

  .imageContainerA {
    position: relative;
    width: 100%;
    padding-bottom: 90%;
    /*float: left;*/
    height: 0;
    z-index: 100;
  }

  .imageContainerA iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
  }



  .testimonial-item#pollenBg {
    background: url(../assets/img/pollen-bg.jpg) bottom right;
    background-size: cover;
  }

  .testimonial-item#convid {
    background: url(../assets/img/vaccine-bg.jpg) bottom right;
    background-size: cover;
  }

  .testimonial-item {
    border-radius: 0.3125em;
    overflow: hidden;
    padding: 1.25em;
    min-height: 28.125em;
    border: 0.0625em solid #d6e9c6;
  }

  .testimonial-item p {
    font-size: 0.875em;
  }


  .card-overlay:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#239490));
    background-image: linear-gradient(180deg, transparent, #239490);
    z-index: 0;
  }

  .card-overlay * {
    position: relative;
    z-index: 3;
  }

  .testimonial-item .hasBg h3 {
    color: #dc3545;
  }

  .testimonial-item .hasBg .btn {
    z-index: 10;
  }

  .testimonial-item .hasBg p {
    color: #383838;
  }

  .testimonial-item .hasBg p a,
  .testimonial-item .hasBg a {
    color: #de4352;

  }

  .testimonial-item .hasBg .btn {
    color: #fff;

  }

  /* .testimonial-item#pollenBg:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 0;
    top: 0;

      background-image: linear-gradient(
        rgba(0, 0, 0, 0.0) 0%,
        rgba(0, 0, 0, 0.0) 70%,
        rgba(0, 0, 0, 0.2) 80%,
        rgba(0, 0, 0, 0.7) 90%,
        rgba(0, 0, 0, 0.9) 95%,
        rgba(0, 0, 0, 1.0) 100%
      )
  } */



  .all-product-carousel.testimonial-item p {
    font-style: italic;
    margin: 0 auto 0.9375em auto;
  }

  .all-product-carousel.owl-theme .owl-nav {
    margin-top: 0;
  }

  .all-product-carousel.owl-theme .owl-nav button span {
    font-size: 3.125em;
    line-height: 1.25em;

  }

  .swiper-button-next,
  .swiper-button-prev {
    color: #139994;
    background: #d5e734;
    padding: 0.625em;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {}

  #blogThumbSection .card {
    border: 0.0625em solid #ddd;

    border-radius: 0.3125em;
  }

  #blogThumbSection .card .card-title,
  #blogThumbSection .card .card-body {
    padding: 1.25em 0.25em;

  }

  .card-img-wrapper img {
    max-width: 100%;

  }

  .square-icon {

    padding: 1.875em;
    background: #e8e8e8;
    border: 0.125em solid #bd9d00;
    position: relative;
    top: -3.125em;
  }

  .square-icon img {
    max-height: 3.125em;
    height: 100%;
    width: auto;
  }

  header.centerSpit#noseCenter {
    padding: 0;
    padding-bottom: 1.25em;
    min-height: auto;
  }

  #noseCenter .header-content {
    padding-bottom: 0;
  }

  #noseCenter .header-content.lowerpart {
    background: #c81b37;
    padding-bottom: 1.25em;
    padding-top: 1.25em;
  }

  #noseCenter .header-content.lowerpart h1 {
    color: #fff;
  }

  #noseCenter .header-content.lowerpart h1 span {
    color: #faec2d;
  }

  #noseCenter .header-content.lowerpart h1 img {
    display: inline-block;
    width: 3.125em;
  }

  #miteInfo {
    position: relative;
    background-color: #e1f3f1;
    padding-top: 1.25em;

    padding-bottom: 1.25em;
  }

  #miteInfo .overlay {
    position: absolute;
    background-color: #e1f3f1;

    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.78;
    z-index: 0;
  }

  #miteInfo h2 {
    font-size: 1.5625em;
    color: #35947f;
  }

  #miteInfo h3 {
    font-size: 1.25em;
    color: #35947f;
  }

  #miteFeature {
    border: 0.0625em solid #b5dad4;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    text-align: center;
    background-color: #d9f1ee;
  }


  #nosePackage .buy-now {
    font-size: 1.0625em;
    line-height: 2em;
  }

  .arrow-below {
    position: absolute;
  }

  #nosePackage h2,
  .jumbotron {
    padding: 0;
  }

  #nosePackage h2,
  .jumbotron .container h2 {
    color: #df1847;
  }

  #nosePackage p {
    font-size: 0.9375em;
  }

  #nosePackage ul,
  #nosePackage ul li {
    margin-left: 0.625em;
    padding-left: 1.25em;
  }

  #nosePackage ul li,
  #nosePackage ul li p {
    margin: 0;
    padding: 0;
  }

  #nosePackage .packageImage .img-responsive {
    max-width: 100%;
    position: absolute;
  }

  #package_svg {
    position: absolute;
    width: 100%;
    z-index: -1;

  }

  #nosePackage .stars {
    color: #ffbc00;
  }

  #nosePackage .priceTag {
    /*display: block;*/
    color: #f12b59;
    font-size: 75%;
    border-bottom: 0.3125em solid #f12b59;
  }

  .itemsContainer {
    background: #ffffff;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    border: 0.0625em solid #ddd;
    -webkit-border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    border-radius: 0.3125em;

  }


  .itemsContainer .item {
    /*display: block;*/
  }

  .itemsContainer .item:hover {

    box-shadow: 0 0 0.6875em rgba(33, 33, 33, .2);

  }


  .blood-draw {
    position: absolute;
    margin-top: 30%;
  }

  .test-report {
    position: relative;
    left: -9.375em;
  }

  .jumbotron.ipad {
    /*position: absolute;*/
    background: url(../img/ipad.png) no-repeat #efefef;
    padding: 1.25em 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }

  .about-section,
  .projects-section {
    padding: 0;
  }

  .ipadmock {
    width: 80%;
    padding: 1.25em;
  }

  .projects-section .meddx-consultation {
    width: 60%;
    margin: auto;

  }

  @media screen and (max-width: 48em) {
    .noseShop span {
      display: block;
    }

    #nosePackage {
      overflow: hidden;
    }

    #nosePackage .packageImage {
      max-height: 15.625em;
      overflow: hidden;
    }

    #nosePackage .packageImage .img-responsive {
      max-width: 100%;
      position: relative;
    }

    #nosePackage .packageImage .img-responsive.child {
      max-width: 100%;
      position: relative;

    }

    #nosePackage ul,
    #nosePackage ul li {
      margin-left: 0em;
      padding-left: 0em;
    }

    #package_svg {
      position: absolute;
      width: 200%;
    }

    .blood-draw {
      width: 50%;
      display: none;
    }

    .test-report {
      position: relative;
      left: 0em;
    }



    #reference a {
      overflow-wrap: break-word;
      word-wrap: break-word;

      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;

      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }

    #nosePackage .item h4 small {
      display: block;

    }

    .ipadmock {
      max-height: 15.625em;
      overflow: hidden;
      padding: 1.25em;
    }

  }

  #skinPrickTestEng .report {
    height: 13.125em;
  }


  #skinPrickTestEng .moreBtn {
    white-space: pre-wrap;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  #childrenConceptBanner h2 {
    color: #643fc7;
  }

  #childrenConceptBanner .services {
    width: 19%;
    float: left;
    margin: 0.0625em;
  }

  #childrenConceptBanner .services {
    position: relative;
    padding: 3.125em 0;
  }

  #childrenConceptBanner .services .arrow {
    position: absolute;
    font-size: 5em;

    right: -1.25em;
    margin-top: -5em;
    color: #cfbdff;
    font-weight: bold;
    z-index: 8;

  }

  #childrenConceptBanner .services p {

    font-size: 1.25em;
    /*border-bottom: 0.125em solid #cfbdff ;*/
    /*background: #cfbdff;*/
    color: #555;
    font-weight: bold;
    border-radius: 0.3125em;
    display: inline-block;
    padding: 0.625em 0.9375em;
    margin: 0.625em 0em;

  }

  #childrenConceptBanner .services p:before {

    content: "";
    padding: 0.3125em 0.625em;
    border-top: 0.3125em solid #cfbdff;

  }

  #childrenConceptBanner .services img {
    /*border: 0.3125em solid #cfbdff;*/
    background: #f3fffa;
    padding: 10%;

  }

  .w-100 p {
    width: 100% !important;
    max-width: 100% !important;
  }

  .expert span {
    margin: 0 0.125em;
  }

  .expert .label {
    font-size: 1em;
  }

  header.childrenDevelopment .header-content .header-content-inner p {
    font-size: 1.25em;
  }

  .expertService p {
    padding: 0.3125em 1.25em;
    padding-right: 3.125em;
    margin: 0;

  }

  .expertService li,
  .expertService li p {
    padding: 0em 0em;
    margin: 0;

  }


  #dietitianForm #contactForm label {
    color: #333;
    padding-right: 3.125em;
  }

  #logoNutrition span {
    background: #EC2127;
    padding: 0.3125em 0.625em;
    border-radius: 0.3125em;
    color: #fff;
    display: inline-block;
  }

  #allergenex-orderForm label {
    color: #555;

  }

  #allergenex-orderForm label.error {
    color: red;
  }

  @media screen and (max-width: 64em) {
    .allergyArticlePhotocell {
      max-height: 12.5em;
      overflow: hidden;
      /*padding-top: -20%;*/
      position: relative;
    }

    .allergyArticlePhotocell img {
      position: relative;
      bottom: 0;
    }
  }

  .allergyArticleTitle {
    color: #ff8132;
    font-weight: bold;
  }

  .allergyArticleBtn {
    font-size: 1.5625em;
    word-wrap: break-word;
    white-space: normal;
  }


  #educatoinContent li {
    margin: 0;
  }


  .educationMenu#detailEducation .grid-item a {
    overflow: hidden;

    position: relative;
  }

  .educationMenu#detailEducation .grid-item a h3 {
    background: #ffffffd1;
    width: 100%;
    color: #e74c4c;
  }

  .input-group label {
    padding-left: 0.625em;
  }

  .ba-slider-container {
    padding: 1.25em 8.125em;
  }

  .ba-slider-container .ba-slider {

    box-shadow: 0 0.125em 0.375em #33663377;
  }

  .ba-slider .handle:after {
    /*  content: "A";*/
    background: #ddd;
    border: 0.0625em solid #ff3333;
    box-shadow: 0 0.125em 0.375em rgb(0 0 0 / 30%), inset 0 0.125em 0 rgb(255 255 255 / 50%), inset 0 3.75em 3.125em -1.875em #ff3333;
  }


  .fullbody {
    padding-top: 1.25em;
  }


  .allergenSVG {
    padding: 0.3125em;
    width: 2.5em;
  }

  @media screen and (max-width: 64em) {



    .ba-slider-container {
      padding: 1.25em 0.625em;
    }

    .fullbody {
      height: 18.75em;
      padding: 1.25em 3.125em;
      overflow: hidden;
    }
  }


  #sendMessageButton[disabled] {
    color: yellow;
  }



  .testpreparestep {

    width: 100%;
  }

  .testpreparestep .img {
    width: 100%;
    height: 31.25em;
    position: relative;
    border-radius: 0.9375em;
    overflow: hidden;
    -webkit-box-shadow: 0em 1.25em 2.1875em -1.875em rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0em 1.25em 2.1875em -1.875em rgba(0, 0, 0, 0.26);
    box-shadow: 0em 1.25em 2.1875em -1.875em rgba(0, 0, 0, 0.26);
    z-index: 0;
    background-position: center top;
  }



  .testpreparestep .img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -1;

    background: rgb(2, 65, 80);

    opacity: .6;
  }

  .testpreparestep .text {
    padding: 2.1875em;
    padding-top: 0;
  }

  .testpreparestep .text h3 {
    font-size: 2.125em;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    margin-bottom: 0;
  }

  .testpreparestep .text h3 a {
    color: #fff;
  }

  .testpreparestep .text .cat {
    /*      font-size: 0.75em;*/
    color: #b063c5;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.0625em 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    display: inline-block;
    margin-bottom: 0.3125em;
  }

  .testpreparestep .text ol,
  .testpreparestep .text ol p {
    color: #fff;
  }

  .bg-primary-meddx {
    background-color: #226b56;
  }

  .bg-secondary-meddx {
    background-color: #faf5e7;
  }


  /* 10 */
  .site-blocks-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    position: relative;
  }

  .site-blocks-cover.overlay {
    position: relative;
  }

  .site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
  }

  .site-blocks-cover,
  .site-blocks-cover>.container>.row {
    min-height: 37.5em;
    height: auto;
  }

  .site-blocks-cover h2 {
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1;
  }

  @media (max-width: 61.9988em) {
    .site-blocks-cover h2 {
      font-size: 2rem;
    }
  }

  .site-blocks-cover .sub-text {
    font-size: 1.4rem;
    color: #d4e4e7;
    font-weight: 900;
  }

  @media (max-width: 61.9988em) {
    .site-blocks-cover .sub-text {
      color: #bcbcbc;
    }
  }

  .site-blocks-cover .img-wrap {
    position: absolute;
    z-index: -1;
    width: calc(100% - 50%);
    top: 0;
    height: auto;
    z-index: 2;
    right: 50%;
    min-height: 31.25em;
    overflow: hidden;
    border-bottom-right-radius: 12.5em;
  }

  @media (max-width: 61.9988em) {
    .site-blocks-cover .img-wrap {
      width: 100%;
      right: 0%;
      top: 0;
    }

    .site-blocks-cover .img-wrap .hero-slider:before {
      position: absolute;
      content: "";
      background: #fff;
      opacity: .5;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }

  .site-blocks-cover .img-wrap .slide {
    height: 100vh;
    position: relative;
  }

  .site-blocks-cover .img-wrap .slide img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .site-blocks-cover .intro {
    z-index: 3;
    position: relative;
  }

  .site-blocks-cover .intro .heading {
    margin-left: -9.375em;
  }

  @media (max-width: 61.9988em) {
    .site-blocks-cover .intro .heading {
      margin-left: 0;
    }
  }

  .site-blocks-cover .intro .text {
    padding-left: 3.125em;
  }

  @media (max-width: 61.9988em) {
    .site-blocks-cover .intro .text {
      padding-left: 0;
    }
  }

  .site-menu-toggle .menu-text {
    position: relative;
    top: -0.375em;
    text-transform: uppercase;
  }


  .btn-pill {
    border-radius: 1.875em;
    padding: 0.9375em 1.875em;
    border-color: #fff;
    color: #fff;
  }

  .btn-pill:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
  }

  .heading .text-success {
    color: #226b56 !important;
  }

  .heroATSection h2 {

    padding: 1.875em 0.3125em;
  }

  .heroATSection h2 span {
    position: relative;
    z-index: 1;
    padding: 0 0.3125em;
    display: inline-block;
  }

  .heroATSection h2 span:before {
    content: "";
    position: absolute;
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d4f4ff;
    z-index: -1;
  }

  .whatsappfloat {
    position: fixed;
    width: 2.1em;
    height: 2.1em;
    bottom: 35%;
    right: 0;
    background-color: #25d366;
    color: #FFF;
    border-radius: 3.125em;
    text-align: center;
    font-size: 1.875em;
    box-shadow: 0.125em 0.125em 0.1875em #999;
    z-index: 1100;
    vertical-align: middle;
    padding-left: 0rem;

    line-height: 2.1em;
    overflow: hidden;
  }

  .whatsappfloat span {
    display: none;
  }

  .whatsappfloat span#callforactionwhatsapp {
    /* display: none; */
    font-size: 0.65em;
    line-height: 3.75em;
    vertical-align: middle;
    width: 7.5em;
    margin-left: 0em;
  }

  .whatsappfloat:hover {
    width: 7.5em;
    color: #fff;

  }

  .whatsappfloat:hover span {
    display: inline;

  }

  .whatsappfloat:hover span {
    display: inline;
  }

  .my-float {
    margin-top: 0.1em;
  }


  label.error {
    color: red;
    display: block;
  }


  body p.speechbubble {

    width: 95%;
    transform: translatey(0em);
    animation: float 5s ease-in-out infinite;

    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.0625em;
    font-size: 2em;
    color: #774f38;
    background-color: #fcf8e3;
    padding: 3.125em;
    border-radius: 0.6875em;
    position: relative;
    box-shadow: .25em .25em #c4e1e8;
    z-index: 1;
    margin: 0 auto;
    /* font-family: "Baloo 2", cursive; */
    /* // border: 0.0625em solid  #c8c8a9; */
  }

  #priceSection h1.bg-none {
    background: none;
  }

  @media (max-width: 61.9375em) {
    body p.speechbubble {
      letter-spacing: 0.0625em;
      font-size: 1.5em;
    }
  }

  body p.speechbubble:after {
    transform: translatey(0em);
    animation: float2 5s ease-in-out infinite;
    content: ".";
    font-weight: bold;
    /* // -webkit-text-stroke: 0.0312em  #c8c8a9; */
    -webkit-text-fill-color: #fcf8e3;
    /* // border: 0.0625em solid  #c8c8a9; */
    text-shadow: .375rem .375rem #c4e1e8;
    text-align: left;
    font-size: 3.4375em;
    width: 3.4375rem;
    height: 1.6875rem;
    line-height: 1.875rem;
    border-radius: 0.6875rem;
    background-color: #fcf8e3;
    position: absolute;
    display: block;
    /* bottom: -1.275rem; */
    left: 0;
    box-shadow: .375rem .375rem #c4e1e8;
    z-index: -2;
  }

  @keyframes float {
    0% {
      transform: translatey(0eem);
    }

    50% {
      transform: translatey(-1rem);
    }

    100% {
      transform: translatey(0rem);
    }
  }

  @keyframes float2 {
    0% {
      line-height: 1.875rem;
      transform: translatey(0rem);
    }

    55% {
      transform: translatey(-1rem);
    }

    60% {
      line-height: 0.625rem;
    }

    100% {
      line-height: 1.875rem;
      transform: translatey(0rem);
    }
  }


  .centerTag {
    font-size: 1.25em;
  }

  @media screen and (max-width: 64em) {
    .centerTag {
      font-size: 0.9375em;
    }
  }




  #genetestCustome {
    background: url(../img/gene-test.jpg) #f5f5f5 center center no-repeat;
    border-radius: 1.875em;
    border: #6bb377 0.0625em solid;
    margin-top: 1.25em;
    background-size: cover;
  }

  #genetestCustome p {
    margin-top: 0em;
    margin-bottom: 0em;
  }

  #genetestCustome .btn {

    margin-bottom: 0.625em;
  }


  #allNiptTest .card {
    height: 100%;
  }



  .nav-link {
    display: inline-block;
  }

  .feedback-promo-section-bg {
    position: relative;
    background: url('/img/speech.png') repeat right center;
    /* background-size: cover; */
  }

  .bg-white-80 {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }

  span.rilergentxt,
  span.rilergentextchi {
    color: #34a1da;
    font-weight: 300;
  }

  span.rilergentextchi {
    color: #0b6b9b;
  }

  .faberHeading {
    text-align: center;
  }

  .note .faberHeading strong {
    font-size: 400;
    color: #1964af;
    /* display: block; */

  }
  
  #fcp .noteHeading strong {
    font-size: 400;
    color: #d51f3c;
  }
  .note .noteHeading {
    text-align: center!important;
    }
  .note#fcp .noteHeading img{
    top: -0.25em;


  }

  .twoColLayoutShop .goodsCol {
    height: 100%;
    padding-top: 10%;
  }

  .twoColLayoutShop .goodsCol .bookbtn {

    width: 100%;
  }

  .twoColLayoutShop .goodsCol .badge.prepare {
    font-size: 0.9em;
  }

  .twoColLayoutShop {
    position: relative;
  }

  .twoColLayoutShop .goodsCol {

    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .twoColLayoutShop .goodsCol .btn img {
    padding-right: 10px;

  }


  @media screen and (max-width: 61.9988em) {
    .twoColLayoutShop .goodsCol {
      position: relative;
      bottom: 0;
      padding: 0%;
    }

    .twoColLayoutShop .goodsCol .priceTagContainer {
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #eff3e4dc;
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
    }

    .twoColLayoutShop .goodsCol .priceTagContainer h1 {
      font-size: 1.3rem;
    }

    .twoColLayoutShop .goodsCol .priceTagContainer p {
      font-size: 0.8rem;

    }

    .twoColLayoutShop .goodsCol .priceTagContainer .priceTag {
      font-size: 1.3rem;

    }

    .twoColLayoutShop .goodsCol .priceTagContainer .priceTag small {
      font-size: 0.7rem;
      font-size: 1.3rem;

    }

    .twoColLayoutShop .goodsCol .btn {
      width: 100%;
      padding: 2px;
      font-size: 1.2rem;
    }

    .twoColLayoutShop .goodsCol .btn img {
      max-width: 30px;
    }

  }


    /*--------------------------------------------------------------
  # Portfolio
  --------------------------------------------------------------*/
 
  
    .portfolio-item {
      margin-bottom: 30px;
      position: relative;
    }
  
    .portfolio-item .portfolio-img a{
      display: block;
      position: relative;
    }
    .portfolio-item .portfolio-img {
      overflow: hidden;
    }
    .portfolio-item .portfolio-img a::before {
      /* overlay play button */
      content: "\f144";
      font-family: "FontAwesome";
      position: absolute;
      font-size: 2.5em;
      color: #fff;
      z-index: 999;    
      top: 25%;
      left: 50%;
      margin: 0% 0 0 -10%;
      opacity: 1;
      text-shadow: 0 0  0.625em #5e5e5e;
      /* transition: all 0.8s ease-in-out; */
    
    }

    @media screen and (max-width:61.998em) {
      .portfolio-item .portfolio-img a::before {
      left: 25%;
      }
    }
  
    .portfolio-item .portfolio-links a:hover {
      color: #fd9f5b;
    }
  
    .portfolio-item .portfolio-img img {
      opacity: 1;
      transition: all 0.3s ease-in-out;
    }
    .portfolio-item:hover .portfolio-img img {
      opacity: 0.8;
      transform: scale(0.95);
    }
  
    .portfolio-item:hover .portfolio-info {
      opacity: 1;
    }



        .hexagon-list {
          /* display: flex; */
          /* gap: 20px; */
          list-style: none;
        }
        .hexagon-list>li{
          /* display: flex; */
          /* gap: 20px; */
          position: relative;
          display: flex
        }
        
        .hexagon {
          font-size: 30px;
            /* position: absolute; */
         
            height: 65px;
            width: 65px;
            line-height: 65px;
            text-align: center;
            background: #74b9ff;
            color: #000c66;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
            background: #3E54FF0f;
            border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
        }
        #allergistServices h2{
          color: #5b6adf;
          
        }
        #allergistServices h3 {
          font-size:1.3em;
        
        }
        #allergistServices .stickyrightlg {
          position: sticky;
          top: 0;
          z-index: 100;
          /* background image overlay */
          background: url(../img/environment/envir01.jpg)  center center no-repeat rgba(213, 221, 224, 0.27);
          background-size: cover;
          background-position: center;

        }
        #allergistServices .stickyrightlg .colorfuloverlay{
         
          background: linear-gradient(130deg, rgba(192, 220, 231, 0.637) 0%, #e4f1ea   60%, rgb(255 255 255) 100%);
          /* box-shadow: 0 0 0.625em #c8c8a9; */

        }
       .hexagon-list strong{
          color: #5b6adf;
        }
        #allergistBanner {
          position: relative;
        
          min-height: 50vh;
          display: flex;
          align-items: stretch;
          justify-content: center;
        }
        #allergistBanner .imgcontainer{
          /* height: 100%; */
          /* width: 100%; */
          overflow: hidden;
        }

        #allergistBanner .imgcontainer img{
         
          width: 100%;
            height: 100%;
            object-fit: cover;

        }