/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.star {
  color: red;
}
.alert h4 {
  font-weight: bold;
}
.alert p {
  margin: 0;
}
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {
  width: 100%;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select, .ElementsApp input {
  height: 40px;
}
.input-append {
  width: 100%;
}
.input-append input {
  width: calc(100% - 40px);
}
.input-append button {
  height: 40px;
  width: 40px;
}
.btn-group {
  display: block;
}
.btn-group > .btn:first-child:nth-last-child(1), .btn-group > .btn:first-child:nth-last-child(1) ~ .btn {
  width: 100%;
  box-sizing: border-box;
}
.btn-group > .btn:first-child:nth-last-child(2), .btn-group > .btn:first-child:nth-last-child(2) ~ .btn {
  width: 50%;
  box-sizing: border-box;
}
.btn-group > .btn:first-child:nth-last-child(3), .btn-group > .btn:first-child:nth-last-child(3) ~ .btn {
  width: 33.33%;
  box-sizing: border-box;
}
.btn-group > .btn:first-child:nth-last-child(4), .btn-group > .btn:first-child:nth-last-child(4) ~ .btn {
  width: 25%;
  box-sizing: border-box;
}
.btn {
  letter-spacing: 0;
  text-transform: none;
  height: 40px;
  padding-top: 0 !important;
  line-height: 40px;
  padding-bottom: 0 !important;
  font-weight: 600;
  font-size: 17px;
  background-image: none;
}
.btn.btn-danger {
  color: #fff;
}
.table-div {
  display: table;
  width: 100%;
}
.table-row, .table-header {
  display: table-row;
}
.table-cell {
  display: table-cell;
  padding: 40px 0 10px;
  border-bottom: 1px solid #efefef;
}
.table-header .table-cell {
  font-weight: bold;
}
.noUi-horizontal .noUi-tooltip {
  padding: 0 5px;
  font-size: 11px;
}
.noUi-handle {
  cursor: pointer;
}
body.itemid-101 #g-navigation {
  position: absolute;
  width: 100%;
}
.g-main-nav > ul:after {
  content: "";
  clear: both;
  display: block;
}
select {
  width: 100%;
}
.moduletable .nav.menu {
  background: #fff;
  border-radius: 10px;
}
.g-title {
  font-weight: bold;
}
#g-page-surround {
  margin-top: 42px;
}
#g-navigation > .g-container {
  width: 100%;
}
#g-navigation .g-main-nav li a {
  font-size: 17px;
  padding: 12px 20px !important;
}
#g-navigation .g-main-nav li.g-menu-item-108 a, #g-navigation .g-main-nav li.g-menu-item-117 a {
  background: #05c4cc;
  border: 2px solid #05c4cc;
  border-radius: 30px;
  padding: 6px 20px !important;
}
#g-navigation .g-main-nav li.g-menu-item-121 a, #g-navigation .g-main-nav li.g-menu-item-142 a, #g-navigation .g-main-nav li.g-menu-item-123 a {
  background: transparent;
  border-radius: 30px;
  border: 2px solid #fff;
  padding: 6px 20px !important;
}
.outline-9 #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #000;
}
.outline-9 #g-navigation .g-main-nav .g-toplevel li.g-menu-item-121 a, .outline-9 #g-navigation .g-main-nav .g-toplevel li.g-menu-item-142 a, .outline-9 #g-navigation .g-main-nav .g-toplevel li.g-menu-item-123 a {
  border-color: #000;
}
.outline-9 #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
.outline-18 #g-navigation li a {
  color: #8a74b9 !important;
}
.outline-18 #g-navigation li a:hover {
  color: #05c4cc !important;
}
#g-header {
  padding: 100px 0 0;
  min-height: 700px;
  height: 100vh;
  background: url('../images/intro/intro-img.jpg') no-repeat center top;
  background-size: cover;
  position: relative;
}
#g-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.8;
}
#g-header .g-container {
  position: relative;
}
#g-header .g-grid:first-child {
  align-items: center;
}
#g-header #intro-text {
  text-align: center;
  margin-top: 70px;
}
#g-header #intro-text .g-content {
  width: 50rem;
  margin: 0 auto;
}
#g-header #intro-text p {
  color: #000;
  font-size: 19px;
}
#g-header #intro-text h1 {
  color: #000;
  font-size: 40px;
  margin: 0;
}
#g-header .advanced-search {
  position: relative;
  margin-top: 100px;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 5px;
}
#g-header .advanced-search .custom-fields {
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  background: #fff;
}
#g-header .advanced-search form {
  margin: 0;
}
#g-header .advanced-search form input, #g-header .advanced-search form select {
  margin: 0;
  height: 41px;
  line-height: 41px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 40px;
}
#g-header .advanced-search form input[name=q] {
  border: none;
  height: 60px;
  line-height: 60px;
  color: #fff;
  box-shadow: none !important;
  border-radius: 60px;
  font-size: 21px;
  font-weight: bold;
  padding: 0 20px;
  background: #9abab9;
}
#g-header .advanced-search form input[name=q]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
#g-header .advanced-search form input[type=submit] {
  margin-top: 32px;
}
#g-header .advanced-search .search-block {
  padding: 0 10px;
}
#g-header .advanced-search .search-block.size-100 {
  padding: 0;
}
#g-header .advanced-search .search-block .block-title {
  padding: 0 10px;
}
#g-header .advanced-search .search-block .block-content {
  position: relative;
}
#g-header .advanced-search .search-block .block-content i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 24px;
}
#g-intro {
  padding: 0;
}
#g-intro #choose-by-cat {
  text-align: center;
  margin: 20px 0 40px;
}
#g-intro #choose-by-cat h2 {
  font-weight: bold;
  margin: 0 0 30px;
}
#g-intro #choose-by-cat .cat-block {
  margin: 20px;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 30px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
#g-intro #choose-by-cat .cat-block:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  background: #fff;
}
#g-intro #choose-by-cat .cat-block h3 {
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: bold;
}
#g-intro #choose-by-cat .cat-block h3 a {
  color: #424753;
}
#g-intro #choose-by-cat .cat-block h3 a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#g-intro #choose-by-cat .cat-block .cat-icon img {
  height: 60px;
}
#g-intro #dentor-demo {
  text-align: center;
  margin: 20px 0 40px;
}
#g-intro #dentor-demo h2 {
  font-weight: bold;
  margin: 0 0 30px;
}
#g-intro #dentor-demo video {
  border-radius: 10px;
  max-width: 100%;
}
.desc-box h2 {
  color: #8a74b9;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.desc-box h2:before {
  content: "";
  width: 30px;
  height: 5px;
  background: #8a74b9;
  margin-right: 10px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  top: -3px;
}
.desc-box h3 {
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
}
.desc-box .desc-content {
  color: #5e5e5e;
  font-size: 18px;
}
.desc-box .btn-primary {
  padding: 20px 40px;
  border-radius: 40px;
  padding: 15px 30px;
  border-radius: 40px;
  font-size: 15px;
}
.outline-17 #g-features {
  padding: 0;
}
.outline-17 #g-features > .g-container {
  width: 100%;
}
.outline-9 #g-features {
  background: url('../images/promotions-repeat-background.png') repeat center center #4f1f6e;
}
.outline-9 #g-features .promotions-content {
  max-width: 800px;
  margin: 0 auto;
}
.outline-9 #g-features .promotions-content h2 {
  font-weight: bold;
  text-align: center;
  font-size: 40px;
  margin: 0 0 20px;
}
.outline-9 #g-features .promotions-content .promotions-desc {
  font-size: 24px;
  text-align: center;
}
.promotions-first-page {
  text-align: center;
}
.promotions-first-page .promotion-item {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.promotions-first-page .promotion-item .dentist-image img {
  width: 150px;
  border-radius: 50%;
  border: 2px solid #8a74b9;
  margin: 0 auto;
}
.promotions-first-page .promotion-item .dentist-name-rating h4 {
  font-weight: bold;
  font-size: 17px;
}
.promotions-first-page .promotion-item .dentist-name-rating h4 a {
  color: #999;
}
.promotions-first-page .promotion-item .promotion-title h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  min-height: 72px;
}
.promotions-first-page .promotion-item .promotion-title h3 a {
  color: #444;
}
.promotions-first-page .promotion-item .promotion-desc p {
  color: #888;
  font-size: 14px;
  line-height: 28px;
  min-height: 56px;
  font-weight: bold;
  margin-top: 0;
}
.promotions-first-page .promotion-item .promotion-discount span {
  display: inline-block;
  color: #fff;
  background: #05c4cc;
  font-weight: bold;
  font-size: 20px;
  padding: 2px 30px;
  border-radius: 30px;
}
#g-utility {
  padding: 0;
}
#g-utility .g-grid {
  align-items: center;
}
#g-utility #mobile-mockup {
  text-align: center;
  padding: 50px 100px;
  position: relative;
}
#g-utility #mobile-mockup:before {
  content: "";
  background: url('../images/blobs/shape.png') no-repeat top left;
  background-size: contain;
  width: 550px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
