body>.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFFFFF;
    z-index: 9999;
    display: block;
}
body :not(.fa) {
  font-family: "Open Sans", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif !important;
}
body .glyphicon {
  font-family: "Glyphicons Halflings" !important;
}
span.office-hours__item-slots {
  font-size: 14px
}

.container-800 {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.fancybox-slide--iframe .fancybox-content {
  background: transparent !important;
}
body.transparent, body.transparent #main-container, body.transparent .main-content-inner {
  background: transparent;
}
/* $Id: color-blue-style.css,v 1.0.0 2013/09/25 08:18:15 symphonythemes Exp $ */
/*------------------------------------*\
  counter-reset: 
\*------------------------------------*/
textarea {
  resize: none !important;
}
a,
a:link,
a:visited {
  color: #337ab7;
}
a:hover {
  text-decoration: underline;
}
.themecolor-text {
  color: #337ab7;
}
pre,
div.code {
  border-left: 5px solid #01BEF4;
}
.highlight {
  background: #01BEF4;
}
blockquote::before {
  color: #01BEF4;
}

h2.home-block-title:after,
h2.block-title:after,
.node--type-full-width h1.page-header:after {
  background: #01BEF4;
}
a.btn-default,
.btn-default {
  border-color: #01BEF4;
  background-color: #01BEF4;
  color: #fff;
}
.btn-border {
  border-color: #01BEF4;
  background: #fff;
}
.btn-default:hover {
  background-color: #01BEF4;
  border-color: #01BEF4;
}
a.btn-primary,
.btn-primary {
  background-color: #01BEF4;
  border-color: #1896b8;
  color: #FFFFFF;
}
.pagination > li > a, .pagination > li > span {
  color: #337ab7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: #337ab7;
  border-color: #337ab7;
}
/*------------------------------------*\
  Pages CSS
\*------------------------------------*/
@media (min-width: 1199px) {
  .path-not-frontpage section.paragraph {
    padding-top: 20px;
  }
}
section.pickup-news {padding-top: 30px;}
.path-doctor-search-location #main-container {
  padding: 0;
}
#search-wrapper {
  background: #01BEF4;
}
#main-menu-wrapper {
  background: #01BEF4;
}
.background-color {
  background: #01BEF4;
}
#header-top {
  display: none;
}
.slick-dotted {

}

h2.home-block-title {
  margin-bottom: 10px;
}
/*------------------------------------*\
  NAVIGATION CSS
\*------------------------------------*/
li a.active {
  color: #01BEF4;
}

#main-navigation .menu > li.active > a,
#main-navigation .menu > li:hover > a,
#main-navigation .menu > li.active > span,
#main-navigation .menu > li:hover > span {
  background: #00bff3;
  color: #fff;
}
#main-navigation .menu > li > ul a {
  border-bottom: 1px solid #FFFFFF;
  color: #666;
}

#header-top {border-bottom: 0px;}
/* Block user menu on top left */
#header-top-left .block-menu ul.menu li a:hover,
#header-top-left .block-menu ul.menu li a.active {
  background: none;
  color: #01BEF4;
}
#main-navigation .menu > li ul {
  background: #7db0d9;
  margin-left: 0px;
}
#main-navigation .menu > li > ul a:hover,
#main-navigation .menu > li > ul a.active {
  background: #01BEF4;
  color: #FFFFFF;
}

#main-navigation .language-switcher-language-url  {
  display: none;
}
#main-navigation .nav-open + .language-switcher-language-url  {
  display: block;
}
#main-navigation .language-switcher-language-url li {
  width: 50%;
  list-style: none;
  float: left;
}
#main-navigation .language-switcher-language-url li a{
  font-size: 16px;
  font-weight: 600;
  padding: 1em;
  display: inline-block;
  color: #666;
}

.nav-mobile-toggle {
  top: 10px;
}
.nav-mobile-toggle i {
  margin-top: 0;
}


#header-top ul.menu--account.dropdown-menu li {
  border: 0;
  display: block;

}

#header-top a.username-dropdown-toggle {
  color: #666;
  padding: 0.2em 0.2em 0.3em  0.2em ;
  font-size: 90%;
  position: relative;
  cursor: pointer;
  height: 37px;
  line-height: 37px;
  display: inline-block;
}

#header-top a.username-dropdown-toggle:hover,
#header-top .open a.username-dropdown-toggle {
  background: #01BEF4;
  color: #FFFFFF;
  text-decoration: none;
}

.username-dropdown-toggle .fa {
    border-radius: 50%;
    background: #a3a2bd;
    padding: .5em;
    color: white;
}

#header-top ul.menu--account li:hover,
#header-top ul.menu--account li.active {
  background: #01BEF4;
  color: #FFFFFF;
}
#header-top ul.menu--account li:hover a,
#header-top ul.menu--account li.active a {
  background-color: transparent ;
  color: #FFFFFF;
}

.open ul.menu--account {
  z-index: 1050;
}

section.postscript {
  background: #0a8ec4;
  color: #FFFFFF;
}

section.postscript .postscript-second {
  background: #9a9a9a;
  border-top: 0px;
}

.postscript-first {
  padding: 0; 
}
.postscript_first { min-height: unset }
.postscript_first>div>div{
  padding: 10px 0px;
}

.postscript_second a {
  color: #FFFFFF;
}
.postscript .block h2.block-title {
  border-bottom: 1px solid #AEAEAE;
  margin: 4px 0px;
}
.postscript .block-mailchimp-signup h2.block-title{
  font-size: 18px;
  line-height: 25px;
}

/*------------------------------------*\
  BUSINESS CSS
\*------------------------------------*/


.table > tbody > tr > td { border: none; }
.title-wrapper-fullwidth {
  background: url('/sites/default/files/Slider/page-searchresult-title.jpg');
  background-color: #23506f;
  background-position: right top;
  background-size: cover;
  padding: 3em 0;
  padding-left: 1em;
}
.title-wrapper-fullwidth h1 {
  color: #fff;
  border: 0 none;
  font-size: 24px;
}
.form-required:after {
  width: 7px; height: 7px;
  background-size: 7px 7px;
}
.exposed-form-filter-only .form-item-sort-by { display: none; }

/* Business List */
.extra-content {
  background: rgba(154,201,236,0.8);
}
#block-exposedformlisting-searchpage-1 {
  background: #01BEF4; 
  padding: 0px;
}
#block-exposedformlisting-searchpage-1 h2.block-title {
  background: #01BEF4;
  border-right: 1px solid #bddcf3;
}

#block-exposedformlisting-searchpage-1 h2.block-title:after {
  border-color: rgba(154,201,236, 0);
  border-left-color: #01BEF4;
  border-width: 0;
  margin-top:0;
}
#block-exposedformlisting-searchpage-1 h2.block-title:before {
  border-color: rgba(189, 220, 243, 0);
  border-left-color: #bddcf3;
  border-width: 0;
  margin-top:0;
}
#block-exposedformlisting-searchpage-1 .form-group {
  padding: 2px 0px 2px 0;

}
#block-exposedformlisting-searchpage-1 .form-submit {
  margin: 8px 10px 9px 0;
   padding: 9px 30px;
}
#block-exposedformlisting-searchpage-1 .form-submit {
  background: #FCDE07;
  border-color: #FCDE07;
  color: #333;

}

#block-exposedformlisting-searchpage-1 .form-submit:hover {
  background: #FDE35C;
  border-color: #FDE35C;
  font-weight: bold;
}

#block-exposedformlisting-searchpage-1 .form-item-keyword {
  position: relative;
  width: 100%;
}

#block-exposedformlisting-searchpage-1 .form-item-keyword input {
  background: white;
  border: 1px solid white;
  box-shadow: inset 0px 1px 2px rgba(0, 191, 243, 0.3);
  -webkit-appearance: none;
  border-radius: 5px;
  height: 38px;
  line-height: 38px;
  padding-left: 22px;
}
input.select2-search__field::placeholder, 
#block-exposedformlisting-searchpage-1 .form-item-keyword input::-webkit-input-placeholder,
#block-exposedformlisting-searchpage-1 .form-item-keyword input::placeholder { 
  color: #757575; 
}

#block-exposedformlisting-searchpage-1 .form-item-keyword::before {
  content: "\f002";
  position: absolute;
  left: .5em;
  top: 9px;
  font-family: "fontAwesome";
  color: black;
}

#block-exposedformlisting-searchpage-1 .select2-selection--multiple {
  border-color: white;
  box-shadow: inset 0px 1px 2px rgba(0, 191, 243, 0.3);
}


#block-exposedformlisting-searchpage-1 .select2-container--open .select2-selection--multiple {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-color: white;
}
#block-exposedformlisting-searchpage-1 .form-item-category .select2-selection>ul::before {
  content: "\f0f0"; font-family: "fontAwesome"; position: absolute; left: .5em; top: .5em; color: #202020; font-size: 1.1em;
}
#block-exposedformlisting-searchpage-1 .form-item-location .select2-selection>ul::before {
    content: "\f041"; font-family: "fontAwesome"; position: absolute; left: .5em; top: .5em; color: #202020; font-size:  1.2em;
}
#block-exposedformlisting-searchpage-1 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 22px;
}
#block-exposedformlisting-searchpage-1 .select2-selection li:first-child {
  font-size: 14px;
}
.node--type-listing .content .field .field--label {
  color: #01BEF4;
}
.node--type-listing .field.field--name-body:before,
.node--type-listing .field.field--name-field-website:before,
.node--type-listing .field.field--name-field-open-time:before,
.node--type-listing .field.field--name-field-price-range:before,
.node--type-listing .field.field--name-field-phone:before,
.node--type-listing .field.field--name-field-highlights:before,
.node--type-listing .field.field--name-field-locations:before,
.node--type-listing .field.field--name-field-photos:before,
.node--type-listing .field.field--name-field-tags:before,
.node--type-listing .field.field--name-field-category:before,
.node--type-listing .field.field--name-field-video:before {
  background: #01BEF4;
}

