/*top-showcase*/
.top-showcase {
    position: relative;
    z-index: 3;
    width: 100%;
    margin-top: -70px;
    margin-bottom: -20px;
}

.showcase-holder {
    display: flex;
    justify-content: center;
}

a.showcase-box {
    display: flex;
    align-items: center;
    max-width: 407px;
    width: 100%;
    justify-content: center;
    background-color: #34454C;
    min-height: 118px;
}
a.showcase-box:nth-child(2){
	background-color: #393D45;
}
a.showcase-box:nth-child(3){
	background-color: #34454C;
}
a.showcase-box:hover{
	text-decoration: none;
}
.showcase-icon img {
    display: block;
	margin: 0 auto;
}

.showcase-icon {
    max-width: 90.1px;
    width: 100%;
    margin-right: 23px;
}
.showcase-title{
	min-width: 221px;
}
.showcase-title p {
    margin: 0;
    color: #fff;
	font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
	line-height: 1.25;
	display: block;
}
/*main-section*/

.main-btn.transition.larger-button {
    font-size: 16px;
}
.contentarea{
	background-color: #ECECE3;
	position: relative;
}
.main-content h3{
	color: #fff;
}
.page-title{
	margin: 0;
}
hr.myhr{
	border: none;
	height: 3px;
	max-width: 244px;
	width: 100%;
	background: linear-gradient(269.86deg, #C39D40 3.92%, #F4DB72 28.1%, #F8E666 51.34%, #D5C539 75.05%, #AD842F 94.96%);
}
.main-content hr.myhr{
	margin: 23px auto 42px;
}
.post_content.clearfix {
    max-width: 801px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
	font-family: 'Helvetica';
	font-weight: normal;
}
.topdentist{
	position: relative;
	z-index: 2;
}
.topdentist.center img {
    display: block;
    margin-top: 30px;
}
.contentarea:before{
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 130px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.no-webp .contentarea:before{
	background-image: url("../images/drtop.png");
}
.webp .contentarea:before{
	background-image: url("../images/drtop.webp");
}
/*dr-section*/
.dr-section{
	min-height: 1265px;
	padding: 100px 0 230px;
	position: relative;
}
.dr-section .container{
	max-width: 1450px;
	position: relative;
	z-index: 2;
}
.dr-section:after {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: 897px;
    position: absolute;
    top: 100px;
    left: 69px;
    z-index: 0;
    max-width: 560px;
    width: 100%;
}

.no-webp .dr-section:after{
	background-image: url("../images/homevector.png");
}
.webp .dr-section:after{
	background-image: url("../images/homevector.webp");
}
.dr-section:before{
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 130px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.no-webp .dr-section:before{
	background-image: url("../images/servicestop.png");
}
.webp .dr-section:before{
	background-image: url("../images/new-rounded-banner.webp");
}
.dr-photo {
    max-width: 40%;
    width: 100%;
    margin-right: 169px;
}
.dr-photo img {
    margin: 0 0 0 auto;
}
ul.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    margin: 87px 0 0;
}

.slick-dots li button {
    font-size: 0;
    border-radius: 50%;
    padding: 0;
    border: 2px solid #72849C;
    height: 10px;
    width: 10px;
    background-color: #fff;
    margin: 0 5px;
}
.drsBox {
    margin-top: 160px;
}
.slick-dots li.slick-active button {
    background-color: #72849C;
}
.dr-content {
    max-width: 664px;
    width: 100%;
}
.dr-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dr-content p{
	max-width: 498px;
	width: 100%;
	font-family: 'Helvetica';
}
.dr-content h2 {
    text-transform: none;
    letter-spacing: normal;
    font-size: 64px;
    font-weight: 500;
	margin: 0;
}
.affiliates-section.col-12 {
    margin-top: 150px;
}
.affiliates {
    padding: 0;
    max-width: 1000px;
    margin: 0 auto;
}
/*services-section*/
.services-section{
	padding: 129px 0 240px;
	background-color: #ECECE3;
	position: relative;
}
.services-section .container{
	position: relative;
	z-index: 2;
}
.services-top .myhr {
    margin: 0 auto;
}

.services-top.center {
    margin-bottom: 100px;
}

a.services-box {
    max-width: 333px;
    width: 100%;
    display: block;
    min-height: 333px;
    background: #FFFFFF;
    box-shadow: 0px 26.188px 52.3761px rgba(33, 36, 52, 0.02), 0px 32.735px 65.4701px rgba(33, 36, 52, 0.04), 0px 43.6467px 87.2935px rgba(33, 36, 52, 0.04);
    position: relative;
    padding: 31px 20px;
    text-align: center;
	overflow: hidden;
}
a.services-box:hover{
	text-decoration: none;
}
a.services-box:hover .services-overlay{
	display: flex;
	animation-name: slideUp;
	animation-duration: .5s;
}
.services-holder {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.services-overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	display: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 10%;
	background-color: #fff;
	color: #393D45;
}
.services-title h4 {
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.services-title {
    min-height: 56px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-box.margtop{
	margin-top: 61px;
}
.services-icon {
    min-height: 134px;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-icon img {
    display: block;
    margin: 0 auto;
}
.services-bottom.center {
    margin-top: 131px;
    max-width: 490px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 131px auto 0;
}
.services-section:before{
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 124px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.no-webp .services-section:before{
	background-image: url("../images/drtop.png");
}
.webp .services-section:before{
	background-image: url("../images/drtop.webp");
}
/*hope-section*/
.hope-section{
	background-color: #fff;
	padding: 150px 0 106px;
}
.hope-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hope-left, .hope-right {
    max-width: 45%;
    width: 100%;
}
.hope-left h2 {
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    font-size: 64px;
    margin: 0;
}

.hope-left h3 {
	font-weight: normal;
	margin: 0 0 11px;
	letter-spacing: 3.5px;
}

.hope-left {
    font-family: 'Helvetica';
}

.hope-left hr {
    margin: 20px 0 30px;
}
.hope-button{
	margin-top: 35px;
}
/*invisalign-section*/
.invisalign-section{
	padding: 120px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.invisalign-section .container{
	position: relative;
	min-height: 736px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.invisalign-box{
	max-width: 550px;
	width: 100%;
}
.invisalign-box h2 {
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    font-size: 64px;
    margin: 0;
}

.invisalign-box h3 {
    font-weight: normal;
    margin: 0 0 11px;
    letter-spacing: 3.5px;
}

.invisalign-box {
    font-family: 'Helvetica';
}

.invisalign-box hr {
    margin: 20px 0 30px;
}

.invisalign-section:before{
	content: '';
	position: absolute;
	bottom: 50%;
	transform: translateY(50%);
	left: 0;
	max-width: 60%;
	width: 100%;
	min-height: 736px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
}
.no-webp .invisalign-section:before{
	background-image: url("../images/invisaleft.png");
}
.webp .invisalign-section:before{
	background-image: url("../images/invisaleft.webp");
}
.invisalign-button {
    margin-top: 30px;
}
/*testimonials-section*/
.testimonials-section{
	min-height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
.no-webp .testimonials-section{
	background-image: url("../images/reviewsbg.jpg");
}
.webp .testimonials-section{
	background-image: url("../images/reviewsbg.webp");
}
.testimonials-section:before{
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 124px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.no-webp .testimonials-section:before{
	background-image: url("../images/familytop.png");
}
.webp .testimonials-section:before{
	background-image: url("../images/new-rounded-banner.webp");
}
.reviews-box{
	max-width: 490px;
	width: 100%;
}
.reviews-box h2 {
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    font-size: 64px;
    margin: 0;
}

.reviews-box h3 {
    font-weight: normal;
    margin: 0;
    letter-spacing: 3.5px;
}

.invisalign-box {
    font-family: 'Helvetica';
}

.reviews-box hr {
    margin: 20px auto 60px;
}
.reviews-holder .arrow{
	display: none;
}
.reviews-holder .number-crumb-container .option{
	border-color: #fff;
	opacity: 1;
	height: 10px;
	width: 10px;
}
.reviews-holder .number-crumb-container .option.selected{
	background-color: #fff;
	border-color: #fff;
}
.reviews-buttons .main-btn {
    min-width: 203px;
}
h2.patient-name{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #393D45;
	text-transform: none;
	letter-spacing: normal;
    margin-top: 30px;
}
.reviews-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 440px;
    margin: 30px auto 0;
}
.reviews-holder .slides{
	min-height: 290px;
}
/*join-section*/
.join-section{
	background-color: #ECECE3;
	position: relative;
	padding: 100px 0 230px;
}
.join-section:before{
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 124px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
}
.no-webp .join-section:before{
	background-image: url("../images/foottop.png");
}
.webp .join-section:before{
	background-image: url("../images/footer-rounded.webp");
}
.join-box {
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.join-box hr.myhr {
    margin: 20px auto 53px;
}
.join-box h2 {
    font-weight: 400;
}
.join-buttons {
    display: flex;
    justify-content: space-between;
    max-width: 490px;
    width: 100%;
    margin: 0 auto 100px;
}
.join-box a.address {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    display: flex;
    align-items: center;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    color: #393D45;
    justify-content: center;
    margin-bottom: 40px;
}
.join-box a.phone.transition {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    color: #393D45;
    justify-content: center;
}
.join-box svg {
    margin-right: 15px;
}
@media (max-width: 1500px){
	.dr-section:after {
		max-width: 45%;
	}
	.invisalign-section:before {
		content: '';
		position: absolute;
		bottom: 50%;
		transform: translateY(50%);
		left: 0;
		max-width: 50%;
		width: 100%;
		min-height: 736px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 20%;
	}
	.invisalign-section:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	}
	.invisalign-section .container {
		z-index: 2;
	}
}
@media (max-width: 1200px){
	.dr-section:after {
		max-width: 45%;
	}
}
@media (max-width: 1100px){
	.services-holder {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 767px;
		margin: 0 auto;
		width: 100%;
	}
	.services-box, .services-box.margtop {
		margin-top: inherit;
		margin: 20px auto;
	}
}
@media (max-width: 1025px){
	.top-showcase {
		position: relative;
		z-index: 3;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}
	a.showcase-box {
		padding: 10px;
	}
	.contentarea:before {
		height: 6vw;
	}
	.dr-holder {
		flex-wrap: wrap;
		justify-content: center;
	}
	.dr-photo img {
		margin: 0 auto 30px;
	}
	.dr-photo {
		max-width: 100%;
		width: 100%;
		margin-right: auto;
		margin: 0 auto;
	}
	.dr-content p {
		max-width: 498px;
		width: 100%;
		font-family: 'Helvetica';
		margin: 10px auto;
	}
	.dr-content hr.myhr {
		margin: 20px auto;
	}
	.dr-content {
		max-width: 664px;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.dr-section:after {
		content: '';
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
		height: 76vw;
		position: absolute;
		top: 100px;
		left: 0;
		z-index: 0;
		max-width: 50vw;
		width: 100%;
	}
	.dr-section:before {
		height: 6vw;
	}
	.services-section:before {
		height: 6vw;
	}
	.hope-holder {
		flex-wrap: wrap;
		justify-content: center;
	}
	.hope-left, .hope-right {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.hope-left hr {
		margin: 20px auto 30px;
	}
	.invisalign-box {
		max-width: 550px;
		width: 100%;
		margin: 0 auto 50px;
		text-align: center;
	}
	.invisalign-box hr {
		margin: 20px auto 30px;
	}
	.invisalign-section {
		padding: 120px 0;
		flex-direction: column-reverse;
	}
	.invisalign-section:before {
		content: '';
		position: relative;
		bottom: 0;
		transform: none;
		left: 0;
		max-width: 100%;
		width: 100%;
		min-height: 50vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right;
	}
	.invisalign-section .container {
		position: relative;
		min-height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.invisalign-section:after{
		display: none;
	}
	.testimonials-section:before {
		height: 6vw;
	}
}
@media (max-width: 990px){
	.showcase-title {
		max-width: 221px;
		width: 100%;
		min-width: 50px;
	}
	.showcase-title p {
		margin: 0;
		color: #fff;
		font-size: 2vw;
	}
	.showcase-icon {
		max-width: 60px;
		width: 100%;
		margin-right: 23px;
	}
}
@media (max-width: 767px){
	.showcase-holder {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		background-color: #ECECE3;
		padding: 10px;
	}
	a.showcase-box {
		display: flex;
		align-items: center;
		max-width: 250px;
		width: 100%;
		justify-content: center;
		background-color: #34454C;
		min-height: 118px;
		padding: 10px;
	}
	.showcase-title p {
		font-size: 14px;
	}
	.testimonials-section {
		background-position: bottom left;
	}
	.reviews-box {
		max-width: 490px;
		width: 100%;
		margin: 0 auto;
	}
	.reviews-box h2 {
		font-weight: 500;
		letter-spacing: normal;
		text-transform: none;
		font-size: 32px;
		margin: 0;
	}
	.reviews-buttons {
		flex-wrap: wrap;
		max-width: 300px;
		margin: 5px auto 0;
		justify-content: center;
	}
}
@media (max-width: 600px){
	.main-content h3 {
		margin-bottom: 0;
	}
	.dr-content h2 {
		font-size: 32px;
	}
	.services-button {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.services-bottom.center {
		max-width: 300px;
		width: 100%;
		margin: 40px auto 0;
		flex-wrap: wrap;
		justify-content: center;
	}
	.hope-left h2 {
		font-weight: 500;
		letter-spacing: normal;
		text-transform: none;
		font-size: 32px;
		margin: 0;
	}
	.hope-section {
		background-color: #fff;
		padding: 100px 0;
	}
	.invisalign-box h2 {
		font-size: 32px;
	}
	.join-buttons {
		max-width: 300px;
		margin: 0 auto 40px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.join-box a.address {
		justify-content: center;
		margin-bottom: 40px;
		max-width: 300px;
		margin: 0 auto 40px;
	}
	.join-section {
		background-color: #ECECE3;
		position: relative;
		padding: 100px 0;
	}
}
@media (max-width: 450px){
	.join-box a.address, .join-box .phone{
		font-size: 15px;
	}
}