#g-utility #mobile-mockup:after {
  content: "";
  background: url('../images/blobs/shape2.png') no-repeat top left;
  background-size: contain;
  width: 550px;
  height: 500px;
  position: absolute;
  left: 63%;
  top: 53%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#g-utility #mobile-mockup > div {
  z-index: 2;
  position: relative;
}
#g-utility #chat-service {
  position: relative;
  z-index: 5;
}
#g-utility {
  padding: 0;
}
#g-utility #feature-boxes .right-block {
  margin-top: 0;
}
#g-utility #feature-boxes .feature-box {
  text-align: center;
  margin: 15px;
  display: inline-block;
}
#g-utility #feature-boxes .feature-box .feature-holder {
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
#g-utility #feature-boxes .feature-box .feature-holder .box-icon {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin: 0 auto;
  background: rgba(144, 95, 176, 0.3);
  border-radius: 50%;
  line-height: 70px;
  font-size: 35px;
  margin-bottom: 20px;
}
#g-utility #feature-boxes .feature-box .feature-holder .box-icon i {
  color: #8a74b9;
}
#g-utility #feature-boxes .feature-box .feature-holder .box-title h3 {
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 35px;
}
#g-utility #feature-boxes .feature-box .feature-holder p {
  margin: 0;
  font-size: 17px;
  color: #5e5e5e;
}
#g-above {
  background: #05c4cc;
  background: -moz-linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  background: -webkit-linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  background: linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c4cc",endColorstr="#05a3a8",GradientType=1);
  text-align: center;
  padding-top: 0;
}
#g-above .g-content {
  position: relative;
}
#g-above #kb-content {
  color: #fff;
  position: relative;
}
#g-above #kb-content h2 {
  font-size: 50px;
  margin: 0;
  line-height: 180px;
  z-index: 2;
  position: relative;
  font-weight: bold;
}
#g-above #kb-content .faded-title {
  position: absolute;
  width: 100%;
  font-size: 90px;
  font-weight: bold;
  z-index: 0;
  top: 0;
  opacity: 0.2;
  z-index: 1;
}
#g-above #kb-content .kb-desc p {
  font-size: 23px;
  font-weight: 300;
}
#g-above .f-item-image img {
  border-radius: 15px 15px 0 0;
}
#g-above .f-item-content {
  background: #fff;
  padding: 30px;
  border-radius: 0 0 15px 15px;
  min-height: 322px;
}
#g-above .f-item-content h3 {
  margin: 0 0 20px;
  font-weight: bold;
  line-height: 35px;
  font-size: 19px;
}
#g-above .f-item-content h3 a {
  color: #424753;
}
#g-above .f-item-content h3 a:hover {
  color: #05c4cc;
}
#g-above .f-item-content p {
  font-size: 17px;
  font-weight: 300;
  color: #5e5e5e;
  margin: 0;
}
#g-testimonials .g-grid {
  align-items: center;
}
#g-testimonials #dentist-of-the-month {
  text-align: center;
}
#g-testimonials #dentist-of-the-month .badge-title {
  font-weight: bold;
  font-size: 28px;
}
#g-testimonials #dentist-of-the-month .profile-title {
  font-weight: bold;
  font-size: 28px;
  color: #8a74b9;
}
#g-testimonials #dentist-of-the-month .profile-link {
  margin-top: 20px;
}
#g-testimonials #dentist-of-the-month .profile-link a {
  color: #fff;
  padding: 13px 30px;
  font-size: 17px;
  border-radius: 30px;
}
#g-testimonials #signup-now {
  text-align: center;
  color: #fff;
}
#g-testimonials #signup-now > .g-content {
  margin-right: 50px;
  border: 5px solid #05c4cc;
  padding: 50px !important;
  border-radius: 15px;
  background: url('../images/signup-bg.jpg') no-repeat center center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#g-testimonials #signup-now > .g-content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #8a74b9;
  opacity: 0.85;
  z-index: -1;
}
#g-testimonials #signup-now > .g-content h3 {
  font-weight: bold;
  margin: 0;
  font-size: 35px;
}
#g-testimonials #signup-now > .g-content .signup-text {
  font-size: 21px;
  font-weight: 300;
}
#g-testimonials #signup-now > .g-content .signup-link {
  margin-top: 20px;
}
#g-testimonials #signup-now > .g-content .signup-link a {
  color: #fff;
  padding: 13px 30px;
  font-size: 17px;
  border-radius: 30px;
}
#g-expanded {
  padding: 0;
  text-align: center;
}
#g-expanded h2 {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 0;
}
#g-expanded #contact-info {
  background: #05c4cc;
  background: -moz-linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  background: -webkit-linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  background: linear-gradient(135deg, #05c4cc 0%, #05a3a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c4cc",endColorstr="#05a3a8",GradientType=1);
  border-radius: 10px;
  color: #fff;
}
#g-expanded #contact-info .item-icon {
  font-size: 60px;
  font-weight: bold;
  display: block;
  margin-bottom: 25px;
}
#g-expanded #contact-info .item-text {
  font-size: 20px;
  font-weight: 300;
}
#g-expanded #contact-info .item-text p {
  margin: 0;
}
#g-container-main .login-register-holder .page-header {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 50px);
}
#g-container-main .login-register-holder .page-header h1 {
  margin: 0 0;
  font-size: 45px;
  color: #fff;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
}
#g-container-main .login-register-holder form {
  padding: 20px;
  background: #efefef;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0 15px 15px 0;
  margin: 0;
}
#g-container-main .login-register-holder form label {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 13px;
  color: #858585;
}
#g-container-main .login-register-holder form .field-spacer {
  display: none;
}
#g-container-main .login-register-holder ul.nav {
  margin-bottom: 0;
}
#g-container-main .login-register-holder ul.nav li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 13px;
  font-weight: 500;
}
#g-container-main .login-register-holder.reset p, #g-container-main .login-register-holder.reset-confirm p, #g-container-main .login-register-holder.reset-complete p {
  margin: 0 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
  border-radius: 7px;
  background: #f8f8f8;
  font-size: 14px;
  text-align: justify;
}
#g-container-main .login-register-holder.patients-login .login-register-bg {
  background: url('../images/intro/intro-img.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 15px 0 0 15px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#g-container-main .login-register-holder.patients-login .login-register-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
#g-container-main .login-register-holder.clinic-login .login-register-bg {
  background: url('../images/intro/clinic-intro-img.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 15px 0 0 15px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#g-container-main .login-register-holder.clinic-login .login-register-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
#g-container-main .login-register-holder.registration .login-register-bg {
  background: url('../images/intro/intro-img.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 15px 0 0 15px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#g-container-main .login-register-holder.registration .login-register-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
#g-container-main #member-profile .avatar-col {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  padding-right: 20px;
}
#g-container-main #member-profile .avatar-col #imgupload_avatar {
  margin: 30px auto 0;
  border-radius: 50% !important;
  width: 160px !important;
  border: 2px solid #05c4cc;
  cursor: pointer;
}
#g-container-main #member-profile .fields-col {
  padding-left: 20px;
}
body.profile-full-width #g-container-main > .g-container {
  width: 100%;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 {
  background: #333;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside {
  background: none;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu {
  border: none;
  border-radius: none;
  padding: 0;
  background: none;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  border-radius: 8px;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li a {
  color: #fff;
  font-size: 18px;
  font-family: "Titillium Web", Helvetica, Tahoma, Geneva, Arial, sans-serif;
  line-height: 36px;
  position: relative;
  padding: 12px 10px;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li a:before {
  font-family: FontAwesome;
  margin-right: 10px;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li a .unread-msg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 25px;
  width: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  background: #ee5253;
  color: #fff;
  font-size: 14px;
}
body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li.active, body.profile-full-width #g-container-main > .g-container > .g-grid > .g-block.size-25 #g-aside .moduletable .nav.menu li:hover {
  background: rgba(255, 255, 255, 0.1);
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar {
  padding: 2rem 0;
  min-height: 100vh;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar h1 {
  margin: 0 0 35px;
  border-bottom: 2px solid #8a74b9;
  color: #8a74b9;
  font-size: 34px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .managing-buttons ul {
  margin: 0 0 20px;
  padding: 10px;
  border-radius: 5px;
  background: #f5f5f5;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .managing-buttons ul li {
  display: inline-block;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .managing-buttons ul li a {
  background: #05c4cc;
  color: #fff;
  font-weight: bold;
  padding: 5px 20px;
  border-radius: 30px;
  display: inline-block;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .managing-buttons ul li a:hover {
  background: #222;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .g-grid {
  align-items: center;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-dentists .clinic-dentist-row {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-dentists .clinic-dentist-row:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-dentists .clinic-dentist-row img {
  border-radius: 50%;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-dentists .clinic-dentist-row .dentist-info {
  padding-left: 20px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-dentists .clinic-dentist-row .dentist-info h3 {
  font-weight: bold;
  margin: 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist h4 {
  margin: 0 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist .dentist-promotions .dentist-promotion-row {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist .dentist-promotions .dentist-promotion-row:last-child {
  border-bottom: none;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .promotions-dentist .dentist-promotions .alert {
  padding: 5px 10px;
  margin: 10px 0 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .action-buttons {
  text-align: right;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .action-buttons .action-edit a {
  color: #2e86de;
  font-weight: bold;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .action-buttons .action-delete a {
  color: #ee5253;
  font-weight: bold;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .action-buttons a:hover {
  color: #222;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .appointments-header {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  color: #222;
  margin-bottom: 15px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row {
  position: relative;
  padding: 5px 0;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .align-center {
  text-align: center;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .patient-name {
  font-weight: bold;
  font-size: 18px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .patient-name a {
  color: #222;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .dentist-name {
  font-size: 13px;
  color: #999;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .dentist-name img {
  border-radius: 50%;
  border: 2px solid #8a74b9;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .dentist-name span {
  line-height: 30px;
  display: inline-block;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .unread-msg {
  position: absolute;
  left: -5px;
  top: 0px;
  font-size: 10px;
  background: #ee5253;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 10px;
  height: 15px;
  line-height: 15px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .created-date, body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .certain-date {
  font-size: 14px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .preferred-date-time {
  font-size: 13px;
  line-height: 20px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .preferred-date-time .preferred-date {
  text-align: left;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .preferred-date-time .preferred-time {
  text-align: right;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .status span {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 10px;
  font-weight: bold;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .clinic-appointment-row .status .pending {
  background: #ffd100;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .notif-row {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .notif-date {
  font-size: 11px;
  color: #999;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications h3 {
  margin: 0;
  font-size: 17px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications h3 a {
  color: #222;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .notif-text {
  font-size: 14px;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .notif-text a {
  color: #aaa;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .unread {
  background: #f3f3f3;
  font-weight: bold;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .unread h3 {
  font-weight: bold;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .read {
  opacity: 0.9;
  transition: all 0.3s ease;
}
body.profile-full-width #g-container-main > .g-container .g-block.size-75 #g-mainbar .profile-content-holder .notifications .read:hover {
  opacity: 1;
}
.appointment-content-holder {
  border: 1px solid #ddd;
}
.appointment-content-holder > .g-grid {
  align-items: end;
}
.appointment-content-holder #left-col {
  background: #efefef;
  padding: 20px;
}
.appointment-content-holder #left-col .appointment-dentist {
  text-align: center;
}
.appointment-content-holder #left-col .appointment-dentist .avatar-holder {
  width: 125px;
  margin: 0 auto;
}
.appointment-content-holder #left-col .appointment-dentist .avatar-holder img {
  border-radius: 50%;
  border: 2px solid #05c4cc;
}
.appointment-content-holder #left-col .appointment-dentist .name-holder {
  margin-top: 10px;
  font-size: 20px;
}
.appointment-content-holder #left-col .side-info {
  margin: 25px 0;
}
.appointment-content-holder #left-col .side-info .side-info-title {
  font-size: 18px;
  color: #222;
}
.appointment-content-holder #left-col .side-info .side-info-value {
  color: #888;
  font-size: 14px;
}
.appointment-content-holder #left-col .side-info .side-info-value .preferred-time {
  text-align: right;
}
.appointment-content-holder #left-col .side-info .side-info-value p {
  margin: 0;
}
.appointment-content-holder .status-box {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  margin: 20px 0;
  border: 2px solid #05c4cc;
}
.appointment-content-holder .status-box .msg-holder {
  margin-bottom: 20px;
}
.appointment-content-holder .status-box p {
  margin-top: 0;
}
.appointment-content-holder .status-box p:last-child {
  margin-bottom: 0;
}
.appointment-content-holder .appointment-messages {
  padding: 20px;
  overflow-y: auto;
}
.appointment-content-holder .appointment-messages .msg-row {
  margin-bottom: 15px;
}
.appointment-content-holder .appointment-messages .msg-row.system {
  text-align: center;
}
.appointment-content-holder .appointment-messages .msg-row.system .msg-bubble {
  text-align: left;
  border-radius: 10px;
  background: #efefef;
}
.appointment-content-holder .appointment-messages .msg-row.mine {
  text-align: right;
}
.appointment-content-holder .appointment-messages .msg-row.mine .msg-bubble {
  text-align: left;
  border-radius: 10px 0 10px 10px;
  background: rgba(5, 196, 204, 0.2);
}
.appointment-content-holder .appointment-messages .msg-row.not-mine .msg-bubble {
  border-radius: 0 10px 10px 10px;
  background: rgba(144, 95, 176, 0.2);
}
.appointment-content-holder .appointment-messages .msg-row .msg-bubble {
  display: inline-block;
  max-width: 48%;
  padding: 5px 10px;
}
.appointment-content-holder .appointment-messages .msg-row .msg-bubble .msg-title {
  font-size: 13px;
  line-height: 25px;
  color: #999;
}
.appointment-content-holder .appointment-messages .msg-row .msg-bubble .msg-txt {
  font-size: 14px;
  line-height: 25px;
}
.appointment-content-holder .appointment-messages .msg-row .msg-bubble .msg-time {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}
.appointment-content-holder .send-message {
  border-top: 1px solid #ddd;
  padding: 20px;
}
.appointment-content-holder .send-message .g-grid {
  align-items: center;
}
.appointment-content-holder .send-message textarea {
  margin: 0;
}
.appointment-content-holder .send-message .size-15 {
  padding-left: 20px;
}
.appointment-content-holder .send-message .size-15 .btn {
  height: 40px;
  line-height: 40px;
  padding: 0;
}
#clinic-profile-form .nav-tabs {
  border: none;
  margin: 0;
}
#clinic-profile-form .tab-content {
  background: #fff;
  padding: 20px;
  border-radius: 0 10px 10px 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
.dentist-holder {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 65px;
}
.dentist-holder .top-section .experience-year {
  color: #05c4cc;
  border: 2px solid #05c4cc;
  padding: 7px 20px;
  font-weight: bold;
  border-radius: 60px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
}
.dentist-holder .top-section .info-col {
  padding: 0 20px;
  text-align: center;
}
.dentist-holder .top-section .info-col .dentist-img {
  width: 175px;
  margin: -130px auto 0;
}
.dentist-holder .top-section .info-col .dentist-img img {
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.dentist-holder .top-section .info-col .dentist-name h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 10px 0 0;
}
.dentist-holder .top-section .book-col {
  text-align: right;
}
.dentist-holder .top-section .book-col a {
  color: #fff;
  background: #8a74b9;
  padding: 7px 20px;
  font-weight: bold;
  border-radius: 60px;
  font-size: 18px;
  text-align: center;
  display: inline-block;
}
.dentist-holder .middle-section .middle-box {
  margin: 0 0 30px;
}
.dentist-holder .middle-section .middle-box .box-title h3 {
  border-bottom: 2px solid #8a74b9;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 15px;
  padding: 0 0 10px;
}
.dentist-reviews {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 40px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 30px;
}
.blog .item {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
}
.blog .item .item-content {
  padding: 20px;
  min-height: 332px;
}
.blog .item .item-content .page-header {
  min-height: 60px;
  margin: 0 0 10px;
}
.blog .item .item-content .page-header h2 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}
.blog .item .item-content .item-introtext {
  color: #999;
}
.blog .item .item-content .readmore {
  margin: 0;
}
.blog .item .item-content .readmore a {
  font-weight: 700;
}
.blog .item .image-date-holder {
  position: relative;
}
.blog .item .image-date-holder .date-holder {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  color: #5e5e5e;
}
.blog .item .image-date-holder .date-holder .date-day {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}
.blog .item .image-date-holder .date-holder .date-month {
  font-size: 15px;
  font-weight: 200;
  line-height: 35px;
}
.item-page h1 {
  font-size: 30px !important;
  line-height: 50px;
  margin: 0 0 15px !important;
}
.item-page img {
  border-radius: 10px;
}
.item-page .article-info {
  margin: 20px 0;
  text-align: center;
}
.item-page .article-info dd {
  color: #999;
  font-weight: 500;
}
.item-page h2 {
  margin: 40px 0 10px;
  font-weight: 600;
  font-size: 27px;
  color: #000;
}
.item-page p {
  margin-top: 0;
}
.clinics-holder {
  transition: all 0.3s ease;
  position: relative;
}
.clinics-holder.loading:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: rgba(255, 255, 255, 0.6);
}
.clinics-holder.loading:after {
  content: "";
  position: absolute;
  border: 10px solid #ddd;
  border-radius: 50%;
  border-top-color: #05c4cc;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1.5s linear infinite;
  /* Safari */
  animation: spin 1.5s linear infinite;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.clinics-holder h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 0;
  line-height: 50px;
}
.clinics-holder .clinic-holder {
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 20px;
}
.clinics-holder .clinic-holder .g-grid {
  align-items: center;
}
.clinics-holder .clinic-holder img {
  border-radius: 50%;
  border: 1px solid #ddd;
}
.clinics-holder .clinic-holder .title-location {
  padding-left: 20px;
}
.clinics-holder .clinic-holder .title-location h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
  margin: 0;
}
.clinics-holder .clinic-holder .title-location h2 a {
  color: #555;
}
.clinics-holder .clinic-holder .title-location h2 a:hover {
  color: #05c4cc;
}
.clinics-holder .clinic-holder .title-location span {
  color: #999;
}
.clinics-holder .clinic-holder .title-location span.fa {
  margin-right: 10px;
}
.clinics-holder .clinic-holder .clinic-about {
  margin: 20px 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #666;
}
.clinics-holder .clinic-holder .clinic-dentists h3 {
  margin: 0;
  padding-left: 10px;
  font-size: 15px;
  font-weight: bold;
}
.clinics-holder .clinic-holder .clinic-dentists h3 a {
  color: #555;
}
.clinics-holder .clinic-holder .clinic-dentists h3 a:hover {
  color: #05c4cc;
}
.promotions-holder {
  transition: all 0.3s ease;
  position: relative;
}
.promotions-holder.loading:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: rgba(255, 255, 255, 0.6);
}
.promotions-holder.loading:after {
  content: "";
  position: absolute;
  border: 10px solid #ddd;
  border-radius: 50%;
  border-top-color: #05c4cc;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1.5s linear infinite;
  /* Safari */
  animation: spin 1.5s linear infinite;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.promotions-holder h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 0;
  line-height: 50px;
}
.promotions-holder .promotion-holder {
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 20px;
}
.promotions-holder .promotion-holder .g-grid.align-center {
  align-items: center;
}
.promotions-holder .promotion-holder img {
  border-radius: 50%;
  border: 2px solid #8a74b9;
}
.promotions-holder .promotion-holder .title-dentist {
  padding-left: 20px;
}
.promotions-holder .promotion-holder .title-dentist h2 {
  font-size: 23px;
  font-weight: bold;
  line-height: 40px;
  margin: 0;
}
.promotions-holder .promotion-holder .title-dentist h2 a {
  color: #424753;
}
.promotions-holder .promotion-holder .title-dentist h4 {
  font-size: 18px;
  color: #999;
  margin: 0;
  font-weight: bold;
  line-height: 30px;
}
.promotions-holder .promotion-holder .title-dentist .promotion-discount {
  padding: 0px 20px;
  color: #fff;
  font-size: 15px;
  background: #05c4cc;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
}
.promotions-holder .promotion-holder .share-icon {
  background: #efefef;
  border-radius: 50px;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto;
  max-width: 70px;
}
.promotions-holder .promotion-holder .dentist-stars {
  text-align: center;
}
.promotions-holder .promotion-holder .dentist-stars .colored {
  color: #05c4cc;
}
.promotions-holder .promotion-holder .dentist-stars .gray {
  color: #ccc;
}
.promotions-holder .promotion-holder .promotion-desc-date {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.filters h3 {
  font-size: 25px;
  font-weight: bold;
  margin: 0;
  line-height: 50px;
}
.filters .side-filters {
  min-height: 250px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
.clinic-page h1 {
  margin: 0;
  font-size: 35px;
  line-height: 40px;
  font-weight: bold;
}
.clinic-page .clinic-logo img {
  border-radius: 50%;
  border: 1px solid #ddd;
}
.clinic-page .clinic-box {
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-top: 25px;
}
.clinic-page .clinic-box h3 {
  margin: 0 0 20px;
  font-size: 20px;
  border-bottom: 2px solid #8a74b9;
  letter-spacing: 1px;
  font-weight: 500;
}
.clinic-page .clinic-box h3:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #05c4cc;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.clinic-page .clinic-box .g-block.size-33 {
  text-align: center;
  color: #000;
  line-height: 50px;
  font-size: 17px;
  font-weight: bold;
  text-transform: capitalize;
}
.clinic-page .clinic-box .g-block.size-33.inactive {
  color: #bbb;
  text-decoration: line-through;
}
.clinic-page .clinic-box h4 {
  margin: 0 20px;
  font-size: 17px;
  font-weight: bold;
  color: #888;
  border-bottom: 1px solid #ddd;
}
.clinic-page .clinic-box .box-inner {
  padding: 0 20px;
}
.clinic-page .clinic-box .facilities .g-block.size-33 {
  font-size: 14px;
}
.clinic-page .clinic-box .days-times .days {
  font-weight: bold;
  color: #05c4cc;
  text-transform: capitalize;
}
.clinic-page .clinic-box .days-times .times {
  text-align: right;
}
.clinic-page .clinic-box .dentist-box {
  align-items: center;
  font-size: 14px;
}
.clinic-page .clinic-box .dentist-box h4 {
  border: none;
  font-size: 18px;
  color: #000;
}
.clinic-page .clinic-box .dentist-box img {
  border-radius: 50%;
  boder: 1px solid #ddd;
}
.clinic-page .clinic-box .dentist-box p {
  font-size: 14px;
}
.clinic-page .clinic-box.about-clinic {
  font-size: 14px;
}
.clinic-page .clinic-box.about-clinic p {
  margin-top: 0;
}
.clinic-page .clinic-box.promotion-box {
  background: url('../images/promotions-repeat-background.png') repeat center center #8a74b9;
  color: #fff;
}
.clinic-page .clinic-box.promotion-box h3, .clinic-page .clinic-box.promotion-box h4 {
  color: #fff;
  border: none;
}
.clinic-page .clinic-box.promotion-box .promotions {
  margin-bottom: 20px;
}
.clinic-page .clinic-box.promotion-box .promotions:last-child {
  margin: 0;
}
.clinic-page .clinic-box.promotion-box .promotion-dentist {
  border-bottom: 1px solid #fff;
  padding: 0 0 10px;
  margin-bottom: 10px;
}
.clinic-page .clinic-box.promotion-box .promotion-dentist:last-child {
  margin: 0;
}
.clinic-page .clinic-box.promotion-box .promotion-dentist img {
  border-radius: 50%;
}
.clinic-page .clinic-box.promotion-box .promotion-row {
  font-weight: bold;
}
.clinic-page .clinic-box.promotion-box .promotion-row span {
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8;
}
.clinic-page .booking-box {
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-left: 50px;
  min-height: 300px;
  padding: 20px;
}
.clinic-page .booking-box #dentist-scheduleTabs {
  text-align: center;
  margin-top: 0;
  padding-bottom: 10px;
}
.clinic-page .booking-box #dentist-scheduleTabs img {
  width: 35px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.clinic-page .booking-box #dentist-scheduleTabs li {
  margin: 0 5px;
  float: none;
  display: inline-block;
}
.clinic-page .booking-box #dentist-scheduleTabs li a {
  padding: 0;
  border: none !important;
}
.clinic-page .booking-box #dentist-scheduleTabs li.active a {
  border: none;
}
.clinic-page .booking-box #dentist-scheduleTabs li.active a img {
  border: 2px solid #05c4cc;
}
.clinic-page .booking-box #dentist-scheduleTabs li.active a:hover {
  border: none;
}
.clinic-page .booking-box #dentist-scheduleContent .schedule-holder {
  font-size: 14px;
  margin-bottom: 20px;
}
.clinic-page .booking-box #dentist-scheduleContent .schedule-holder .days {
  color: #05c4cc;
  font-weight: bold;
  text-transform: uppercase;
}
.clinic-page .booking-box #dentist-scheduleContent .schedule-holder .days.unavailable {
  color: #ddd;
}
.clinic-page .booking-box #dentist-scheduleContent .schedule-holder .times {
  text-align: right;
}
.clinic-page .booking-box #dentist-scheduleContent .schedule-holder .times.unavailable {
  color: #ddd;
}
.clinic-rating .clinic-stars, .clinic-rating .dentist-stars, .dentist-rating .clinic-stars, .dentist-rating .dentist-stars {
  font-size: 35px;
}
.clinic-rating .clinic-stars span, .clinic-rating .dentist-stars span, .dentist-rating .clinic-stars span, .dentist-rating .dentist-stars span {
  margin-right: 5px;
}
.clinic-rating .clinic-stars span.colored, .clinic-rating .dentist-stars span.colored, .dentist-rating .clinic-stars span.colored, .dentist-rating .dentist-stars span.colored {
  color: #05c4cc;
}
.clinic-rating .clinic-stars span.gray, .clinic-rating .dentist-stars span.gray, .dentist-rating .clinic-stars span.gray, .dentist-rating .dentist-stars span.gray {
  color: #ccc;
}
.clinic-score, .dentist-score {
  color: #999;
  font-size: 23px;
  line-height: 30px;
}
.clinic-score .avg-score, .dentist-score .avg-score {
  font-size: 40px;
  color: #000;
  font-weight: bold;
}
.clinic-score .feedback-count, .dentist-score .feedback-count {
  font-size: 16px;
}
.ratings .g-grid {
  align-items: center;
}
.ratings span.colored {
  color: #05c4cc;
}
.ratings .rating-bar {
  background: #ccc;
  height: 10px;
  border-radius: 20px;
  position: relative;
}
.ratings .rating-bar .rating-score {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #05c4cc;
  border-radius: 20px;
}
.overall-rating {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.single-feedback {
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.single-feedback .feedback-stars {
  font-size: 20px;
}
.single-feedback .feedback-stars span {
  margin-right: 5px;
}
.single-feedback .feedback-stars span.colored {
  color: #05c4cc;
}
.single-feedback .feedback-stars span.gray {
  color: #ccc;
}
.single-feedback .feedback-date {
  color: #999;
  font-size: 15px;
}
.single-feedback .feedback-date span.fa {
  color: #8a74b9;
  margin-right: 5px;
}
body.popup-loaded {
  overflow: hidden;
}
body.popup-loaded:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1000;
}
.book-appointment-holder {
  position: fixed;
  width: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 1001;
}
.book-appointment-holder .dentist-info .dentist-img {
  text-align: center;
}
.book-appointment-holder .dentist-info .dentist-img img {
  width: 100px;
  border-radius: 50%;
  border: 3px solid #05c4cc;
}
.book-appointment-holder .dentist-info .dentist-name {
  text-align: center;
}
.book-appointment-holder .dentist-info .dentist-name strong {
  font-size: 18px;
}
.book-appointment-holder .dentist-info .dentist-schedule {
  font-size: 13px;
  margin: 30px 0;
}
.book-appointment-holder .dentist-info .dentist-schedule .days {
  color: #05c4cc;
  font-weight: bold;
  text-transform: uppercase;
}
.book-appointment-holder .dentist-info .dentist-schedule .days.unavailable {
  color: #ddd;
}
.book-appointment-holder .dentist-info .dentist-schedule .times {
  text-align: right;
}
.book-appointment-holder .dentist-info .dentist-schedule .times.unavailable {
  color: #ddd;
}
.book-appointment-holder .preferences-holder#step2 {
  display: none;
}
.book-appointment-holder .preferences-holder .preferece-box {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom: 0;
}
.book-appointment-holder .preferences-holder .preferece-box .title-holder {
  font-weight: bold;
}
.book-appointment-holder .preferences-holder .preferece-box label.checkbox {
  font-size: 13px;
}
.book-appointment-holder .prefered-date-times .g-block.size-65 {
  padding-right: 10px;
}
.book-appointment-holder .prefered-date-times .g-block.size-35 {
  padding-left: 10px;
}
.book-appointment-holder .close-popup {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background: #ddd;
  cursor: pointer;
}
.calendar thead .hilite {
  border: none !important;
}
.calendar thead .button {
  border-radius: 0;
}
.calendar tbody td {
  padding: 2px !important;
  text-align: center;
  cursor: pointer;
}
.calendar-container table tbody td.day {
  height: 37.5px;
  border-radius: 50%;
  vertical-align: middle;
}
.calendar-container table tbody td.day.selected {
  background: #05c4cc;
}
.calendar-container table tbody td.day:hover {
  background: #05c4cc;
}
.calendar-container table tbody td.day.today:after {
  background-color: #8a74b9;
  width: 5px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.calendar-container table tbody td.day.today.selected:after {
  background-color: #fff;
}
.calendar-container tr.time {
  border-bottom: 1px solid #dddddd;
}
.calendar-container tr.time .time {
  padding: 8px;
}
.calendar-container tr.time .time select {
  margin: 0;
}
.side-filters form {
  margin: 0;
}
.side-filters .filter-body {
  margin-bottom: 30px;
}
.side-filters .filter-body:last-child {
  margin-bottom: 0;
  margin-top: 30px;
}
.side-filters .filter-body .filter-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.side-filters .filter-body span.fa-star.colored {
  color: #05c4cc;
}
.side-filters .filter-body span.fa-star.gray {
  color: #ccc;
}
.side-filters .filter-body .btn {
  padding: 13px 0;
  font-size: 14px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.chat-plans-holder .chat-plans {
  margin-top: 100px;
}
.chat-plans-holder .chat-plans .g-spacer {
  margin: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  background: #8a74b9;
}
.chat-plans-holder .chat-plans .plan-title {
  width: 80%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  margin: -70px auto 50px;
  color: #8a74b9;
}
.chat-plans-holder .chat-plans .plan-title h2 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
}
.chat-plans-holder .chat-plans .plan-title h2 span {
  font-size: 15px;
}
.chat-plans-holder .chat-plans .plan-title h4 {
  font-size: 40px;
  margin: 0;
  font-weight: 400;
}
.chat-plans-holder .chat-plans .plan-desc {
  color: #fff;
}
.chat-plans-holder .chat-plans .plan-link {
  width: 80%;
  margin: 0 auto;
}
.chat-plans-holder .chat-plans .plan-link .btn {
  background: #fff;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.chat-plans-holder .chat-plans .plan-link .btn:hover {
  background: #05c4cc;
  color: #fff;
}
.chat-plans-holder .chat-categories {
  margin: 50px 0;
}
.chat-plans-holder .chat-categories .cat-holder {
  margin: 10px;
}
.chat-plans-holder .chat-categories .cat-holder .cat-title {
  width: 250px;
  max-width: 100%;
  border: 2px solid #ddd;
  border-radius: 50px;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.chat-plans-holder .chat-categories .cat-holder .cat-title:hover, .chat-plans-holder .chat-categories .cat-holder .cat-title.active {
  border-color: #05c4cc;
  color: #fff;
  background: #05c4cc;
}
.chat-plans-holder .chat-categories .cat-holder .cat-title label {
  margin: 0;
  padding: 10px;
}
.chat-plans-holder .chat-categories .cat-holder .cat-title input {
  display: none;
}
.chat-plans-holder .chat-pre-desc textarea {
  height: 150px;
}
.chat-holder {
  border-radius: 10px;
  overflow: hidden;
}
.chat-holder .chat-messages {
  padding: 20px;
  overflow-y: auto;
  height: 500px;
  position: relative;
  background: url('../images/chat-bg.png') repeat center center #f7f7f7;
}
.chat-holder .chat-messages .msg-row {
  margin-bottom: 15px;
}
.chat-holder .chat-messages .msg-row.system {
  text-align: center;
}
.chat-holder .chat-messages .msg-row.system .msg-bubble {
  text-align: left;
  border-radius: 10px;
  background: #efefef;
}
.chat-holder .chat-messages .msg-row.mine {
  text-align: right;
}
.chat-holder .chat-messages .msg-row.mine .msg-bubble {
  text-align: left;
  border-radius: 10px 0 10px 10px;
  background: rgba(5, 196, 204, 0.2);
}
.chat-holder .chat-messages .msg-row.not-mine .msg-bubble {
  border-radius: 0 10px 10px 10px;
  background: rgba(144, 95, 176, 0.2);
}
.chat-holder .chat-messages .msg-row .msg-bubble {
  display: inline-block;
  max-width: 48%;
  padding: 5px 10px;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-title {
  font-size: 13px;
  line-height: 25px;
  color: #999;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-txt {
  font-size: 14px;
  line-height: 25px;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-file {
  margin-top: 5px;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-file img {
  max-height: 150px;
  border-radius: 5px;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-file video {
  max-height: 180px;
  border-radius: 5px;
  max-width: 350px;
}
.chat-holder .chat-messages .msg-row .msg-bubble .msg-time {
  font-size: 10px;
  font-style: italic;
  text-align: right;
}
.chat-holder .chat-messages .empty-message span.fa {
  font-size: 80px;
  color: #05c4cc;
}
.chat-holder .chat-messages .empty-message p {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
  color: #05c4cc;
}
.chat-holder .send-message {
  padding: 15px;
  background: #f0f2f5;
}
.chat-holder .send-message .g-grid {
  align-items: center;
}
.chat-holder .send-message textarea {
  margin: 0;
}
.chat-holder .send-message .button-holder {
  padding-left: 10px;
}
.chat-holder .send-message .button-holder .btn {
  height: 40px;
  line-height: 40px;
  padding: 0;
}
.chat-holder .send-message .send-file span {
  font-size: 30px;
  color: #888;
  cursor: pointer;
}
.chat-holder .history-col {
  border-left: none;
  background: #05c4cc;
}
.chat-holder .history-col .chat-history {
  padding: 20px;
}
.chat-holder .history-col .chat-history h2 {
  margin: 0 0 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.chat-holder .history-col .chat-history .history-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
}
.chat-holder .history-col .chat-history .history-row a {
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
}
.chat-holder .history-col .chat-history .history-row a:hover, .chat-holder .history-col .chat-history .history-row a.active {
  background: rgba(0, 0, 0, 0.1);
}
.chat-holder .history-col .chat-history .history-row a .unread-msg {
  font-size: 10px;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  background: #ee5253;
  border-radius: 50%;
  top: -3px;
  position: relative;
}
.chat-holder .history-col .chat-history .history-row a .payment-status {
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.75;
}
body.g-error #g-page-surround {
  background: #905fb0;
  background: -moz-linear-gradient(45deg, #905fb0 0%, #4f3461 100%);
  background: -webkit-linear-gradient(45deg, #905fb0 0%, #4f3461 100%);
  background: linear-gradient(45deg, #905fb0 0%, #4f3461 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a74b9",endColorstr="#4f3461",GradientType=1);
}
body.g-error #g-features {
  padding: 1rem 0 0;
}
body.g-error #g-mainbar {
  background: none;
  padding: 0 0 3rem;
}
body.g-error #g-mainbar h2 {
  color: rgba(255, 255, 255, 0.2);
  font-size: 150px;
  line-height: 100px;
  font-weight: 100;
}
body.g-error #g-mainbar h1 {
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 3px;
}
.w-900 {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
}
.centered-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#adminForm .managing-bar {
  background: #f5f5f5;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 30px;
}
#adminForm .managing-bar .g-block {
  padding: 5px;
}
#adminForm .managing-bar .g-block input {
  margin: 0;
}
.fa.not-calculated {
  color: #d40000;
}
.fa.bronze {
  color: #b08d57;
}
.fa.silver {
  color: silver;
}
.fa.gold {
  color: gold;
}
#g-footer .g-grid:nth-child(2) {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  font-size: 13px;
  color: #333;
  line-height: 1.5rem;
}
#g-footer .g-grid:nth-child(2) .g-content {
  margin: 0;
}
#g-footer .g-grid:nth-child(2) .chat-request-box {
  margin-bottom: 10px;
}
#g-footer .g-grid:nth-child(2) .chat-request-box p {
  margin: 0;
}
#g-footer .g-grid:nth-child(2) .chat-request-box select, #g-footer .g-grid:nth-child(2) .chat-request-box input {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
}
#g-footer .g-grid:nth-child(2) .chat-request-box textarea {
  font-size: 13px;
}
#g-footer .g-grid:nth-child(2) .chat-request-box h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: #05c4cc;
}
#g-footer .g-grid:nth-child(2) .btn {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
}
#g-footer .g-grid:nth-child(2) .chat-icon {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #05c4cc;
  font-size: 25px;
  transition: all 0.3s ease;
  cursor: pointer;
}
#g-footer .g-grid:nth-child(2) .chat-icon:hover, #g-footer .g-grid:nth-child(2) .chat-icon.active {
  background: #333;
}
#g-footer .g-grid:nth-child(2) .chat-request-holder {
  position: absolute;
  width: 300px;
  height: 400px;
  overflow-y: auto;
  background: #fff;
  right: -1000px;
  bottom: -1000px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#g-footer .g-grid:nth-child(2) .chat-request-holder.active {
  right: 10px;
  bottom: 60px;
  opacity: 1;
}
#g-footer .g-grid:nth-child(2) .g-block.size-33 {
  padding: 7px;
  text-align: center;
}
#g-footer .g-grid:nth-child(2) .g-block.size-33 input[type=radio] {
  display: none;
}
#g-footer .g-grid:nth-child(2) .g-block.size-33 .plan-holder {
  border: 2px solid #8a74b9;
  border-radius: 5px;
  color: #8a74b9;
  cursor: pointer;
  transition: all 0.3s ease;
}
#g-footer .g-grid:nth-child(2) .g-block.size-33 .plan-holder:hover, #g-footer .g-grid:nth-child(2) .g-block.size-33 .plan-holder.selected {
  background: #8a74b9;
  color: #fff;
}
#g-footer .g-grid:nth-child(3) {
  position: fixed;
  top: 0;
  left: 0;
  background: #333;
  width: 100%;
  text-align: center;
  z-index: 1000;
  padding: 5px 0;
}
#g-footer .g-grid:nth-child(3) p {
  margin: 0;
}
body.outline-25 .about-img {
  position: relative;
}
body.outline-25 .about-img .g-content {
  padding: 5px;
  z-index: 1;
}
body.outline-25 .about-img .g-content > div {
  position: relative;
}
body.outline-25 .about-img .g-content > div:before {
  content: "";
  position: absolute;
  left: -15px;
  top: -15px;
  border-radius: 10px;
  border: 3px solid #05c4cc;
  background: #05c4cc;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  z-index: -1;
}
body.outline-25 .about-img .g-content > div:after {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -15px;
  border-radius: 10px;
  border: 3px solid #8a74b9;
  background: #8a74b9;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  z-index: -1;
}
body.outline-25 .about-img img {
  border-radius: 10px;
}
body.outline-25 .about-text h1 {
  font-size: 35px;
  line-height: 1.5;
  margin: 0;
}
body.outline-25 .about-text p {
  font-size: 17px;
  color: #8d8d8d;
  font-weight: 300;
}
body.outline-25 #g-above {
  background: #fff;
  padding: 6rem 0;
}
body.outline-25 #g-above.team-section h2 {
  font-weight: bold;
  font-size: 40px;
  margin: 0;
}
body.outline-25 #g-above.team-section .g-block.size-25 > .g-content {
  margin: 5px;
  padding: 10px;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-img img {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-titles h3 {
  font-weight: bold;
  margin: 0;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-titles h4 {
  font-weight: normal;
  color: #a2a2a2;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials {
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 8px;
  margin-top: -30px;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials .social-item {
  float: left;
  text-align: center;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials .social-item a {
  font-size: 18px;
  position: relative;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #f9f9f9;
  border-radius: 5px;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials .social-item a:hover {
  background: #05c4cc;
  color: #fff;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials .social-item:nth-child(2) {
  margin: 0 8px;
}
body.outline-25 #g-above.team-section .g-block.size-25 .team-member .member-socials .clear {
  clear: both;
}
@media only screen and (max-width: 30rem) {
  h1 {
    font-size: 1.5rem;
  }
  #g-header #intro-text .g-content {
    max-width: 100%;
  }
  #g-header #intro-text h1 {
    font-size: 30px;
    line-height: 1.2em;
  }
  #g-header #intro-text p {
    font-size: 18px;
    line-height: 1.5em;
  }
  #g-intro #choose-by-cat h2 {
    font-size: 25px;
  }
  #choose-by-cat .g-block.size-25 {
    flex-basis: 50%;
    max-width: 50%;
  }
  #g-intro #choose-by-cat .cat-block {
    margin: 5px;
  }
  .outline-9 #g-features .promotions-content h2 {
    font-size: 30px;
    line-height: 1.5em;
  }
  .outline-9 #g-features .promotions-content .promotions-desc {
    font-size: 17px;
    line-height: 1.5em;
  }
  #g-utility #mobile-mockup:after {
    max-width: 95%;
    left: 50%;
    top: 60%;
  }
  #g-utility #mobile-mockup:before {
    max-width: 95%;
    left: 50%;
    top: 70%;
  }
  #g-utility #mobile-mockup {
    padding: 50px;
  }
  #g-above #kb-content h2 {
    font-size: 35px;
    line-height: 1.5em;
    padding: 30px 0;
  }
  #g-above #kb-content .faded-title {
    display: none;
  }
  #g-above #kb-content .kb-desc p {
    font-size: 18px;
  }
  #g-testimonials #signup-now > .g-content {
    margin-right: 10px;
    padding: 20px !important;
  }
  #g-testimonials #signup-now > .g-content h3 {
    font-size: 30px;
  }
  #g-testimonials #signup-now p {
    font-size: 17px;
  }
  #g-expanded h2 {
    font-size: 30px;
  }
  #contact-info .size-33 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  #contact-info .size-33 .item-icon {
    font-size: 30px !important;
    margin-bottom: 10px !important;
  }
  #contact-info .size-33 .item-text {
    font-size: 13px !important;
    line-height: 1.2em !important;
  }
  #contact-info .g-content {
    padding-right: 0;
    padding-left: 0;
  }
  #g-container-main .login-register-holder form {
    border-radius: 0 0 15px 15px;
  }
  #g-container-main .login-register-holder .login-register-bg {
    border-radius: 15px 15px 0 0 !important;
    min-height: 200px;
  }
  #g-container-main .login-register-holder .page-header h1 {
    font-size: 30px;
  }
  #g-page-surround {
    margin-top: 59px;
  }
  .g-offcanvas-open #g-page-surround {
    margin-top: 0;
  }
  .g-offcanvas-open #g-footer .g-grid:nth-child(3) {
    display: none;
  }
  #g-footer .g-grid:nth-child(3) p {
    font-size: 11px;
    padding: 0 10px;
    line-height: 1.5em;
  }
  body.view-clinics #g-container-main > .g-container > .g-grid {
    flex-flow: wrap-reverse;
  }
  .clinics-holder .clinic-holder .g-grid .size-10 {
    flex-basis: 20%;
    max-width: 20%;
  }
  .clinics-holder .clinic-holder .g-grid .size-90 {
    flex-basis: 80%;
    max-width: 80%;
  }
  .clinics-holder .clinic-holder .title-location h2 {
    font-size: 18px;
  }
  .clinics-holder .clinic-holder .title-location div {
    font-size: 15px;
  }
  .clinics-holder .clinic-holder .clinic-dentists .g-grid .size-20 {
    flex-basis: 15%;
    max-width: 15%;
  }
  .clinics-holder .clinic-holder .clinic-dentists .g-grid .size-80 {
    flex-basis: 85%;
    max-width: 85%;
  }
  .clinic-page .clinic-info > .g-grid .size-20 {
    flex-basis: 20%;
    max-width: 20%;
  }
  .clinic-page .clinic-info > .g-grid .size-80 {
    flex-basis: 80%;
    max-width: 80%;
  }
  .clinic-page h1 {
    font-size: 25px;
    line-height: 1.5em;
  }
  .clinic-page .clinic-box {
    padding: 10px;
  }
  .clinic-page .clinic-box .g-block.size-33 {
    flex-basis: 33.33%;
    max-width: 33.33%;
    font-size: 14px;
  }
  .clinic-page .clinic-box h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .clinic-page .clinic-box h4 {
    font-size: 15px;
  }
  .clinic-page .clinic-box .facilities .g-block.size-33 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .clinic-page .clinic-box .dentist-box .size-8 {
    flex-basis: 20%;
    max-width: 20%;
  }
  .clinic-page .clinic-box .dentist-box .size-92 {
    flex-basis: 80%;
    max-width: 80%;
  }
  .clinic-page .ratings .size-5, .dentist-reviews .ratings .size-5 {
    flex-basis: 10%;
    max-width: 10%;
  }
  .clinic-page .ratings .size-85, .dentist-reviews .ratings .size-85 {
    flex-basis: 70%;
    max-width: 70%;
  }
  .clinic-page .booking-box {
    margin: 30px 0 0;
  }
  .clinic-page .clinic-box.promotion-box .promotion-dentist .size-5 {
    flex-basis: 10%;
    max-width: 10%;
  }
  .clinic-page .clinic-box.promotion-box .promotion-dentist .size-95 {
    flex-basis: 90%;
    max-width: 90%;
  }
  .dentist-holder {
    padding: 20px;
  }
  .dentist-holder .top-section .info-col .dentist-name h1 {
    font-size: 25px;
    line-height: 1.5em;
  }
  .dentist-holder .top-section .experience-col {
    flex-basis: 60%;
    max-width: 60%;
    margin-bottom: 20px;
    order: 2;
  }
  .dentist-holder .top-section .experience-col .experience-year {
    font-size: 16px;
  }
  .dentist-holder .top-section .book-col {
    flex-basis: 40%;
    max-width: 40%;
    margin-bottom: 20px;
    order: 3;
  }
  .dentist-holder .top-section .book-col a {
    font-size: 16px;
  }
  .dentist-holder .top-section .info-col {
    margin-bottom: 20px;
    order: 1;
  }
  .dentist-holder .middle-section .middle-box .box-title h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .dentist-reviews {
    padding: 20px;
  }
  .promotions-holder .promotion-holder .size-10 {
    flex-basis: 20%;
    max-width: 20%;
  }
  .promotions-holder .promotion-holder .size-80 {
    flex-basis: 80%;
    max-width: 80%;
  }
  .promotions-holder .promotion-holder .size-10.share-score {
    flex-basis: 100%;
    max-width: 100%;
  }
  .promotions-holder .promotion-holder .title-dentist h2 {
    font-size: 16px;
    line-height: 1.5em;
  }
  .promotions-holder .promotion-holder .title-dentist h4 {
    font-size: 14px;
    line-height: 1.5em;
  }
  .promotions-holder .promotion-holder .title-dentist .promotion-discount {
    padding: 0 10px;
    font-size: 12px;
  }
  .promotions-holder .promotion-holder .share-icon {
    margin: 0;
  }
  .promotions-holder .promotion-holder .dentist-stars {
    text-align: left;
  }
  .promotions-holder .promotion-holder .promotion-desc-date .g-grid .size-50:last-child {
    padding: 10px 0 0 !important;
    margin-top: 10px;
    border-top: 1px solid #ddd;
  }
  .blog .item.column-1 {
    margin-bottom: 25px;
  }
  .item-page h1 {
    font-size: 23px !important;
    line-height: 1.5em;
  }
  .item-page h2 {
    font-size: 20px;
    line-height: 1.5em;
  }
  .item-page h3 {
    font-size: 17px;
    line-height: 1.5em;
  }
  .chat-plans-holder .chat-categories {
    margin: 20px 0;
  }
  .chat-plans-holder .chat-categories .size-33 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .chat-plans-holder .chat-plans .g-grid .size-33 {
    margin-bottom: 70px;
  }
  .chat-plans-holder .chat-plans .g-grid .size-33:last-child {
    margin-bottom: 0;
  }
  body.itemid-159 #g-features .g-grid {
    flex-flow: wrap-reverse;
  }
  body.outline-25 .about-text p {
    font-size: 16px;
    line-height: 1.5em;
  }
  body.outline-25 #g-above {
    padding: 0 0 2rem;
  }
  body.outline-25 #g-above.team-section h2 {
    font-size: 30px;
  }
  .clinic-rating .clinic-stars, .clinic-rating .dentist-stars, .dentist-rating .clinic-stars, .dentist-rating .dentist-stars {
    font-size: 20px;
  }
  .clinic-score, .dentist-score {
    font-size: 17px;
  }
  .clinic-score .avg-score, .dentist-score .avg-score {
    font-size: 25px;
  }
  .pagination ul > li > a, .pagination ul > li > span {
    padding: 4px 8px;
  }
  #g-offcanvas #g-mobilemenu-container .g-toplevel .g-menu-item.float-right {
    float: none !important;
  }
}
/*# sourceMappingURL=custom_18.css.map */