.node--type-listing .field.field--name-field-category:before {
  content: none;
}
.node--type-listing .field-name-field-events > .field--label:after {
  background: none repeat scroll 0 0 #01BEF4;
}
.node--type-listing .content .field-collection-container .field.field-name-field-event-title {
  color: #01BEF4;
}

.node--type-listing.teaser>div {
  background: white;
}

.view-taxonomy-term .views-row .node--type-listing.teaser h3 {
  padding: 15px 0;
}

#block-exposedformlisting-searchpage-1 .form-item-title, #block-exposedformlisting-searchpage-1 .form-type-select {
  width: 100%;
}


/* Business Category List */
.list-categories .icon {
  background: #01BEF4;
}
.view-categories .views-field-name:after {
  background: #01BEF4;
}
.view-categories .views-field-name a:hover {
  color: #01BEF4;
}
.view-categories .views-field-nid {
  background: rgba(154,201,236,0.8);
}

/* News */
.view-list-news .views-field-title a:hover {
  color: #01BEF4;
}

.view-home-news {
  margin-left: -15px;
  margin-right: -15px;
}

/* Member */
.view-member .view-content {
  background: #01BEF4;
}

/* Block Contact information */
.contact-information ul li i {
  color: #01BEF4;
}

/* Sep boxed pricing */
.sep-boxed-pricing ul li.footer-row a.button {
  background: #fafafa;
  border: 1px solid #ccc;
  color: #01BEF4;
}
.sep-boxed-pricing ul li.footer-row a.button:hover {
  background: #01BEF4;
  color: #fafafa;
  border: 1px solid #01BEF4;
}
.sep-boxed-pricing ul li.title-row {
  background: #47d2f8;
  border-color: #47d2f8;
}
.sep-boxed-pricing ul li.pricing-row {
  background: #01BEF4;
  border-color: #82e0fa #01BEF4 #01BEF4;
}
.sep-boxed-pricing .price strong {
  color: #000;
}
.slick-dots {
  bottom: -15px;
}
/* SlickSlider */
.slick-dots li.slick-active button {
  background: #01BEF4;
}


.slick__arrow button {
  border: none;
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.7);
  transition: all .3s;
  left: 1rem;
  
   transform-origin: center center;
}


.slick__arrow button:before {
  color: #01BEF4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  transition: all .3s;
}

.slick__arrow button.slick-next {
  left: initial;
  right: 1rem;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: rgba(27, 117, 188, 0.9);
  
}
.slick-prev:hover:before, .slick-prev:focus:before {
  color: #FFFFFF;
  left : 16%;
}
.slick-next:hover:before, .slick-next:focus:before  {
  color: #FFFFFF;
  left: 87%;
}
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.path-taxonomy h1.page-header {
  display: block;
}


.block-views-blocklisting-detail-header-block-1 {
  margin-bottom: 0px;
}

#main-navigation .menu > li > a, #main-navigation .menu > li > span {
  font-size: 16px;
  padding-left: 1em;
}

.business-detail-header-text {
  /*background-color:  #7588CE;
  box-shadow: rgba(72, 0, 152, 0.3) 23px 16px 89px inset;*/
}
.business-detail-header-text .field-title {
  /*text-shadow: 0px 0px 6px #000;*/
}
.business-detail-header .field-category a {
  /*color: #FFF;*/
}
.business-detail-header .field-language a {
  /*color: #FFF;*/
}
.business-detail-header .field-rating a {
  /*text-align: right;*/
}
.business-detail-header .field-bookmark-button {
  /*text-align: right;*/
}
.page-node-type-listing .fancybox-content,
.page-node-type-clinic .fancybox-content{
  max-width: 1200px;
  max-height: 500px;
}


.clinic-detail-header {
    min-height: 300px;
    position: relative;
}
.clinic-detail-header-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 1;
  float: left;  
  width: 100%;
  height: 100%;
  background-color:  #7588CE;
  font-size: 22px;
}
.clinic-detail-header-text .field-title {
  text-shadow: 0px 0px 6px #000;
  color: #FFFFFF;
}
.clinic-detail-header-text .field-address .fa,
.clinic-detail-header-text .field-phone .fa{
  /*color: #E3D336;*/
}
.clinic-detail-header .field-phone {
  line-height: 2;
}
.clinic-detail-header .field-address, .clinic-detail-header .field-address a {
  color: #FFF;
  line-height: 2;
}
.clinic-detail-header .field-address a {
  display: inline-block !important;
}
.clinic-detail-header .field-gmap {
    z-index: 3;
    position: relative; display: inline-block; float: right; bottom: -40px;
    padding: .5em; border: 1px solid #808080; background: rgba(228,228,228,0.7);
    border-radius: 3px;
}

.clinic-detail-header .field-gmap .geofield-google-map {
  height: 300px;
  z-index: 2;
  width: 300px;
}

.clinic-detail-header .btn_booking {
  display: inline-block;
   background-color: #01bef4; color: white; padding: 10px 12px; width: 176px; text-align: center; margin-top : .3em;
}
.clinic-detail-header .btn_booking:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #139ff7;
}

#views-exposed-form-listing-search-page-1 .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #ddd;
  box-shadow: inset -1px -1px 1px rgba(0, 78, 148, 0.3);
  border: 0px;
  border-radius: 0;
}
.select-wrapper:after {
  background: white;
  right: 1px;
}

.select2-dropdown {
  border: none !important;
  box-shadow: 1px 1px 3px #808080;
  z-index: 999 !important;
}

#select2-edit-category-results .select2-results__option,
.select2-results__option .select2-results__option,
#select2-edit-field-doctor-results .select2-results__option,
#select2-edit-field-clinic-results .select2-results__option {
  padding-left: 26px !important;
  vertical-align: middle;
  position: relative;
  list-style: none;
}

#select2-edit-category-results .select2-results__option::before,
.select2-results__option .select2-results__option::before,
#select2-edit-field-doctor-results .select2-results__option::before,
#select2-edit-field-clinic-results .select2-results__option::before {  
  content: "\f096";
  font-family: "fontAwesome"; 
  position: absolute;
  left: 6px;
}

.select2-results__option[aria-selected=true]{
  background-color: #01BEF4 !important;
  color: #444 !important;
  font-weight: bold;
}
#select2-edit-category-results .select2-results__option[aria-selected=true]::before,
.select2-results__option[aria-selected=true]::before {  
  content: "\f046" !important;
  font-family: "fontAwesome"; 
}
.select2-results__option--highlighted[aria-selected] {
  background-color: rgba(1, 190, 244, 0.8) !important;
  color: #444 !important;
}
.search-doctor-by-specialty-page section {
  padding-top: 20px;
}

.view-my-booking .views-row {
  box-shadow: 0px 0px 3px #808080;
  padding: 1em;
  margin-bottom: 1em;
  background: #fCfCFC
  margin-left: -15px;
  margin-right: -15px;
}
.view-my-booking .views-label { font-weight: bold; margin-right: 5px; }
.view-my-booking .views-field-field-booking-id .field-content{
  display: inline-block;
}

@media (min-width: 992px) {

  #main-navigation .menu > li.active > a,
  #main-navigation .menu > li.active > span {
    background: none;
    color: rgb(102, 102, 102);
  }
  #main-navigation .menu > li.active:hover > a,
  #main-navigation .menu > li.active:hover > span {
    background: #00bff3;
    color: #fff;
  }



  section.pickup-news {padding-top: 40px;} 
  #block-exposedformlisting-searchpage-1 .layout__region--first {
    width: 580px;
  }
  #block-exposedformlisting-searchpage-1 .form-type-select {
    width: 100%;
  }
  .clinic-detail-header-text-inner {
    position: absolute;
    bottom: 30px;
    width: 100%;
  }
}
.nopadding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.doctor-detail-item {
  border-bottom: 1px solid #F8F8F8;
  margin-bottom: 1em;
}
.doctor-detail-item-title {
  color: #01BEF4;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
}
.flag {
  display: inline-block;
}
.node--type-listing .field.field--name-body:before {
  content: "\f0f0";
}
.view-list-news .views-field-field-author {
    padding-left: 20px;
    display: inline-block;
    padding-bottom: 30px;
}
.view-doctor-search-specialty .col {
  margin-top: 1.67em;
}
.view-doctor-search-specialty .col:hover .views-field {
  box-shadow: 6px 6px 6px rgba(0,0,0,0.3);
  background-color: #F0F8FF;
  transition: all 0.3s;
}
.view-doctor-search-specialty .col .views-field:first-child {
  border-radius: 5px; 
}
.view-doctor-search-specialty .col .views-field:last-child {
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px; 
}
.view-doctor-search-specialty .views-field-field-category-icon {
  padding-bottom: 55px;
}
.view-doctor-search-specialty .views-field-field-category-icon img{
    margin-left: 50%;
    transform: translateX(-50%);
}

html[lang=en] .view-doctor-search-specialty .views-view-grid .views-field-name h4 {
  font-size: 14px; text-transform: capitalize; 
}

.view-doctor-search-location .views-view-grid .views-field-name,
.view-doctor-search-location .views-view-grid .views-field-nid {
  display: inline-block;
  color: #01BEF4;
}

