body {
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color:#767676;
}
sup {
vertical-align: super;
font-size: 0.5em;
}
.share-buttons {
margin-top:3em;
max-width:152px !important;
}
.share-buttons li:before, .share-buttons li:after {
content:'' !important;
}
.emphasis, em {
font-style:italic;
font-size:1.25rem;
}
.btn {
border-radius:4px !important;
}
.btn-primary {
background-color:#214ea2;
color:#FFF;
border:none;
font-weight:700;
font-size:1.25rem;
}
.btn-primary:hover, .btn-primary:active {
background-color:#113A84 !important;
outline:none !important;
border:none !important;
}
.static ul, .static-fade ul {
margin:0;
padding:0;
list-style-type:none;
}
.static ul li, .static-fade ul li {
position:relative;
padding-left:1.5em;
margin-bottom:1.5em;
}
.static ul li:last-of-type, .static-fade ul li:last-of-type {
margin-bottom:0;
}
.static ul li:after, .static-fade ul li:after {
content:"\f05d";
font-family: "FontAwesome";
position:absolute;
left:0;
top:0;
color:#CCC;
}
.static.static-blue ul li:after {
color:#6eceeb;
}
/* Fonts */
/* Reset Before After Slider */
.ba-slider img {
max-width:none
}
.ba-slider .handle {
background: #FFF;
margin-left:-2px;
}
.ba-slider {
font-family: 'FontAwesome';
}
.ba-slider .handle:after {
content:'\f07e';
width: 42px;
height: 42px;
margin: -21px 0 0 -21px;
margin-left:-18px;
line-height:42px;
font-size:24px;
border-radius:50%;
color:#CCC;
transition:none;
background: #FFF;
border:none;
box-shadow:none;
}
.ba-slider .handle.ba-draggable:after {
width: 42px;
height: 42px;
margin: -21px 0 0 -21px;
margin-left:-18px;
line-height:42px;
font-size:24px;
}
.img-caption {
font-style:italic;
}
/* About Quotes Wrapper */
#about-quotes .quote {
font-size:1.75em !important;
color:#767676;
font-style:italic;
}
#about-quotes .quoted {
font-size:1.25em !important;
font-weight:700;
color:#214ea2;
}
.static-fade .carousel-control-prev-icon, .static-fade .carousel-control-next-icon {
background-image:none;
}
.static-fade .carousel-control-prev-icon:after {
content:"\f104";
font-family:"FontAwesome";
font-size:2rem;
color:#214ea2;
}
.static-fade .carousel-control-next-icon:after {
content:"\f105";
font-family:"FontAwesome";
font-size:2rem;
color:#214ea2;
}
/* Image Container */
.image-container {
position:relative;
}
.image-container-button {
position:absolute;
width:100%;
padding:1em;
left:0;
bottom:0;
text-align:left;
color:#FFF !important;
font-size:1.25em;
text-transform:uppercase;
font-weight:700;
background-color:rgba(33,78,162,0.75);
border-radius:0 0 4px 4px;
cursor:pointer;
text-decoration:none !important;
}
.image-container-button:hover {
text-decoration:none !important;
color:#FFF;
}
.image-container-button:after {
font-family:"FontAwesome";
content:"\f105";
position:absolute;
right:0;
top:50%;
margin-top:-0.75em;
margin-right:1.25em;
}
/* Colors */
.drk-grey-text {
color: #747576 !important;
}
.lt-grey-text {
color: #a6a6a6;
}
.doc-green {
color: #214ea2 !important;
}
.color-white {
color: #fff !important;
}
.contain-img img {
width:100%;
height:auto;
}
.youtube-wrapper {
width:100%;
position:relative;
padding-bottom:56.25%;
border-radius:4px;
overflow:hidden;
}
.youtube-wrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.slide-caption {
display:none;
}
.btn.green {
background-color:#214ea2;
color:#FFF !important;
font-weight:700;
padding:0.5em 1em;
font-size:1.25rem;
}
img.with-footer {
border-radius:4px 4px 0 0;
}
.footer-btn {
display:block;
width:100%;
padding:1rem;
background-color:#eaeaea;
border-radius:0 0 4px 4px;
text-align:center;
cursor:pointer;
transition:background-color 0.25s;
}
.footer-btn p {
margin:0;
padding:0;
}
.footer-btn .heading {
font-size:1.75rem;
font-weight:700;
line-height:1em;
}
.footer-btn * {
pointer-events:none;
}
.footer-btn:hover {
background-color:#d0d0d0;
}
.social-link {
margin-left:0.5rem;
}
.social-link:first-of-type {
margin-left:0;
}
/* City/State Listings */
/** State/City Doctors Listing **/
.state-doctor-wrapper {
padding: 2rem !important;
} @media (max-width: 1200px) { .state-doctor-wrapper {
padding: 2rem !important;
}}
@media (max-width: 750px) {
.state-doctor-wrapper {
padding: 1rem !important;
} }
.state-doctor-wrapper ul li:after, ul li:after {
content: none;
}
.state-doctor-wrapper .section-title-container {
margin-bottom: 42px;
}
.state-doctor-wrapper .row {
margin-top: -21px;
}
.state-doctor-wrapper .row {
margin-top: 20px;
}
.state-doctor-wrapper .state-title-container h5, h6 {
color: #214ea2;
text-align:center;
}
.state-doctor-wrapper .name {
display:inline-block;
}
.state-doctor-wrapper .doctor-link {
text-align:center;
}
.state-doctor-wrapper .doctor-container {
margin-top:0.5rem;
}
@media (max-width: 1199px) {
.state-doctor-wrapper .state-title-container h5, .state-doctor-wrapper .doctor-link {
text-align:center;
}
}
/*.benefits-vid-cont {
max-width:960px;
text-align:center;
}*/
.main-wrapper {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
perspective: 2px;
-webkit-overflow-scrolling:touch;
}
img, video {
border-radius:4px;
}
/* Parallax */
.parallax-section {
position: relative;
height: 100vh;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.parallax::after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateZ(-1px) scale(1.5);
background-size: cover;
z-index: -1;
}
.parallax-ceramic {
position: relative;
height: 600px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.parallax-ceramic::after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateZ(-1px) scale(1.5);
background-size: 100%;
z-index: -1;
height: 100vh;
}
#home-hero video {
position:absolute;
z-index:0;
left:0;
top:0;
opacity:0;
transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
}
#home-hero video.enabled {
opacity:1;
}
#down-icon {
position:absolute;
display:inline-block;
bottom:0;
left:50%;
color:#FFF;
width:64px;
height:64px;
margin-bottom:32px;
margin-left:-32px;
background-color:rgba(255,255,255,0.15);
text-align:center;
font-size:42px;
padding-top:11px;
border-radius:4px;
line-height:1;
z-index:1;
cursor:pointer;
transition:background-color 0.35s, color 0.35s;
-webkit-transition:background-color 0.35s, color 0.35s;
}
#down-icon:hover {
background-color:rgba(255,255,255,0.96);
color:#CCC;
text-decoration:none;
}
#down-icon:after {
content:"\f107";
font-family:"FontAwesome";
font-weight:400;
}
h1 {
font-weight:600 !important;
text-shadow:6px 6px 12px rgba(1,70,80,0.5);
}
.modal h1 {
text-shadow:none;
}
h1, h2 {
text-transform:capitalize;
}
h2 {
font-size:2.5em;
}
.lr-containers {
display:flex;
align-items:center;
}
.lr-containers .lr-col:nth-child(1) {
padding-right:2em;
}
.lr-containers .lr-col:nth-child(2) {
padding-left:2em;
}
.lr-col h2 {
margin-bottom:2rem;
}
.accordion .card {
border:none;
}
.accordion .card-header {
border:none;
background-color:#FFF;
padding:1.5rem 0;
}
.accordion .card-body {
padding:2rem;
background-color:#f6f6f6;
border-radius:4px;
}
.accordion h3, .accordion h4 {
color:#214ea2 !important;
cursor:pointer;
}
.accordion h3 i, .accordion h4 i {
margin-right:1rem;
color:#CCC;
float:right;
}
.accordion h4 {
font-size:1.125rem;
}
.circle-img {
width:128px;
height:128px;
border-radius:50%;
border:solid 2px #e6e6e6;
display:inline-block;
margin-bottom:1rem;
}
hr.stubby {
display:block;
width:64px;
}
.home-header-h1 {
position:relative;
z-index:1;
padding-top:45px;
color:#FFF;
margin:0 auto;
width:100%;
}
#home-hero {
position:relative;
background-image: url("/storage/app/media/home-hero-bg.jpg");
background-repeat: no-repeat;
background-size:cover;
background-position:center right;
height:100%;
width:100%;
display:flex;
align-items:center;
overflow:hidden;
}
#home-hero div {
width:100%;
}
.bg2::after {
background-image: url("../images/ceramics-bg.jpg");
background-repeat: no-repeat;
}
.static {
background-color: #fff;
padding: 5rem;
}
.static h2, .static-fade h2 {
font-weight: 700;
color: #747576;
}
.static h3, .static-fade h3 {
font-weight: bolder;
color: #747576;
font-weight: 700;
}
.static h4, .static-fade h4 {
font-weight: bolder;
color: #747576;
}
.static h5, .static-fade h5 {
font-weight: bolder;
color: #747576;
}
.static-blue {
background-color: #214ea2;
color: #fff;
padding: 5rem;
}
.static-blue li {
color:#FFF;
}
.static-blue h2 {
font-weight:700;
color:#FFF;
}
.static-fade {
background-color: #eeefef;
padding: 4rem;
}
.static-fade p, .static-fade ul li {
color: #4B4A4A;
}
/* Margins */
.marg-auto {
margin: auto;
}
.no-marg {
margin: 0px !important;
}
.marg-top-1 {
margin-top: 1rem;
}
.marg-top-2 {
margin-top: 2rem;
}
.marg-top-3 {
margin-top: 3rem;
}
.marg-top-4 {
margin-top: 4rem;
}
.marg-top-5 {
margin-top: 5rem;
}
.marg-bot-1 {
margin-bottom: 1rem;
}
.marg-bot-2 {
margin-bottom: 2rem;
}
.marg-bot-3 {
margin-bottom: 3rem;
}
.marg-bot-4 {
margin-bottom: 4rem;
}
.marg-bot-5 {
margin-bottom: 5rem;
}
.card-marg {
margin: 1rem auto;
}
/* Padding */
.pad-1 {
padding: 1rem;
}
.pad-2 {
padding: 2rem;
}
.pad-3 {
padding: 3rem;
}
.pad-4 {
padding: 4rem;
}
.pad-5 {
padding: 5rem;
}
.pad-top-1 {
padding-top: 1rem;
}
.pad-top-2 {
padding-top: 2rem;
}
.pad-top-3 {
padding-top: 3rem;
}
.pad-top-4 {
padding-top: 4rem;
}
.pad-top-5 {
padding-top: 5rem;
}
.pad-bot-1 {
padding-bottom: 1rem;
}
.pad-bot-2 {
padding-bottom: 2rem;
}
.pad-bot-3 {
padding-bottom: 3rem;
}
.pad-bot-4 {
padding-bottom: 4rem;
}
.pad-bot-5 {
padding-bottom: 5rem;
}
.pad-side-2 {
padding: 0 2rem;
}
.pad-tb-1 {
padding: 1rem 0;
}
.pad-tb-2 {
padding: 2rem 0;
}
.pad-tb-3 {
padding: 3rem 0;
}
.pad-tb-4 {
padding: 4rem 0;
}
.pad-tb-5 {
padding: 5rem 0;
}
.pad-l-17 {
padding-left: 17px;
}
.content-pad {
padding: 3em;
}
.width-50 {
width: 50%;
}
.width-70 {
width: 70%;
}
.just-center{
justify-content: center;
}
.align-center {
align-content: center;
}
.align-items-center {
align-items: center;
}
.font-size-08 {
font-size: 0.85rem;
}
.font-size-15 {
font-size: 1.5rem;
}
.font-size-40 {
font-size: 4rem !important;
}
.font-bold {
font-weight: bold;
}
/* Video Content */
.img-vid-place {
width: 100%;
height: auto;
}
#layout-footer {
background-color: #065C68;
}
#layout-footer ul {
margin:0;
padding:0;
list-style-type:none;
display:block;
margin-bottom:2em;
}
#layout-footer ul li {
display:inline-block;
font-weight:700;
text-transform:uppercase;
margin-right:1em;
}
#layout-footer ul li:last-of-type {
margin-right:0;
}
#layout-footer a {
color:#A4D9E0;
text-decoration:none;
cursor:pointer;
transition:color 0.35s;
-webkit-transition:color 0.35s;
}
#layout-footer a:hover {
text-decoration:none;
color:#FFF;
}
#footer .legal {
color:#A4D9E0;
}
#footer .reference {
color:#A4D9E0;
font-size:10px;
margin-bottom:0;
padding-bottom:2em;
}
#footer .reference a:hover {
text-decoration:none;
color:#FFF;
}
#ceramic-vs-titanium-wrapper {
padding-top:192px;
padding-bottom:192px;
background:url('/storage/app/media/home-ceramic-vs-titanium-bg.jpg') no-repeat;
background-position:center;
background-size:cover;
color:#FFF;
}
#ceramic-vs-titanium-wrapper h1 {
color:#FFF;
text-shadow:3px 3px 16px rgba(0,0,0,0.15);
}
#biomaterial-table thead {
color:#064e97;
}
#biomaterial-table.table-striped tbody tr:nth-of-type(odd) {
background-color:rgba(6,78,151,0.1);
}
#health-concerns-wrapper {
background-image:url('/storage/app/media/body-720.jpg');
background-position:bottom right;
background-repeat:no-repeat;
background-size:auto 100%;
}
#health-concerns-wrapper .container {
padding-right:128px;
}
@media (max-width: 1500px) {
#health-concerns-wrapper .container {
padding-right:344px;
}
}
@media (max-width: 1024px) {
#health-concerns-wrapper .container {
padding-right:512px;
}
}
@media (max-width: 992px) {
#health-concerns-wrapper .container {
padding-right:0;
}
#health-concerns-wrapper {
background-image:none;
text-align:center;
}
}
#health-concerns-chart-content h5 {
margin-top:24px;
}
#health-concerns-chart-content ul {
margin-top:16px;
}
.cost-testimonial-wrapper {
padding-top:2.5rem;
}
.cost-testimonial-wrapper hr {
width:80%;
}
.cost-testimonial-image-wrapper {
text-align:center;
}
.cost-testimonial-image-wrapper img {
width:128px;
height:128px;
display:inline-block;
border-radius:50%;
border:solid 4px #eaeaea;
}
.cost-testimonial-wrapper h3 {
margin-top:1rem;
}
.cost-testimonial-wrapper .feature {
font-size:42px;
margin:-8px 0;
padding:0;
}
.cost-testimonial-wrapper .feature small {
font-size:24px;
}
.cost-testimonial-wrapper .label {
padding:0;
margin:5px 0;
}
#cost-wrapper .btn {
margin-top:3rem;
}
#cost-construction-modal h4 {
margin-top:24px;
}
.stats-wrapper {
text-align:center;
}
.stats-wrapper .stat {
width:128px;
height:128px;
background-size:100%;
background-position:center;
font-size:52px;
font-weight:700;
text-align:center;
color:#214ea2;
margin-bottom:16px;
display:inline-block;
padding-left:6px;
padding-top:22px;
}
.stats-wrapper .stat.p99 {
background-image:url(/storage/app/media/p99.png);
}
.stats-wrapper .stat.p98 {
background-image:url(/storage/app/media/p98.png);
}
.stats-wrapper .stat.p97 {
background-image:url(/storage/app/media/p97.png);
}
.stats-wrapper .stat.p96 {
background-image:url(/storage/app/media/p96.png);
}
.stats-wrapper .stat sup {
vertical-align: middle;
}
.stats-wrapper .label {
color:#7d7d7d;
font-size:14px;
text-align:center;
margin-top:0 !important;
}
.stats-wrapper .stat-container {
border-right:solid 2px #d0d0d0;
}
.stats-wrapper .stat-container:last-of-type {
border-right:none;
}
/* About Page */
.header {
height: 480px;
width: 100%;
background-color: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
padding-top:4em;
color: #fff;
}
.header.hero {
background-image:url(/storage/app/media/content-hero.jpg);
background-attachment:fixed;
background-size:cover;
background-position:center;
transform:translate3d(0,0,0);
}
.header.hero.doc {
background-image:url('https://titaniumdmc.com/img/brands/z-systems/paul-petrungaro-hero.jpg');
}
.header.hero.cost {
background-image:url('/storage/app/media/cost-hero.jpg');
}
.header.hero.provider {
background-image:url('/storage/app/media/provider-bg.jpg');
}
.header.hero.why-implants {
background-image:url('/storage/app/media/why-implants-extended.jpg');
background-position:right top;
}
.header.hero.blog {
background-image:url('/storage/app/media/blog-hero-bg.jpg');
background-position:center bottom;
}
.header.hero.health-concerns {
background-image:url('/storage/app/media/health-concerns-hero-bg.jpg');
}
.header.hero h1 {
font-size:4em;
}
.sub-heading {
color:#FFF;
font-size:1.5rem;
margin-top:0.5rem;
}
#home-hero .sub-heading {
font-size:2rem;
}
#home-hero .container {
position:relative;
z-index:1;
}
#home-hero .btn {
background-color:#214ea2;
color:#FFF;
border-radius:4px;
font-size:1.5rem;
font-weight:700;
padding:1rem 2rem;
}
#home-hero .btn i {
margin-right:0.5rem;
}
#home-hero .btn * {
pointer-events:none;
}
#dental-implant-process-steps .col {
padding-top:2rem;
}
#dental-implant-process-steps .col p:first-of-type {
text-transform:uppercase;
}
#dental-implant-process-steps img {
width:212px;
height:auto;
box-shadow:4px 4px 2px rgba(0,0,0,0.15);
display:inline-block;
margin-bottom:1rem;
}
#faq-grid .row {
background:url('/storage/app/media/dental-office-web.jpg') no-repeat;
background-size:cover;
background-position:center;
margin:0;
}
#faq-grid .col {
padding:212px 64px;
text-align:center;
color:#FFF;
}
#faq-grid .col h3 {
}
/*
#faq-grid .col:first-of-type {
background:url('/storage/app/media/patient-resources-1.jpg') no-repeat;
background-size:cover;
background-position:center;
}
#faq-grid .col:last-of-type {
background:url('/storage/app/media/patient-resources-2.jpg') no-repeat;
background-size:cover;
background-position:center;
}
*/
#faq-grid .col {
background: rgba(33,78,162,0.45);
}
#faq-grid .btn {
font-size:1.25rem;
font-weight:700;
background-color:transparent;
border:solid 2px #FFF;
margin-top:1rem;
padding:0.75rem 1.25rem;
min-width:192px;
}
#implant-candidate-quiz .question {
font-weight:700;
font-size:1.125rem;
padding:0.5rem;
padding-left:2rem;
padding-right:4.5rem;
position:relative;
}
#implant-candidate-quiz .question .checkbox {
position:absolute;
right:0;
top:0;
margin-top:0.5rem;
color:#214ea2;
}
#implant-candidate-quiz .question .checkbox input {
margin-left:4px;
}
#implant-candidate-quiz .question:before {
font-family:"FontAwesome";
content:'\f059';
position:absolute;
left:0;
color:#c0c0c0;
}
/* Provider Page */
.section-hero {
position:relative;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
background-attachment:fixed;
padding:212px 1rem;
width:100%;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
color:#FFF;
text-align:center;
}
.section-hero.tight {
padding:128px 1rem;
}
.section-hero h2 {
font-weight:700;
text-shadow:3px 3px 3px rgba(0,0,0,0.15);
font-size:3.5rem !important;
}
.section-hero.tight h2 {
font-size:3rem !important;
}
.section-hero.dark h2 {
color:#214ea2;
text-shadow:none;
}
#certified-swiss-products .section-hero {
background-image: url("/storage/app/media/ceramics-hero-bg.jpg");
}
#continuing-education .section-hero {
background-image: url("/storage/app/media/symposium-bg-pic.jpg");
}
#continuing-education .section-hero:first-of-type {
background-image: url("/storage/app/media/continuing-education-hero-bg.jpg");
}
#marketing-services .section-hero {
background-image: url("/storage/app/media/marketing-hero-bg.jpg");
}
.lr-col .iframe {
position:relative;
width:100%;
padding-bottom:56.25%;
}
.lr-col .iframe iframe {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.btn-primary.white.outline {
background-color:rgba(0,0,0,0.15);
border:solid 2px #FFF !important;
font-size:1.5rem;
}
.btn-primary.lg {
font-size:1.75rem;
padding:1rem 2rem;
}
.btn i {
margin-right:0.5em;
}
#provider-about h5 {
color:#214ea2;
}
#course-locations .modal-body {
padding:3rem;
color:#4d4d4d;
}
#provider-slider .container h2 {
text-align:center;
margin-top:1rem;
}
#provider-slider .container p {
text-align:center;
margin-bottom:2rem;
}
#continuing-education .container h2 {
margin-bottom:2rem;
}
#symposium-hero h2 {
margin-bottom:0 !important;
}
#symposium-hero p {
font-size:2rem;
margin-top:0;
}
#marketing-services-list h5 {
margin-top:1rem;
}
/* Titanium v. Ceramic Page */
.header.hero.versus {
background-image:url('/storage/app/media/happy-couple-web.jpg');
background-position:right top;
}
.header.hero.versus p:first-of-type {
font-size:1.5em;
line-height:1.25em;
margin-top:.5em;
color:#efefef;
text-shadow:2px 2px 4px rgba(0,0,0,0.35);
}
#conductivity .section-hero {
background-image: url("/storage/app/media/conductivity-bg.jpg");
}
#find-doctor-jump-cta .section-hero {
background-image: url("/storage/app/media/implant-surgeon-bg.jpg");
}
#versus-about h2 {
margin-bottom:1rem;
}
#versus-about h5 {
margin-top:1rem;
}
#why-ceramics em {
color:#214ea2;
}
#conductivity h2 {
margin-bottom:2rem;
}
#ceramic-vs-titanium-wrapper h2 {
color:#FFF !important;
font-weight:700;
text-align:center;
font-size:64px;
}
/* Is there a Doctor in my Area? */
.btn-doc-submit {
background-color: #CCCCCC;
color: #767676;
border-radius: 0px !important;
width: 140px;
font-weight: bold;
}
.btn-doc-submit2 {
background-color: #CCCCCC;
color: #767676;
border-radius: 0px !important;
width: 200px;
font-weight: bold;
}
.btn-marg-1 {
margin: 1rem;
}
.form-control {
border-radius: 4px !important;
}
.found-doc {
background-color: #fff;
}
.btn-doc {
color: #fff;
background-color: #214ea2;
border-radius: 0px;
min-width: 180px;
padding: 12px 24px;
margin:0.25rem;
}
* .btn-doc:first-of-type {
margin-left:0;
}
.btn-doc-2 {
position: absolute;
display: inline-block;
left: 25%;
z-index: 1;
cursor: pointer;
color: #214ea2;
background-color: #fff;
border-radius: 0px;
border-color: #214ea2;
min-width: 180px;
padding: 12px 24px;
margin:0.25rem;
bottom: 25px;
border-width: 2px;
font-size: 1.5em;
font-weight: 700;
}
.btn-doc-2:hover {
color: #fff;
background-color: #214ea2;
}
#find-doc-form .form-group {
position:relative;
background-color:rgba(255,255,255,0.1);
border-radius:4px;
}
#find-doc-form .form-group input[name="zip"] {
border:none;
font-size:1.5em;
color:#FFF;
padding:16px !important;
height:auto;
width:100%;
background-color:transparent;
}
#find-doc-form .form-group:after {
content:"\f002";
font-family:"FontAwesome";
position:absolute;
z-index:1;
font-size:1.25em;
right:0;
top:50%;
margin-top:-0.75em;
margin-right:16px;
color:#6eceeb;
}
#find-doc-form ::-webkit-input-placeholder {
color: #FFF;
font-family: 'Titillium Web', sans-serif;
}
#find-doc-form :-moz-placeholder {
color: #FFF;
font-family: 'Titillium Web', sans-serif;
}
#find-doc-form ::-moz-placeholder {
color: #FFF;
font-family: 'Titillium Web', sans-serif;
}
#find-doc-form :-ms-input-placeholder {
color: #FFF;
font-family: 'Titillium Web', sans-serif;
}
#find-doc-btn {
border-radius:4px !important;
font-size:1.25em;
}
#find-doc-btn i {
margin-right:0.5rem;
}
.doc-name {
color:#7d7d7d;
}
.doc-name p {
padding:0;
margin:0;
}
/* Map */
#find-a-doctor-wrapper {
padding-top:2rem;
padding-bottom:2rem;
}
#marker-template-wrapper {
position:relative;
padding-left:156px;
height:100%;
z-index:-1;
}
#marker-template-image-wrapper {
position:absolute;
top:0;
left:0;
height:100%;
width:156px;
background-color:#f6f6f6;
z-index:0;
border-radius:2px 0 0 2px;
display:flex;
align-items:center;
justify-content:center;
}
#marker-template-image-wrapper img {
width:100%;
height:100%;
object-fit:cover;
border-radius:2px 0 0 2px;
opacity:1;
transition:opacity 0.25s;
position:absolute;
}
#marker-template-image-wrapper i {
font-size:24px;
color:#CCC;
}
#marker-template-image-wrapper img[data-src] {
opacity:0;
}
#marker-template-content-wrapper {
display:flex;
align-items:center;
height:100%;
}
.marker-template-content {
padding:1rem;
}
.marker-template-content h3 {
font-weight:700;
font-size:0.875rem;
}
.marker-template-content p {
font-size:0.75rem;
margin:0;
margin-top:0.5em;
padding:0;
}
.marker-template-content a {
color:#214ea2;
font-weight:700;
}
.marker-template-content a:hover {
text-decoration:none;
}
.doc-icons {
color: #fff;
margin-right: 15px;
}
.d-inline-block {
display: inline-block;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.nav-item {
cursor: pointer;
}
/* Doctor Card */
.found-doc {
position:relative;
border-radius:4px;
margin-bottom: 20px;
}
.found-doc .z-badge {
position:absolute;
top:0;
right:0;
width:128px;
height:128px;
margin-top:1rem;
margin-right:1rem;
z-index:1;
}
.found-doc .distance {
color: #7d7d7d;
font-size: 14px;
font-style: italic;
text-align: center;
}
#found img {
border-radius:4px;
}
/* Modal */
.modal-dialog {
max-width: 1000px !important;
}
#z-logo-sm {
height: 70px;
}
.modal-content {
background-color: #e5e5e5e3;
border-radius: 0px;
display: block;
}
.privacy-modal-content {
background-color: #1E2735;
color: white;
border-radius: 7px;
position: absolute;
top: 700px;
left: 5%;
width: 90%;
padding-top: 12px;
}
.privacy-modal-content a {
text-decoration: none;
color: #007bff;
}
.light .modal-content {
background-color:#FFF;
}
.modal-content.pd, .modal-body.pd {
padding:3rem;
}
.btn-thin-border {
border: #767676 solid 1px;
}
.modal-header {
border-bottom: none;
padding: 1rem 1rem 0 1rem;
}
.modal-body {
padding: 0 1em 1em 1em;
}
.width-100 {
width: 100%;
}
#mainNav {
background-color: rgba(255, 255, 255, 0.96);
box-shadow: 0px 6px 0 rgba(0,0,0,0.05);
}
#mainNav #navbarResponsive {
opacity:1;
transition:opacity 0.35s;
-webkit-transition:opacity 0.35s;
}
#mainNav.disabled #navbarResponsive {
opacity:0;
}
.interested-boxes {
margin-left: 12px;
}
/* Responsive */
@media (min-width: 992px) {
}
@media (max-width: 1200px) {
.lr-containers .lr-col:nth-child(1) {
padding-right:1rem;
}
.lr-containers .lr-col:nth-child(2) {
padding-left:1rem;
padding-top:2rem !important;
}
}
@media (max-width: 992px) {
#mainNav {
background-color: #fff;
}
.parallax-section {
align-items: flex-end;
}
.parallax::after {
background-size: cover !important;
}
.bg1::after {
background-position-x: center !important;
}
.bg2::after {
background-position-x: center !important;
}
.parallax-ceramic {
height: 465px;
}
.header.hero h1 {
font-size:3rem;
}
.flex-center.break-small {
display: block;
justify-content: auto;
align-items: auto;
}
.flex-center.break-small a {
display:block;
width:100%;
margin:8px 0px;
}
.found-doc {
text-align:center !important;
}
.found-doc .doc-img {
max-width:212px;
margin-bottom:2rem;
}
}
@media (min-width: 768px) {
.home-header-h1 {
font-size: 3em;
}
.provider-header-h1 {
font-size: 3em;
}
.why-ceramic-header {
font-size: 3em;
}
}
@media (min-width: 992px) {
.home-header-h1 {
font-size: 4em !important;
}
.provider-header-h1 {
font-size: 4em !important;
}
.why-ceramic-header {
font-size: 4em !important;
}
}
@media (max-width: 768px) {
#symposium-hero .academy-logo-2019 {
width: 300px;
height: 300px;
}
#continuing-education .academy-logo-2019 {
width: 300px;
height: 300px;
}
h2 {
font-size:1.5rem !important;
}
.header.hero {
background-attachment:scroll;
background-size:auto 100%;
background-position:right center;
}
.header.hero.cost {
background-position:center;
}
.static, .static-blue, .static-fade {
padding: 2rem 1rem;
}
.expert-pad {
padding: 0 1.5rem;
}
.provider-header-h1 {
padding: 0 0.25rem;
}
#layout-footer ul li {
display:block;
margin-right:0;
margin-bottom:0.75em;
}
#layout-footer ul li:last-of-type {
margin-bottom:0;
}
#find-doc-form .form-group input[name="zip"] {
font-size:1em;
}
#find-doc-form .form-group:after {
font-size:1em;
margin-top:-0.75em;
margin-right:16px;
color:#6eceeb;
}
.section-hero {
padding:128px 1rem;
}
.section-hero.tight {
padding:64px 1rem;
}
.section-hero h2 {
font-size:2.5rem !important;
}
.btn-primary.lg {
font-size:1.25rem;
padding:0.5rem 1rem;
}
#continuing-education .lr-containers .contain-img {
display:none !important;
}
}
/* Home - Why Replace */
.why-img-cont {
padding: 1rem;
}
.why-img-cont img {
width: 100%;
}
.play-video-btn-wrapper {
display:block;
text-align:center;
line-height:0;
}
.play-video-btn {
position:relative;
z-index:1;
display:inline-block;
font-size:96px;
color:#FFF;
}
#video-modal .video-preview, #testimonial-modal .video-preview {
display:block;
}
#video-modal .modal-content, #testimonial-modal .modal-content {
border-radius:4px;
}
#video-modal .close, #testimonial-modal .close {
color:#FFF !important;
margin-right:1em;
margin-top:1em;
font-size:2em !important;
}
@media (max-width: 576px) {
.why-ceramic-header {
padding: 0 1rem;
}
}
@media (min-width: 576px) {
.why-art-marg {
margin-top: 2rem;
}
.why-header-cont {
margin-bottom: 2rem;
}
.why-img-cont {
padding: 1.5rem;
}
}
/**
*
* Health App
*
*/
#health-app:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
#health-app-image-container {
position:relative;
overflow:hidden;
padding-bottom:100%;
}
#health-app-image-container img {
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
transition:opacity 0.35s;
}
#health-app-image-container img.enabled {
opacity:1;
}
#health-app .wrapper {
width:50%;
float:left;
}
#health-app .health-app-trigger {
display:block;
width:100%;
padding:0.5rem;
margin-bottom:0.25rem;
}
#health-app-controller {
position:relative;
}
#health-app-controller a {
display:block;
width:32px;
height:32px;
font-size:24px;
}
#health-app-controller a:first-of-type {
position:absolute;
left:0;
top:0;
}
#health-app-controller a:last-of-type {
position:absolute;
right:0;
top:0;
}
#health-app-controller span {
padding:0 64px;
display:inline-block;
width:100%;
text-align:center;
font-weight:700;
text-transform:capitalize;
}
/* Ceramic Vs Metal Section */
.ceramic-metal-content p span {
font-weight: 700;
color: #214ea2;
}
/* Hero Slider CSS */
#hero-container {
position:relative;
padding-top:3em;
height:100vh;
background-color:#FFF;
}
#hero-container-doctors {
position:relative;
height:100vh;
background-color:#FFF;
}
#hero-slideshow {
position: relative;
width:100%;
height:calc(100vh - 98px);
margin-top:98px;
z-index:0;
overflow:hidden;
background-color:#e6e6e6;
}
#hero-slideshow .slide-control {
position:absolute;
top:50%;
margin-top:-1.5em;
height:3em;
padding:0.5em 1em;
background-color:rgba(255,255,255,0.15);
color:#FFF;
transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
}
#hero-slideshow .slide-control.disabled {
pointer-events:none;
opacity:0.25;
}
#hero-slideshow .slide-control.left {
left:0;
border-radius:0 4px 4px 0;
padding-left:0.5em
}
#hero-slideshow .slide-control.right {
right:0;
border-radius:4px 0 0 4px;
padding-right:0.5em;
}
#slide-1 {
background:url("/storage/app/media/slide-1.jpg");
background-position:right top;
background-repeat:no-repeat;
background-size:cover;
}
#slide-2 {
background:url("/storage/app/media/slide-2.jpg");
background-position:right bottom;
background-repeat:no-repeat;
background-size:cover;
}
#slide-3 {
background:url("/storage/app/media//slide-3.jpg");
background-position:right center;
background-repeat:no-repeat;
background-size:cover;
}
*[data-role="slide"] {
position:absolute;
width:100%;
height:100%;
z-index:0;
display:none;
}
*[data-role="slide"]:before {
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.15);
z-index:1;
}
#hero-slideshow .titanium-container {
position:relative;
display:table;
height:100%;
z-index:1;
}
#hero-slideshow .titanium-container .container-content {
display:table-cell;
vertical-align:middle;
padding-top:49px;
text-align:left !important;
padding-bottom:49px;
}
#hero-slideshow h1 {
font-size:4rem;
color:#FFF;
text-shadow:3px 3px 6px rgba(0,0,0,0.35);
font-weight:700;
}
#hero-slideshow .sub-heading {
font-size:1.5em;
line-height:1.25em;
margin-top:.5em;
color:#efefef;
text-shadow:2px 2px 4px rgba(0,0,0,0.35);
}
#scroll-cta {
z-index:1;
position:absolute;
bottom:0;
left:50%;
width:120px;
margin-left:-60px;
text-align:center;
background:rgba(60,59,59,0.92);
color:#CCC;
padding:1em 2em;
transition:background-color 0.35s;
-webkit-transition:background-color 0.35s;
}
#scroll-cta:hover {
background-color:rgba(28,28,28,0.95);
text-decoration:none !important;
}
#call-now-btn {
position:absolute;
bottom:0;
display:block;
width:100%;
padding:1rem 2rem;
background-color:rgba(255,255,255,0.92);
text-align:center;
font-weight:700;
font-size:1.25rem;
color:#214ea2;
transition:color 0.35s, background-color 0.35s;
}
#call-now-btn:hover {
text-decoration:none;
color:#FFF;
background-color:rgba(15,116,129,0.92);
}
.overflow-container {
height:160px;
overflow:hidden;
position:relative;
}
.overflow-container:after {
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
height:64px;
background-image: linear-gradient(transparent, #FFF);
z-index:1;
}
.overflow-container.enabled {
height:auto;
overflow:auto;
}
.enabled.overflow-container:after {
background-image:none;
height:0;
}
.overflow-toggle {
display:inline-block;
margin-top:1rem;
font-weight:700;
font-size:1.25rem;
color:#214ea2 !important;
cursor:pointer;
}
#doc-quote {
background:url('/storage/app/media/surgeon-bg.jpg');
background-size:cover;
background-position:right center;
background-attachment:fixed;
padding:6rem 1rem;
}
#doc-quote h3 {
font-weight:700;
}
#doc-quote .emphasis {
line-height:2em;
}
#doc-location-map-wrapper {
position:relative;
}
#doc-location-map-overlay {
position:absolute;
top:0;
left:0;
width:100vw;
padding:2rem;
background-color:rgba(255,255,255,0.9);
z-index:1;
}
#doc-location-map-overlay p {
margin:0 !important;
}
/* <= L Shared*/
@media screen and (min-width: 1025px) {
}
/* < L Shared*/
@media screen and (max-width: 1024px) {
#scroll-cta {
display:none;
}
#slide-1 {
background-position:right top;
}
#slide-2 {
background-position:right top;
}
#slide-3 {
background-position:right top;
}
}
/* >= M*/
@media screen and (min-width: 768px) {
#call-now-btn {
display:none;
}
}
/*M*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* #hero-container {
height:29.875em;
} */
#hero-slideshow {
position: relative;
}
#hero-slideshow .slide-control {
padding:0.5em .75em;
}
#hero-slideshow .slide-control.left {
padding-left:0.375em
}
}
@media screen and (min-width: 768px) and (max-width: 820px) {
}
/*S*/
@media screen and (max-width: 767px) {
/* #hero-container {
height:28em;
} */
#hero-slideshow {
height:320px;
}
#hero-slideshow h1, #hero-slideshow .sub-heading {
text-align:center;
}
#hero-slideshow h1 {
font-size:2.5em;
}
#hero-slideshow .sub-heading {
display:none;
}
#hero-slideshow .titanium-container .container-content {
padding-left:2rem;
padding-right:2rem;
}
#doc-quote {
background-attachment:scroll;
}
.section-hero {
background-attachment:scroll;
}
}
@media screen and (max-width: 640px) {
}
/*XS*/
@media screen and (max-width: 480px) {
}
.text-center{
text-align: center !important;
}
.mg-left-8 {
margin-left: 8%;
}
@media (max-width: 768px) {
.hide-small {
display: none !important;
}
}
@media (min-width: 769px) {
.hide-med-up {
display: none !important;
}
}
@media screen and (max-width: 600px) {
#slide-1 {
background-position:right top;
}
#slide-2 {
background-position:center top;
}
#slide-3 {
background-position:center top;
}
}