/*****/

.img-design {

    border: none;

    border-radius: 10px;

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

    width: 100%;

    height: 600px;

}



.img-wrap {

    float: left;

    width: 600px;

    margin: 0 0 0 -100px;

    shape-outside: circle(); /* Makes text wrap around a circle shape */

    clip-path: circle();     /* Clips the image into a circular shape */

    border-radius: 50%;

    overflow: hidden;

}



.img-wrap img {

    width: 100%;

    height: auto;

    display: block;

}



.img-wrap-right {

    float: right;

    width: 600px;

    margin: 20px 0px 0 40px;

    shape-outside: circle(); /* Makes text wrap around a circle shape */

    clip-path: circle();     /* Clips the image into a circular shape */

    border-radius: 50%;

    overflow: hidden;

}



.img-wrap-right img {

    width: 100%;

    height: auto;

    display: block;

}

.btn {

    background: linear-gradient(135deg, #791a5e, #a83279);

    color: #fff !important;

    width: auto;

    padding: 10px 20px;

    font-size: 18px;

    border: none;

    border-radius: 25px;

    margin-top: 18px;

    cursor: pointer;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    transition: background 0.3s ease, transform 0.2s ease;

    text-align: center;

}

.btn:hover {

    background: linear-gradient(135deg, #a83279, #791a5e);

    transform: scale(1.05);

}

/*****/





.inner-banner{ height: 360px;}

.inner-banner h2

{

		font-family: 'Libre Baskerville', serif;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #791a5e;

}

.inner-banner h4

{

		font-family: 'Courgette', cursive;

    font-size: 24px;

    padding: 25px 0px;

    line-height: 31px;

    color: #791a5e;

}

.innt{padding:83px 0px;}

.servty h3, h1, h2

{

	font-family: lato;

    font-size: 21px;

    letter-spacing: 0.4px;

    font-weight: bold;

    color: #b77430;

    margin: 10px 0px 5px;

    text-transform: capitalize;

	line-height:27px;

}

.servty h2 {color: #a3682d; font-size: 19px; line-height: 30px !important;}

.servty h3 {color: #87521d; font-size: 17px;}

.servty p

{

	font-size: 15px;

    line-height: 24px;

    letter-spacing: 0.2px;

    color: #000;

}

.sidebars img{

	border: solid 7px #0099ff;

    border-radius: 100%;

}

.sidebar h3

{

	font-family: lato;

    letter-spacing: 0.4px;

    font-weight: bold;

    color: #207eb1;

    margin: 0px 0px 20px;

    text-transform: uppercase;

}

.sidebar ul

{

	font-size: 19px;

    font-family: bitter;

    font-weight: bold;

    line-height: 41px;

    color: #791a5e;

    list-style: square;

}

.sidebar ul li a{color: #791a5e;}

.sidebars h3

{

	margin: 10px 0 0;

	font-weight: bold;

    font-size: 24px;

    color: #ffffff;

    font-family: bitter;

}

.sidebars{text-align: center;

    background: #791a5e;

	    padding: 15px 0px 15px;



/*    padding: 15px 0px 30px;*/  

  width: 100%;

    margin-bottom: 20px;}

.sidebar{ margin-bottom: 35px;}

.sidebars img{	width:60%;}

.sidebars h5

{

    font-family: muli;

    font-weight: bold;

    font-size: 16px;

    letter-spacing: 0.3px;

    line-height: 20px;

    color: #fff; 

    margin: 10px 0px 25px;

}

.sidebars p a

{

	background: #b77430;

    color: white;

    padding: 12px;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 1px;

    font-size: 17px;

    border-radius: 6px;

    box-shadow: 0px 1px 3px #671550;

}

.crumbs p

{    font-family: bitter;

    font-size: 16px;

    letter-spacing: 0.2px;

    margin-bottom: 0px;

}

.crumbs p .fa{     color: #b77430;  padding: 0px 5px 0px 5px;}

.crumbs p a{    color: #b77430;}

.sidebars p a:hover{background: #207eb1; text-decoration:none;}

.phs a:hover { color: #207eb1; text-decoration:none;}

.sidebar ul li a:hover { color: #b77430;text-decoration:none;}

.sidebar ul li a:hover.sidebar ul{color: #b77430;}

.servty ul

{

	font-size: 15px;

    letter-spacing: 0.2px;

    color: #000;

    list-style: square;

    padding-left: 15px;

}

.servty ul li

{

	    margin-bottom: 10px;

    line-height: 24px;

}

.footertop h3

{

	font-weight: bold;

    font-size: 21px;

    text-transform: uppercase;

    font-family: lato;

    letter-spacing: 1px;

    margin-bottom: 25px;

    color: white;

}

.footertop

{

	background: #207eb1;

    padding: 45px 0px;

}

.footertop p a

{

	color: #a42e84;

    font-size: 35px !important;

    font-weight: bold;

    font-family: lato;

}

.copyright {color: #FFFFFF; text-align: center; margin: 0; font-size: 14px;}

.testimonials p

{

	font-family: lato;

    font-size: 15px;

    line-height: 25px;

    letter-spacing: 0.3px;

    margin-bottom: 25px;

    color: #4c4c4c;

}

.testimonials h4

{

	font-family: Raleway;

    font-size: 22px;

    color: #791a5e;

    font-weight: bold;

    letter-spacing: 0.5px;

    margin-bottom: 15px;

}

.testimonials h5

{

	font-size: 19px;

    font-family: raleway;

    color: #207eb1;

    margin: 15px 0px 10px;

}

.testimonials a

{

	    background: #791a5e;

    color: white;

    padding: 10px 20px;

    margin: 15px;

}

.scicon

{

	text-align:center;

}

.scicon a

{

	font-size: 24px!important;

    padding: 7px;

}

.times h3

{

	padding:0px 45px;

}

.times p

{

	font-size: 17px;

    font-family: lato;

    font-weight: bold;

    color: #fff;

    letter-spacing: 0.2px;

    padding: 0px 45px;

}

.menusl{  background: url(../images/bg.png);}

.footer1 {

}

.footer1 .footer-logo

{

	background: #FFFFFF; 

	padding: 15px; 

	border-radius: 10px;

        margin-bottom: 20px;

}

.footer1 p {

 font-size: 14px;

font-weight: bold;

letter-spacing: 0.4px;

padding: 5px 0px;

color: #FFFFFF;

}

.footer1 p.footer-content {font-weight: normal; font-size: 16px; margin-bottom: 0;}

.footer1 p a {

color: #FFFFFF;

}


.footer1 .col-md-3{ text-align: end;}

.footer1 .col-md-9{ text-align: start;}

.formobile{display:none;}

.services a:hover h3 {  background: #791a5e;}

.services a:hover{   text-decoration: none;}

.ert{float:left;}

.ert1{float:right;}

.footertop p a:hover{color: #6296c2; text-decoration:none;}



.copyright-footer p {color: #FFFFFF; font-size: 14px;}



figure.img-left {float: left; margin: 00px 20px 20px 00px; padding: 0px;}

figure.img-right {float: right; margin: 00px 00px 20px 20px;  padding: 0px;}

figure.img-left img, figure.img-right img {max-width: 100%;}

.max-width-300 {max-width: 300px;}

.max-width-350 {max-width: 350px;}

.max-width-400 {max-width: 400px;}

.max-width-450 {max-width: 450px;}

.max-width-500 {max-width: 550px;}

.max-width-550 {max-width: 550px;}

@media(max-width:991px)

{

	.innt {  padding: 76px 20px;}

	.inner-banners.row.clearfix { background: rgba(0, 0, 0, 0.47);}

	.inner-banner h2, .inner-banner h4{color:white;}

	.footertop .container{padding:25px!important;}

	.footer2

	{

		border: 1px solid #0b4f73;

		padding: 15px 25px 25px;

		background: #156692;

		margin-top: 30px;

	}

	.sm-clean ul{background: white!important;}

	.services .fa{margin-right:10px; float:left;}

	.formobile{display:block;}

	.fordesktop{display:none;}

	.menusl{    background: #791a5e; padding:0px;}

	.menusl .col-md-12{padding:0px;}

	.mails{text-align:center!important;}    

	.socials li .fa {font-size: 20px!important; width: 36px!important; height: 36px!important; line-height: 36px!important; margin: 5px 2px;}

	.logo img{width:auto!important;}

	.sm-clean a{ border-right: 0px!important;  border-bottom: 1px solid #6d1654;}

	.sidebars{width:auto;}

	.servty ul{    padding: 0px 25px!important;}

	.footer1 .col-md-3, .footer1 .col-md-9{ text-align: center;}

	.footer1 { padding: 25px; text-align:center;}

	.footer1 img{width:auto!important;}

	.times h3, .times p{padding:0px;}

	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active{border-radius:0px;}

	ul.inners { display: block!important; line-height: 27px;}

	.ert, .ert1{float:none;}

	.ert{ padding: 25px!important; text-align:center;}

	.ert img{width:40%!important;}

	.direc{text-align:center; margin-bottom:25px;}

	.lct{width:auto!important;}

}

@media screen and (max-width: 640px) {

    .img-left, .img-right {float: left; width: 100%; text-align: center; margin: 00px 00px 20px 00px;}

    .img-left img, .img-right img {max-width: 100%;}

    [class*='max-width-'] {max-width: 100%;}



    .servty-left-img {

        width: 100% !important;

        margin: 00px 00px 20px 00px;

    }



    img.dental-treatment {max-width: 100%;}

}

@media(max-width:480px)

{

	.types a{font-size:x-large!important;}

	.logo img {width:100%!important;}

	.mails{font-size:medium!important;}

	.footer1 img{ width:auto;}

	.types p a{ font-size: 14px !important;}

}



.socials li{     display: inline;

    padding: 4px !important;}

	

	.pt-lt{ padding-right:0px !important;}

	

	

@media (max-width: 480px){

.mt-bt{ margin-bottom:20px;}

		

.fb-like {

    width: 103px;

    border: 1px solid #f1f1f1;

    padding: 5px;

    float: none !important;

    margin-top: 5px !important;

 }	}		

 .amazing-reviews {

  font-size: 12pt;

}

.amazing-reviews blockquote {

  padding: 0;

  background: white;

  margin: 30px 0 0 0;

  border: 1px solid #ddd;

  border-radius: 3px;

  padding: 15px 15px 10px 15px;

  position: relative;

  box-shadow: rgba(0,0,0,.025) 0 3px 20px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  -o-user-select: none;

  user-select: none;

  cursor: default;

}

.amazing-reviews blockquote:before {

  content: '';

  display: block;

  border: 20px solid transparent;

  border-top-color: #ccc;

  position: absolute;

  top: 100%;

  left: 20px;

  z-index: 250;

  background: transparent;

  height: 0;

  opacity: 1;

}

.amazing-reviews blockquote:nth-of-type(even):before {

  left: auto;

  right: 20px;

}

.amazing-reviews blockquote:after {

  content: '';

  display: block;

  border: 19px solid transparent;

  border-top-color: white;

  position: absolute;

  top: 100%;

  left: 21px;

  z-index: 500;

}

.amazing-reviews blockquote:nth-of-type(even):after {

  left: auto;

  right: 21px;

}

.amazing-reviews blockquote:last-of-type {

  margin-bottom: 45px;

}

.amazing-reviews blockquote header span i {

  color: white;

  text-shadow: #aaa 1px 0 0, #aaa 0 1px 0, #aaa -1px 0 0, #aaa 0 -1px 0;

}

.amazing-reviews blockquote header span[data-rating="1"] i:nth-child(-n+1),

.amazing-reviews blockquote header span[data-rating="2"] i:nth-child(-n+2),

.amazing-reviews blockquote header span[data-rating="3"] i:nth-child(-n+3),

.amazing-reviews blockquote header span[data-rating="4"] i:nth-child(-n+4),

.amazing-reviews blockquote header span[data-rating="5"] i:nth-child(-n+5) {

  color: #f0c96a;

  text-shadow: #c08036 1px 0 0, #c08036 0 1px 0, #c08036 -1px 0 0, #c08036 0 -1px 0;

}

.amazing-reviews blockquote strong {

  color: #791a5e;

  display: inline;

}

.amazing-reviews strong + span {

  margin-left: -3px;

}

.amazing-reviews blockquote strong + span + span {

  display: block;

  margin: 5px 0;

}

.amazing-reviews blockquote span em {

  font-style: normal;

  font-weight: bold;

  color: #155096;

  text-decoration: underline;

}

.amazing-reviews blockquote span:last-of-type {

  color: #e47d21;

  font-size: 10pt;

  font-weight: bold;

  display: block;

}

.amazing-reviews blockquote p {

 font-size: 15px;

    font-style: normal;

    margin: 10px 0px 7px 0;

    color: #333;

    line-height: 25px;

}

.amazing-reviews h2:last-of-type {

  background: #eee;

  text-align: center;

  font-weight: 400;

  padding: 15px;

  margin: 0;

  border: 1px solid #ccc;

  position: relative;

}

.amazing-reviews h2 q,

.amazing-reviews h2 strong {

  font-weight: 600;

}

@media (min-width: 400px) {

  .amazing-reviews h2:last-of-type {

    font-size: 24pt;

  }

	

}

@media (min-width: 700px) {

  .amazing-reviews blockquote {

    width: 100%;

    /*margin: 30px 15px 0 15px;*/

  }

  .amazing-reviews blockquote:nth-of-type(even) {

    margin-left: calc(25% - 15px);

  }

  .amazing-reviews h2:last-of-type {

    font-size: 28pt;

  }

}

@media (min-width: 700px) {

  .amazing-reviews .quote-container {

    width: 100%;

    padding: 0 75px;

  }

}



.test-img{ width: 52px;

    border: 1px solid #f1f1f1;

    border-radius: 50px;

    height: 52px;

    float: left;

    margin-right: 16px;

    margin-top: 2px;}

	

	.fb-like{ width: 103px;

    border: 1px solid #f1f1f1;

    padding: 5px;

    float: right;

    margin-top: -34px;}

	.read-more{ float:right;background-color: #a42e84;

    color: #fff;

    padding: 10px 17px;

    text-decoration: none;

    font-size: 14px;}



.servty-left-img{ float: left;

    margin-right: 16px;

    border: 1px solid #ddd;

    padding: 5px; 

}

p{ text-align: justify; }

p a{

color: #99329b;

font-weight: 700;

}

a {overflow-wrap: break-word;}



.nbs-flexisel-container {margin-top: -25px !important;}



.happy-clients iframe {width: 50%; padding: 5px; display: inline-block; margin: 00px -2px;}



.yelp-cls, .booking {

    float: right;

    text-align: center;

    padding: 10px;

}



.social-media {

    float: none;

    clear: both;

    padding: 20px 50px 00px 00px;

    text-align: right;

    display: inline-block;

    width: 100%;



}



.video-youtube {

    aspect-ratio: 16/9;

    height: auto !important;

}



.servty h1 {margin-bottom: 20px;}

.servty [class*='col-'] {margin-bottom: 10px;}



.clinical-excellence {

  display: flex;

  /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */

  flex-flow: row;

  flex-wrap: wrap;

  grid-gap: 20px;

  place-content: center;

  place-items: stretch;

  margin: 50px 0 25px 0;

  text-align: center;

}

.clinical-excellence div {

  border: 1px solid #CCCCCC;

  padding: 100px 20px 20px 20px;

  border-radius: 15px;

  position: relative;

  margin: 25px 0;

  flex: 0 0 31.33%;

  transition: all .3s ease;

  background: #FFFFFF;

}

.clinical-excellence div:hover {

  background: #0d5f87;

}

.clinical-excellence div:hover * {

 color: #FFFFFF;

}

.clinical-excellence div figure {

  position: absolute;

  left: 35%;

  top: -60px; 

  z-index: 1;

  width: 120px;

  height: 120px;

  border-radius: 50%;

  border: 1px solid #CCCCCC;

  background: #FFFFFF;

  padding: 25px; 

  overflow: hidden;

  box-shadow: 0px 08px 08px -8px #000000;

}



.clinical-excellence figure img {

    max-width: 100%;

}



:is(.clinical-excellence div) :where(h3, p, strong){

  color: #000000 !important;

}



:is(.clinical-excellence div:hover) :where(h3, p, strong){

  color: #FFFFFF !important;

}

.clinical-excellence div p a{

      color: #a42e84 !important;

}

.clinical-excellence div:hover p a{

      color: #ffd011 !important;

}



.clinical-excellence div:nth-of-type(n+4) figure img {

filter: invert(20%) sepia(33%) saturate(6636%) hue-rotate(183deg) brightness(88%) contrast(90%);

}

@media screen and (max-width: 640px) {

.clinical-excellence div {

  flex: 0 0 100%;

}

}



.regular-dental-checkup {

  position: relative;

}

.regular-dental-checkup:before {

  position: absolute;

  background: var(--blue);

  width: 50%;

  height: 100%;

  left: 0;

  top: 0;

  content: "";

  z-index: -1;

}

.regular-dental-checkup:after {

  position: absolute;

  background: var(--green);

  width: 50%;

  height: 100%;

  right: 0;

  top: 0;

  content: "";

  z-index: -1;

}



.regular-dental-checkup, .regular-dental-checkup .row > div {

  padding: 25px 40px  !important;

}



.regular-dental-checkup, .regular-dental-checkup .row > div span {

  color: #ffd011 !important;

}



.regular-dental-checkup, .regular-dental-checkup .row > div a {

  color: #ffd011 !important;

}







@media only screen and (max-width: 767px) {



.regular-dental-checkup .container {padding: 0px 10px;}





.regular-dental-checkup:before {

  display: none;

}

.regular-dental-checkup:after {

  display: none;

}

.regular-dental-checkup, .regular-dental-checkup .row > div {

  padding: 0px  !important;

}





.regular-dental-checkup .row div:first-of-type > div {

  background: var(--blue);

padding: 25px;



}



.regular-dental-checkup .row div:last-of-type > div {

  background: var(--green);

padding: 25px;



}



}





.patient-reviews {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

grid-gap: 20px;

margin-bottom: 25px;

}



.patient-reviews > div {

border: 5px solid #FFFFFF;

outline: 1px solid rgba(0,0,0,.1);

padding: 50px;

position: relative;

border-radius: 10px;

background: #a42e84;

box-shadow: 0 08px 08px -08px rgba(0,0,0,.8);

}

.patient-reviews > div:before {

content:"\f10d";

position: absolute;

color: rgba(255,255,255,.3);

left: 8px;

top: 8px;

font-family: 'FontAwesome';

font-weight: 900;

font-size: 30px;

padding: 10px;

}

.patient-reviews > div:after {

content:"\f10d";

position: absolute;

color: rgba(255,255,255,.3);

right: 8px;

bottom: 8px;

font-family: 'FontAwesome';

font-weight: 900;

font-size: 30px;

padding: 10px;

}

.patient-reviews > div p  {

 color: #FFFFFF;

}

.patient-reviews > div p.review-user span  {

 display: flex;

 

}

.patient-reviews > div p.review-user span i {

 color: #ffd011;

margin-right: 3px;

}



.accordion_container {

  width: 100%;

  margin-bottom: 25px;

}



.accordion_head {

  background-color: #2c699f;

  color: #FFFFFF;

  cursor: pointer;

  font-family: arial;

  font-size: 14px;

  margin: 0 0 1px 0;

  padding: 10px 50px 10px 15px;

  font-weight: bold;

 position: relative;

}

.accordion_head h4 {

  color: #FFFFFF;

  margin: 0;

  font-size: 22px;

}



.accordion_body {

  background: #DDDDDD;

  padding: 20px;

}



.accordion_body p {

  padding: 18px 5px;

  margin: 0px;

}



.plusminus {

  position: absolute;

  right: 15px;

  top: 50%;

 font-size: 32px;

 transform: translate(0px, -50%);

}



@media screen and (max-width: 640px) {

.accordion_head {

  padding: 10px 35px 10px 15px;

}

.accordion_head h4 {

  font-size: 20px;

  line-height: 28px;

}

.plusminus {

 font-size: 28px;

}





}



#mc_embed_signup h2 {font-size: 18px !important;}



.treatment-types {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

  grid-gap: 15px;

  margin: 10px 0 25px;

}



.treatment-types div {

  border: 1px solid #EEEEEE;

  padding: 0px 20px 20px 20px;

  border-radius: 10px;

  position: relative;

  transition: all .3s ease;

  background: #FFFFFF;

  text-align: center;

}

.treatment-types div h3{

  background: #b8752e;

  padding: 10px 15px;

  display: block;

  font-size: 20px;

  font-weight: 500;

  color: #FFFFFF;

  margin: 0 -20px 20px -20px;

  border-radius: 8px 8px 0 0;

  line-height: 30px;

}

.treatment-types div p {

  color: #000000 !important;

  text-align: center;

}

.treatment-types div p a{

color: #99329b;

font-weight: 600;

}



.table-bordered {

   margin-bottom: 30px;

   border: 1px solid #a42e84;

}

.table-bordered thead th {

    background: #a42e84;

    color: #FFFFFF;

    font-weight: bold;  

    padding: 15px 25px !important;

    font-size: 18px;

    text-align: center;

}

.table-bordered tbody td {

    border: 1px solid #a42e84;

    padding: 15px 25px !important;

    font-size: 18px;

    color: #000000;

    border-collapse: collapse;

}



#mc_embed_signup form {margin: 0 20px !important;}



@media screen and (max-width: 640px) {

    .happy-clients iframe {width: 100%; padding: 0px;}



.times.col-md-4 {margin-top: 25px;}



.appointment-iframe {height: 800px !important;}



.img-wrap, .img-wrap-right {

        float: none;

        width: 100%;

        margin: 0px 0px 30px 0px;

}



    .yelp-cls, .booking {

        float: none;

    }



    .social-media {

        padding: 10px 00px 00px 00px;

        text-align: center;

    }

}



	.sertable{ width: 100%;}

	

		.sertable td{ padding: 5px; text-align: left;}