.view-doctor-search-location .views-view-grid .views-field-name h4 {
  font-size: 16px;
}

.view-doctor-search-specialty .views-view-grid .views-field-name a {
  position: absolute;
  height: 100%;
  padding: 0px 10px;
  top: 0px;
  width: 100%;
  padding-top: 140px;
  text-align: center;
  left: 0px;
}
.view-doctor-search-specialty .views-view-grid .views-field-view-taxonomy-term {
  background: white;
  color: #01BEF4;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  padding: 8px 0; 
}
.view-doctor-search-location .view-content h3 {
    padding: 16px;
    font-weight: bold;
    background: white;
    margin-bottom: 0;
    color: #202020;
    box-shadow: 0px -1px 3px rgba(0,0,0,0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}
.view-doctor-search-location .view-content h3::after {
  content: "";
  background: linear-gradient(90deg, #00bff3, #139ff7);
  position: absolute;
  left: 15px;
  bottom: 6px;
  width: 96px;
  height: 3px;
  box-shadow: 1px 1px 1px rgba(128,128,128,0.4);
  display: inline-block;
}
.view-doctor-search-location .views-view-grid ,
.view-doctor-search-specialty .views-view-grid {
    
    background: white;
    padding-bottom: 2em;
    margin-bottom: 2em;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
}

.view-doctor-search-specialty .views-view-grid { 
  border-radius: 5px;
}


.view-doctor-search-location .views-view-grid { 
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.view-clinic-search-location .views-row {
  background: #FFF;
  box-shadow: 0px 0px 1px #808080;
  margin: 1em; padding: 1em;
}
.view-clinic-search-location .views-field-title {
  font-size: 1.3em;
}
.view-special-service-hour .views-collapsible-list>h3 {
  font-size: 22px; line-height: 40px;
}
.view-special-service-hour .views-collapsible-list ul {
  margin: 0; padding: 0;
}
.view-special-service-hour .views-collapsible-list li {
  background: white; border-right: 5px solid #139ff7; 
  margin: 1em; padding: 1em;
}
.view-special-service-hour .views-collapsible-list li:hover {
  box-shadow:  0px 0px 3px #808080;
}
.view-special-service-hour .views-label {
  font-size: 16px; font-weight:  bold;
}

.view-special-service-hour .views-field-field-er-waiting,
.view-special-service-hour .views-field-field-opening-hours {
  width: 50%; display: inline-grid; margin-top: 1em;
}
.view-special-service-hour .views-field-field-opening-hours { padding: 0 15px; }

.view-special-service-hour .views-fields{
  width: 100%
}
.view-special-service-hour h3 {
  margin: 0; font-size: 20px;
}

.view-listing-footer-banner {
    display: inline-block;
    padding-top: 1em; padding-bottom: 1em;
    width: 100%;
    text-align: center
}
.service_hr_24 {
  font-size: 1.3em;
  font-weight: 600;
}

.view-listing-footer-banner .views-field-field-ad-image  {
  text-align: center;
}


.view-home-news .views-col,
.view-hot-health-info  .views-col,
.view-health-info-by-tag .views-col {
  margin-bottom: 2em;
}

.view-home-news .views-col:hover .views-field,
.view-hot-health-info  .views-col:hover .views-field, 
.view-health-info-by-tag .views-col:hover .views-field {
  transition: all .3s; 
  box-shadow: 0px 1em 1em rgba(0,0,0,0.3);
}
.view-home-news .views-col .views-field-field-image,
.view-hot-health-info .views-col .views-field-field-image, 
.view-health-info-by-tag .views-col .views-field {
  display: block;
  overflow: hidden;
}
.view-home-news .views-col .views-field-field-image a,
.view-hot-health-info .views-col .views-field-field-image a,
.view-health-info-by-tag .views-col .views-field-field-image a{
  position: relative;
  display: inline-block;
  width: 100%;
}  

.view-hot-health-info .views-col .views-field-field-image img,
.view-home-news .views-col .views-field-field-image img,
.view-health-info-by-tag .views-col .views-field-field-image img {
  width: 100%;
  height: auto;
}

.view-home-news a:hover {
  text-decoration: none;
} 


.view-home-news .views-field,
.view-article-by-tag .views-field{
  background: white;
}

.view-hot-health-info .views-field-title {
  height: 62px; 
}

.view-home-news .views-field {
  box-shadow: 0px .3em .3em rgba(0,0,0,0.3);
}
.view-home-news .views-field-title {
 
}
.view-home-news .views-field-title h3 {
  font-size: 15px; font-weight: bold;
  padding: .5em 1em; margin: 0;
  height: 3.5em; top: -3.5em;
}
.view-home-news .views-field-title h3 a{
 }
.view-hot-health-info .views-field-title h3,
.view-health-info-by-tag  .views-field-title h3 { 

  font-size: 16px;
}

.view-hot-health-info .views-field-title h3,
.view-health-info-by-tag  .views-field-title h3 {
  margin: 0px;
  padding: 15px;
}
.view-hot-health-info .views-field.views-field-nothing,
.view-health-info-by-tag .views-col .views-field.views-field-nothing {
  padding: 0px 15px 1em;
  border-bottom: 2px solid #0F75BD;
}

.view-home-news .views-field-field-doctor-author {
  padding: 0 1em;
  white-space: nowrap;
  overflow: hidden;
}

.view-home-news .views-field.views-field-field-image {
    height:  155px;
    background: url(/sites/default/files/business%20categories/icon_cate.png) #CCCCCC;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: block;
}
.view-hot-health-info .views-field.views-field-field-image, 
.view-article-by-tag  .views-field.views-field-field-image, 
.view-tag-detail-health-info .tag-detail-health-info .views-field.views-field-field-image {
  height:  230px;
    background: url(/sites/default/files/business%20categories/icon_cate.png) #CCCCCC;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: block;
} 
.view-home-news .views-field.views-field-field-image img,
.view-hot-health-info .views-field.views-field-field-image img, 
.view-article-by-tag .views-field.views-field-field-image img, 
.view-tag-detail-health-info .tag-detail-health-info img{
    height: auto;
    width: 100%;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.view-home-news .views-col:hover .views-field.views-field-field-image img, 
.view-hot-health-info .views-col:hover .views-field.views-field-field-image img,
.view-article-by-tag .views-col:hover .views-field.views-field-field-image img {
  transform: scale(1.12);
}
.view-home-news .views-field.views-field-body {
  border-bottom: 2px solid #0F75BD;
  padding: 0 1em;
  line-height: normal;
  text-align: justify;
  height: 82px;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 14px;
}

.view-home-pickup-comment {
  background: url(/sites/default/files/home-bg-pickup-comment.jpg);
  background-color: #AFA1A1;
  background-size: 100% auto;
  
  background-repeat: no-repeat;
  background-position: center bottom;
}

.view-home-pickup-comment .slick__arrow button {
  width: 20px;
  height: 20px;
}
.view-home-pickup-comment .slick__arrow button:before {
  font-size: small;
}


.slick--view--home-pickup-comment  {
  background-color: rgba(16, 1, 1, 0.4);
}

.slick--view--home-pickup-comment .slide__caption {
  width: 100%;
  margin: 0 auto;
  height: 200px;
}

.slick--view--home-pickup-comment .field-category-icon {
  box-sizing: content-box;
  width: 140px;
  height: 140px;
  background-color: white;
  border-radius: 50%;
  float:right;
  border: 5px solid rgba(0,0,0,0.3);
}

.slick--view--home-pickup-comment .field-category-icon img {
  width: 110px;
  height: 110px;
  padding: 15px 20px 20px 15px;
  box-sizing: content-box;
}

.slick--view--home-pickup-comment .field-doctor { margin-top: 10px; }
.slick--view--home-pickup-comment .field-doctor a {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px;
}

.slick--view--home-pickup-comment .field-comment {
  color: #202020;
  padding-top: 0.5em;
  padding-left: 1em;
  margin-left: 1em;
  font-size: 14px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  border-radius: 10px;
  height: 7em;  position: relative;
}
.slick--view--home-pickup-comment .field-comment::after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -1em;
  right: 5em;
  border: .5em solid transparent;
  border-right-color: rgba(255, 255, 255, 0.6);
  border-top-color: rgba(255, 255, 255, 0.6);
  transform: skewX(10deg);

}
.slick--view--home-pickup-comment .field-username {
  color: #FFFFFF;
  text-align: right;
   font-size: 14px;
}

.slick--view--home-pickup-comment .slick-dots {
  bottom: 0px;
}

section.newest-doctor {
  background-color: #FAFAFA;
  padding-top: 2em;
  padding-bottom: 2em;
}

.view-newest-doctor .home-block-title {
  margin-bottom: 10px;
}
.view-newest-doctor .view-header p {
  text-align: center;
}

.view-newest-doctor .view-header a {
  font-size: 18px;
  line-height: 22px;
}

#home-newest-doctors .views-row-inner {
  font-size: 14px;
  min-height: 66px; 
  clear: both;
}
#home-newest-doctors img {
  width: 60px; float: left; margin-right: 1em;
}


#home-newest-doctors h3 {
    font-size: 18px; 
    margin: 10px 0px 0px;
    line-height: 26px;
}
#home-newest-doctors .views-field-field-gender {
  float: left;
}
#home-newest-doctors .views-field-field-comment-rating {
  float: right;
  transform: scale(0.8);
  transform-origin: top right;
}
#home-newest-doctors .views-field-title {
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
}
#home-newest-doctors .views-field-field-geoaddress {
   padding-top: 5px;
   font-size: 12px;
}
#home-newest-doctors .tab-pane>h3 {
  display: none;
}
#home-newest-doctors .nav-tabs li a {
  white-space: nowrap;

}


