﻿@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,700');

@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap');
@font-face {
    font-family: 'HelveticaNeue';
    src: url('/go/font/helveticaneue.woff2') format('woff2'),
         url('/go/font/helveticaneue.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.rpt-content p, .office-wrap h2{ color:#000}
.office-wrap h2{ font-weight:400;}
.dr-wrap h2{ font-weight:400;}

.rpt-content-dr p, .dr-wrap h2{ color:#000 !important}
.rpt-content p, .rpt-content-dr p { font-family:'EB Garamond', serif; line-height:30px; font-size:18px; }

.pa-h1 { text-transform:uppercase; font-family: 'HelveticaNeue', serif; margin:50px auto 5px auto; letter-spacing:1px; font-size:28px; font-weight:200;}
.pa-main{margin:50px auto; max-width:1000px;}
.pa-main2{margin: auto; max-width:1000px;}
.pa-left, .pa-left2{display:inline-block; width:50%; position:relative;   vertical-align: top; padding:20px 0 }
 .pa-right, .pa-right2{display:inline-block; width:49%;position:relative; vertical-align: top; padding:20px}
 
 .pa-left2 .smile{width:140px; position:absolute;}
 .pa-left2 .smile img{ border:6px solid #dedede;}
 .pa-left2 .smile h4{font-family: 'HelveticaNeue', serif; font-size:14px; text-align:center}




 
 .footer-nav2{ display:inline-block; vertical-align:top; width:24.5%; margin:120px 0 60px 0;}
 .footer-nav2 h4{ color:#fff;font-size:12px; text-transform:uppercase;}
 .footer-nav2 ul{  vertical-align:top; margin:0; padding:0; list-style:none !important}
 .footer-nav2 li{ line-height:44px; font-size:12px; vertical-align:top; text-transform:uppercase; margin:0; padding:0; list-style:none !important}
 
 @media screen and (max-width: 1024px) {	
 .pa-main{ display:table}
 .pa-left{  width:100%;    max-width:600px !important; margin:20px auto !important  }
 .pa-right{display: table-header-group; width:100%;}
  .pa-left2{  width:100%; display: block;  max-width:600px !important; margin:20px auto !important   }
 .pa-right2{display: block; width:100%;   max-width:600px !important; margin:20px auto !important }
 
  .footer-nav2{   width:40.5%; margin:50px 0 0px 20px;}

 }
 

.office-wrap h3 { color:#fff !important; font-size:22px}
.dr-wrap h3 { color:#000 !important; font-size:22px}
.uncover {	overflow: hidden;	background-image: none !important;	position: relative;}
.uncover__img {	width: 100%;	height: 100%;	background-size: cover;	background-position: 50% 50%;}
.uncover__slices {	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	display: flex;}
.uncover__slices--vertical {	flex-direction: row;}
.uncover__slices--horizontal {	flex-direction: column;}
.uncover__slices--horizontal-double {	display: grid;	grid-template-columns: 50% 50%;}
.uncover__slices--vertical-double {	display: grid;	grid-template-rows: 50% 50%;}
.uncover__slice {	color: #fff;	background-color: currentColor;	flex: 1;}
.uncover__slices--vertical .uncover__slice {	box-shadow: 1px 0 0 currentColor;}
.uncover__slices--horizontal .uncover__slice {	box-shadow: 0 1px 0 currentColor;} 
 
/* Color schemes */
.demo-1 {	--color-text: #333;	--color-bg: #000;	--color-link: #aaa;	--color-link-hover: #333;	--color-info: #7239c0;}
.demo-2 {	--color-text: #333;	--color-bg: #fff;	--color-link: #d3482e;	--color-link-hover: #333;	--color-info: #333;}
.demo-3 {	--color-text: #333;	--color-bg: #fff;	--color-link: #3860d0;	--color-link-hover: #333;	--color-info: #333;}

/* Page Loader */
.js .loading::before {	content: '';	position: fixed;	z-index: 100000;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: var(--color-bg);}
.js .loading::after {	content: '';	position: fixed;	z-index: 100000;	top: 50%;	left: 50%;	width: 60px;	height: 60px;	margin: -30px 0 0 -30px;	pointer-events: none;	border-radius: 50%;	opacity: 0.4;	background: var(--color-link);	animation: loaderAnim 0.7s linear infinite alternate forwards;}
@keyframes loaderAnim {	to {		opacity: 1;		transform: scale3d(0.5,0.5,1);	}}
 
.slide-office {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	opacity: 0;	display: flex;	justify-content: center;	align-items: center;}
.slide--current {	opacity: 1;}
.slide__img {	position: absolute;	width: 100%;	height: 100%;	background-size: cover;	background-position: 50% 50%;}
.slide__img-size1,.slide__img-size2,.slide__img-size3 {	max-width: 800px;	max-height: 1200px;	min-width: 280px;	min-height: 280px;}
.slide__img-size1 {	width: 40vw;}
.slide__img-size2 {	width: 60vw;	height: 60vh;}
.slide__img-size3 {	width: 40vw;	height: 40vw;	max-width: 800px;	max-height: 800px;}

.pagination {	align-self: end;	justify-self: end;	grid-area: pagination;	display: flex;	pointer-events: auto;}
.pagination__item {	font-weight: bold;	justify-content: center;	align-items: center;	display: flex;	margin: 0 0 0 1.25rem;	font-size: 1.25em;	cursor: pointer;	color: var(--color-link);}
.pagination__item--current {	color: var(--color-text);} 
.scroll-img {	width: 500px;	max-width: 100%;	height: 50vh;	min-width: 250px;	min-height: 250px;	background-size: cover;}
@media screen and (max-width: 55em) {	
.slides {		position: absolute;		top: 0;		margin-bottom: 20vh;	}
 .slide-office {		align-items: flex-start;	}	
 .pagination {		justify-content: center;	}
	.pagination__item {		margin: 0 0.5em;	}
	.content {		flex-direction: column;		height: auto;		min-height: 0;		padding-bottom: 10em;	} 
}

.logo-mark {	text-align: center;	display: none;	-webkit-box-align: center;	-ms-flex-align: center;	align-items: center;	position: absolute;	top: 22%;	left: -25px;	-webkit-transform: rotate(-90deg) translate(-100%);	-ms-transform: rotate(-90deg) translate(-100%);	transform: rotate(-90deg) translate(-100%);	-webkit-transform-origin: top left;	-ms-transform-origin: top left;	transform-origin: top left;}
@media only screen and (min-width: 768px) {
.logo-mark {	display: -webkit-box;	display: -ms-flexbox;	display: flex;}}
.logo-mark:before {	content: '';	border-top: 1px solid #333333;	position: relative;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	width: 50px;	-webkit-box-flex: 1;	-ms-flex-positive: 1;	flex-grow: 1;	margin-right: 40px; margin-top:-60px; }
.logo-mark:after {	content: '';	border-top: 1px solid #333333;	position: relative;	display: -webkit-box;	display: -ms-flexbox;	display: flex;	width: 50px;	-webkit-box-flex: 1;	-ms-flex-positive: 1;	flex-grow: 1;	margin-left: 40px; margin-top:-60px; }
.logo-mark img { 	-webkit-transform: rotate(90deg) translate(-100%);	-ms-transform: rotate(90deg) translate(-100%);	transform: rotate(90deg) translate(-100%); 	height: 60px; margin-top:20px;   	width: auto;}
 

.sports-box { background: no-repeat url("../go/images/sports-dentistry-01.webp"); background-position: left bottom; background-size:cover; padding:20% 0 20% 0; }

.sports-box h3 { color:#fff; text-align:center; font-weight:600; font-size:44px !important; font-family:"Times New Roman", Times, serif !important; }

.sports-box-02 {  background: no-repeat url("../go/images/sports-dentistry-02.webp"); background-position: left bottom; background-size:cover; }

.sports-box-02 .sports-title-02 { font-size:34px !important; text-align:center; color:#000; font-family:"Times New Roman", Times, serif !important; font-weight:600; }

.sports-box-02 .sports-text-02 { font-size:30px !important; text-align:center; line-height:normal; color:#000; font-family:"Times New Roman", Times, serif !important; font-weight:600; }

.sports-box-div { background:rgba(255,255,255,0.8); padding:6% 0 8% 0; }

.black-hr { display:block; width:100%; max-width:220px; height:1px; background:#000; margin:15px auto 10px auto; }

.sports-box-02-ul { display:inline-block; width:100%; padding:0px; list-style:none; margin-top:3%; }

.sports-box-02-ul li { display:inline-block; width:100%; max-width:350px; padding:0px; margin:0 10px; vertical-align:top; }

.sports-box-02-ul li h3 { font-size:34px; color:#000; font-weight:600; font-family:"Times New Roman", Times, serif !important; }

.sports-box-02-ul li p { font-size:20px; color:#000; line-height:normal; }

.div-box { display:block; width:100%; margin:0 auto; max-width:1180px; padding:5% 10px 30px 10px;  }

.div-text { display:inline-block; width:100%; max-width:48%; padding:0 10px; vertical-align:top; }

.div-text h3 { text-align:center; font-size:30px;  font-family:"Times New Roman", Times, serif !important; font-weight:600; margin-top:30px;}

.div-text h3 a { text-align:center; font-size:30px;  font-family:"Times New Roman", Times, serif !important; font-weight:600; margin-top:30px;}

.div-text p { line-height:26px; }

.div-img { display:inline-block; width:100%; max-width:48%; padding:0 10px; vertical-align:top; }


.home-facility {	position: relative;	z-index: 100;}

.show { display:none}
@media only screen and (max-width: 990px) {.show { display: block; margin:20px 0}
}


@media only screen and (min-width: 790px) {
.home-facility {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-orient: horizontal;	-webkit-box-direction: reverse;	-ms-flex-direction: row-reverse;	flex-direction: row-reverse;}



.dr-wrapper {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-orient: horizontal;	-webkit-box-direction: reverse;	-ms-flex-direction: row;	flex-direction: row;}

}

@media only screen and (min-width: 990px) {
.home-facility > div {	width: 50%;}.dr-wrapper > div {	width: 50%;}}
.home-facility.color-invert {	background-color: #000000;}
.home-facility .office-image {	background-size: cover;	background-position: center;	min-height: auto;	position: relative;}

.dr-wrapper.color-invert {	background-color: #000000;}
.dr-wrapper .dr-image {	background-size: cover;	background-position: center;	min-height: auto;	position: relative;}

.home-facility .office-wrap {	max-width: 500px;	text-align: left;	margin: 0 auto;	position: relative;}

.dr-wrapper .dr-wrap {	max-width: 500px;	text-align: left;	margin: 0 auto;	position: relative;}

@media only screen and (min-width: 1190px) {
.home-facility .office-image {	min-height: 0;}.dr-wrapper .dr-image {	min-height: 0;}}

.home-facility .office-info {	padding: 40px;}

.dr-wrapper .dr-info {	padding: 40px;}

@media only screen and (max-width: 767px) {
.home-facility .office-info h2 {	margin-top: 0;} 
.dr-wrapper .dr-info h2 {	margin-top: 0;}




}


@media only screen and (min-width: 768px) {
.home-facility .office-wrap {	padding-left: 50px; margin:80px 0;}.dr-wrapper .dr-wrap {	padding-left: 50px; margin-top:150px; margin-bottom:120px}}
.home-facility .office-wrap .subhdng {	font-size: 16px;	font-size: 1rem;	line-height: 1.5em;	font-weight: 300;	font-family: roboto, sans-serif;	text-transform: uppercase;	font-style: italic;	margin-bottom: 40px;}
.home-facility .pagination__item {	color: #333333;}

.dr-wrapper .dr-wrap .subhdng {	font-size: 16px;	font-size: 1rem;	line-height: 1.5em;	font-weight: 300;	font-family: roboto, sans-serif;	text-transform: uppercase;	font-style: italic;	margin-bottom: 40px;  }
.dr-wrapper .pagination__item {	color: #333333;}






@media screen and (max-width: 1190px) {
.slides {	position: absolute;	top: 0;	margin-bottom: 20vh;}}


section {display: block;}
section {z-index: 100;position: relative;padding: 20px;background: #ffffff;text-align: left;}@media only screen and (min-width: 1280px) {section  {padding-right: calc(40px + (50vw - (1280px / 2)));padding-left: calc(40px + (50vw - (1280px / 2)));padding-top: 110px;padding-bottom: 20px;}} 

 .home-about { background-repeat: no-repeat;background-size: 100%;background-position: center bottom;padding-bottom: 75vw;}
  .home-about .rpt-content p,  .home-about h2{  color:#000 !important}
 
 @media only screen and (min-width: 768px) {.home-about {background-size: 50%;padding-bottom: 40vw;}}
 @media only screen and (min-width: 1190px) {.home-about {padding-right: 50%;background-position: 100% center;background-size: auto;padding-bottom: 0px;}}.home-about > div {position: relative;}
 @media only screen and (min-width: 768px) {.home-about > div {padding-left: 50px;}} 
 
 
 
 .home-treatment {position: relative;z-index: 100; /*background-color: #202020;*/ padding-bottom: 50px;}
@media only screen and (min-width: 1190px) {
	.home-treatment {background-image: url("../go/images/bg-front-procedure-white.webp"); background-position: center; 
   padding: 1px 0;
  margin: 0 auto;
 
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
	
	}
}
.home-vip {background: none;color: #ffffff;position: relative;   ;
}
@media only screen and (min-width: 1190px) {.home-vip {padding-right: 50%;top: 20px;}
}
.home-vip > div {position: relative;}
@media only screen and (min-width: 768px) {.home-vip > div {padding-left: 50px;}
}
.home-vip h2 {color: #ffffff;}
@media only screen and (min-width: 1190px) {.home-procedures {padding-right: calc(40px + (50vw - (1190px / 2)));padding-left: calc(40px + (50vw - (1190px / 2)));padding-top: 20px;padding-bottom: 20px;}
}
@media only screen and (min-width: 768px) {.home-procedures li {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 100px;}
}
@media only screen and (min-width: 1190px) {.home-procedures li {margin-bottom: 0;}
}
@media only screen and (min-width: 1190px) {.home-procedures li:nth-of-type(odd) {padding-left: 50%;}
}
@media only screen and (min-width: 1190px) {.home-procedures li:nth-of-type(odd) h3 {border-left: none;border-right: 1px solid #ffffff;}
}
@media only screen and (min-width: 768px) {.home-procedures li:nth-of-type(even) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
}
@media only screen and (min-width: 1190px) {
.home-procedures li:nth-of-type(even) {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.home-procedures li:nth-of-type(odd) .proc-description {margin-left: -400px;}
.home-procedures li:nth-of-type(even) .proc-description {margin-left: 540px;width: 1000px;}
.home-procedures li:nth-of-type(even) .proc-description p {width: 600px;}
.home-procedures li:nth-of-type(even) h3,.home-procedures li:nth-of-type(even) p {padding-left: 70px;}
.home-procedures li:nth-of-type(even) .button {margin-left: 70px;}
.home-procedures li:nth-of-type(even) .proc-image {padding-left: 0;}
}
.home-procedures .proc-description {color: #ffffff;list-style: none;position: relative;z-index: 10;text-align: left;padding: 20px;}
@media only screen and (min-width: 768px) {.home-procedures .proc-description {width: 50%;}
}
@media only screen and (min-width: 1190px) {.home-procedures .proc-description {padding: 0;width: 500px;padding-top: 0;}
}
.home-procedures .proc-description h3 {font-size: 50px;font-size: 3.125rem;line-height: 1em;/*font-weight: 700;*/font-family: 'Vidaloka', sans-serif !important;color: #ffffff;text-transform: none;margin-top: 0;display: inline-block;}
.home-procedures .proc-description h3 a {color: #000 !important; }

@media only screen and (min-width: 1190px) {.home-procedures .proc-description h3 {font-size: 60px;font-size: 3.75rem;border-left: 1px solid #ffffff;padding-top: 70px;padding-right: 1em;margin-top: 0;}
}
@media only screen and (min-width: 1190px) {.home-procedures .proc-description h3 {font-size: 68px;font-size: 2.5rem; }
}
@media only screen and (min-width: 768px) {.home-procedures .proc-image {width: 50%;}
}
@media only screen and (min-width: 1190px) {.home-procedures .proc-image {position: absolute;padding-left: 10%;width: auto;}
}
.home-procedures .proc-image img {width: 100%;}
@media only screen and (min-width: 1190px) {.home-procedures .proc-image img {width: auto;}}



.inner-page-wide{  width:100%;background: no-repeat url("../go/images/logo-big.webp") ;  background-position: bottom right;}
.inner-pages-container{   max-width:900px; margin:0px auto  ; padding:170px 0 80px; position:relative}
.hm{padding:50px 0 80px !important;}
.inner-pages-container p, .inner-pages-container li{ font-size:18px; color:var(--site-text-color); line-height:normal !important }
.inner-pages-container strong{ font-weight:600}
.inner-pages-container li{ list-style:circle !important}
.inner-pages-container h1 { color:var(--heading-text-color);
    text-transform: uppercase;
    font-family: 'EB Garamond', serif !important;
    margin: 50px auto 5px auto;
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: 200;
}
.inner-pages-container h2{ color:var(--subheading-text-color); font-family: Neue Helvetica,Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    letter-spacing: .25em;
    line-height: 1.3125em;
    text-transform: uppercase;}
.inner-pages-container h3{ color:var(--subheading-text-color); font-family: Neue Helvetica,Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    letter-spacing: .25em;
    line-height: 1.3125em;
    text-transform: uppercase;}
.inner-pages-container  a{ text-decoration:underline; }

.inner-pages-container .links  { max-width:800px; margin:0 auto 50px ; text-align:center}
.inner-pages-container .links ul{ display:inline-block; list-style:circle !important; text-align:center}
.inner-pages-container .links li{ display:inline-block; list-style:circle !important;  margin:0 20px ; text-align:center}
.inner-pages-container .links li a{ text-decoration:none}

.inner-pages-container .menu-services-go{max-width:900px; margin:20px auto 50px ; text-align:center}
.inner-pages-container .menu-services-go ul{display:inline-block;   text-align:center}
.inner-pages-container .menu-services-go li{ display:inline-block;    margin:0 20px ; text-align:center; list-style:circle !important}
.inner-pages-container .menu-services-go li a{ text-decoration:underline;list-style:circle !important}

.dr-boxes{ display:inline-block; width:100%}
.dr-boxes ul{ line-height:none}
.dr-boxes li { display:inline-block; width:32%; margin:0 10px 0 0}
.dr-boxes li a{text-decoration:none}

.dsmile{text-align:center; float:right;  width:600px}

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

.home-procedures .proc-description h3 a { font-size:28px; }
.hm{margin:0px auto  ; padding: 10px 20px 80px !important;}

.inner-pages-container{  margin:0px auto  ; padding: 10px 20px 80px;  }}
@media only screen and (max-width: 759px) {

.home-procedures .proc-description h3 a { font-size:24px; }

.home-procedures {
    margin: 0 15px !important;
}
.inner-pages-container p{ font-size:16px; line-height:28px}
.dr-boxes li { display: block; width:90%; margin: auto}
.dsmile{  float: none;  width:100%; display:block}
.dsmile img{ width:auto !important; display:inline-block !important; height:150px !important}

}












.team-ul { display:inline-block; padding:0px; list-style:none; width:100%; text-align:center; }

.team-ul li { display:inline-block; padding:0px; list-style:none; width:100%; max-width:230px; margin:5px; }

.team-ul li img { display:block; width:100%; margin-bottom:5px; }

.smile-gallery { display:inline-block; width:100%; padding:0px; text-align:center; }

.smile-gallery li { display:inline-block; width:100%; max-width:280px; padding:0px; vertical-align:top; margin: 15px; color:#000; text-decoration:none; }

.smile-gallery li a { color:#000; text-decoration:none; }

.smile-gallery li a:hover { opacity:1 !important; }


.smile-gallery li img { display:block; width:100%; border:5px solid #fff;  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)  }

/*.smile-gallery li a img:hover { opacity:0.8;  }*/

.smile-box { display:inline-block; text-align:center; width:100%; margin:10px auto;  }

.large-image { position: absolute; left: -9999px; width:100%; max-width:300px; opacity:1 !important;  border-radius: 4px;  box-shadow: 1px 1px 3px 3px rgba(127, 127, 127, 0.15);}

.smile-gallery li a:hover .large-image {left: 0;  top: -50px; z-index:999999; opacity:1 !important;}




/*.smile-box ul { padding:10px 0; list-style:none; display:block; margin:0 auto; text-align:center; width:100%; max-width:700px; border:1px solid #000; border-radius:10px; }*/

.smile-box ul { padding: 20px 0; display: block; margin: 20px auto; width: 100%; list-style: none; text-align: center; max-width: 800px; background: #000;
border-radius: 0px;}

.smile-box ul li { color:#000; padding:0px; list-style:none; display:inline-block; text-align:center; width:100%; max-width:330px; margin:10px; }

.smile-box ul p { color:#000; }

.smile-box ul li img { display:block; width:100%; }

.cosmetic-bg { background: #160f0a url('/content/images/original_cosmetic_dentistry.webp'); background-position:center center; background-size:cover;  }

.cosmetic-bg-color { background:rgba(0,0,0,0.4);padding:8% 0;}

  

.procedure-anchors {padding-top: 40px;padding-bottom: 40px;}
@media only screen and (min-width: 1190px) {.procedure-anchors {padding-top: 15px;padding-bottom: 15px;}}
.procedure-anchors > div {background:var(--header-inner-background-color);padding: 20px;}
@media only screen and (min-width: 1190px) {.procedure-anchors > div {padding: 40px;}}
.procedure-anchors > div a,
.procedure-anchors > div li a:not(.btn),
.procedure-anchors > div li a:not(.btn):visited,
.procedure-anchors > div li a:not(.btn):focus,
.procedure-anchors > div li a:not(.btn):hover {color: #ffffff !important;-webkit-text-fill-color: #ffffff !important;text-decoration: none;display: block;padding: 20px;position: relative;}
@media only screen and (min-width: 1190px) {.procedure-anchors > div a:hover {background: rgba(2,55,83,1);}.procedure-anchors > div a:hover:after {content: '';border-bottom: 1px solid #ffffff;position: absolute;bottom: 20px;left: 20px;width: 50px;}}

.serv-txt{ color:#fff; font-size:16px; line-height:1.6}

.box-shadow {/*-webkit-box-shadow: 20px 20px 0 0 #bab8b8;box-shadow: 20px 20px 0 0 #bab8b8;*/}

@media only screen and (min-width: 768px) {.three-column {-webkit-column-count: 2; -moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px; -moz-column-gap: 40px;column-gap: 40px;}}@media only screen and (min-width: 1190px) {.three-column {-webkit-column-count: 3; -moz-column-count: 3;column-count: 3;}}.three-column > li,.three-column > div {display: inline-block;width: 100%;}



 
