#page-banner-817 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2020/01/cosmetic-dentistry.jpg'); } @media only screen and (max-width : 700px) { #page-banner-817 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2020/01/cosmetic-dentistry-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-756 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/11/veeners.jpg'); } @media only screen and (max-width : 700px) { #page-banner-756 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/11/veeners-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-694 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/09/deep-cleaning-teeth.jpg'); } @media only screen and (max-width : 700px) { #page-banner-694 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/09/deep-cleaning-teeth-1024x683.jpg'); } } #page-banner-664 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/08/chipped-tooth.jpg'); } @media only screen and (max-width : 700px) { #page-banner-664 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/08/chipped-tooth-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-638 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/07/mini-dental-implants.jpg'); } @media only screen and (max-width : 700px) { #page-banner-638 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/07/mini-dental-implants-1024x683.jpg'); } } #page-banner-601 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/06/porcelain-crowns.jpg'); } @media only screen and (max-width : 700px) { #page-banner-601 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/06/porcelain-crowns-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-174 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/gum-disease-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-174 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/gum-disease-melbourne-1024x683.jpg'); } } #page-banner-172 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/childrens-dentist-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-172 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/childrens-dentist-melbourne-1024x683.jpg'); } } #page-banner-170 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/emergency-dental.jpg'); } @media only screen and (max-width : 700px) { #page-banner-170 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/emergency-dental-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-124 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/tmj-specialist-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-124 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/tmj-specialist-melbourne-1024x683.jpg'); } } #page-banner-122 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/teeth-grinding-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-122 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/teeth-grinding-melbourne-1024x683.jpg'); } } #page-banner-120 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/tooth-xray-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-120 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/tooth-xray-melbourne-1024x683.jpg'); } } #page-banner-118 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/wisdom-teeth-removal.jpg'); } @media only screen and (max-width : 700px) { #page-banner-118 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/wisdom-teeth-removal-1024x683.jpg'); } } #page-banner-116 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/endodontists-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-116 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/endodontists-melbourne-1024x683.jpg'); } } #page-banner-114 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dentist-proces-for-fillings.jpg'); } @media only screen and (max-width : 700px) { #page-banner-114 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dentist-proces-for-fillings-1024x683.jpg'); } } #page-banner-112 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/fissure-sealant.jpg'); } @media only screen and (max-width : 700px) { #page-banner-112 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/fissure-sealant-1024x683.jpg'); } } #page-banner-110 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/braces-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-110 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/braces-melbourne-1024x683.jpg'); } } #page-banner-108 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/jaw-surgery.jpg'); } @media only screen and (max-width : 700px) { #page-banner-108 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/jaw-surgery-1024x683.jpg'); } } #page-banner-106 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/invisalign-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-106 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/invisalign-melbourne-1024x683.jpg'); } } #page-banner-103 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/inman-aligner-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-103 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/inman-aligner-melbourne-1024x683.jpg'); } } #page-banner-100 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-bridges-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-100 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-bridges-melbourne-1024x683.jpg'); } } #page-banner-98 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dentures-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-98 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dentures-melbourne-1024x683.jpg'); } } #page-banner-96 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/teeth-whitening-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-96 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/teeth-whitening-melbourne-1024x683.jpg'); } } #page-banner-94 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/porcelain-crowns-melbourne-1.jpg'); } @media only screen and (max-width : 700px) { #page-banner-94 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/porcelain-crowns-melbourne-1-1024x683.jpg'); } } #page-banner-92 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-implants-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-92 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-implants-melbourne-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-51 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-veneers-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-51 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/dental-veneers-melbourne-1024x683.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne.jpg'); } @media only screen and (max-width : 700px) { #page-banner-2 #image-wrapper { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/04/signature-dentistry-general-cosmetic-melbourne-1024x947.jpg'); } } #cta-banner-image { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/03/contact-signature-dentistry.jpg'); } @media only screen and (max-width : 700px) { #cta-banner-image { background-image: url('https://signaturedentistry.com.au/wp-content/uploads/2019/03/contact-signature-dentistry-1024x768.jpg'); } } body .grecaptcha-badge { display: none !important; } ol.legend { font-size: .85em; } ol.legend li { line-height: 1;body .grecaptcha-badge { display: none !important; } ol.legend { font-size: .85em; } ol.legend li { line-height: 1; margin-bottom: 15px; } ol.legend li a { color: #43c9d4; } #access li.standout a { text-transform: uppercase; border: solid 2px #43c9d4; padding: 16px 20px; border-radius: 2px; } #access li.standout a:hover { color: #FFF; background-color: #43c9d4; } #assoc-logo-banner { padding: 120px 20px; max-width: 1400px; margin: 0 auto; } #assoc-logo-banner img { width: 100%; height: auto; } #desktop-banner-img { display: block; } #mobile-banner-img { display: none; } #home-banner-box { padding: 40px; width: 40%; margin: 130px 80px; font-size: 24px; color: #606060; color: #000; } #home-banner-box.gradient-background { color: #FFF; } #home-banner-box h1 { font-size: 48px; margin: 0 0 30px; } #home-banner-box p { margin: 0 0 50px; } #home-banner-box a { color: #43c9d4; color: #000; display: inline-block; font-size: 22px; } #home-banner-box a:hover { color: #606060; } #home-banner-box.gradient-background a { color: #FFF; } .ft-sep { color: #43c9d4; } #home-services { padding: 10px; } .home-service-row { display: table; width: 100%; } .home-service-row.home-service-row-reverse { direction: rtl; } .home-service-img-cell { width: 50%; display: table-cell; padding: 10px; } .home-service-img-cell img { display: block; width: 100%; height: auto; } .home-service-text-cell { padding: 0 100px; vertical-align: middle; text-align: center; direction: ltr; display: table-cell; font-size: 24px; } .home-service-row a { display: inline-block; font-size: 18px; font-size: 22px; } .home-service-row h2 { margin: 0 auto 30px; font-size: 36px; font-size: 44px; } #kasen-hero-banner-outer { padding: 10px 20px; } #kasen-hero-banner-inner { display: table; direction: rtl; width: 100%; background-color: #dbdce0; } #kasen-hero-text { display: table-cell; vertical-align: middle; direction: ltr; text-align: center; width: 50%; padding: 80px 20px; } #kasen-hero-text-inner { max-width: 500px; margin: 0 auto; } #kasen-hero-text h3 { font-size: 44px; margin: 0 auto 30px; } #kasen-hero-text p { font-size: 20px; margin: 0 auto 30px; } #kasen-hero-text a { color: #000000; font-size: 22px; display: inline-block; } #kasen-hero-image { display: table-cell; width: 50%; text-align: center; vertical-align: bottom; direction: ltr; } #kasen-hero-image img { display: block; margin: 0; width: 100%; height: auto; } #dentistry-image-block-wrapper { padding: 0 20px 10px; } #dentistry-image-block { width: 100%; display: table; background: #F0F0F1; /* Old browsers */ background: -moz-linear-gradient(left, #f9f9f9 0%, #f0f0f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f9f9f9 0%,#f0f0f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f9f9f9 0%,#f0f0f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f1',GradientType=1 ); /* IE6-9 */ } #dentistry-image-block-image { width: 50%; height: 100%; display: table-cell; padding: 20px; vertical-align: middle; } #dentistry-image-block-image img { display: block; width: 100%; height: auto; } #dentistry-image-block-content { padding: 80px 40px; width: 50%; font-size: 24px; text-align: center; display: table-cell; vertical-align: middle; height: 100%; direction: ltr; } #dentistry-image-block-content h3 { font-size: 40px; margin: 0 0 50px; } #dentistry-image-block-content a { color: #43c9d4; display: inline-block; font-size: 18px; margin: 0px 20px 20px; padding: 10px 20px; border: solid 2px #43c9d4; border-radius: 2px; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #dentistry-image-block-content a:hover { background-color: #43c9d4; color: #FFF; } #service-content-sections { padding: 100px 100px 0; } .service-content-section { position: relative; margin: 0 0 200px; } .service-content-outer { position: relative; z-index: 0; padding: 60px 0; } .service-content-inner { padding: 60px 60px 60px 56%; font-size: 22px; line-height: 1.5; background: #f0f0f1; /* Old browsers */ background: -moz-linear-gradient(left, #f0f0f1 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f0f0f1 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f0f0f1 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f1', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */ } .service-content-section-reverse .service-content-inner { padding: 60px 56% 60px 60px; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(left, #f9f9f9 0%, #f0f0f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f9f9f9 0%,#f0f0f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f9f9f9 0%,#f0f0f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f1',GradientType=1 ); /* IE6-9 */ } .service-content-image-outer { position: absolute; top: 0; bottom: 0; left: 0; right: 44%; z-index: 1; padding: 0 60px; } .service-content-section-reverse .service-content-image-outer { left: 44%; right: 0; } .service-content-image-inner { width: 100%; height: 100%; background-size: cover; background-position: center center; } .service-content-image-inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0; } #services-landing-content { width: 90%; max-width: 800px; margin: 0 auto; padding: 140px 0 80px; text-align: center; } #services-landing-content p { margin: 0 0 60px; font-size: 24px; line-height: 1.6; } section.service-section { background: #f2f2f4; padding: 90px 40px 50px; } #service-sections section.service-section:nth-child(odd) { background: #dbdce0; } section.service-section h2 { font-size: 40px; margin: 0 60px; padding-bottom: 30px; border-bottom: solid 2px #000; } .service-table { display: table; border-spacing: 60px 40px; border-collapse: separate; } .service-row { display: table-row; } .service-row-spacer { padding-top: 20px; } .service-cell { display: table-cell; width: 33.33%; vertical-align: top; position: relative; padding-bottom: 34px; } section.service-section h3 { margin: 0 0 10px; font-weight: normal; font-size: 28px; line-height: 1.3; } section.service-section p { line-height: 1.5; font-size: 22px; margin: 0 0 30px; } .service-cell-link { font-size: 28px; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; } .quform-2 .quform-input-2_7 .quform-option .quform-option-label:before { content: '×'; font-weight: bold; width: 15px; height: 15px; display: inline-block; background-color: #606060; line-height: 16px; color: transparent; margin-right: 4px; text-align: center; font-size: 18px; vertical-align: middle; margin-top: -2px; } .quform-2 .quform-input-2_7 .quform-option .quform-field:checked+.quform-option-label:before { color: #FFF; } .quform-5 .quform-input-5_8 .quform-option .quform-option-label:before { content: '×'; font-weight: bold; width: 25px; height: 25px; display: inline-block; background-color: #606060; line-height: 26px; color: transparent; margin-right: 8px; text-align: center; font-size: 28px; vertical-align: middle; margin-top: -2px; } .quform-5 .quform-input-5_8 .quform-option .quform-field:checked+.quform-option-label:before { color: #FFF; } #contact-form-block { position: relative; margin: 0; padding-left: 60%; } #contact-form-block:after { content: ''; display: block; width: 100%; clear: both; } #contact-form-block-image-outer { height: auto; width: 60%; position: absolute; top: 0; left: 0; bottom: 0; } #contact-form-block-image { width: 100%; height: 100%; } #contact-form-block-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } #contact-form-wrapper { background: #f2f2f4; float: right; width: 100%; padding: 80px 40px; vertical-align: top; color: #000; } #contact-form-wrapper h1 { margin: 0 0 30px; line-height: 1.2; font-size: 40px; } #contact-form-wrapper h2 { font-size: 22px; font-weight: normal; margin: 0 0 30px; border-bottom: solid 2px #000; padding-bottom: 30px; } #contact-form-wrapper p { margin: 0 0 40px; } #contact-form-wrapper a { color: #f0f0f1; display: inline-block; position: relative; } #contact-form-wrapper a:after { content: ''; display: block; width: 100%; height: 2px; background-color: #f0f0f1; } #contact-info-blocks { padding-right: 50%; position: relative; margin-top: 100px; } #contact-info { padding: 100px 100px 70px; background: #f2f2f4; } #contact-info h3 { margin: 0 0 30px; line-height: 1.2; font-size: 40px; border-bottom: solid 2px #000; padding-bottom: 20px; } #contact-info p { line-height: 1.36; font-size: 22px; margin: 0 0 30px; } #contact-map { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; } #map-canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #map-controls { position: absolute; bottom: 30px; right: 20px; z-index: 2; } #map-controls a { display: block; background-color: #606060; color: #FFF; width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius: 2px; margin-top: 20px; font-size: 30px; font-weight: 300; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } #map-controls a:hover { background-color: #FFF; color: #606060; } #appointment-form { background: #f2f2f4; color: #000000; padding: 80px 10%; margin-bottom: 10px; } #appointment-form a { color: #000000; } #appointment-form h1 { margin: 0 0 60px; padding-bottom: 40px; border-bottom: solid 2px #000; line-height: 1.2; font-size: 40px; } #appointment-form p.help { margin: 0 0 40px; border-bottom: 1px solid silver !important; padding-bottom: 20px; line-height: 1.75; font-size: 20px; } #appointment-form p.help a { display: inline-block; border-bottom: solid 2px #43c9d4; line-height: 1; } #appointment-form .quform-element-column { padding: 0 15px; } #appointment-form .quform-element-row { margin: 0 -15px !important; } #services-landing-quick-links { margin: 0 auto; padding: 100px 20px; text-align: center; } #services-landing-quick-links a { display: inline-block; margin: 20px 40px; color: #000; font-size: 24px; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; -webkit-transition: color .5s; transition: color .5s; } #services-landing-quick-links a:hover { color: #606060; } #staff-bios { width: 90%; max-width: 800px; text-align: center; font-size: 20px; line-height: 1.5; margin: 0 auto; padding: 40px 0; } #staff-bios h2 { margin: 80px 0 60px; line-height: 1.2; font-size: 40px; } #staff-bios h2:after { content: ''; display: block; margin-top: 40px; width: 100%; height: 2px; background: #43c9d4; /* Old browsers */ background: -moz-linear-gradient(left, #43c9d4 0%, #72dccb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #43c9d4 0%,#72dccb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #43c9d4 0%,#72dccb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c9d4', endColorstr='#72dccb',GradientType=1 ); /* IE6-9 */ } .staff-bio { padding: 60px 0; } .staff-bio-img { display: block; margin: 0 auto 40px; width: 220px; border-radius: 100%; border: solid #000 6px; } .staff-bio-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } .staff-bio h3 { font-size: 30px; line-height: 1.2; margin: 0; } .staff-bio h4 { font-size: 24px; font-weight: normal; line-height: 1.2; margin: 0; color: #43c9d4; color: #000; } .staff-bio-content p { margin: 40px 0; } #meet-somana-hero-img { width: 100%; max-width: 600px; margin: 0 auto 80px; } #meet-somana-hero-img img { display: block; width: 100%; height: auto; position: relative; z-index: 0; } #meet-somana-hero-title { margin: -60px 60px 0; padding: 60px 40px; position: relative; z-index: 1; text-align: center; background-color: #f2f2f4; color: #000; } #meet-somana-hero-title h1 { margin: 0; line-height: 1.2; font-size: 40px; } #meet-somana-content { width: 90%; max-width: 800px; text-align: center; font-size: 20px; line-height: 1.5; margin: 0 auto; padding: 80px 0; } #meet-somana-content-img { display: block; margin: 0 auto 80px; width: 400px; border-radius: 100%; border: solid #000 6px; } #meet-somana-content-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } #meet-somana-content p { margin: 40px 0; } #meet-the-team-kasen-banner { font-size: 0; text-align: center; padding: 120px 0; width: 90%; max-width: 1200px; margin: 0 auto; } #meet-the-team-kasen-img { display: inline-block; width: 436px; border-radius: 100%; vertical-align: middle; border: solid #000 6px; } #meet-the-team-kasen-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } #meet-the-team-kasen-banner-text { display: inline-block; font-size: 18px; margin-left: 80px; max-width: 480px; vertical-align: middle; } #meet-the-team-kasen-banner-text h2 { font-size: 44px; line-height: 1.2; margin: 0 auto 30px; } #meet-the-team-kasen-banner-text p { font-size: 20px; margin: 0 auto 30px; } #meet-the-team-kasen-banner-text a { color: #606060; color: #000000; font-size: 20px; line-height: 1; display: inline-block; padding: 20px 26px; border-radius: 3px; border: solid 2px #43c9d4; border: solid 2px #000000; -moz-transition: background-color .5s, color .5s; -ms-transition: background-color .5s, color .5s; -o-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; transition: background-color .5s, color .5s; } #meet-the-team-kasen-banner-text a:hover { background-color: #43c9d4; background-color: #000000; color: #FFF; } #mtt-top-banner { background-color: #F2F2F4; font-size: 0; height: 40vw; } #mtt-top-banner-content { display: inline-block; width: 50%; vertical-align: middle; font-size: 16px; padding: 0 40px; text-align: center; height: 40vw; } #mtt-top-banner-content h1 { font-size: 40px; } #mtt-top-banner-table { display: table; width: 100%; height: 100%; } #mtt-top-banner-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } #mtt-top-banner-img { width: 50%; display: inline-block; vertical-align: bottom; } #mtt-top-banner-img img { display: block; width: 100%; height: auto; } #bleed-out-banner { background-color: #f2f2f4; position: relative; padding-left: 30%; } #bleed-out-banner-img { width: 100%; } #bleed-out-banner-img img { display: block; width: 100%; height: auto; } #bleed-out-banner-text { width: 50%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding: 0 40px; font-size: 22px; } #bleed-out-banner-text h1 { font-size: 44px; } #bleed-out-banner-text-table { display: table; width: 100%; height: 100%; } #bleed-out-banner-text-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } #page-banner-2 #image-wrapper { background-size: contain; background-position: bottom right; background-color: #f2f2f4; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #page-banner-2 #image-wrapper img { width: 60%; display: block; margin-left: 40%; height: auto; } .pay-row { background-color: #f2f2f4; font-size: 20px; position: relative; padding-left: 50%; } .pay-row.pay-row-reverse { background-color: #fff; padding-right: 50%; padding-left: 0; } .pay-img { width: 50%; height: 100%; position: absolute; top: 0; left: 0; } .pay-row.pay-row-reverse .pay-img { left: auto; right: 0; } .pay-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .pay-content { padding: 80px 40px; } .pay-content ul, .pay-content ol { list-style: none; padding: 0; margin: 0; } .pay-content ol { counter-reset: pay-step-counter; } .pay-content ul li, .pay-content ol li { margin-bottom: 10px; position: relative; padding-left: 10px; } .pay-content ol li { padding-left: 0; counter-increment: pay-step-counter; } .pay-content ul li:before { content: '♦'; font-size: .35em; color: #43c9d4; position: absolute; line-height: 20px; left: 0; top: 3px; } .pay-content ol li::before { content: 'Step ' counter(pay-step-counter) ': '; font-weight: bold; text-transform: uppercase; color: #43c9d4; } #pay-learn-more { margin: 60px auto; text-align: center; max-width: 400px; padding: 60px 20px 50px; border-top: solid 2px; border-bottom: solid 2px; } #pay-learn-more h4 { margin: 0 auto 40px; font-size: 24px; } #pay-learn-more a { display: block; max-width: 250px; margin: 0 auto; border: solid 2px #43c9d4; line-height: 1.1; padding: 20px 10px; } img.family-img { margin: 0 auto 60px; width: 100%; height: auto; max-width: 900px; display: block; } img#family-photo { margin-top: 120px; } h1.family-heading { width: 80%; margin: 0 auto 40px; text-align: center; } h1.family-heading span { display: block; font-size: .8em; } @media only screen and (max-width : 1200px) { #home-banner-box { width: 50%; margin: 0; } } @media only screen and (max-width : 1050px) { #meet-the-team-kasen-img { display: block; margin: 0 auto 30px; width: 80%; max-width: 400px; } #meet-the-team-kasen-banner-text { display: block; margin: 0 auto; max-width: 520px; padding: 0 20px; } #meet-the-team-kasen-banner-text p { font-size: 18px; } } @media only screen and (max-width : 1000px) { #home-banner-box { padding: 0; } #home-banner-box h1 { font-size: 38px; margin: 0 0 20px; } .home-service-text-cell { padding: 0 10px; } .home-service-row h2 { margin: 0 auto 20px; font-size: 36px; } #dentistry-image-block-content { padding: 60px 20px; } #dentistry-image-block-content h3 { font-size: 36px; margin: 0 0 40px; } #bleed-out-banner { padding: 0; } #bleed-out-banner-text { position: relative; width: 100%; padding: 40px; background-color: #FFF; } section.service-section { padding: 60px 10px 40px; } section.service-section h2 { margin: 0 10px; font-size: 30px; padding-bottom: 20px; } .service-table { margin: 0 -50px; } section.service-section h3 { font-size: 20px; } section.service-section p { font-size: 16px; } .service-cell-link { font-size: 20px; } #contact-form-block { padding-left: 50%; } #contact-form-block-image-outer { width: 50%; } #contact-info { padding: 70px 40px 40px; } #contact-info h3 { font-size: 36px; } #contact-info p { font-size: 18px; } } @media only screen and (max-width : 800px) { #page-banner-2 { background-color: #f2f2f4; padding-top: 400px; } #page-banner-2 #image-wrapper { background-size: 80% auto; background-position: bottom center; } #page-banner-2 #image-wrapper img { width: 80%; margin: 0 auto; } #page-banner-header-wrap { bottom: auto; height: 400px; } #home-banner-box { width: 100%; } .home-service-img-cell { width: 100%; display: block; } .home-service-text-cell { padding: 60px 10px 120px; width: 100%; display: block; } #dentistry-image-block-wrapper { padding: 0 0 10px; } #dentistry-image-block-image, #dentistry-image-block-content, #kasen-hero-text, #kasen-hero-image { width: 100%; display: block; } #kasen-hero-text h3 { font-size: 36px; } #kasen-hero-text p { font-size: 18px; } section.service-section { padding: 80px 20px 0px; } section.service-section h2 { margin: 0 auto; max-width: 600px; } .service-table { margin: 0 10px; display: block; border-spacing: 0; } .service-row { display: block; } .service-cell { width: 100%; max-width: 600px; margin: 0 auto; display: block; padding: 40px 0 60px; } .service-cell-link { position: relative; margin-top: 30px; } #contact-form-block { padding-left: 0; } #contact-form-block-image-outer { width: 100%; position: static; } #contact-info-blocks { padding-right: 0; margin-top: 0; } #contact-info { background-color: #FFF; } #contact-map { position: relative; width: 100%; height: 60vh; } .pay-row, .pay-row.pay-row-reverse { position: static; padding-right: 0; padding-left: 0; } .pay-img, .pay-row.pay-row-reverse .pay-img { width: 100%; height: auto; position: static; top: auto; left: auto; right: auto; } .pay-img img { display: block; width: 100%; height: auto; object-fit: fill; } } @media only screen and (max-width : 500px) { #home-banner-box h1 { font-size: 30px; } #footer-address p a { line-height: 30px; display: inline-block; margin-top: 10px; } .ft-sep { display: inline-block; margin: 0 10px; } .ft-sep.hide500 { display: block; font-size: 0; } #dentistry-image-block-wrapper, #kasen-hero-banner-outer { padding: 0; } #bleed-out-banner-text { padding: 40px 20px 10px; font-size: 18px; text-align: left; } #bleed-out-banner-text h1 { font-size: 30px; } #services-landing-quick-links { padding: 20px; text-align: left; } #services-landing-quick-links a { display: block; margin: 0 0 30px; font-size: 20px; } #assoc-logo-banner { padding: 60px 20px; } #desktop-banner-img { display: none; } #mobile-banner-img { display: block; } } @media only screen and (max-width : 360px) { #home-banner-box h1 { font-size: 24px; } } margin-bottom: 15px; } ol.legend li a { color: #43c9d4; } #access li.standout a { text-transform: uppercase; border: solid 2px #43c9d4; padding: 16px 20px; border-radius: 2px; } #access li.standout a:hover { color: #FFF; background-color: #43c9d4; } #assoc-logo-banner { padding: 120px 20px; max-width: 1400px; margin: 0 auto; } #assoc-logo-banner img { width: 100%; height: auto; } #desktop-banner-img { display: block; } #mobile-banner-img { display: none; } #home-banner-box { padding: 40px; width: 40%; margin: 130px 80px; font-size: 24px; color: #606060; color: #000; } #home-banner-box.gradient-background { color: #FFF; } #home-banner-box h1 { font-size: 48px; margin: 0 0 30px; } #home-banner-box p { margin: 0 0 50px; } #home-banner-box a { color: #43c9d4; color: #000; display: inline-block; font-size: 22px; } #home-banner-box a:hover { color: #606060; } #home-banner-box.gradient-background a { color: #FFF; } .ft-sep { color: #43c9d4; } #home-services { padding: 10px; } .home-service-row { display: table; width: 100%; } .home-service-row.home-service-row-reverse { direction: rtl; } .home-service-img-cell { width: 50%; display: table-cell; padding: 10px; } .home-service-img-cell img { display: block; width: 100%; height: auto; } .home-service-text-cell { padding: 0 100px; vertical-align: middle; text-align: center; direction: ltr; display: table-cell; font-size: 24px; } .home-service-row a { display: inline-block; font-size: 18px; font-size: 22px; } .home-service-row h2 { margin: 0 auto 30px; font-size: 36px; font-size: 44px; } #kasen-hero-banner-outer { padding: 10px 20px; } #kasen-hero-banner-inner { display: table; direction: rtl; width: 100%; background-color: #dbdce0; } #kasen-hero-text { display: table-cell; vertical-align: middle; direction: ltr; text-align: center; width: 50%; padding: 80px 20px; } #kasen-hero-text-inner { max-width: 500px; margin: 0 auto; } #kasen-hero-text h3 { font-size: 44px; margin: 0 auto 30px; } #kasen-hero-text p { font-size: 20px; margin: 0 auto 30px; } #kasen-hero-text a { color: #000000; font-size: 22px; display: inline-block; } #kasen-hero-image { display: table-cell; width: 50%; text-align: center; vertical-align: bottom; direction: ltr; } #kasen-hero-image img { display: block; margin: 0; width: 100%; height: auto; } #dentistry-image-block-wrapper { padding: 0 20px 10px; } #dentistry-image-block { width: 100%; display: table; background: #F0F0F1; /* Old browsers */ background: -moz-linear-gradient(left, #f9f9f9 0%, #f0f0f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f9f9f9 0%,#f0f0f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f9f9f9 0%,#f0f0f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f1',GradientType=1 ); /* IE6-9 */ } #dentistry-image-block-image { width: 50%; height: 100%; display: table-cell; padding: 20px; vertical-align: middle; } #dentistry-image-block-image img { display: block; width: 100%; height: auto; } #dentistry-image-block-content { padding: 80px 40px; width: 50%; font-size: 24px; text-align: center; display: table-cell; vertical-align: middle; height: 100%; direction: ltr; } #dentistry-image-block-content h3 { font-size: 40px; margin: 0 0 50px; } #dentistry-image-block-content a { color: #43c9d4; display: inline-block; font-size: 18px; margin: 0px 20px 20px; padding: 10px 20px; border: solid 2px #43c9d4; border-radius: 2px; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #dentistry-image-block-content a:hover { background-color: #43c9d4; color: #FFF; } #service-content-sections { padding: 100px 100px 0; } .service-content-section { position: relative; margin: 0 0 200px; } .service-content-outer { position: relative; z-index: 0; padding: 60px 0; } .service-content-inner { padding: 60px 60px 60px 56%; font-size: 22px; line-height: 1.5; background: #f0f0f1; /* Old browsers */ background: -moz-linear-gradient(left, #f0f0f1 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f0f0f1 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f0f0f1 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f1', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */ } .service-content-section-reverse .service-content-inner { padding: 60px 56% 60px 60px; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(left, #f9f9f9 0%, #f0f0f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f9f9f9 0%,#f0f0f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f9f9f9 0%,#f0f0f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f1',GradientType=1 ); /* IE6-9 */ } .service-content-image-outer { position: absolute; top: 0; bottom: 0; left: 0; right: 44%; z-index: 1; padding: 0 60px; } .service-content-section-reverse .service-content-image-outer { left: 44%; right: 0; } .service-content-image-inner { width: 100%; height: 100%; background-size: cover; background-position: center center; } .service-content-image-inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0; } #services-landing-content { width: 90%; max-width: 800px; margin: 0 auto; padding: 140px 0 80px; text-align: center; } #services-landing-content p { margin: 0 0 60px; font-size: 24px; line-height: 1.6; } section.service-section { background: #f2f2f4; padding: 90px 40px 50px; } #service-sections section.service-section:nth-child(odd) { background: #dbdce0; } section.service-section h2 { font-size: 40px; margin: 0 60px; padding-bottom: 30px; border-bottom: solid 2px #000; } .service-table { display: table; border-spacing: 60px 40px; border-collapse: separate; } .service-row { display: table-row; } .service-row-spacer { padding-top: 20px; } .service-cell { display: table-cell; width: 33.33%; vertical-align: top; position: relative; padding-bottom: 34px; } section.service-section h3 { margin: 0 0 10px; font-weight: normal; font-size: 28px; line-height: 1.3; } section.service-section p { line-height: 1.5; font-size: 22px; margin: 0 0 30px; } .service-cell-link { font-size: 28px; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; width: 100%; } .quform-2 .quform-input-2_7 .quform-option .quform-option-label:before { content: '×'; font-weight: bold; width: 15px; height: 15px; display: inline-block; background-color: #606060; line-height: 16px; color: transparent; margin-right: 4px; text-align: center; font-size: 18px; vertical-align: middle; margin-top: -2px; } .quform-2 .quform-input-2_7 .quform-option .quform-field:checked+.quform-option-label:before { color: #FFF; } #contact-form-block { position: relative; margin: 0; padding-left: 60%; } #contact-form-block:after { content: ''; display: block; width: 100%; clear: both; } #contact-form-block-image-outer { height: auto; width: 60%; position: absolute; top: 0; left: 0; bottom: 0; } #contact-form-block-image { width: 100%; height: 100%; } #contact-form-block-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } #contact-form-wrapper { background: #f2f2f4; float: right; width: 100%; padding: 80px 40px; vertical-align: top; color: #000; } #contact-form-wrapper h1 { margin: 0 0 30px; line-height: 1.2; font-size: 40px; } #contact-form-wrapper h2 { font-size: 22px; font-weight: normal; margin: 0 0 30px; border-bottom: solid 2px #000; padding-bottom: 30px; } #contact-form-wrapper p { margin: 0 0 40px; } #contact-form-wrapper a { color: #f0f0f1; display: inline-block; position: relative; } #contact-form-wrapper a:after { content: ''; display: block; width: 100%; height: 2px; background-color: #f0f0f1; } #contact-info-blocks { padding-right: 50%; position: relative; margin-top: 100px; } #contact-info { padding: 100px 100px 70px; background: #f2f2f4; } #contact-info h3 { margin: 0 0 30px; line-height: 1.2; font-size: 40px; border-bottom: solid 2px #000; padding-bottom: 20px; } #contact-info p { line-height: 1.36; font-size: 22px; margin: 0 0 30px; } #contact-map { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; } #map-canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #map-controls { position: absolute; bottom: 30px; right: 20px; z-index: 2; } #map-controls a { display: block; background-color: #606060; color: #FFF; width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius: 2px; margin-top: 20px; font-size: 30px; font-weight: 300; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } #map-controls a:hover { background-color: #FFF; color: #606060; } #appointment-form { background: #f2f2f4; color: #000000; padding: 80px 10%; margin-bottom: 10px; } #appointment-form a { color: #000000; } #appointment-form h1 { margin: 0 0 60px; padding-bottom: 40px; border-bottom: solid 2px #000; line-height: 1.2; font-size: 40px; } #appointment-form p.help { margin: 0 0 40px; border-bottom: 1px solid silver !important; padding-bottom: 20px; line-height: 1.75; font-size: 20px; } #appointment-form p.help a { display: inline-block; border-bottom: solid 2px #43c9d4; line-height: 1; } #appointment-form .quform-element-column { padding: 0 15px; } #appointment-form .quform-element-row { margin: 0 -15px !important; } #services-landing-quick-links { margin: 0 auto; padding: 100px 20px; text-align: center; } #services-landing-quick-links a { display: inline-block; margin: 20px 40px; color: #000; font-size: 24px; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; -webkit-transition: color .5s; transition: color .5s; } #services-landing-quick-links a:hover { color: #606060; } #staff-bios { width: 90%; max-width: 800px; text-align: center; font-size: 20px; line-height: 1.5; margin: 0 auto; padding: 40px 0; } #staff-bios h2 { margin: 80px 0 60px; line-height: 1.2; font-size: 40px; } #staff-bios h2:after { content: ''; display: block; margin-top: 40px; width: 100%; height: 2px; background: #43c9d4; /* Old browsers */ background: -moz-linear-gradient(left, #43c9d4 0%, #72dccb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #43c9d4 0%,#72dccb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #43c9d4 0%,#72dccb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c9d4', endColorstr='#72dccb',GradientType=1 ); /* IE6-9 */ } .staff-bio { padding: 60px 0; } .staff-bio-img { display: block; margin: 0 auto 40px; width: 220px; border-radius: 100%; border: solid #000 6px; } .staff-bio-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } .staff-bio h3 { font-size: 30px; line-height: 1.2; margin: 0; } .staff-bio h4 { font-size: 24px; font-weight: normal; line-height: 1.2; margin: 0; color: #43c9d4; color: #000; } .staff-bio-content p { margin: 40px 0; } #meet-somana-hero-img { width: 100%; max-width: 600px; margin: 0 auto 80px; } #meet-somana-hero-img img { display: block; width: 100%; height: auto; position: relative; z-index: 0; } #meet-somana-hero-title { margin: -60px 60px 0; padding: 60px 40px; position: relative; z-index: 1; text-align: center; background-color: #f2f2f4; color: #000; } #meet-somana-hero-title h1 { margin: 0; line-height: 1.2; font-size: 40px; } #meet-somana-content { width: 90%; max-width: 800px; text-align: center; font-size: 20px; line-height: 1.5; margin: 0 auto; padding: 80px 0; } #meet-somana-content-img { display: block; margin: 0 auto 80px; width: 400px; border-radius: 100%; border: solid #000 6px; } #meet-somana-content-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } #meet-somana-content p { margin: 40px 0; } #meet-the-team-kasen-banner { font-size: 0; text-align: center; padding: 120px 0; width: 90%; max-width: 1200px; margin: 0 auto; } #meet-the-team-kasen-img { display: inline-block; width: 436px; border-radius: 100%; vertical-align: middle; border: solid #000 6px; } #meet-the-team-kasen-img img { display: block; width: 100%; height: auto; border-radius: 100%; border: solid 2px #FFF; } #meet-the-team-kasen-banner-text { display: inline-block; font-size: 18px; margin-left: 80px; max-width: 480px; vertical-align: middle; } #meet-the-team-kasen-banner-text h2 { font-size: 44px; line-height: 1.2; margin: 0 auto 30px; } #meet-the-team-kasen-banner-text p { font-size: 20px; margin: 0 auto 30px; } #meet-the-team-kasen-banner-text a { color: #606060; color: #000000; font-size: 20px; line-height: 1; display: inline-block; padding: 20px 26px; border-radius: 3px; border: solid 2px #43c9d4; border: solid 2px #000000; -moz-transition: background-color .5s, color .5s; -ms-transition: background-color .5s, color .5s; -o-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; transition: background-color .5s, color .5s; } #meet-the-team-kasen-banner-text a:hover { background-color: #43c9d4; background-color: #000000; color: #FFF; } #mtt-top-banner { background-color: #F2F2F4; font-size: 0; height: 40vw; } #mtt-top-banner-content { display: inline-block; width: 50%; vertical-align: middle; font-size: 16px; padding: 0 40px; text-align: center; height: 40vw; } #mtt-top-banner-content h1 { font-size: 40px; } #mtt-top-banner-table { display: table; width: 100%; height: 100%; } #mtt-top-banner-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } #mtt-top-banner-img { width: 50%; display: inline-block; vertical-align: bottom; } #mtt-top-banner-img img { display: block; width: 100%; height: auto; } #bleed-out-banner { background-color: #f2f2f4; position: relative; padding-left: 30%; } #bleed-out-banner-img { width: 100%; } #bleed-out-banner-img img { display: block; width: 100%; height: auto; } #bleed-out-banner-text { width: 50%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; padding: 0 40px; font-size: 22px; } #bleed-out-banner-text h1 { font-size: 44px; } #bleed-out-banner-text-table { display: table; width: 100%; height: 100%; } #bleed-out-banner-text-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } #page-banner-2 #image-wrapper { background-size: contain; background-position: bottom right; background-color: #f2f2f4; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #page-banner-2 #image-wrapper img { width: 60%; display: block; margin-left: 40%; height: auto; } .pay-row { background-color: #f2f2f4; font-size: 20px; position: relative; padding-left: 50%; } .pay-row.pay-row-reverse { background-color: #fff; padding-right: 50%; padding-left: 0; } .pay-img { width: 50%; height: 100%; position: absolute; top: 0; left: 0; } .pay-row.pay-row-reverse .pay-img { left: auto; right: 0; } .pay-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .pay-content { padding: 80px 40px; } .pay-content ul, .pay-content ol { list-style: none; padding: 0; margin: 0; } .pay-content ol { counter-reset: pay-step-counter; } .pay-content ul li, .pay-content ol li { margin-bottom: 10px; position: relative; padding-left: 10px; } .pay-content ol li { padding-left: 0; counter-increment: pay-step-counter; } .pay-content ul li:before { content: '♦'; font-size: .35em; color: #43c9d4; position: absolute; line-height: 20px; left: 0; top: 3px; } .pay-content ol li::before { content: 'Step ' counter(pay-step-counter) ': '; font-weight: bold; text-transform: uppercase; color: #43c9d4; } #pay-learn-more { margin: 60px auto; text-align: center; max-width: 400px; padding: 60px 20px 50px; border-top: solid 2px; border-bottom: solid 2px; } #pay-learn-more h4 { margin: 0 auto 40px; font-size: 24px; } #pay-learn-more a { display: block; max-width: 250px; margin: 0 auto; border: solid 2px #43c9d4; line-height: 1.1; padding: 20px 10px; } img.family-img { margin: 0 auto 60px; width: 100%; height: auto; max-width: 900px; display: block; } img#family-photo { margin-top: 120px; } h1.family-heading { width: 80%; margin: 0 auto 40px; text-align: center; } h1.family-heading span { display: block; font-size: .8em; } @media only screen and (max-width : 1200px) { #home-banner-box { width: 50%; margin: 0; } } @media only screen and (max-width : 1050px) { #meet-the-team-kasen-img { display: block; margin: 0 auto 30px; width: 80%; max-width: 400px; } #meet-the-team-kasen-banner-text { display: block; margin: 0 auto; max-width: 520px; padding: 0 20px; } #meet-the-team-kasen-banner-text p { font-size: 18px; } } @media only screen and (max-width : 1000px) { #home-banner-box { padding: 0; } #home-banner-box h1 { font-size: 38px; margin: 0 0 20px; } .home-service-text-cell { padding: 0 10px; } .home-service-row h2 { margin: 0 auto 20px; font-size: 36px; } #dentistry-image-block-content { padding: 60px 20px; } #dentistry-image-block-content h3 { font-size: 36px; margin: 0 0 40px; } #bleed-out-banner { padding: 0; } #bleed-out-banner-text { position: relative; width: 100%; padding: 40px; background-color: #FFF; } section.service-section { padding: 60px 10px 40px; } section.service-section h2 { margin: 0 10px; font-size: 30px; padding-bottom: 20px; } .service-table { margin: 0 -50px; } section.service-section h3 { font-size: 20px; } section.service-section p { font-size: 16px; } .service-cell-link { font-size: 20px; } #contact-form-block { padding-left: 50%; } #contact-form-block-image-outer { width: 50%; } #contact-info { padding: 70px 40px 40px; } #contact-info h3 { font-size: 36px; } #contact-info p { font-size: 18px; } } @media only screen and (max-width : 800px) { #page-banner-2 { background-color: #f2f2f4; padding-top: 400px; } #page-banner-2 #image-wrapper { background-size: 80% auto; background-position: bottom center; } #page-banner-2 #image-wrapper img { width: 80%; margin: 0 auto; } #page-banner-header-wrap { bottom: auto; height: 400px; } #home-banner-box { width: 100%; } .home-service-img-cell { width: 100%; display: block; } .home-service-text-cell { padding: 60px 10px 120px; width: 100%; display: block; } #dentistry-image-block-wrapper { padding: 0 0 10px; } #dentistry-image-block-image, #dentistry-image-block-content, #kasen-hero-text, #kasen-hero-image { width: 100%; display: block; } #kasen-hero-text h3 { font-size: 36px; } #kasen-hero-text p { font-size: 18px; } section.service-section { padding: 80px 20px 0px; } section.service-section h2 { margin: 0 auto; max-width: 600px; } .service-table { margin: 0 10px; display: block; border-spacing: 0; } .service-row { display: block; } .service-cell { width: 100%; max-width: 600px; margin: 0 auto; display: block; padding: 40px 0 60px; } .service-cell-link { position: relative; margin-top: 30px; } #contact-form-block { padding-left: 0; } #contact-form-block-image-outer { width: 100%; position: static; } #contact-info-blocks { padding-right: 0; margin-top: 0; } #contact-info { background-color: #FFF; } #contact-map { position: relative; width: 100%; height: 60vh; } .pay-row, .pay-row.pay-row-reverse { position: static; padding-right: 0; padding-left: 0; } .pay-img, .pay-row.pay-row-reverse .pay-img { width: 100%; height: auto; position: static; top: auto; left: auto; right: auto; } .pay-img img { display: block; width: 100%; height: auto; object-fit: fill; } } @media only screen and (max-width : 500px) { #home-banner-box h1 { font-size: 30px; } #footer-address p a { line-height: 30px; display: inline-block; margin-top: 10px; } .ft-sep { display: inline-block; margin: 0 10px; } .ft-sep.hide500 { display: block; font-size: 0; } #dentistry-image-block-wrapper, #kasen-hero-banner-outer { padding: 0; } #bleed-out-banner-text { padding: 40px 20px 10px; font-size: 18px; text-align: left; } #bleed-out-banner-text h1 { font-size: 30px; } #services-landing-quick-links { padding: 20px; text-align: left; } #services-landing-quick-links a { display: block; margin: 0 0 30px; font-size: 20px; } #assoc-logo-banner { padding: 60px 20px; } #desktop-banner-img { display: none; } #mobile-banner-img { display: block; } } @media only screen and (max-width : 360px) { #home-banner-box h1 { font-size: 24px; } }