#home-doctors-ranking-wrapper, #home-newest-doctors-wrapper {
  box-shadow: 0px 0px 3px #808080;
  padding: 1em;
  margin: 1em 0;
   min-height: 560px;
}
.view-newest-doctor .more-link {
  text-align: center;
}
.view-newest-doctor .more-link a {
  display: inline-block;
  padding: .33em 2em;
  background: #FCDE07;
  border-radius: 5px;
  color: #000;
  font-size: 14px;
}

.view-newest-doctor .more-link a:hover {
  text-decoration:  none;
  background: #FDE35C;
  border-color: #FDE35C;
  font-weight: bold;
}
.home-block-description {
  text-align: justify;
}


/* TODO: specific each row as different class */
.block-views-blockcontent-detail-block-1 .doctor-detail-service::before{
  content: "\f0f0";
}
.block-views-blockcontent-detail-block-1 .doctor-detail-body::before {
  content: "\f0f0";
}
.block-views-blockdoctor-other-detail-block-1 .doctor-detail-price-range::before{
  content: "\f155";
}
.block-views-blockdoctor-other-detail-block-1 .doctor-detail-hightlights::before{
  content: "\f02c";
}
.form-search-listing {
  overflow: hidden;
}

.form-search-listing .form-item-title {
  display: none;
}
.form-search-listing>details.form-item {
  display: inline-block; float: left;
  margin: 0 1em; line-height: 50px;
  color: #FFFFFF;
}

.aside-form-wrapper button[type=submit]{
  display: none;
    margin-left: 1em;
}

.article-image-video {
  display: none !important;
}

.article-content {
  font-size: 16px;
}

.block-latest-news .views-row .views-field-field-image {
  position: relative;
  padding: 0;
  padding-right: .5em
}


.field-title a {
  color: #3F51B5
}

.lang-dropdown-form select{
  border: 0px none;
  color: #202020;
  width: 100px;
  height: 44px;
}

#main-navigation ul.menu {
  float: left;
   margin: 0;
  padding-left: 0;
}
#logo { padding-top: 15px; padding-bottom: 15px; }
#logo img { height: 49px; }


.write-a-comment-button {
  margin-top: 20px;
}

.breadcrumb {
  display: block;
  padding: 0;
  margin: 1em 0;
  background-color: transparent;
  border: 0px;
  font-size: 14px;
  text-shadow: 0 0 1px;
}
.breadcrumb > li + li:before {
  padding: 0px 2px;
  color: #777777; content: "\f0da"; font-family: "fontAwesome"; font-weight: 100;
  transition: all .3s;
}

.slick img {
  width: 100%;
}

.slick-dots li button {
  background: #CCCCCC;
  text-indent: 0px;
}
.slick-dots li button:before {
  content: "";
}

.block-views-blockhome-categories-block-1,
.block-views-blockhome- -1 {
  margin-bottom: 0px; position: relative;
}


.view-home-ae-waitingtime .nav-wrapper, #home-doctors-ranking-wrapper  .nav-wrapper {
  width: 100%; 
  overflow: hidden;

}

#home-doctors-ranking-wrapper .views-element-container {
  position: relative;;
  margin-bottom: 12px;
}
#home-doctors-ranking-wrapper .nav-tabs.nav-justified {
  margin: 0px;
}
.view-home-ae-waitingtime .nav-wrapper>a, #home-doctors-ranking-wrapper .nav-wrapper>a {
  display: block;
  width: 25px;
  height: 38px;
  position: absolute;
  top: 0;
  z-index: 2;
  background: grey;
  color: white;
  opacity: 0;
}
.view-home-ae-waitingtime .nav-wrapper>a:after,  #home-doctors-ranking-wrapper .nav-wrapper>a:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-family: "fontAwesome";
  cursor: pointer;
}
.view-home-ae-waitingtime .nav-wrapper>a.scrollleft, #home-doctors-ranking-wrapper .nav-wrapper>a.scrollleft {
  left: 0;
}
.view-home-ae-waitingtime .nav-wrapper>a.scrollright, #home-doctors-ranking-wrapper .nav-wrapper>a.scrollright {
  right: 0;
}

.view-home-ae-waitingtime .nav-wrapper>a.scrollleft:after, html[lang=en]  #home-doctors-ranking-wrapper .nav-wrapper>a.scrollright {
  content: "\f0d9";
}
.view-home-ae-waitingtime .nav-wrapper>a.scrollright:after, html[lang=en]  #home-doctors-ranking-wrapper .nav-wrapper>a.scrollright:after {
  content: "\f0da";
}

#home-doctors-ranking-wrapper .tab-pane { overflow: hidden; }

#block-views-block-home-categories-block-1,
#block-views-block-home-ae-waitingtime-block { position: relative; margin-bottom: 0; }

.view-home-ae-waitingtime.view-display-id-block_1 {
  background: linear-gradient(0deg, #E0eAf4, #f0f8ff);
  box-shadow: 0px 0px 1px rgba(0,0,0,0.4);

}
.view-home-ae-waitingtime.view-display-id-block_1:hover {
  box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
}
.view-home-ae-waitingtime.view-display-id-block_1 .view-content {
  
  background-color: #eaf3fb;
  position: relative;
}
.view-home-ae-waitingtime.view-display-id-block_1 h2.home-block-title {
  font-size: 22px; font-weight: bold; margin-bottom: 1em;
}
.view-home-ae-waitingtime.view-display-id-block_1 h2.home-block-title::after {
  content: none;
}
.view-home-ae-waitingtime.view-display-id-block_1 h2.home-block-title .fa { color: red; }

.view-home-ae-waitingtime.view-display-id-attachment_1 .contentRow {
  padding: .5em;
  display: flow-root;
  width: 100%;
  min-height: 40px;
}
.view-home-ae-waitingtime.view-display-id-attachment_1 .contentRow:nth-child(2n-1) {
  background-color: #FFFFFF;
}
.view-home-ae-waitingtime.view-display-id-attachment_1 .views-field { float: left; display: inline-block; width: 50%; }
.view-home-ae-waitingtime.view-display-id-attachment_1 .contentRow  a {
  color: #2262A6
}
.view-home-ae-waitingtime.view-display-id-attachment_1 .views-field.views-field-title {
 width: 63%; 
}
.view-home-ae-waitingtime.view-display-id-attachment_1 .views-field-field-er-waiting {
  width: 37%; font-size: 12px; text-align: right;
} 

html[lang=en] .view-home-ae-waitingtime.view-display-id-attachment_1 .views-field.views-field-title {
 width: 100%;  font-size: 12px;
}
html[lang=en] .view-home-ae-waitingtime.view-display-id-attachment_1 .views-field-field-er-waiting {
  width: 100%;  font-size: 12px;
} 
.nav-aewaittime.nav {
  width: 220px;
}
html[lang=en] .nav-aewaittime.nav {
  width: 420px;
}
.nav-aewaittime.nav > li{
  display: flex;
}
.nav-aewaittime.nav > li > a {
  padding: 7px 10px;
  color: #2262A6;
}
.nav-aewaittime.nav > li.active > a {
  color: #FFF;
}
html[lang=en] .nav-aewaittime.nav > li > a {
  font-size: xx-small;
}
.view-home-slideshow .slide__content {
  position: relative;
} 
.view-home-slideshow .slide__caption {
    /* position: absolute; */
    top: unset;
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    display: inline-block;
    width: 100%;
    color: #FFF;
    padding: 0em 1em;
    transition: all .3s;
} 

.view-home-slideshow .slide__title {
  font-size: 1em;
}

.view-home-slideshow .slide__caption a {
  color: #FFFFFF;
}
.view-home-slideshow .slick-dots li {
  margin-left: 10px;
}
.view-home-slideshow .slick-dots li button {
  width: 30px; height: 5px; 
  text-indent: -100px; overflow: hidden;
  font-size: 10px; color: #202020; 
}


.view-home-slideshow .slick-dots li.slick-active button {
  font-weight: bold;
  color: white;
}
#listing-search-results h2,
#clinic-search-results h2 {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    position: relative;
}


.checkbox .location-parent {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 0;
}

#modal-listing-seach-page-3 .checkbox.form-item-location-66,
#modal-listing-seach-page-3 .checkbox.form-item-location-67,
#modal-listing-seach-page-3 .checkbox.form-item-location-68,
#modal-listing-seach-page-3 .checkbox.form-item-location-2632 {
  display: block;
}
.exposed-form-sort-only { text-align: left }
.exposed-form-sort-only fieldset {display: none !important;}

#clinic-search-results .views-exposed-form fieldset,
.aside-form-wrapper>#views-exposed-form-listing-search-page-2 .form-item-keyword,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-item-keyword,
.aside-form-wrapper>#views-exposed-form-listing-search-page-4 .form-item-keyword, 
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing fieldset,  
.aside-form-wrapper .aside-search-listing fieldset {
  display: none;
}

#modal-clinic-search.in .views-exposed-form fieldset { display: block; }
#modal-clinic-search.in .views-exposed-form .fieldset-wrapper { height: auto; }

#clinic-search-results .views-exposed-form fieldset legend,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing fieldset legend,
#modal-listing-seach-page-3 .form-search-listing fieldset legend,
.aside-search-listing fieldset legend{
    color: #337ab7;
    display: block;
    width: 100%;
    font-size: 1.2em;
    padding: .5em;
    border-bottom: 1px dashed #CCCCCC ;
}
#clinic-search-results .views-exposed-form ul,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing ul,
.aside-search-listing ul {
  padding: 0;
}
#clinic-search-results .views-exposed-form ul ul,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing ul ul,
.aside-search-listing ul ul {
  padding-left: 1em;
}
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing ul ul .checkbox {
  margin-top: 0;
  margin-bottom: 0;

}

#clinic-search-results .views-exposed-form li,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing li,
.aside-search-listing li {
  list-style: none;
}

#clinic-search-results .views-exposed-form .fieldset-wrapper,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .fieldset-wrapper,
.aside-search-listing  .fieldset-wrapper {
  padding: .5em;
}


#clinic-search-results .views-exposed-form .checkbox input[type="checkbox"],
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .checkbox input[type="checkbox"],
.aside-search-listing .checkbox input[type="checkbox"] {
  margin-top: 5px;
}

.aside-search-listing .checkbox label,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .checkbox label {
  white-space: nowrap;
}

#views-exposed-form-listing-search-page-2-sort #edit-sort-by,
#views-exposed-form-listing-search-page-3-sort #edit-sort-by,
#views-exposed-form-listing-search-page-4-sort #edit-sort-by {
  width: 125px;
}

#clinic-search-results .views-exposed-form .fieldset-wrapper,
.aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing  .fieldset-wrapper,  
.aside-search-listing .fieldset-wrapper {
  height: 0px; padding: 0;   overflow: hidden; overflow-y: auto;
}


#modal-listing-seach-page-3 .form-search-listing .fieldset-wrapper,
#modal-listing-seach-page-3 .aside-search-listing .fieldset-wrapper{
  height: auto; overflow: hidden; overflow-y: auto;
}
#modal-listing-seach-page-3 .form-search-listing #edit-category--wrapper .fieldset-wrapper,  
#modal-listing-seach-page-3 .aside-search-listing #edit-category--wrapper .fieldset-wrapper {
   max-height: 200px; 
}
#modal-clinic-search .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
#modal-listing-seach-page-3 .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
#modal-listing-seach-page-3 .aside-search-listing #edit-location--wrapper .fieldset-wrapper {
  height: auto; max-height: 300px; overflow: hidden; overflow-y: auto; 
}

#block-exposedformlisting-searchpage-3 {
  position: relative;
  top: -40px;
}
.exposed-form-filter-only  .button-zoom,  
#block-exposedformlisting-searchpage-3 .button-zoom {
  position: absolute; z-index: 2;
  right: 0;
}
.button-zoom .txt-visible-xs { display: inline; } 
.exposed-form-filter-only  .button-zoom { right: 15px; }

#clinic-search-results .views-exposed-form .checkbox {
  margin-top: 0px; margin-bottom: 0px;
}
#clinic-search-results .views-exposed-form .checkbox input[type="checkbox"] {
  margin-top: 5px;
}
#clinic-search-results .views-exposed-form #edit-location--wrapper>ul>li>.checkbox input[type=checkbox] {
  display: none;
}
#clinic-search-results .views-exposed-form #edit-location--wrapper>ul>li>.checkbox label {
  padding-left: 0;
  font-style: italic;
  font-weight: bold;
}
#listing-search-results header { margin: 0; margin-bottom: 1em; }
#listing-search-results .select-wrapper,
#clinic-search-results .select-wrapper {
  width: auto; 
  max-width: 200px;
}
#modal-clinic-search .checkbox,
#modal-listing-seach-page-3 .checkbox  {
  display: inline-grid; padding-left: 10px;
}

#modal-clinic-search .checkbox label,
#modal-listing-seach-page-3 .checkbox label {
  width: 150px; 
  display: inline-block;
  font-size: 1em;
}
#modal-clinic-search .checkbox input[type=checkbox],
#modal-listing-seach-page-3 .checkbox input[type=checkbox]{
  margin-top: .3em;
}
.checkbox .location-parent input[type=checkbox]{
  opacity: 0;
}

#modal-clinic-search #edit-location--wrapper ul,
#modal-listing-seach-page-3 #edit-location--wrapper ul {
  padding : 0;
} 
#modal-clinic-search #edit-location--wrapper li,
#modal-listing-seach-page-3 #edit-location--wrapper li {
 list-style-type:none;
 padding-bottom: 1em;
}

#modal-listing-seach-page-3 #edit-location--wrapper>ul ul {
  padding-left: 3em;
}
#modal-clinic-search #edit-location--wrapper>ul ul li,
#modal-listing-seach-page-3 #edit-location--wrapper>ul ul li {
  width: 180px;
  display: inline-block;
  padding-top: .5em; padding-bottom: .5em;
}
#modal-clinic-search #edit-location--wrapper>ul ul li .checkbox,
#modal-listing-seach-page-3 #edit-location--wrapper>ul ul li .checkbox{
  margin-top: 0px; margin-bottom: 0px;
}
#views-exposed-form-listing-search-page-3 .form-item-sort-by {
  display: none;
} 

#listing-search-results .search-main-content  img {
  height: auto;
  max-height: 110px;
}
#block-exposedformlisting-searchpage-1 .form-item-sort-by {

  display: none;
}

#block-exposedformlisting-searchpage-1 .select-wrapper {
  width: 300px;
}
#block-exposedformlisting-searchpage-1 .radio, #block-exposedformlisting-searchpage-1 .checkbox {
  display: inline-block;
}


#block-exposedformlisting-searchpage-1 .radio input[type="radio"], 
#block-exposedformlisting-searchpage-1 .radio-inline input[type="radio"], 
#block-exposedformlisting-searchpage-1 .checkbox input[type="checkbox"], 
#block-exposedformlisting-searchpage-1 .checkbox-inline input[type="checkbox"] {
  margin-top: 6px;
}

#block-exposedformlisting-searchpage-1 .layout__region--bottom>fieldset{
  display: inline-block; clear: none; margin-right: 1em;
}

#block-exposedformlisting-searchpage-1 .layout__region--bottom>fieldset legend,
#block-exposedformlisting-searchpage-1 .layout__region--bottom>fieldset .fieldset-wrapper {
  color: white; float: left;
}
#block-exposedformlisting-searchpage-1 .layout__region--bottom>fieldset legend {
  margin-top: 10px; margin-bottom: 10px; margin-right: 15px; color: #01BEF4; font-weight: bolder; font-size: 1.2em;
}

#block-exposedformlisting-searchpage-1  .toggle-bottom {
  color: white;
}

#block-exposedformlisting-searchpage-1  .toggle-bottom:hover {
  color: white; text-decoration: underline; cursor: pointer;
}
.view-home-news .views-row {
  margin-bottom: -1.5em;
}
.view-home-news .more-link {
  margin-right: 1.2em ;  
}
.view-home-news .more-link:hover {
  text-decoration: underline;
}

.view-tagline {
  background-image:url(/sites/default/files/home-bg-tagline.jpg);
    background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center bottom;
  position: relative;
}

.view-tagline:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: rgba(128,128,128,0.3);
  z-index: 0;
  top: 0;
  left: 0;
}
.view-tagline h1 {
  font-size: 2em;
  font-weight: bold;
  color: white;
  position: relative;
  text-shadow: 0px 0px 10px #121a1b;
  z-index: 2;
  margin-top: 0px;
}


#listing-search-results {
  overflow: visible;
}
#listing-search-results .criteria, #clinic-search-results .criteria {
  display: inline-block;
  font-style: italic;
  font-weight: bold;
}
#listing-search-results a.clear-all, #clinic-search-results  a.clear-all {
  white-space: nowrap;;
}
#listing-search-results .criteria_term, #clinic-search-results .criteria_term {
  font-style: normal;
  font-weight: bold;
  margin-right: .5em;
}
#listing-search-results .criteria_term:not(:last-child)::after,
 #clinic-search-results .criteria_term:not(:last-child)::after {
    content: ",";
    font-weight: normal;
}
#listing-search-results .views-field .fa {
  width: 1em;
}

#listing-search-results .views-row .views-row-inner .field-rating {
  padding-top: 5px; padding-bottom: 5px; text-indent: -1200px; overflow: hidden;
}

#listing-search-results .view-doctor-cliniclist .views-row {
  margin-bottom: 0px;
}
#listing-search-results .view-doctor-cliniclist .views-row:first-child {
  padding-top: 1em;
}
#listing-search-results .view-doctor-cliniclist .views-row:first-child .views-field {
  padding-top: .5em;
  border-top: 1px dashed #DDDDDD;
}

#listing-search-results .view-doctor-cliniclist .views-row .views-row-inner {
  padding: 0 15px; 
}

#listing-search-results .view-doctor-cliniclist .view-empty {
  clear: both;
  padding: .5em 15px 0;
}

#listing-search-results .view-doctor-cliniclist .view-empty .row {
  border-top: 1px dashed #DDDDDD;
  margin: 0px;
  padding-top: .5em
}

#listing-search-results .view-doctor-cliniclist .fa-stack {
  width: 1em;
}

#listing-search-results .view-doctor-cliniclist .views-row .views-row-inner:hover {
  box-shadow: none;
}

#clinic-search-results .views-row {
  background-color: white;
  padding: 1em;
  margin: 1em 0;
  cursor: pointer;
}

#clinic-search-results .views-row:first-child {
  margin-top: 0;
}

#clinic-search-results .views-row:hover {
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#clinic-search-results .views-row .views-field-title {
  font-size: 1.3em;
}


.view-taxonomy-term>.view-content>h3 {
  clear: left;
  color: white;
  margin: 1em 0;
  background: linear-gradient(145deg, #0F75BD, transparent);
  padding: .5em;
}
.view-taxonomy-term .article-image { margin: 0px; }  

.view-taxonomy-term .views-field-created {
  border-bottom: 2px solid #0F75BD;
  margin-bottom: 2em;
}
.view-taxonomy-term .views-row article {
  margin-bottom: 2em;
}

.view-taxonomy-term .views-field.views-field-created, 
.view-taxonomy-term .views-row h3 {
  margin: 0px;
  padding: 15px;
}
.view-taxonomy-term article:hover>div {
    transition: all .3s;
    box-shadow: 0px 1em 1em rgba(0,0,0,0.3);
}
.view-taxonomy-term>.feed-icons {
  clear:both;
}

#listing-search-results .view-doctor-categories, #listing-search-results .view-doctor-languages {
  display: inline-block;
  position: relative;
  height: 16px;
  margin-left: 1.5em;
}
#listing-search-results .view-doctor-categories::before {
  content: "\f0f0";
  position: absolute;
  left: -1.2em;
  font-family: "fontAwesome";  
}

#listing-search-results .view-doctor-languages::before {
  content: "\f27b";
  position: absolute;
  left: -1.2em;
  font-family: "fontAwesome";  
}

.business-detail-header-info  table {
  border: none;
}
.business-detail-header-info td {
  font-size: 22px;
  line-height: normal;
  padding: 0px;
  color: #202020;
} 
.business-detail-header-info td:not(:last-child) {
  width: 26px; padding: 0 6px; text-align: center;

} 
.business-detail-header-info td a {
  color: #202020;
}
.business-detail-header-info span.stars {
  display: inline-block;
}

.view-doctor-categories ul, .view-doctor-languages ul {
  list-style: none; margin: 0px; padding: 0px;
}
.view-doctor-categories li, .view-doctor-languages li  {
  list-style: none; margin: 0px; margin-right: .6em; padding: 0px; float: left; display: inline-block;
}
.view-doctor-categories li::after, .view-doctor-languages li::after {
  content: ",";
}
.view-doctor-categories li:last-child::after, .view-doctor-languages li:last-child::after {
  content: none;
}


.view-id-special_service_hour .table>caption {
  font-size: 2em;
}

  
#block-socialiconsfooter .social-icon-item-container {
  width: 280px;
  background-color: rgba(0,0,0,0);
  
}

#block-socialiconsfooter .social-icon-item-container .fa-circle {
  color : #003152;
}
#block-socialiconsfooter .social-icon-item-container .fa-circle:before {
  text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}


.node.booking .links{
  display: none;
}
/* MEMBER AREA */

.password-strength__meter {border-radius: 5px; float: right; margin-top: .5em; width: 80%; background-color: #808080 ;}
.password-strength__title { font-size: x-small; }
.password-strength__indicator { border-radius: 5px; transition: all .2s; height: 10px;  width: 0  }
.password-strength__indicator.is-weak { background-color: #800000; }
.password-strength__indicator.is-fair { background-color: #FF8000; }
.password-strength__indicator.is-good { background-color: #FFFF00; }
.password-strength__indicator.is-strong { background-color: #80FF00;  }

#user-form .form-control {
  background-color: #FAFAFA;
  border: 1px solid #eaeaea;
  color: #202020;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2);
}
#user-form .form-control[readonly] {
  background-color: #DEDEDE;
}
#user-register-form {

}

#user-register-form .row>.row {
  margin: 0;
}

#user-register-form .col {
  width: 75%;
}


#user-login-form {
  padding-top: 2em;
  padding-bottom: 2em;
  
}

#user-login-form label {
  font-size: 16px;
}

.view-home-heading .col-links {
  text-align: center;
}
.view-home-heading .col-links .fa {
  display: block;
}
.view-home-heading .col-links a {
  color: #666666;
}
.view-home-heading .col-links a:hover, 
.view-home-heading .col-links a:active  {
  color: #139ff7;
  text-decoration: none;
}

.view-tag-detail-health-info .tag-detail-health-info  {
  min-height: 256px;
  margin-bottom: 50px;
  background: white;
  
}

.view-hot-health-info .views-field,
.view-article-by-tag .views-field {
  background: white;
  display: inline-block;
  width: 100%;
}

.hot-health-info-created,
.tag-health-info-created,
.tag-detail-health-info-created  {
  border-bottom: 2px solid #0F75BD;
}

.hot-health-info-title,
.tag-health-info-title,
.tag-detail-health-info-title {
  min-height: 48px;
}

.doctor-comment .form-type-select {
  display: inline-block;
}
.doctor-comment .no-comment {
  text-align: center;
  padding: 14px 0;
  margin: 28px 12px;
  font-size: 18px;
  border: 1px dashed #9a9a9a;
}
.col-specialty-tags .col-specialty-tags-title {
  height: 40px;
  line-height: 40px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #337ab7;
  padding-top: 6px;
}

.specialty-tag-icon {
    height: 80px;
    display: block;
   margin-left: auto;
    margin-right: auto;
    width: 80px;
}

.specialty-tag-icon-title {
  text-align: center; line-height: 16px;
}


.specialty-tag-container {
    width: 110px;
    height: 118px;

    border-radius: 5px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 7px;
    transition: all .3s;
    background: #FFFFFF;
}
.specialty-tag-container:hover {
  box-shadow: 2px 2px 4px #808080;
}
.view-specialty-tags {
  position: relative; padding-top: 10px;
}

.view-specialty-tags .views-col {
  width: 33.33%;

}
.view-specialty-tags nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.view-specialty-tags nav .pager { margin: 0px; }
.view-specialty-tags nav .previous a,
.view-specialty-tags nav .next a {
  padding: .5em;
  line-height: 1;
  background-color: rgba(0,0,0,0.3);
  color: white;
  width: 1.5em;
  border: none;
  margin-top: 0px; 
  margin-bottom: 0px;
  transition: all .3s ;
}
.view-specialty-tags nav .previous a:active {
  text-indent: -10px;
}

.view-specialty-tags nav .next a:active {
  text-indent: 10px;
}


.view-specialty-tags .view-content {
    display: block;
    width: 100%;
}


.view-doctor-of-tag .views-row {
  margin-bottom: .5em;
  display: inline-block;
  width: 100%;
}

.article-detail-related-doctor-row {
  padding: 1em 0em;
}



.view-flag-bookmark .nav-tabs {
  margin-bottom: 0px;
}

.view-flag-bookmark .nav-tabs>li.active>a{
  background-color: #FAFAFA;
}

.view-flag-bookmark .tab-pane {
  padding: .5em 1em;
  background: #FAFAFA;
  border: 1px solid #dddddd;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 300px;
}
.view-flag-bookmark .contentRow {
  padding: .5em;
  margin-bottom: 1em;
  background: #FFF;
}
.view-flag-bookmark .tab-pane .contentRow h3 {
  font-size: 16px;
}

.block-views-blockdoctor-s-comments-block-1 #custom-comment {
  display: none;
}
.comment-form #edit-author {
  opacity: 1 !important;
}

.node-booking-form {
  background: #F2F2F2;
}


.node-booking-form .form-booking-form-wrapper{
  padding: 1em;
  position: relative;
}
.form-booking-form-wrapper .booking-form-header {
  background: #01bef4;
  margin: -1em;
  margin-bottom: 1em;
}
.form-booking-form-wrapper .nav {
  margin: 0px;
}
.form-booking-form-wrapper .nav,
.form-booking-form-wrapper .nav li > a,
.form-booking-form-wrapper .nav li > a.active,
.form-booking-form-wrapper .nav li > a:focus, 
.form-booking-form-wrapper .nav li > a:hover {
  border: none;
  position: relative;
  z-index: 3;
  background: transparent !important;
}
.form-booking-form-wrapper .nav li:not(:last-child):after {
      content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 38%;
    left: 50%;
    border-top: 2px dotted #7b7b7b;
    z-index: 1;
}

.form-booking-form-wrapper .nav li > a {
  color: #808080;
  padding-top: 75px;
}
.form-booking-form-wrapper .nav li.active > a {
  color: #222222;
}
.form-booking-form-wrapper .nav li:before {
    content: attr(data-step);    
    position: absolute;
    background: #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 36px;
    text-align: center;
    color: white;
    left: 50%;
    top: 15px;
    line-height: 50px;
    margin: 0 auto;
    transform: translateX(-50%);
    font-weight: 100;
    box-shadow: 0px 0px 6px #b0b0b0;
    z-index: 2;
}

.form-booking-form-wrapper .nav li.active:before {
    background: white;
    color: #333;
    box-shadow: inset 0px 0px 6px #b0b0b0;
    font-weight: bold;
}
.form-booking-form-wrapper #edit-field-booking-time {
  padding: 5px;
}

.form-booking-form-wrapper #edit-field-booking-time .radio { 
  display: none; 
  float: left; 
  margin-top: 0px; 
  border: 1px solid #ccc;
  box-shadow:  0 1px 1px rgba(0, 0, 0, 0.075);
  margin-right: 5px; 
  margin-bottom: 5px;
  border-radius: 3px; 
  background: white;
  color: #808080;
}
.has-error .fieldset-legend {
  color: #a94442;
}


.form-inline .select2 {
  min-width: 250px;
}
.form-booking-form-wrapper .has-error #edit-field-booking-time .radio {
  box-shadow:  0 1px 1px rgba(128, 0, 0, 0.075);
      border-color: #a94442;
}
.form-booking-form-wrapper #edit-field-booking-time .radio.selected {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  font-weight: bold;
  background: #01bef4;
  color: #f5f5f5;
}

.form-booking-form-wrapper .select2-container--default .select2-selection--single {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc;
  border-radius: 0;
  height: 35px;
}

.form-booking-form-wrapper .has-error .select2-container--default .select2-selection--single {
  border-color: #a94442;
  color: ;
}
.form-booking-form-wrapper #edit-field-booking-time .radio label { 
  padding: 6px 12px;    
}
.form-booking-form-wrapper #edit-field-booking-time .radio input[type=radio] { opacity: 0 }

.form-booking-form-wrapper .iti { width: 100% !important; }

.node-booking-form .form-actions {
  display: none;
  text-align: center;
  padding-bottom: 1em;
}
.node-booking-form .btn-default {
  background-color: #FFE744;
  border-color: #FFE744;
  color: #202020 !important;
  padding: 5px 87px;
}
.datepicker table tr td, .datepicker table tr th {
  line-height: 30px;
}

.datepicker table tr td {
  border-radius: 0; 
  color: #003152; 
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: #FEFEFE; color: #AAA; cursor: no-drop;
}

.datepicker table tr td.today {
  background-color: #ffdb99;
  border-color: #ffb733;
  
}

.datepicker table tr td.active.active, .datepicker table tr td.active.active:hover {
  background-color: #01bef4;
  border-color: #01bef4;
  border-radius: 50%;
  color: #000000;
  position: relative;
  z-index: 3;
  transform: scale(1.3);
  text-shadow: none; 
  font-weight: bold;
}

.maintenance-page .main-container {
  font-size: 22px;
  line-height: normal;
}
.maintenance-page .main-container .fa {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}


@media screen and (min-width: 40em) {
  .layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    flex : 0 1 auto;
  }
}

@media (min-width: 640px) { /* Tablet*/ 
  #header-top {
    display: block;
  }
  #home-newest-doctors .views-field-field-geoaddress {
    font-size: 14px;
    height: 48px;
  }
   .view-id-newest_doctor .view-content {
    padding-top: 3px;
  }
  .view-id-newest_doctor .views-field.views-field-nothing {
    height: 48px;
    padding-top: 5px;
  }

  

  .view-specialty-tags .views-col {
    width: 25%;
    text-align: center
  }
  .specialty-tag-container {
    margin-left: auto;
    margin-right: auto;
  }

  .slick--view--home-pickup-comment .slide__caption {
    height: 250px;
    padding-top: 40px;
  }
  .title-wrapper-fullwidth { 
    padding: 2em 0 2em 2em;
  }
  .title-wrapper-fullwidth h1 { font-size: 28px;  }

  .button-zoom .txt-visible-xs { display: none; } 

  .path-listing-search #header-top, .path-listing-search h1.page-header {
    display: block;
  }
  .aside-form-wrapper button[type=submit] {
    display: inline;
  }

   .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing {
    margin-top: 40px;
   }

   #clinic-search-results .views-exposed-form fieldset,
   #views-exposed-form-listing-search-page-2 .form-item-keyword,
   #views-exposed-form-listing-search-page-3 .form-item-keyword,
   #views-exposed-form-listing-search-page-4 .form-item-keyword, 
   #views-exposed-form-listing-search-page-3 .form-search-listing fieldset,  
.aside-form-wrapper .aside-search-listing fieldset {
   display: block;
    margin-bottom: 1em;
    padding-left: .5em;
    padding-right: .5em;
}
   .aside-search-listing  .form-item-keyword,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-2  .form-item-keyword,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .form-item-keyword {
     display: block;
    margin-bottom: 1em;
    padding-left: .5em;
    padding-right: .5em;
  }
  .aside-search-listing  .form-item-keyword>.control-label, 
  #modal-listing-seach-page-3 .form-search-listing .form-item-keyword>.control-label, 
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .form-item-keyword>.control-label {
    color: #337ab7;
    display: block;
    width: 100%;
    font-size: 1.2em;
    padding: .5em;
    border-bottom: 1px dashed #CCCCCC;
  }
  #modal-listing-seach-page-3 .form-search-listing .form-item-keyword input.form-text,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .form-item-keyword input.form-text {
    background: #FAFAFA;
    color: #202020;
    border: 1px solid #cccccc;
    padding: 0 .5em;
  }

  #clinic-search-results .exposed-form-filter-only .aside-form-wrapper .views-exposed-form,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing,
  .exposed-form-filter-only .aside-form-wrapper .aside-search-listing {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    background: white;
    padding-bottom: 2em;
  }

   #clinic-search-results .views-exposed-form fieldset,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing fieldset,  
  .aside-form-wrapper .aside-search-listing fieldset {
    display: block;
    margin-bottom: 1em;
    padding-left: .5em;
    padding-right: .5em;
  }

  #clinic-search-results .views-exposed-form .fieldset-wrapper,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing .fieldset-wrapper,  
  .aside-search-listing .fieldset-wrapper {
    height: auto;
  }

  #clinic-search-results .views-exposed-form #edit-location--wrapper .fieldset-wrapper,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing #edit-category--wrapper .fieldset-wrapper,  
  .aside-search-listing #edit-location--wrapper .fieldset-wrapper,
  .aside-search-listing #edit-category--wrapper .fieldset-wrapper {
    height: 300px;
  }
  #modal-clinic-search #edit-submit-clinic-search {
    display: inline-block !important;
  }
  #modal-clinic-search .views-exposed-form .fieldset-wrapper {
    padding-top: 1em;
  }
  #modal-clinic-search .checkbox label, #modal-listing-seach-page-3 .checkbox label {
    font-size: 1.2em;
  }
  html[lang=en] #modal-clinic-search .checkbox label, 
  html[lang=en] #modal-listing-seach-page-3 .checkbox label {
    font-size: 1em;
  }
  html[lang=en] #modal-clinic-search #edit-category--wrapper .checkbox label, 
  html[lang=en] #modal-listing-seach-page-3 #edit-category--wrapper .checkbox label {
    font-size: 12px;
  }
  #modal-listing-seach-page-3 .form-search-listing #edit-category--wrapper .fieldset-wrapper,  
  #modal-listing-seach-page-3 .aside-search-listing #edit-category--wrapper .fieldset-wrapper {
    height: 200px;
  }
  #modal-listing-seach-page-3 .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
  #modal-listing-seach-page-3 .aside-search-listing #edit-location--wrapper .fieldset-wrapper {
    height: 300px;

  }

  .view-doctor-search-location .views-view-grid .views-field-name h4 {
    font-size: 20px;
  }
}
@media (min-width: 768px) { 
  .container-800 {
      width: 750px;
  }
  .view-home-ae-waitingtime .nav-wrapper, #home-doctors-ranking-wrapper .nav-wrapper {
    padding-left: 26px;
  }
  .view-id-home_categories  {
    width: 100%;
    background-color: #777777;
  }

  .view-id-home_categories .view-header h1 {
    font-size: 18px;
    padding: 10px;
    margin: 0;
    background: #337ab7;
    color: white;
    font-weight: bold;
    height: 44px;
    text-align: center;
  }
  .view-id-home_categories .item-list {
    display: block;
    height: 0px;  
    overflow: hidden;
  }
  .view-id-home_categories:hover .item-list {
    height: auto;
  }
  .view-id-home_categories .item-list ul {
    padding: 0; margin: 0;
  }
  .view-id-home_categories .item-list ul li {
    background: #777777;
    display: inline-block; 
    width: 24.999999999%;
    float: left; 
    border: 0px;
    list-style: none;
    padding: 0.3em 0.5em;
    margin: 0;
  }

  .view-id-home_categories .item-list ul li a {
    color: white; font-size: 14px; font-weight: bold;
  }
  .view-id-home_categories .more-link {
    display: none;
    background: #808080;  
    text-align: left; 
  }
  .view-id-home_categories:hover .more-link {
    display: block;
  }
  .view-id-home_categories .more-link a {
    color: #FFF;
    display: inline-block;
    padding: 10px;
    width: 100%;
    position: relative;
  }
  .view-id-home_categories .more-link a:after {
    content: "\f054";
    font-family: "fontAwesome";
    position: absolute;
    right: 10px;
    font-size: 18px;
  }
  .view-id-home_categories .attachment.attachment-after {
    display: none;
  } 
  .view-home-ae-waitingtime.view-display-id-block_1  {
    height: 40px;
    overflow: hidden;
  }
  .view-home-ae-waitingtime.view-display-id-block_1:hover {
    height: auto;
  }
  .view-home-ae-waitingtime.view-display-id-block_1 h2.home-block-title {
    font-size: 18px;
    padding: 10px;
    margin: 0
  }

}
@media (min-width: 800px) { 

  #main-navigation ul.menu {
    padding-left: 1.5em;
  }
  #main-navigation .menu > li ul {
    background: #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,.15);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .view-home-heading .col-slideshow {
    width: calc(100% - 300px);
  }
  .view-home-heading .col-ads {
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .view-home-heading .col-links>div {
    font-size: 14px; 
    padding: 15px 10px;
    text-align: center;
  }


  html[lang=en] .view-home-ae-waitingtime .nav-wrapper:hover>a, html[lang=en] #home-doctors-ranking-wrapper .nav-wrapper:hover>a {
    opacity: 0.8;
  }
  html[lang=en] .view-home-ae-waitingtime .nav-wrapper>a:hover, html[lang=en] #home-doctors-ranking-wrapper .nav-wrapper>a:hover {
    opacity: 1;
  }


  /*.view-home-slideshow .slide__caption {
    height: 0px;
    padding: 0em 1em;
  } */

  .view-home-slideshow .slide__caption {
    height: 100px;
    padding: 1em;
  } 
  .view-home-slideshow .slide__title {
    font-size: 2em;
  }

  .view-tagline h1 {
    font-size: 36px;
  }

  .view-home-ae-waitingtime.view-display-id-block_1 {
    z-index: 3;
    position: absolute;
    right: -100px;
    top: 12px; width: 250px;
  }


  .view-hot-health-info .views-field-title,
  .view-health-info-by-tag .views-field-title {
    height: 105px; 
  }
  .view-home-news .views-field-title {
    height: 70px;
  }
  .view-home-news .views-row {
    margin-bottom: -1.5em;
  }
  .view-hot-health-info .views-field-title h3,
  .view-health-info-by-tag  .views-field-title h3 {
    font-size: 24px;
  }


  .view-home-pickup-comment {
      height: 350px;
      background-size: 100% auto;
      background-position: center bottom;

  }
  .view-home-pickup-comment .slick__arrow button {
    width: 44px;
    height: 44px;
  }  
  .slick--view--home-pickup-comment .slide__caption {
    width: 800px;
    margin: 0 auto;
    padding-top: 70px;
    height: 350px;
  }

  .slick--view--home-pickup-comment .field-doctor a {
    font-size: 28px;

  }

  .slick--view--home-pickup-comment .field-comment {
    padding: 1em;
    font-size: 14px;
    margin-bottom: 1em;
  }
  .slick--view--home-pickup-comment .field-username {
    font-size: 24px;
  }
  .slick--view--home-pickup-comment .slick-dots {
    bottom: 20px;
  }
  @keyframes fadein {
    0%   {opacity: 0;  }
    25%  {opacity: 0.75; }
    50%  {opacity: 0.83; }
    75%  {opacity: 0.94; }
    100% {opacity: 1; }
  }
  #block-views-block-health-info-handing-block-1 {
    opacity: 1;
    animation-name: fadein;
    animation-duration: 1s;
  }
  .view-newest-doctor .home-block-title {
    margin-bottom: 10px;
  }

  .view-newest-doctor .views-row {
    font-size: 18px;
    min-height: 66px;
  }
  .view-newest-doctor img {
    width: 75px; 
  }
  #home-newest-doctors .views-field-field-comment-rating {
    transform: scale(1);
  }

  .view-newest-doctor .more-link {
    text-align: center;
  }
  .view-newest-doctor .more-link a {
    padding: .7em 3em;
    border-radius: 5px;
    font-size: 18px;
  }
  .clinic-detail-header .field-address a {
    display: none !important;
  }
  

  .view-health-info-handing .col-slideshow {
    width: calc(100% - 400px);
  }
  .view-health-info-handing .col-specialty-tags {
    width: 364px;
    padding-left: 10px;
    background: #FAFAFA;
  }

  .title-wrapper-fullwidth { 
    background-size: cover;
    padding: 4em 0 4em 3em; 
  }

  #clinic-search-results .views-exposed-form #edit-location--wrapper .fieldset-wrapper,
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
  .aside-form-wrapper>#views-exposed-form-listing-search-page-3 .form-search-listing #edit-category--wrapper .fieldset-wrapper,  
  .aside-search-listing #edit-location--wrapper .fieldset-wrapper,
  .aside-search-listing #edit-category--wrapper .fieldset-wrapper {
    height: 300px;
  }

  #modal-listing-seach-page-3 .form-search-listing #edit-category--wrapper .fieldset-wrapper,  
  #modal-listing-seach-page-3 .aside-search-listing #edit-category--wrapper .fieldset-wrapper {
    height: 200px;
  }
  #modal-listing-seach-page-3 .form-search-listing #edit-location--wrapper .fieldset-wrapper, 
  #modal-listing-seach-page-3 .aside-search-listing #edit-location--wrapper .fieldset-wrapper {
    height: 300px;

  }
  #modal-listing-seach-page-3 .checkbox label {
    width: 190px; 
  }
  html[lang=en] #modal-listing-seach-page-3 #edit-category--wrapper .checkbox label {
    width: 255px;
  }
 
}

@media (min-width: 992px) { 
  #ggso_onl9_anchor+.fullwidth-block-wrapper>.region.region-fullwidth {
    min-height: 516px;
  }

.exposed-form-sort-only { text-align: right } 
  .container-800 {
      width: 800px;
  }
  #views-exposed-form-listing-search-page-1 .form-search-listing {
    width: 800px;
    margin-left: 160px;
  }

  .view-id-home_categories  {
    width: 150px;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    left: 0px;
    top: -44px;
    z-index: 10;
  }

  .view-id-home_categories .view-header h1 {
    font-size: 18px;
    padding: 10px;
    margin: 0;
    background: #337ab7;
    color: white;
    font-weight: bold;
    height: 44px;
    text-align: center;
  }
  .view-id-home_categories .item-list {
    display: grid;
    height: 0px;
  }
  .view-id-home_categories:hover .item-list {
    height: auto;
  }
  .view-id-home_categories .item-list ul {
    padding: 0; margin: 0;
  }
  .view-id-home_categories .item-list ul li {
    display: inline-block; 
    width: 100%;
    float: left; 
    border: 0px;
    list-style: none;
    margin: 0;
  }

  .view-id-home_categories .item-list ul li a {
    color: white; font-size: 14px; font-weight: bold;
  }
  .view-id-home_categories .more-link {
    display: none;
    background: #808080;  
    text-align: left; 
  }
  .view-id-home_categories:hover .more-link {
    display: block;
  }
  .view-id-home_categories .more-link a {
    color: #FFF;
    display: inline-block;
    padding: 10px;
    width: 100%;
    position: relative;
  }
  .view-id-home_categories .more-link a:after {
    content: "\f054";
    font-family: "fontAwesome";
    position: absolute;
    right: 10px;
    font-size: 18px;
  }

  .view-home-ae-waitingtime.view-display-id-block_1 {
    position: fixed;
    right: 0px;
    transform: translateX(100%);
    transition: all 1s;
    top: 240px;
    overflow: visible;
  }
  .view-home-ae-waitingtime.view-display-id-block_1:hover {
    transform: translateX(0%);
  }
  .view-home-ae-waitingtime.view-display-id-block_1::before {
    content: "急症室輪候時間";
    position: absolute;
    left: -40px;
    top: 0px;
    background: linear-gradient(0deg, #E0eAf4, #f0f8ff);
    color: #202020;
    font-weight: bold;
    width: 40px;
    height: 175px;
    right: unset;
    z-index: 100;
    font-size: 22px;
    text-align: center;
    box-shadow: -1px 1px 3px #808080;
  }
  html[lang=en] .view-home-ae-waitingtime.view-display-id-block_1::before {
    content: "AE Waiting Time";
    transform: rotate(90deg);
     width: 175px;
    height: 40px;
    left: 0px;
    top: 0px;
  }
  .view-home-ae-waitingtime.view-display-id-block_1:hover::before {
    opacity: 0;
  }
  .business-detail-header-text-inner {
    bottom: 0px;
  }

  .view-specialty-tags .views-col {
    width: 33%;
  }
}

@media (min-width: 1199px) {


  #views-exposed-form-listing-search-page-1 .form-search-listing {
    width: 1000px;
    margin-left: 170px;
  }
  #block-exposedformlisting-searchpage-1 .layout__region--bottom>fieldset{
     
  }
  #block-exposedformlisting-searchpage-1 .form-select {
    opacity: 0;
  }

  #block-exposedformlisting-searchpage-1 .form-type-select {
    width: 32%;
  }
  #block-exposedformlisting-searchpage-1 .form-type-textfield {
    width: 32%; margin-right: 0px;
    display: inline-block;
  }
  
  .view-id-home_categories  { width: 200px; left: -37px; top: -44px; }
  .view-id-home_categories .view-header {
    border-bottom: 1px dotted #337ab7;
  }
  .view-id-home_categories .view-header h1 {font-size: 20px; }
  
  .view-id-home_categories .item-list {
    display: inline-block;
    height: 498px;
    overflow: hidden;
  }
  .view-id-home_categories:hover .item-list {
    height: 498px;
  }
  .view-id-home_categories.active .item-list {
    height: auto;
  }

   .view-id-newest_doctor .view-content {
    padding-top: 5px;
  }
  

  .view-id-home_categories .item-list ul li {
    width: 49.999999%;
  }
  html[lang=en] .view-id-home_categories .item-list ul li {
    width: 100%;
  }

  .view-id-home_categories .more-link {
    display: block;
  }
  
  .view-home-ae-waitingtime.view-display-id-block_1 {
    position: absolute;
    top: 12px;
    width: 205px;
    right: -35px;
    transform: none;
  }

  .view-home-ae-waitingtime.view-display-id-block_1::before,
  html[lang=en] .view-home-ae-waitingtime.view-display-id-block_1::before{
    content: none;
  }
  #main-navigation .menu > li > a, #main-navigation .menu > li > span {
    padding: 30px;
  }

}


@media (min-width: 1281px) {
  .view-id-home_categories  { width: 230px; left: -60px; top: -44px; }
  
  .view-id-home_categories .view-header h1 {font-size: 16px; }

  .view-home-ae-waitingtime.view-display-id-block_1 { 
    width: 250px;
    right: -80px;
  }
}