1 2<!doctype html> 3<html lang="en-US"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="google-site-verification" content="tWFjAlpY6yU-efxy0zQgRzZ_YR3ykc86f1cbLwIe2qM" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <link rel="profile" href="https://gmpg.org/xfn/11"> 9 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 10 11 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 12 <title>Periodontist Keene NH | Monadnock Perio and Implant Center</title> 13 <meta name="description" content="Board certified Periodontist Keene NH, Dr Tae Kwon & Dr Jad Mourad of Monadnock Perio and Implant Center offer dental care & healthy smiles" /> 14 <link rel="canonical" href="https://www.monadnockperio.com/" /> 15 <meta property="og:locale" content="en_US" /> 16 <meta property="og:type" content="website" /> 17 <meta property="og:title" content="Periodontist Keene NH | Monadnock Perio and Implant Center" /> 18 <meta property="og:description" content="Board certified Periodontist Keene NH, Dr Tae Kwon & Dr Jad Mourad of Monadnock Perio and Implant Center offer dental care & healthy smiles" /> 19 <meta property="og:url" content="https://www.monadnockperio.com/" /> 20 <meta property="og:site_name" content="Monadnock Perio & Implant Center" /> 21 <meta property="article:publisher" content="https://www.facebook.com/monadnockperio/" /> 22 <meta property="article:modified_time" content="2026-03-27T03:03:58+00:00" /> 23 <meta property="og:image" content="https://www.monadnockperio.com/wp-content/uploads/2021/02/publisher-logo.jpg" /> 24 <meta property="og:image:width" content="600" /> 25 <meta property="og:image:height" content="600" /> 26 <meta property="og:image:type" content="image/jpeg" /> 27 <meta name="twitter:card" content="summary_large_image" /> 28 <meta name="twitter:site" content="@monadnock_perio" /> 29
29<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.monadnockperio.com\/","url":"https:\/\/www.monadnockperio.com\/","name":"Periodontist Keene NH | Monadnock Perio and Implant Center","isPartOf":{"@id":"https:\/\/www.monadnockperio.com\/#website"},"about":{"@id":"https:\/\/www.monadnockperio.com\/#organization"},"datePublished":"2021-02-16T08:45:48+00:00","dateModified":"2026-03-27T03:03:58+00:00","description":"Board certified Periodontist Keene NH, Dr Tae Kwon & Dr Jad Mourad of Monadnock Perio and Implant Center offer dental care & healthy smiles","breadcrumb":{"@id":"https:\/\/www.monadnockperio.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.monadnockperio.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.monadnockperio.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.monadnockperio.com\/#website","url":"https:\/\/www.monadnockperio.com\/","name":"Monadnock Perio & Implant Center","description":"Monadnock Perio & Implant Center.","publisher":{"@id":"https:\/\/www.monadnockperio.com\/#organization"},"alternateName":"Periodontist Keene NH | Monadnock Perio and Implant Center","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.monadnockperio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.monadnockperio.com\/#organization","name":"Monadnock Perio & Implant Center","alternateName":"Periodontist Keene NH | Monadnock Perio and Implant Center","url":"https:\/\/www.monadnockperio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.monadnockperio.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.monadnockperio.com\/wp-content\/uploads\/2021\/02\/publisher-logo-img-new.png","contentUrl":"https:\/\/www.monadnockperio.com\/wp-content\/uploads\/2021\/02\/publisher-logo-img-new.png","width":600,"height":600,"caption":"Monadnock Perio & Implant Center"},"image":{"@id":"https:\/\/www.monadnockperio.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/monadnockperio\/","https:\/\/x.com\/monadnock_perio","https:\/\/www.pinterest.com\/monadnockperio\/_saved\/","https:\/\/www.instagram.com\/monadnockperio\/"]}]}</script>
29 30 <!-- / Yoast SEO plugin. --> 31 32 33<meta property="fb:admins" content="AW4dRekcBPJ"/><meta property="og:title" content="Welcome to Monadnock Perio & Implant Center"/><meta property="og:type" content="article"/><meta property="og:url" content="https://www.monadnockperio.com/"/><meta property="og:site_name" content="Monadnock Perio & Implant Center"/><meta property="og:image" content="https://www.monadnockperio.com/wp-content/uploads/2021/02/share-logo.jpg"/> 34<style id="wp-img-auto-sizes-contain-inline-css"> 35img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 36/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 37</style> 38 39<style id="wp-block-library-inline-css"> 40:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
40--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 41 42/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 43</style> 44<style id="wp-block-paragraph-inline-css"> 45.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 46/*# sourceURL=https://www.monadnockperio.com/wp-includes/blocks/paragraph/style.min.css */ 47</style> 48 49<style id="classic-theme-styles-inline-css"> 50/*! This file is auto-generated */ 51.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 52/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 53</style> 54 55<style id="global-styles-inline-css"> 56:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
560) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
56.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 57/*# sourceURL=global-styles-inline-css */ 58</style> 59 60<link rel='stylesheet' id='bootstrap-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/layouts/bootstrap/css/bootstrap.css?ver=1.0.0' media='all' /> 61<link rel='stylesheet' id='desktop-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/css/desktop.css?ver=1.0.0' media='all' /> 62<link rel='stylesheet' id='carousel-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/layouts/bootstrap/css/carousel.css?ver=1.0.0' media='all' /> 63<link rel='stylesheet' id='fontawesome-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/fontawesome/css/all.min.css?ver=1.0.0' media='all' /> 64<link rel='stylesheet' id='mmenu-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/mm-menu/mmenu-light.css?ver=1.0.0' media='all' /> 65<link rel='stylesheet' id='modalcss-css' href='https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/modal/modal.min.css?ver=1.0.0' media='all' /> 66<style id="ekwa-acf-innerblocks-fix-inline-css"> 67.acf-innerblocks-container{display:contents;} 68/*# sourceURL=ekwa-acf-innerblocks-fix-inline-css */ 69</style> 70<meta name="generator" content="WordPress 7.1.2" /> 71<!-- Youtube Video Configs for Header --> 72<style> 73 .player-wrap {position: relative;}.player-wrap.paused:before, .player-wrap.ended:before {top: 18%;width: 100%;height: 70%;content: '';z-index: +99;background: #000;position: absolute;}.player-wrap.paused:after {content: '\25B6';position: absolute;top: 50%;color: #ffff;left: 50%;font-size: 60px;height: 72px;width: 72px;text-align: center;line-height: 72px;margin: -36px;z-index: +100;}.player-wrap.ended:after {content: '\21BB';position: absolute;top: 50%;color: #ffff;left: 50%;font-size: 60px;height: 72px;width: 72px;text-align: center;line-height: 72px;margin: -36px;z-index: +100;}.player-wrap .player{cursor: pointer;}.player-wrap .player .playicon:before {content: "\f01d";position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;opacity: 0.55;width: 80px;height: 80px;color: #fff;display: inline-block;font-size: 90px;font-family: FontAwesome;line-height: 80px;cursor: pointer;} 74 .plugin-responsive { position: relative;padding-bottom: 56.25%;height: 0;} 75 .image-responsive {display: block;max-width: 100%;height: auto;} 76 .plugin-responsive iframe { position: absolute;top: 0;left: 0; width: 100%; height: 100%;} 77 .btn-transcript .trans-icon {display:inline-block;transition:.3s transform ease-in-out;} 78 .btn-transcript[aria-expanded="true"] .trans-icon {transform: rotate(90deg);} 79 .transcript-wrapper-del {display: none;} 80 .transcript-wrapper-in {display: block} 81 .player-wrap .player .playicon::before { 82 content: "\f144"; 83 font-family: "Font Awesome 5 Free"; 84 font-weight: 400; 85 } 86 .text-center {text-align: center} 87.player-wrap.paused::before, .player-wrap.ended::before { 88 text-align: left;
89 display: block; 90} 91.ekv-transcript { 92 background-color: #eee; 93 padding: 15px; 94} 95.ekv-description { 96 margin: 15px auto; 97 font-size: 14px; 98 font-style: italic; 99} 100</style> 101<!-- Youtube Video Configs --> 102<meta name="og:url" content="https://www.monadnockperio.com/" />
102<script type="application/ld+json"> 103{ 104"@context": "http://schema.org", 105 106 107"@type": "Dentist", 108"url": "https://www.monadnockperio.com", 109"logo": "https://www.monadnockperio.com/wp-content/uploads/2021/02/logo-new.svg", 110"image": "https://www.monadnockperio.com/wp-content/uploads/2021/02/logo-new.svg", 111"name": " Monadnock Perio & Implant Center", 112 "priceRange": "$$", 113 "currenciesAccepted": "USD", 114 "paymentAccepted": "Cash, Check, Visa, MasterCard, American Express, Discover", 115 "hasOfferCatalog": { 116 "@type": "OfferCatalog", 117 "name": "Periodontal and Implant Services", 118 "itemListElement": [ 119 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Dental Crown Lengthening","url":"https://www.monadnockperio.com/dental-crown-lengthening/"}}, 120 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Dental Extractions","url":"https://www.monadnockperio.com/dental-extractions/"}}, 121 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Dental Implants","url":"https://www.monadnockperio.com/dental-implants/"}}, 122 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Dental Wand Injection System","url":"https://www.monadnockperio.com/dental-wand-injection-system/"}}, 123 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Gingival Gum Grafting","url":"https://www.monadnockperio.com/gingival-gum-grafting/"}}, 124 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Gum Disease Treatment","url":"https://www.monadnockperio.com/gum-disease-treatment/"}}, 125 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Jaw Bone Grafting","url":"https://www.monadnockperio.com/jaw-bone-grafting/"}}, 126 {"@type":"Offer","itemOffered":{"@type":"Service","name":"LANAP Laser Periodontal Surgery","url":"https://www.monadnockperio.com/lanap-laser-periodontal-surgery/"}}, 127 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Lasers in Dentistry","url":"https://www.monadnockperio.com/lasers-in-dentistry/"}}, 128 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Oral Pathology Biopsy","url":"https://www.monadnockperio.com/oral-pathology-biopsy/"}}, 129 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Peri-Implantitis Treatment","url":"https://www.monadnockperio.com/peri-implantitis/"}}, 130 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Periodontal Maintenance Program","url":"https://www.monadnockperio.com/periodontal-maintenance-program/"}}, 131 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Periodontal Scaling and Root Planing","url":"https://www.monadnockperio.com/periodontal-scaling-and-root-planing/"}}, 132 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Periodontal Surgery Pocket Depth Reduction","url":"https://www.monadnockperio.com/periodontal-surgery-pocket-depth-reduction/"}}, 133 {"@type":"Offer","itemOffered":{"@type":"Service","name":"Botox","url":"https://www.monadnockperio.com/botox/"}} 134 ] 135 }, 136 137 "hasMap": "https://goo.gl/maps/CABhGMt9o87H8xqL9", 138 "address": { 139 "@type": "PostalAddress", 140 "addressLocality": "Keene", 141 "addressRegion": "NH", 142 "postalCode":"03431", 143 "streetAddress": "819 Court Street, Unit A", 144 "addressCountry": "US" 145 }, 146 "telephone": "(603) 215-5800", 147 148 "openingHoursSpecification": [ 149 { 150 "@type": "OpeningHoursSpecification", 151 "dayOfWeek": "Monday", 152 "opens": "8:00 AM", 153 "closes": "5:00 PM" 154 }, { 155 "@type": "OpeningHoursSpecification", 156 "dayOfWeek": "Tuesday", 157 "opens": "8:00 AM", 158 "closes": "5:00 PM" 159 }, { 160 "@type": "OpeningHoursSpecification", 161 "dayOfWeek": "Wednesday", 162 "opens": "8:00 AM", 163 "closes": "5:00 PM" 164 }, { 165 "@type": "OpeningHoursSpecification", 166 "dayOfWeek": "Thursday", 167 "opens": "8:00 AM", 168 "closes": "5:00 PM" 169 }, { 170 "@type": "OpeningHoursSpecification", 171 "dayOfWeek": "Friday", 172 "opens": "8:00 AM", 173 "closes": "5:00 PM" 174 } ], 175 "geo": { 176 "@type": "GeoCoordinates", 177 "latitude": "42.9626303", 178 "longitude": "-72.3068816,152m" 179 }, 180 "areaServed": [ 181 {"@type": "City", "name": "Keene, NH"}, 182 {"@type": "Place", "name": "Swanzey, NH"}, 183 {"@type": "Place", "name": "West Swanzey, NH"}, 184 {"@type": "Place", "name": "Marlborough, NH"}, 185 {"@type": "Place", "name": "Surry, NH"}, 186 {"@type": "Place", "name": "Gilsum, NH"}, 187 {"@type": "Place", "name": "Roxbury, NH"}, 188 {"@type": "Place", "name": "Sullivan, NH"}, 189 {"@type": "Place", "name": "Westmoreland, NH"}, 190 {"@type": "Place", "name": "Chesterfield, NH"}, 191 {"@type": "Place", "name": "Spofford, NH"}, 192 {"@type": "Place", "name": "Troy, NH"}, 193 {"@type": "Place", "name": "Dublin, NH"}, 194 {"@type": "Place", "name": "Winchester, NH"}, 195 {"@type": "Place", "name": "Stoddard, NH"}, 196 {"@type": "Place", "name": "Walpole, NH"}, 197 {"@type": "AdministrativeArea", "name": "Cheshire County, NH"} 198 ], 199 200 201 202"email": "[email protected]", 203"sameAs": ["https:\/\/www.facebook.com\/monadnockperio\/","https:\/\/twitter.com\/monadnock_perio","https:\/\/goo.gl\/maps\/CABhGMt9o87H8xqL9","https:\/\/www.pinterest.com\/monadnockperio\/_saved\/","https:\/\/www.instagram.com\/monadnockperio\/"]} 204</script>
204 205 206 207<style> 208*, 209*::before, 210*::after { 211 box-sizing: border-box; } 212html{ 213 scroll-behavior: smooth; 214 line-height: 1.15; 215 -webkit-text-size-adjust: 100%; 216 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 217} 218body{ 219 background-color: var(--main-bg-color); 220 font-family: var(--mobile_body); 221 font-weight: var(--mobile_variant); 222 font-style: var(--mobile_style); 223 font-size: var(--body-font-size); 224 color: var(--body-color); 225 margin: 0; 226 padding: 0; 227 line-height: 1.5; 228 text-align: left; 229} 230 231html,body{ 232 overflow-x: hidden; 233} 234.hide-from-mobile{ 235 display: none; 236} 237.invisible{ 238 opacity: 0; 239} 240 241.clearfix:before, 242.clearfix:after{ 243 display: table; 244 content: " "; 245} 246.clearfix:after{ 247 clear: both; 248} 249h1, h2, h3, h4, h5, h6 { 250 margin-top: 0; 251 margin-bottom: 0.5rem; 252} 253 254p { 255 margin-top: 0; 256 margin-bottom: 1rem; 257} 258a { 259 text-decoration: none; 260 background-color: transparent; 261 transition: color 0.5s, background 0.5s; 262} 263h1,h2,h3{ 264 font-weight: normal; 265} 266h1{ 267 color: var(--heading_h1_color); 268 font-size: var(--heading-h1-size); 269} 270h2{ 271 color: var(--heading_h2_color); 272 font-size: var(--heading-h2-size); 273} 274h3{ 275 color: var(--heading_h3_color); 276 font-size: var(--heading-h3-size); 277} 278.font-one{ 279 font-family: var(--font-1); 280 font-weight: var(--font-w-1); 281} 282.font-two{ 283 font-family: var(--font-2); 284 font-weight: var(--font-w-2); 285} 286 287a{ 288 color: var(--color_link); 289} 290a:hover{ 291 color: #000; 292} 293.center-vertically{ 294 position: relative; 295 top: 50%; 296 transform: translateY(-50%); 297} 298.center-horizontal{ 299 margin-left: auto; 300 margin-right: auto; 301} 302.container{ 303 padding-left: 15px; 304 padding-right: 15px; 305} 306 307 308.btn{ 309 background: var(--color_one); 310 text-transform: uppercase; 311 height: 45px; 312 line-height: 45px; 313 text-align: center; 314 text-transform: uppercase; 315 color: #fff !important; 316 display: inline-block; 317 padding-left: 20px; 318 padding-right: 20px; 319 -webkit-border-radius: 30px; 320 -moz-border-radius: 30px; 321 border-radius: 30px; 322 font-weight: bold !important; 323 -webkit-transition: color 0.5s, background 0.5s !important; 324 -moz-transition: color 0.5s, background 0.5s !important; 325 -ms-transition: color 0.5s, background 0.5s !important; 326 -o-transition: color 0.5s, background 0.5s !important; 327 transition: color 0.5s, background 0.5s !important; 328} 329.btn-full{ 330 max-width: none; 331} 332.btn:hover{ 333 background: #c9f2ee !important; 334 color: #436485 !important; 335 text-decoration: none; 336} 337 338.btn-invers{ 339 border: 2px solid var(--color_one) !important; 340} 341.readMoreBtn{ 342 max-width: 198px; 343 border-color: var(--color_one); 344 text-transform: uppercase; 345 font-size: 14px; 346 font-weight: bold; 347 color: var(--color_one); 348 -webkit-transition: color 0.5s, background 0.5s; 349 -moz-transition: color 0.5s, background 0.5s; 350 -ms-transition: color 0.5s, background 0.5s; 351 -o-transition: color 0.5s, background 0.5s; 352 transition: color 0.5s, background 0.5s; 353} 354 .readMoreBtn:hover{ 355 background: var(--color_one); 356 color: var(--color_invert); 357} 358 359@media screen and (min-width: 767px){ 360 body{ 361 font-family: var(--font_body); 362 font-weight: var(--body_variant); 363 font-style: var(--body_style); 364 } 365 h1{ 366 font-family: var(--heading_h1); 367 font-weight: var(--heading_h1_variant); 368 font-style: var(--heading_h1_style); 369 } 370 h2{ 371 font-family: var(--heading_h2); 372 font-weight: var(--heading_h2_variant); 373 font-style: var(--heading_h2_style); 374 } 375 h3{ 376 font-family: var(--heading_h3); 377 font-weight: var(--heading_h3_variant); 378 font-style: var(--heading_h3_style); 379 } 380 .btn{ 381 font-family: var(--font-2); 382 font-weight: var(--font-w-2); 383 } 384} 385@media screen and (min-width: 1024px){ 386 .hide-from-mobile{ 387 display: block; 388 } 389} 390 391.inner-page a{ 392 color: var(--color_one); 393} 394img { 395 vertical-align: middle; 396 border-style: none; 397} 398.img-fluid { 399 max-width: 100%; 400 height: auto; 401} 402h2.ekwa-section-heading{ 403 text-align: center; 404} 405.home-page p{ 406 line-height: 30px; 407} 408.styled{ 409 list-style: none; 410 padding-left: 0; 411 column-count: 2; 412 margin-bottom: 35px; 413 margin-top: 35px; 414} 415.styled li{ 416 margin-bottom: 15px; 417 padding-left: 10px; 418} 419.styled li:before{ 420 content: "\f058"; 421 font-family: "Font Awesome 5 Free"; 422 font-weight: 900; 423 margin-right: 5px; 424 color: var(--color_three); 425} 426h2{ 427 color: var(--color_three); 428 margin-top: 20px; 429 margin-bottom: 20px; 430} 431.home-page a{ 432 color: var(--color_one);
433 /*font-weight: bold;*/ 434} 435.home-page a:hover, .inner-page p a:hover{ 436 color: var(--color_link_hover) !important; 437} 438.inner-page{ 439 padding-top: 80px; 440 padding-bottom: 80px; 441} 442.inner-page h1{ 443 color: var(--color_three); 444 font-size: 36px; 445 margin-bottom: 36px; 446} 447.inner-page h2{ 448 margin-top: 30px; 449 margin-bottom: 30px; 450} 451.inner-page p{ 452 margin-bottom: 30px; 453 /*margin-top: 20px;*/ 454 line-height: 30px; 455} 456.inner-page p a{ 457 color: var(--color_two); 458 font-weight: bold; 459} 460.inner-page ul{ 461 margin: 15px 0px; 462} 463.inner-page ul li ul{ 464 margin: 15px 0px !important; 465 padding-left: 0px !important; 466} 467.inner-page ol li{ 468 padding: 8px 0px; 469} 470.read-more-content ul{ 471 column-count: 2; 472} 473 474/*safari specific css*/ 475@media not all and (min-resolution:.001dpcm) { @media { 476 .footer-bottom{ 477 background:url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/monadnock-mountain.jpg) !important; 478 } 479 @media screen and (max-width: 1024px){ 480 481 } 482 @media screen and (max-width: 834px){ 483 484 } 485}} 486 487@media screen and (min-width: 767px){ 488 .inner-page-banner{ 489 font-family: var(--heading_h1); 490 } 491 .team-img img{ 492 float: left; 493 margin-right: 15px; 494 margin-bottom: 15px; 495 } 496 .Header__WidgetTitle-sc-17gc7x6-2{ 497 font-family: var(--heading_h1); 498 } 499} 500.img-right{ 501 float: right; 502 margin-left: 15px; 503 margin-bottom: 15px; 504} 505.inner-page ul li{ 506 margin-bottom: 10px; 507 line-height: 30px; 508} 509.wp-block-image img{ 510 height: auto !important; 511} 512.Header__WidgetTitle-sc-17gc7x6-2{ 513 text-transform: capitalize; 514 font-size: 30px; 515} 516.page-id-425 .inner-page-title svg{ 517 display: none; 518} 519.inner-page .wp-block-image img{ 520 margin-top: 30px; 521 padding: 4px; 522 background: #fff; 523 border-radius: 10px; 524 border: solid 2px var(--color_two); 525} 526.pre-post-btn-wrapper{ 527 flex-basis: auto; 528 flex-grow: inherit; 529} 530.pre-post-btn-wrapper .btn{ 531 display: block; 532 margin-top: 15px; 533 margin-bottom: 15px; 534} 535 536@media screen and (max-width: 600px){ 537 body{ 538 font-size: 16px !important; 539 } 540 .reverse-cols{ 541 flex-direction: column-reverse; 542 } 543} 544 545.service-list{ 546 padding-left: 0; 547 list-style: none; 548} 549.service-list li{ 550 font-weight: bold; 551 font-size: 18px; 552 position: relative; 553 margin-bottom: 15px; 554 padding-left: 45px; 555} 556.service-list li:before{ 557 content: "\f5c9"; 558 width: 40px; 559 height: 40px; 560 color: #4bbfb4; 561 text-align: center; 562 line-height: 40px; 563 font-family: "Font Awesome 5 Free"; 564 font-weight: 900; 565 display: block; 566 position: absolute; 567 top: 50%; 568 transform: translateY(-50%); 569 left: 0; 570 font-size: 24px; 571} 572.service-1-bg{ 573 background: url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/service-1.jpg) top center no-repeat; 574 background-size: cover; 575} 576.service-2{ 577 background: url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/service-2.jpg) top center no-repeat; 578 background-size: cover; 579} 580.row { 581 display: flex; 582 flex-wrap: wrap; 583 margin-right: -15px; 584 margin-left: -15px; 585} 586.col-lg-6{ 587 position: relative; 588 width: 100%; 589 padding-right: 15px; 590 padding-left: 15px; 591} 592@media screen and (max-width: 834px){ 593 .inner-page h2{ 594 font-size: 18px; 595 } 596 .read-more-content ul{ 597 column-count: 1; 598 } 599 .inner-page .wp-block-columns{ 600 margin-bottom: 0; 601 } 602} 603@media screen and (max-width: 480px){ 604 .img-right{ 605 margin-left: 0px; 606 } 607} 608@media screen and (max-width: 360px){ 609 .readmore-content h1{ 610 line-height: 1.2 !important; 611 } 612} 613</style> <style type="text/css"> 614 .site-title, 615 .site-description { 616 position: absolute; 617 clip: rect(1px, 1px, 1px, 1px); 618 } 619 </style> 620 <link rel="icon" href="https://www.monadnockperio.com/wp-content/uploads/2021/02/cropped-icon-32x32.jpg" sizes="32x32" /> 621<link rel="icon" href="https://www.monadnockperio.com/wp-content/uploads/2021/02/cropped-icon-192x192.jpg" sizes="192x192" /> 622<link rel="apple-touch-icon" href="https://www.monadnockperio.com/wp-content/uploads/2021/02/cropped-icon-180x180.jpg" /> 623<meta name="msapplication-TileImage" content="https://www.monadnockperio.com/wp-content/uploads/2021/02/cropped-icon-270x270.jpg" /> 624<style id="kirki-inline-styles">:root{--heading_h1_color:#000000;--body-color:#000000;--heading_h2_color:#000000;--heading_h3_color:#000000;}/* latin-ext */ 625@font-face { 626 font-family: 'Lato'; 627 font-style: normal; 628 font-weight: 400; 629 font-display: swap; 630 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); 631 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
631BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 632} 633/* latin */ 634@font-face { 635 font-family: 'Lato'; 636 font-style: normal; 637 font-weight: 400; 638 font-display: swap; 639 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); 640 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 641} 642/* latin-ext */ 643@font-face { 644 font-family: 'Lato'; 645 font-style: normal; 646 font-weight: 700; 647 font-display: swap; 648 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); 649 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 650} 651/* latin */ 652@font-face { 653 font-family: 'Lato'; 654 font-style: normal; 655 font-weight: 700; 656 font-display: swap; 657 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); 658 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 659}/* thai */ 660@font-face { 661 font-family: 'Maitree'; 662 font-style: normal; 663 font-weight: 400; 664 font-display: swap; 665 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknsqsfamD.woff2) format('woff2'); 666 unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC; 667} 668/* vietnamese */ 669@font-face { 670 font-family: 'Maitree'; 671 font-style: normal; 672 font-weight: 400; 673 font-display: swap; 674 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntGsfamD.woff2) format('woff2'); 675 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 676} 677/* latin-ext */ 678@font-face { 679 font-family: 'Maitree'; 680 font-style: normal; 681 font-weight: 400; 682 font-display: swap; 683 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntCsfamD.woff2) format('woff2'); 684 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 685} 686/* latin */ 687@font-face { 688 font-family: 'Maitree'; 689 font-style: normal; 690 font-weight: 400; 691 font-display: swap; 692 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknt6sfQ.woff2) format('woff2'); 693 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 694}/* latin-ext */ 695@font-face { 696 font-family: 'Lato'; 697 font-style: normal; 698 font-weight: 400; 699 font-display: swap; 700 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); 701 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 702} 703/* latin */ 704@font-face { 705 font-family: 'Lato'; 706 font-style: normal; 707 font-weight: 400; 708 font-display: swap; 709 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); 710 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 711} 712/* latin-ext */ 713@font-face { 714 font-family: 'Lato'; 715 font-style: normal; 716 font-weight: 700; 717 font-display: swap; 718 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); 719 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
719BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 720} 721/* latin */ 722@font-face { 723 font-family: 'Lato'; 724 font-style: normal; 725 font-weight: 700; 726 font-display: swap; 727 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); 728 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 729}/* thai */ 730@font-face { 731 font-family: 'Maitree'; 732 font-style: normal; 733 font-weight: 400; 734 font-display: swap; 735 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknsqsfamD.woff2) format('woff2'); 736 unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC; 737} 738/* vietnamese */ 739@font-face { 740 font-family: 'Maitree'; 741 font-style: normal; 742 font-weight: 400; 743 font-display: swap; 744 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntGsfamD.woff2) format('woff2'); 745 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 746} 747/* latin-ext */ 748@font-face { 749 font-family: 'Maitree'; 750 font-style: normal; 751 font-weight: 400; 752 font-display: swap; 753 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntCsfamD.woff2) format('woff2'); 754 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 755} 756/* latin */ 757@font-face { 758 font-family: 'Maitree'; 759 font-style: normal; 760 font-weight: 400; 761 font-display: swap; 762 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknt6sfQ.woff2) format('woff2'); 763 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 764}/* latin-ext */ 765@font-face { 766 font-family: 'Lato'; 767 font-style: normal; 768 font-weight: 400; 769 font-display: swap; 770 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); 771 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 772} 773/* latin */ 774@font-face { 775 font-family: 'Lato'; 776 font-style: normal; 777 font-weight: 400; 778 font-display: swap; 779 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); 780 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 781} 782/* latin-ext */ 783@font-face { 784 font-family: 'Lato'; 785 font-style: normal; 786 font-weight: 700; 787 font-display: swap; 788 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); 789 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 790} 791/* latin */ 792@font-face { 793 font-family: 'Lato'; 794 font-style: normal; 795 font-weight: 700; 796 font-display: swap; 797 src: url(https://www.monadnockperio.com/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); 798 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 799}/* thai */ 800@font-face { 801 font-family: 'Maitree'; 802 font-style: normal; 803 font-weight: 400; 804 font-display: swap; 805 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknsqsfamD.woff2) format('woff2'); 806 unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC; 807} 808/* vietnamese */ 809@font-face { 810 font-family: 'Maitree'; 811 font-style: normal; 812 font-weight: 400; 813 font-display: swap; 814 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntGsfamD.woff2) format('woff2'); 815 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; 816} 817/* latin-ext */ 818@font-face { 819 font-family: 'Maitree'; 820 font-style: normal; 821 font-weight: 400; 822 font-display: swap; 823 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrkntCsfamD.woff2) format('woff2'); 824 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
824BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 825} 826/* latin */ 827@font-face { 828 font-family: 'Maitree'; 829 font-style: normal; 830 font-weight: 400; 831 font-display: swap; 832 src: url(https://www.monadnockperio.com/wp-content/fonts/maitree/MjQGmil5tffhpBrknt6sfQ.woff2) format('woff2'); 833 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 834}</style> <style> 835 :root { 836 --color_one: #436485; 837 --color_two: #436485; 838 --color_three: #000000; 839 --color_four: #436485; 840 --color_five: #639a67; 841 842 --color_text: #000000; 843 --color_link: #000000; 844 --color_link_hover: #4dc9c8; 845 --color_headings: #000000; 846 --color_invert: #ffffff; 847 } 848</style><style> 849 :root { 850 --heading-h1-size: 40px; 851 --heading-h2-size: 24px; 852 --heading-h3-size: 20px; 853 --body-font-size: 15px; 854 855 856 --font_body: Lato; 857 --body_variant: 400; 858 --body_style: normal; 859 860 --mobile_body: Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 861 --mobile_variant: 'normal'; 862 --mobile_style: 'normal'; 863 864 --heading_h1: Maitree; 865 --heading_h1_variant: 400; 866 --heading_h1_style: normal; 867 868 869 --heading_h2: Maitree; 870 --heading_h2_variant: 400; 871 --heading_h2_style: normal; 872 873 --heading_h3: Lato; 874 --heading_h3_variant: 400; 875 --heading_h3_style: normal; 876 877 --font-1: Lato; 878 --font-w-1: 700; 879 --font-s-1: normal; 880 881 --font-2: Lato; 882 --font-w-2: 400; 883 --font-s-2: normal; 884 885 } 886</style><style> 887 :root { 888 --btn-color-one: var(--color_one); 889 --btn-color-two: #fff; 890 } 891 /* 892 .btn{ 893 display: inline-block; 894 font-weight: 400; 895 color: var(--btn-color-two); 896 text-align: center; 897 vertical-align: middle; 898 cursor: pointer; 899 -webkit-user-select: none; 900 -moz-user-select: none; 901 -ms-user-select: none; 902 user-select: none; 903 background-color: var(--btn-color-one); 904 border: 1px solid var(--btn-color-one); 905 padding: 0.375rem 0.75rem; 906 line-height: 1.5; 907 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 908 } 909 .btn:hover{ 910 background: var(--btn-color-two); 911 color: var(--btn-color-one); 912 border: 1px solid var(--btn-color-one); 913 text-decoration: none; 914 } 915 .btn-inverse{ 916 color: var(--btn-color-one); 917 background-color: var(--btn-color-two); 918 border: 1px solid var(--btn-color-one); 919 } 920 .btn-inverse:hover{ 921 background: var(--btn-color-one); 922 color: var(--btn-color-two); 923 border: 1px solid var(--btn-color-one); 924 } 925 .btn:focus, .btn.focus { 926 outline: 0; 927 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 928 }*/ 929 </style> 930 931 932<style> 933 .kirki-customizer-loading-wrapper{ 934 background-image: none !important; 935} 936</style>
937<script> 938 var EnableservicesCarousel = false; 939 var EnablereviewCarousel = false; 940 var EnablearticlesCarousel = false; 941 var enableBeforeAfterCarousel = false; 942</script>
942
942<script type="text/javascript"> 943 var TEMPDIR = 'https://www.monadnockperio.com/wp-content/themes/ekwa'; 944 var contactBlock = false; 945 var appForm = false; 946 var mobileDevice = false; 947 var tabDevice = false; 948 var frontpage = true; 949 950 </script>
950 951</head> 952<body class="home wp-singular page-template-default page page-id-36 wp-custom-logo wp-theme-ekwa ekwa-page"> 953<div class="page-36"> 954<!-- Header --> 955<style> 956 .mheader-wrapper{ 957 min-height: 76px; 958 } 959 .mheader{ 960 --mobile-header-bg: #fff; 961 --hamburger-menu-bg: #436485; 962 --hamburger-icon: #fff; 963 } 964 @media screen and (min-width: 1025px){ 965 .mheader-wrapper, 966 .mheader{ 967 display: none; 968 } 969 } 970 .mheader{ 971 position: relative; 972 padding-top: 7px; 973 padding-bottom: 7px; 974 height: 76px; 975 overflow: hidden; 976 background: var(--mobile-header-bg); 977 box-shadow: 0 -1px 0 0 rgb(0 0 0 / 10%) inset; 978 } 979 .mheader-search{ 980 position: absolute; 981 top: 0; 982 right: 80px; 983 width: 30px; 984 height: 100%; 985 display: flex; 986 align-items: center; 987 justify-content: center 988 } 989 .mheader-search svg{ 990 fill: var(--hamburger-menu-bg); 991 } 992 .mmenu-trigger{ 993 display: block; 994 position: absolute; 995 top: 0; 996 right: 0; 997 width: 70px; 998 background: var(--hamburger-menu-bg); 999 height: 100%; 1000 } 1001 .hamburger-wrapper{ 1002 position: absolute; 1003 top: 50%; 1004 transform: translateY(-50%); 1005 display: block; 1006 margin: auto; 1007 left: 0; 1008 right: 0; 1009 } 1010 .hamburger-wrapper .menu-text{ 1011 display: block; 1012 text-align: center; 1013 text-transform: uppercase; 1014 font-size: 12px; 1015 margin-top: 5px; 1016 display: block; 1017 color: var(--hamburger-icon); 1018 } 1019 .hamburger{ 1020 height: 24px; 1021 width: 30px; 1022 border-top: 2px solid var(--hamburger-icon); 1023 border-bottom: 2px solid var(--hamburger-icon); 1024 position: relative; 1025 margin-left: auto; 1026 margin-right: auto; 1027 text-align: center; 1028 display: block; 1029 } 1030 .hamburger:after{ 1031 position: absolute; 1032 height: 2px; 1033 width: 100%; 1034 background: var(--hamburger-icon); 1035 top: 50%; 1036 transform: translateY(-50%); 1037 content: ""; 1038 display: block; 1039 1040 } 1041 .mobile-logo img{ 1042 width: 100%; 1043 padding-left: 10px; 1044 padding-top: 10px; 1045 } 1046 @media screen and (max-width: 480px){ 1047 .mobile-logo{ 1048 width: 120px; 1049 } 1050 } 1051 @media screen and (min-width: 480px){ 1052 .mobile-logo{ 1053 width: 160px; 1054 } 1055 } 1056</style> 1057 <div class="mheader-wrapper"> 1058 <div class="mheader" id="mheader"> 1059 <div class="mobile-logo"> 1060 <a href="https://www.monadnockperio.com"><img src="https://www.monadnockperio.com/wp-content/uploads/2021/02/logo-new.svg" alt="Monadnock Perio & Implant Center"></a> </div> 1061 <a class="mheader-search" href="#" aria-label="Mobile search icon"> 1062 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg> 1063 </a> 1064 <a class="mmenu-trigger" href="#my-menu"> 1065 <span class="hamburger-wrapper"> 1066 <span class="hamburger"> 1067 1068 </span> 1069 <span class="menu-text">Menu</span> 1070 </span> 1071 </a> 1072 </div> 1073 </div> 1074 1075 1076 1077 <!--/Header--><!-- put mobile header --> 1078 1079 <style> 1080.topbar { 1081 padding: 10px 0px !important; 1082 border-bottom: 1px solid #efefef; 1083 font-size: 12px; 1084 text-align: center; 1085} 1086.topbar i { margin-left: 15px; } 1087.header-wrapper{ 1088 min-height: 118.5px; 1089} 1090.ekwa-theme-header, .topbar{ 1091 --header-color-1: #4dc9c8; 1092 --header-color-2: #c9f2ee; 1093 --header-color-3: #ffffff; 1094 --header-text-color: #000000; 1095 --menu-link-color: #000000; 1096 --menu-link-color-hover: #4dc9c8; 1097 padding-bottom: 0px; 1098} 1099 1100header{ 1101 display: none; 1102 position: relative; 1103 background: var(--header-color-3); 1104} 1105header .logo{ 1106 position: relative; 1107 top: 50%; 1108 transform: translateY(-50%); 1109 padding-bottom: 10px; 1110} 1111header .logo img{ 1112 width: 100%; 1113 max-width: 250px; 1114} 1115header .header-menu ul,.header-info{ 1116 display: none; 1117} 1118.mobile-menu-icon{ 1119 position: absolute; 1120 top: 50%; 1121 right: 60px; 1122 transform: translateY(-50%); 1123 z-index: 1600; 1124 color: var(--header-color-2); 1125} 1126 .mobile-menu-icon span{ 1127 display: block; 1128 } 1129 .mobile-menu-icon span.menu-text{ 1130 font-size: 11px; 1131 margin-top: -7px; 1132 } 1133 .mobile-menu-icon span.menu-icon{ 1134 font-size: 36px; 1135 } 1136 .mobile-menu-icon:hover{ 1137 text-decoration: none; 1138 } 1139.fixed_header{ 1140 position: fixed; 1141 width: 100%; 1142 left: 0; 1143 top: 0; 1144 z-index: 1600;
1145 -webkit-box-shadow: -3px 10px 5px -7px rgba(101,101,101,0.25); 1146 -moz-box-shadow: -3px 10px 5px -7px rgba(101,101,101,0.25); 1147 box-shadow: -3px 10px 5px -7px rgba(101,101,101,0.25); 1148} 1149header{ 1150 font-family: var(--font-1); 1151 font-weight: bold; 1152} 1153header .header-menu{ 1154 /* padding-right: 160px; 1155 position: relative; */ 1156} 1157/* header .appointment{ 1158 position: absolute; 1159 top: 0; 1160 right: 0; 1161 top: 30px; 1162} */ 1163header .sticky-header-btns{ 1164 display: none; 1165} 1166header.fixed_header .sticky-header-btns{ 1167 position: absolute; 1168 display: flex; 1169 top: 67px; 1170 right: 8px; 1171 gap: 10px; 1172} 1173header.fixed_header .sticky-header-btns .appointment{ 1174 font-size: 13px; 1175 height: 30px; 1176 line-height: 30px; 1177} 1178.appointment-wrapper{ 1179 display: inline-block; 1180 margin-left: 20px; 1181} 1182.appointment-wrapper .appointment{ 1183 font-weight: bold; 1184 letter-spacing: 1px; 1185 font-size: 13px; 1186} 1187.appointment-wrapper .appointment:hover{ 1188 background: var(--header-color-2) !important; 1189} 1190@media screen and (min-width: 1000px){ 1191 header { 1192 padding-top: 13px; 1193 } 1194 .mobile-menu-icon{ 1195 display: none; 1196 } 1197 .header-info{ 1198 display: block; 1199 } 1200 header .logo .custom-logo-link { 1201 margin-left: 0; 1202 margin-top: 22px; 1203 } 1204 header .header-info { 1205 text-align: right; 1206 } 1207 1208 header .header-info .appointment-wrapper { 1209 display: inline-block; 1210 font-size: 13px; 1211 } 1212 header .header-menu { 1213 padding-top: 40px; 1214 1215 } 1216 header .header-menu ul { 1217 list-style: none; 1218 padding-left: 0; 1219 text-align: right; 1220 margin-top: 0; 1221 margin-bottom: 0; 1222 display: flex; 1223 justify-content: space-between; 1224 min-height: 60px; 1225 } 1226 header .header-menu ul li { 1227 /*display: inline-block;*/ 1228 /*position: relative;*/ 1229 /*padding-bottom: 39px;*/ 1230 } 1231 header .header-menu ul li a { 1232 font-size: 13px; 1233 text-transform: uppercase; 1234 padding-bottom: 46px; 1235 position: relative; 1236 display: block; 1237 color: var(--menu-link-color); 1238 } 1239 header .header-menu ul li a:hover, header .header-menu ul li a:active, header .header-menu ul li a:focus, header .header-menu ul li.current_page_item > a , 1240 header .header-menu ul li.current-menu-ancestor > a { 1241 text-decoration: none; 1242 color: var(--menu-link-color-hover); 1243 } 1244 header .header-menu ul li:last-child > a { 1245 padding-right: 0; 1246 margin-right: 0; 1247 } 1248 header .header-menu ul li.menu-item-has-children > a{ 1249 padding-right: 8px; 1250 } 1251 header .header-menu ul li.menu-item-has-children > a:after { 1252 margin-right: -10px; 1253 font-family: "Font Awesome 5 Free"; 1254 font-size: 13px; 1255 content: "\f078"; 1256 position: absolute; 1257 top: 15%; 1258 transform: translateY(-50%); 1259 right: 0; 1260 font-weight: 900; 1261 } 1262 1263 .appointment { 1264 padding-left: 20px; 1265 padding-right: 20px; 1266 height: 35px; 1267 line-height: 35px; 1268 display: block; 1269 text-align: center; 1270 text-transform: uppercase; 1271 -webkit-border-radius: 30px; 1272 -moz-border-radius: 30px; 1273 border-radius: 30px; 1274 background: #436485; 1275 color: #fff; 1276 } 1277 .appointment.header-search{ 1278 padding: 0px; 1279 width: 35px; 1280 } 1281 .appointment.header-search i{ 1282 margin-left: auto; 1283 margin-right: auto; 1284 } 1285 .appointment:hover, .appointment:active, .appointment:focus { 1286 background: var(--header-color-2); 1287 text-decoration: none; 1288 /*color: #fff;*/ 1289 } 1290} 1291@media screen and (max-width: 1024px){ 1292 .topbar, 1293 .header-wrapper, 1294 .ekwa-theme-header{ 1295 display: none; 1296 } 1297} 1298@media screen and (max-width: 1000px){ 1299 header{ 1300 padding-top: 15px; 1301 padding-bottom: 15px; 1302 } 1303 header .logo img{ 1304 max-width: 180px; 1305 } 1306} 1307 1308@media screen and (min-width: 1025px) and (max-width:1190px){ 1309 .appointment { 1310 padding-left: 10px; 1311 padding-right: 10px; 1312 } 1313 .appointment-wrapper .appointment{ 1314 font-size: 12px; 1315 } 1316 .appointment-wrapper{ 1317 margin-left: 10px; 1318 } 1319} 1320 1321 1322@media screen and (min-width: 1025px){ 1323 .header-wrapper, 1324 header.ekwa-theme-header{ 1325 display: block; 1326 } 1327} 1328header .header-menu .menu-item-2157 ul{ position: absolute; 1329 width: 500px; 1330 margin-left: auto; 1331 margin-right: auto; 1332 right: 30%; 1333 right: 0; 1334 background-color: #436485;} 1335header .header-menu > ul > li > ul{ 1336 position: absolute; 1337 width: 800px; 1338 margin-left: auto; 1339 margin-right: auto; 1340 left: 0; 1341 right: 0; 1342 background-color: #436485; 1343background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewB
1343ox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%23436485'/%3E%3Cstop offset='1' stop-color='%235984b0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%23456789'/%3E%3Cstop offset='1' stop-color='%234a79b2'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%23466a8d'/%3E%3Cstop offset='1' stop-color='%233f6cb0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%23486d92'/%3E%3Cstop offset='1' stop-color='%233560ac'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%234a7096'/%3E%3Cstop offset='1' stop-color='%232b53a8'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%234c739a'/%3E%3Cstop offset='1' stop-color='%232346a4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%234d759e'/%3E%3Cstop offset='1' stop-color='%231b399e'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%234f78a2'/%3E%3Cstop offset='1' stop-color='%23142c98'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%23517ba7'/%3E%3Cstop offset='1' stop-color='%230e2091'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%23527eab'/%3E%3Cstop offset='1' stop-color='%23091489'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%235581ae'/%3E%3Cstop offset='1' stop-color='%23040980'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%235984b0'/%3E%3Cstop offset='1' stop-color='%23007'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E"); 1344background-attachment: fixed; 1345background-size: cover; 1346 top: 108px; 1347 z-index: 1000; 1348 padding: 25px; 1349 display: none; 1350 margin-top: -3px; 1351 overflow: hidden !important; 1352} 1353header .header-menu > ul > li > ul:before{ 1354 /*background: red;*/ 1355 position: absolute; 1356 top: -30px; 1357 height: 60px; 1358 width: 100%; 1359 content: ""; 1360 display: block; 1361} 1362header .header-menu > ul > li:hover > ul{ 1363 display: block; 1364} 1365header .header-menu ul li > ul > li{ 1366 text-align: center; 1367 float: left; 1368 width: 48%; 1369 margin: 1%; 1370 padding-bottom: 0px !important; 1371 1372} 1373header .header-menu ul li > ul > li > a{ 1374 font-size: 14px; 1375 padding-top: 10px; 1376 padding-bottom: 10px; 1377 color: #000; 1378 background: #fff; 1379 padding: 5px 10px; 1380 text-transform: capitalize; 1381} 1382header .header-menu ul li > ul > li > a:after{ 1383 display: none; 1384} 1385header .header-menu ul li ul > li > ul{
1386 display: block; 1387 margin-top: 20px; 1388} 1389header .header-menu ul li ul > li > ul > li{ 1390 display: block; 1391 width: 100%; 1392 max-width: 100%; 1393 padding-bottom: 0; 1394 border-bottom: 1px dashed #22B1B0; 1395} 1396header .header-menu ul li ul > li > ul > li > a{ 1397 font-size: 14px; 1398 padding-top: 10px; 1399 padding-bottom: 10px; 1400 color: #000; 1401} 1402.ekwa-theme-header .col-sm-9{ 1403 position: static; 1404} 1405.ekwa-theme-header .container{ 1406 position: relative; 1407} 1408@media screen and (max-width:1100px){ 1409 .appointment-wrapper .appointment{ 1410 font-size: 11px; 1411 } 1412 .appointment-wrapper{ 1413 margin-left: 5px; 1414 } 1415} 1416@media screen and (max-width: 1025px){ 1417 header .header-menu ul li a{ 1418 font-size: 11px; 1419 } 1420} 1421</style> 1422 1423<div class="topbar hide-from-mobile"> 1424 <div class="container-fluid"> 1425 <div class="row"> 1426 <div class="col-md-12"> 1427 <style> 1428 .appointment.reverse{ 1429 background: var(--header-color-2) !important; 1430 color: #000 !important; 1431 border: 1px solid #80d1c9; 1432 } 1433 .appointment.reverse:hover{ 1434 background: #436485 !important; 1435 color: #fff !important; 1436 border: 1px solid #436485; 1437 } 1438 .appointment-wrapper{ 1439 margin-left: 10px !important; 1440 } 1441 .appointment-wrapper .appointment i{ 1442 margin-left: 0px !important; 1443 } 1444 @media screen and (min-width: 1025px) and (max-width: 1229px) { 1445 .appointment-wrapper .appointment { 1446 font-size: 12px !important; 1447 } 1448 } 1449 @media screen and (max-width: 1105px) { 1450 .appointment-wrapper .appointment { 1451 font-size: 10px !important; 1452 } 1453 } 1454 </style> 1455 <a rel="noreferrer" target="_blank" class="header-location" href="https://goo.gl/maps/CABhGMt9o87H8xqL9"> <i class="fas fa-map-marker-alt"></i> 819 Court St Unit A, Keene, NH</a> 1456 1457 <div class="appointment-wrapper"> 1458 <a class="appointment reverse" href="https://www.monadnockperio.com/periodontitis-peri-implantitis/">Course Registration</a> 1459 </div> 1460 <div class="appointment-wrapper"> 1461 <a class="appointment reverse" href="https://www.monadnockperio.com/wp-content/uploads/2025/03/Patient-information.pdf" target="_blank">Patient Forms</a> 1462 </div> 1463 <div class="appointment-wrapper"> 1464 <a class="appointment reverse header-search" href="#" aria-label="Click to open search feature"><i class="fas fa-search"></i></a> 1465 </div> 1466 1467 <div class="appointment-wrapper"> 1468 <a class="appointment" href="tel:+16032155800"><i class="fas fa-phone-alt"></i> Call us: (603) 215-5800</a> 1469 </div> 1470 <div class="appointment-wrapper"> 1471 <a class="appointment" href="https://www.monadnockperio.com/request-an-appointment">Request An Appointment</a> 1472 </div> 1473 1474 </div> 1475 </div> 1476 </div> 1477</div> 1478<div class="header-wrapper"> 1479 <header class="ekwa-theme-header"> 1480 <div class="container"> 1481 <div class="row"> 1482 <div class="col-sm-3"> 1483 <div class="logo"> 1484 <a href="https://www.monadnockperio.com"><img src="https://www.monadnockperio.com/wp-content/uploads/2021/02/logo-new.svg" alt="Monadnock Perio & Implant Center"></a> </div> 1485 </div> 1486 <div class="col-sm-9"> 1487 <div class="header-menu"> 1488 <ul id="menu-main-menu" class="menu"><li id="menu-item-725" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-36 current_page_item menu-item-725"><a href="https://www.monadnockperio.com/" aria-current="page">Home</a></li> 1489<li id="menu-item-994" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-994"><a href="#">About</a> 1490<ul class="sub-menu"> 1491 <li id="menu-item-1083" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1083"><a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc/">Tae Kwon, DDS, MMSc</a></li> 1492 <li id="menu-item-1866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1866"><a href="https://www.monadnockperio.com/rahul-c-tase-dmd-ms/">Rahul C. Tase, DMD, MS</a></li> 1493 <li id="menu-item-2652" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2652"><a href="https://www.monadnockperio.com/dr-jad-mourad-dmd-msd/">Jad Mourad, DMD, MSD</a></li> 1494 <li id="menu-item-1081" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1081"><a href="https://www.monadnockperio.com/meet-our-team/">Meet Our Team</a></li> 1495 <li id="menu-item-2696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2696"><a href="https://www.monadnockperio.com/professional-publications/">Professional Publications</a></li> 1496 <li id="menu-item-1530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1530"><a href="https://www.monadnockperio.com/smile-gallery/">Smile Gallery</a></li> 1497 <li id="menu-item-1531" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1531"><a href="https://www.monadnockperio.com/patient-resources/">Patient Resources</a></li> 1498 <li id="menu-item-2011" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2011"><a href="https://www.monadnockperio.com/office-gallery/">Office Gallery</a></li> 1499 <li id="menu-item-2026" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2026"><a href="https://www.monadnockperio.com/articles/">Blog</a></li> 1500</ul> 1501</li> 1502<li id="menu-item-998" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-998"><a href="#">Services</a> 1503<ul class="sub-menu"> 1504 <li id="menu-item-1179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1179"><a href="https://www.monadnockperio.com/dental-crown-lengthening/">Dental Crown Lengthening</a></li> 1505 <li id="menu-item-1184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1184"><a href="https://www.monadnockperio.com/dental-extractions/">Dental Extractions</a></li> 1506 <li id="menu-item-1188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1188"><a href="https://www.monadnockperio.com/dental-implants/">Dental Implants</a></li> 1507 <li id="menu-item-1193" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1193"><a href="https://www.monadnockperio.com/dental-wand-injection-system/">Dental Wand Injection System</a></li> 1508 <li id="menu-item-1198" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1198"><a href="https://www.monadnockperio.com/gingival-gum-grafting/">Gingival (Gum) Grafting</a></li> 1509 <li id="menu-item-1202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1202"><a href="https://www.monadnockperio.com/gum-disease-treatment/">Gum Disease Treatment</a></li> 1510 <li id="menu-item-1206" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1206"><a href="https://www.monadnockperio.com/jaw-bone-grafting/">Jaw Bone Grafting</a></li> 1511 <li id="menu-item-1210" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1210"><a href="https://www.monadnockperio.com/lanap-laser-periodontal-surgery/">LANAP Laser Periodontal Surgery</a></li> 1512 <li id="menu-item-1214" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1214"><a href="https://www.monadnockperio.com/lasers-in-dentistry/">Lasers in Dentistry</a></li> 1513 <li id="menu-item-1218" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1218"><a href="https://www.monadnockperio.com/oral-pathology-biopsy/">Oral Pathology Biopsy</a></li> 1514 <li id="menu-item-1223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1223"><a href="https://www.monadnockperio.com/peri-implantitis/">Peri-Implantitis</a></li> 1515 <li id="menu-item-1227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1227"><a href="https://www.monadnockperio.com/periodontal-maintenance-program/">Periodontal Maintenance Program</a></li> 1516 <li id="menu-item-1231" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1231"><a href="https://www.monadnockperio.com/periodontal-scaling-and-root-planing/">Periodontal Scaling and Root Planing</a></li> 1517 <li id="menu-item-1235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1235"><a href="https://www.monadnockperio.com/periodontal-surgery-pocket-depth-reduction/">Periodontal Surgery Pocket Depth Reduction</a></li> 1518 <li id="menu-item-2680" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2680"><a href="https://www.monadnockperio.com/botox/">Botox</a></li> 1519</ul> 1520</li> 1521<li id="menu-item-2161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2161"><a href="https://www.monadnockperio.com/surgical-cases/">Surgical Cases</a></li> 1522<li id="menu-item-1141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1141"><a href="https://www.monadnockperio.com/success-stories/">Reviews</a></li> 1523<li id="menu-item-1386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1386"><a href="https://www.monadnockperio.com/seattle-study-club/">Seattle Study Club<sup>®</sup></a></li> 1524<li id="menu-item-2157" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2157"><a href="https://www.monadnockperio.com/lectures/">Lectures</a></li> 1525<li id="menu-item-1773" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1773"><a href="https://www.monadnockperio.com/referring-doctors/">Referring Doctors</a></li> 1526<li id="menu-item-1159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1159"><a href="https://www.monadnockperio.com/contact-us/">Contact</a></li> 1527</ul> 1528 <div class="sticky-header-btns"> 1529 <a class="appointment" href="tel:+16032155800"><i class="fas fa-phone-alt"></i> Call us: (603) 215-5800</a> 1530 <a class="appointment" href="https://www.monadnockperio.com/request-an-appointment">Request An Appointment</a> 1531 </div> 1532 1533 </div> 1534 </div> 1535 </div> 1536 </div> 1537 </header> 1538</div> 1539 1540 1541<style> 1542 .ekwa-carousel .carousel-caption{ 1543 /*outline: 1px solid red;*/ 1544 bottom: 100px; 1545 text-align: center !important; 1546 max-width: 1200px; 1547 margin-left: 0; 1548 margin-right: 0; 1549 width: 100%; 1550 left: 0; 1551 right: 0; 1552 padding-left: 25px; 1553 padding-right: 25px; 1554 margin-left: auto; 1555 margin-right: auto; 1556 } 1557 1558 1559 .caption-one{ 1560 font-weight: normal; 1561 font-family: var(--heading_h1); 1562 font-size: 44px;
1563 font-weight: bold; 1564 color: var(--color_invert); 1565 animation-delay: 800ms; 1566 text-shadow: 2px 2px 5px #000000; 1567 } 1568 1569 .caption-two{ 1570 font-size: 40px; 1571 margin-top: -20px; 1572 margin-bottom: 30px; 1573 font-family: var(--font-1); 1574 color: var(--color_invert); 1575 animation-delay: 1200ms; 1576 text-shadow: 2px 2px 5px #000000; 1577 } 1578 .btnt1{ 1579 border: 1px solid var(--color_three); 1580 background: var(--color_three); 1581 color: #fff; 1582 padding-top: 4px; 1583 padding-bottom: 8px; 1584 padding-left: 15px; 1585 padding-right: 15px; 1586 display: inline-block; 1587 width: 100%; 1588 max-width: 170px; 1589 } 1590 .slider-link-wrapper{ 1591 animation-delay: 1600ms; 1592 } 1593 .carousel-img{ 1594 width: 100%; 1595 max-width: 100%; 1596 display: block; 1597 margin-left: auto; 1598 margin-right: auto; 1599 } 1600 .carousel-control-prev, .carousel-control-next{ 1601 width: 70px; 1602 } 1603 .carousel-inner .btn{ 1604 display: inline-block; 1605 padding-left: 15px; 1606 padding-right: 15px; 1607 max-width: none; 1608 width: auto; 1609 1610 } 1611 1612 @media screen and (max-width: 767px){ 1613 .ekwa-carousel{ 1614 display: none; 1615 } 1616 } 1617 @media screen and (max-width:991px){ 1618 .ekwa-carousel .carousel-caption{ 1619 bottom: 50px; 1620 } 1621 .caption-one{ 1622 font-size: 36px; 1623 line-height: normal; 1624 } 1625 } 1626 1627 1628 1629 1630 /* Zoom animation */ 1631 @-webkit-keyframes zoom { 1632 from { 1633 -webkit-transform: scale(1, 1); 1634 } 1635 to { 1636 -webkit-transform: scale(1.5, 1.5); 1637 } 1638 } 1639 @keyframes zoom { 1640 from { 1641 transform: scale(1, 1); 1642 } 1643 to { 1644 transform: scale(1.5, 1.5); 1645 } 1646 } 1647 1648 .carousel-inner .carousel-item > img { 1649 -webkit-animation: zoom 20s; 1650 animation: zoom 20s; 1651 } 1652 1653 1654 /* animated css */ 1655 1656 :root { 1657 --animate-duration: 1s; 1658 --animate-delay: 1s; 1659 --animate-repeat: 1; 1660 } 1661 .animate__animated { 1662 -webkit-animation-duration: 1s; 1663 animation-duration: 1s; 1664 -webkit-animation-duration: var(--animate-duration); 1665 animation-duration: var(--animate-duration); 1666 -webkit-animation-fill-mode: both; 1667 animation-fill-mode: both; 1668 } 1669 .animate__animated.animate__infinite { 1670 -webkit-animation-iteration-count: infinite; 1671 animation-iteration-count: infinite; 1672 } 1673 .animate__animated.animate__repeat-1 { 1674 -webkit-animation-iteration-count: 1; 1675 animation-iteration-count: 1; 1676 -webkit-animation-iteration-count: var(--animate-repeat); 1677 animation-iteration-count: var(--animate-repeat); 1678 } 1679 .animate__animated.animate__repeat-2 { 1680 -webkit-animation-iteration-count: calc(1 * 2); 1681 animation-iteration-count: calc(1 * 2); 1682 -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); 1683 animation-iteration-count: calc(var(--animate-repeat) * 2); 1684 } 1685 .animate__animated.animate__repeat-3 { 1686 -webkit-animation-iteration-count: calc(1 * 3); 1687 animation-iteration-count: calc(1 * 3); 1688 -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); 1689 animation-iteration-count: calc(var(--animate-repeat) * 3); 1690 } 1691 .animate__animated.animate__delay-1s { 1692 -webkit-animation-delay: 1s; 1693 animation-delay: 1s; 1694 -webkit-animation-delay: var(--animate-delay); 1695 animation-delay: var(--animate-delay); 1696 } 1697 .animate__animated.animate__delay-2s { 1698 -webkit-animation-delay: calc(1s * 2); 1699 animation-delay: calc(1s * 2); 1700 -webkit-animation-delay: calc(var(--animate-delay) * 2); 1701 animation-delay: calc(var(--animate-delay) * 2); 1702 } 1703 .animate__animated.animate__delay-3s { 1704 -webkit-animation-delay: calc(1s * 3); 1705 animation-delay: calc(1s * 3); 1706 -webkit-animation-delay: calc(var(--animate-delay) * 3); 1707 animation-delay: calc(var(--animate-delay) * 3); 1708 } 1709 .animate__animated.animate__delay-4s { 1710 -webkit-animation-delay: calc(1s * 4); 1711 animation-delay: calc(1s * 4); 1712 -webkit-animation-delay: calc(var(--animate-delay) * 4); 1713 animation-delay: calc(var(--animate-delay) * 4); 1714 } 1715 .animate__animated.animate__delay-5s { 1716 -webkit-animation-delay: calc(1s * 5); 1717 animation-delay: calc(1s * 5); 1718 -webkit-animation-delay: calc(var(--animate-delay) * 5); 1719 animation-delay: calc(var(--animate-delay) * 5); 1720 } 1721 .animate__animated.animate__faster { 1722 -webkit-animation-duration: calc(1s / 2); 1723 animation-duration: calc(1s / 2); 1724 -webkit-animation-duration: calc(var(--animate-duration) / 2); 1725 animation-duration: calc(var(--animate-duration) / 2); 1726 } 1727 .animate__animated.animate__fast { 1728 -webkit-animation-duration: calc(1s * 0.8); 1729 animation-duration: calc(1s * 0.8); 1730 -webkit-animation-duration: calc(var(--animate-duration) * 0.8); 1731 animation-duration: calc(var(--animate-duration) * 0.8); 1732 } 1733 .animate__animated.animate__slow { 1734 -webkit-animation-duration: calc(1s * 2); 1735 animation-duration: calc(1s * 2); 1736 -webkit-animation-duration: calc(var(--animate-duration) * 2); 1737 animation-duration: calc(var(--animate-duration) * 2); 1738 } 1739 .animate__animated.animate__slower { 1740 -webkit-animation-duration: calc(1s * 3); 1741 animation-duration: calc(1s * 3); 1742 -webkit-animation-duration: calc(var(--animate-duration) * 3); 1743 animation-duration: calc(var(--animate-duration) * 3); 1744 } 1745 @media print, (prefers-reduced-motion: reduce) { 1746 .animate__animated { 1747 -webkit-animation-duration: 1ms !important; 1748 animation-duration: 1ms !important; 1749 -webkit-transition-duration: 1ms !important; 1750 transition-duration: 1ms !important; 1751 -webkit-animation-iteration-count: 1 !important; 1752 animation-iteration-count: 1 !important; 1753 } 1754 1755 .animate__animated[class*='Out'] { 1756 opacity: 0; 1757 } 1758 } 1759 /* Attention seekers */ 1760 @-webkit-keyframes bounce { 1761 from, 1762 20%, 1763 53%, 1764 to { 1765 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1766 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1767 -webkit-transform: translate3d(0, 0, 0); 1768 transform: translate3d(0, 0, 0); 1769 } 1770 1771 40%, 1772 43% { 1773 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1774 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1775 -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); 1776 transform: translate3d(0, -30px, 0) scaleY(1.1); 1777 } 1778 1779 70% { 1780 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1781 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1782 -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); 1783 transform: translate3d(0, -15px, 0) scaleY(1.05); 1784 } 1785 1786 80% { 1787 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1788 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1789 -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); 1790 transform: translate3d(0, 0, 0) scaleY(0.95); 1791 } 1792 1793 90% { 1794 -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); 1795 transform: translate3d(0, -4px, 0) scaleY(1.02); 1796 } 1797 } 1798 @keyframes bounce { 1799 from, 1800 20%, 1801 53%, 1802 to { 1803 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1804 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1805 -webkit-transform: translate3d(0, 0, 0); 1806 transform: translate3d(0, 0, 0); 1807 } 1808 1809 40%, 1810 43% { 1811 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1812 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1813 -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); 1814 transform: translate3d(0, -30px, 0) scaleY(1.1); 1815 } 1816 1817 70% { 1818 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1819 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 1820 -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); 1821 transform: translate3d(0, -15px, 0) scaleY(1.05); 1822 } 1823 1824 80% { 1825 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1826 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 1827 -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); 1828 transform: translate3d(0, 0, 0) scaleY(0.95); 1829 } 1830 1831 90% { 1832 -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); 1833 transform: translate3d(0, -4px, 0) scaleY(1.02); 1834 } 1835 } 1836 .animate__bounce { 1837 -webkit-animation-name: bounce; 1838 animation-name: bounce; 1839 -webkit-transform-origin: center bottom; 1840 transform-origin: center bottom; 1841 } 1842 @-webkit-keyframes flash { 1843 from, 1844 50%, 1845 to { 1846 opacity: 1;
1847 } 1848 1849 25%, 1850 75% { 1851 opacity: 0; 1852 } 1853 } 1854 @keyframes flash { 1855 from, 1856 50%, 1857 to { 1858 opacity: 1; 1859 } 1860 1861 25%, 1862 75% { 1863 opacity: 0; 1864 } 1865 } 1866 .animate__flash { 1867 -webkit-animation-name: flash; 1868 animation-name: flash; 1869 } 1870 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 1871 @-webkit-keyframes pulse { 1872 from { 1873 -webkit-transform: scale3d(1, 1, 1); 1874 transform: scale3d(1, 1, 1); 1875 } 1876 1877 50% { 1878 -webkit-transform: scale3d(1.05, 1.05, 1.05); 1879 transform: scale3d(1.05, 1.05, 1.05); 1880 } 1881 1882 to { 1883 -webkit-transform: scale3d(1, 1, 1); 1884 transform: scale3d(1, 1, 1); 1885 } 1886 } 1887 @keyframes pulse { 1888 from { 1889 -webkit-transform: scale3d(1, 1, 1); 1890 transform: scale3d(1, 1, 1); 1891 } 1892 1893 50% { 1894 -webkit-transform: scale3d(1.05, 1.05, 1.05); 1895 transform: scale3d(1.05, 1.05, 1.05); 1896 } 1897 1898 to { 1899 -webkit-transform: scale3d(1, 1, 1); 1900 transform: scale3d(1, 1, 1); 1901 } 1902 } 1903 .animate__pulse { 1904 -webkit-animation-name: pulse; 1905 animation-name: pulse; 1906 -webkit-animation-timing-function: ease-in-out; 1907 animation-timing-function: ease-in-out; 1908 } 1909 @-webkit-keyframes rubberBand { 1910 from { 1911 -webkit-transform: scale3d(1, 1, 1); 1912 transform: scale3d(1, 1, 1); 1913 } 1914 1915 30% { 1916 -webkit-transform: scale3d(1.25, 0.75, 1); 1917 transform: scale3d(1.25, 0.75, 1); 1918 } 1919 1920 40% { 1921 -webkit-transform: scale3d(0.75, 1.25, 1); 1922 transform: scale3d(0.75, 1.25, 1); 1923 } 1924 1925 50% { 1926 -webkit-transform: scale3d(1.15, 0.85, 1); 1927 transform: scale3d(1.15, 0.85, 1); 1928 } 1929 1930 65% { 1931 -webkit-transform: scale3d(0.95, 1.05, 1); 1932 transform: scale3d(0.95, 1.05, 1); 1933 } 1934 1935 75% { 1936 -webkit-transform: scale3d(1.05, 0.95, 1); 1937 transform: scale3d(1.05, 0.95, 1); 1938 } 1939 1940 to { 1941 -webkit-transform: scale3d(1, 1, 1); 1942 transform: scale3d(1, 1, 1); 1943 } 1944 } 1945 @keyframes rubberBand { 1946 from { 1947 -webkit-transform: scale3d(1, 1, 1); 1948 transform: scale3d(1, 1, 1); 1949 } 1950 1951 30% { 1952 -webkit-transform: scale3d(1.25, 0.75, 1); 1953 transform: scale3d(1.25, 0.75, 1); 1954 } 1955 1956 40% { 1957 -webkit-transform: scale3d(0.75, 1.25, 1); 1958 transform: scale3d(0.75, 1.25, 1); 1959 } 1960 1961 50% { 1962 -webkit-transform: scale3d(1.15, 0.85, 1); 1963 transform: scale3d(1.15, 0.85, 1); 1964 } 1965 1966 65% { 1967 -webkit-transform: scale3d(0.95, 1.05, 1); 1968 transform: scale3d(0.95, 1.05, 1); 1969 } 1970 1971 75% { 1972 -webkit-transform: scale3d(1.05, 0.95, 1); 1973 transform: scale3d(1.05, 0.95, 1); 1974 } 1975 1976 to { 1977 -webkit-transform: scale3d(1, 1, 1); 1978 transform: scale3d(1, 1, 1); 1979 } 1980 } 1981 .animate__rubberBand { 1982 -webkit-animation-name: rubberBand; 1983 animation-name: rubberBand; 1984 } 1985 @-webkit-keyframes shakeX { 1986 from, 1987 to { 1988 -webkit-transform: translate3d(0, 0, 0); 1989 transform: translate3d(0, 0, 0); 1990 } 1991 1992 10%, 1993 30%, 1994 50%, 1995 70%, 1996 90% { 1997 -webkit-transform: translate3d(-10px, 0, 0); 1998 transform: translate3d(-10px, 0, 0); 1999 } 2000 2001 20%, 2002 40%, 2003 60%, 2004 80% { 2005 -webkit-transform: translate3d(10px, 0, 0); 2006 transform: translate3d(10px, 0, 0); 2007 } 2008 } 2009 @keyframes shakeX { 2010 from, 2011 to { 2012 -webkit-transform: translate3d(0, 0, 0); 2013 transform: translate3d(0, 0, 0); 2014 } 2015 2016 10%, 2017 30%, 2018 50%, 2019 70%, 2020 90% { 2021 -webkit-transform: translate3d(-10px, 0, 0); 2022 transform: translate3d(-10px, 0, 0); 2023 } 2024 2025 20%, 2026 40%, 2027 60%, 2028 80% { 2029 -webkit-transform: translate3d(10px, 0, 0); 2030 transform: translate3d(10px, 0, 0); 2031 } 2032 } 2033 .animate__shakeX { 2034 -webkit-animation-name: shakeX; 2035 animation-name: shakeX; 2036 } 2037 @-webkit-keyframes shakeY { 2038 from, 2039 to { 2040 -webkit-transform: translate3d(0, 0, 0); 2041 transform: translate3d(0, 0, 0); 2042 } 2043 2044 10%, 2045 30%, 2046 50%, 2047 70%, 2048 90% { 2049 -webkit-transform: translate3d(0, -10px, 0); 2050 transform: translate3d(0, -10px, 0); 2051 } 2052 2053 20%, 2054 40%, 2055 60%, 2056 80% { 2057 -webkit-transform: translate3d(0, 10px, 0); 2058 transform: translate3d(0, 10px, 0); 2059 } 2060 } 2061 @keyframes shakeY { 2062 from, 2063 to { 2064 -webkit-transform: translate3d(0, 0, 0); 2065 transform: translate3d(0, 0, 0); 2066 } 2067 2068 10%, 2069 30%, 2070 50%, 2071 70%, 2072 90% { 2073 -webkit-transform: translate3d(0, -10px, 0); 2074 transform: translate3d(0, -10px, 0); 2075 } 2076 2077 20%, 2078 40%, 2079 60%, 2080 80% { 2081 -webkit-transform: translate3d(0, 10px, 0); 2082 transform: translate3d(0, 10px, 0); 2083 } 2084 } 2085 .animate__shakeY { 2086 -webkit-animation-name: shakeY; 2087 animation-name: shakeY; 2088 } 2089 @-webkit-keyframes headShake { 2090 0% { 2091 -webkit-transform: translateX(0); 2092 transform: translateX(0); 2093 } 2094 2095 6.5% { 2096 -webkit-transform: translateX(-6px) rotateY(-9deg); 2097 transform: translateX(-6px) rotateY(-9deg); 2098 } 2099 2100 18.5% { 2101 -webkit-transform: translateX(5px) rotateY(7deg); 2102 transform: translateX(5px) rotateY(7deg); 2103 } 2104 2105 31.5% { 2106 -webkit-transform: translateX(-3px) rotateY(-5deg); 2107 transform: translateX(-3px) rotateY(-5deg); 2108 } 2109 2110 43.5% { 2111 -webkit-transform: translateX(2px) rotateY(3deg); 2112 transform: translateX(2px) rotateY(3deg); 2113 } 2114 2115 50% { 2116 -webkit-transform: translateX(0); 2117 transform: translateX(0); 2118 } 2119 } 2120 @keyframes headShake { 2121 0% { 2122 -webkit-transform: translateX(0); 2123 transform: translateX(0); 2124 } 2125 2126 6.5% { 2127 -webkit-transform: translateX(-6px) rotateY(-9deg); 2128 transform: translateX(-6px) rotateY(-9deg); 2129 } 2130 2131 18.5% { 2132 -webkit-transform: translateX(5px) rotateY(7deg); 2133 transform: translateX(5px) rotateY(7deg); 2134 } 2135 2136 31.5% { 2137 -webkit-transform: translateX(-3px) rotateY(-5deg); 2138 transform: translateX(-3px) rotateY(-5deg); 2139 } 2140 2141 43.5% { 2142 -webkit-transform: translateX(2px) rotateY(3deg); 2143 transform: translateX(2px) rotateY(3deg); 2144 } 2145 2146 50% { 2147 -webkit-transform: translateX(0); 2148 transform: translateX(0); 2149 } 2150 } 2151 .animate__headShake { 2152 -webkit-animation-timing-function: ease-in-out; 2153 animation-timing-function: ease-in-out; 2154 -webkit-animation-name: headShake; 2155 animation-name: headShake; 2156 } 2157 @-webkit-keyframes swing { 2158 20% { 2159 -webkit-transform: rotate3d(0, 0, 1, 15deg); 2160 transform: rotate3d(0, 0, 1, 15deg); 2161 } 2162 2163 40% { 2164 -webkit-transform: rotate3d(0, 0, 1, -10deg); 2165 transform: rotate3d(0, 0, 1, -10deg); 2166 } 2167 2168 60% { 2169 -webkit-transform: rotate3d(0, 0, 1, 5deg); 2170 transform: rotate3d(0, 0, 1, 5deg); 2171 } 2172 2173 80% { 2174 -webkit-transform: rotate3d(0, 0, 1, -5deg); 2175 transform: rotate3d(0, 0, 1, -5deg); 2176 } 2177 2178 to { 2179 -webkit-transform: rotate3d(0, 0, 1, 0deg); 2180 transform: rotate3d(0, 0, 1, 0deg); 2181 } 2182 } 2183 @keyframes swing { 2184 20% { 2185 -webkit-transform: rotate3d(0, 0, 1, 15deg); 2186 transform: rotate3d(0, 0, 1, 15deg); 2187 } 2188 2189 40% { 2190 -webkit-transform: rotate3d(0, 0, 1, -10deg); 2191 transform: rotate3d(0, 0, 1, -10deg); 2192 } 2193 2194 60% { 2195 -webkit-transform: rotate3d(0, 0, 1, 5deg); 2196 transform: rotate3d(0, 0, 1, 5deg); 2197 } 2198 2199 80% { 2200 -webkit-transform: rotate3d(0, 0, 1, -5deg); 2201 transform: rotate3d(0, 0, 1, -5deg); 2202 } 2203 2204 to { 2205 -webkit-transform: rotate3d(0, 0, 1, 0deg); 2206 transform: rotate3d(0, 0, 1, 0deg); 2207 } 2208 } 2209 .animate__swing { 2210 -webkit-transform-origin: top center; 2211 transform-origin: top center; 2212 -webkit-animation-name: swing; 2213 animation-name: swing; 2214 } 2215 @-webkit-keyframes tada { 2216 from { 2217 -webkit-transform: scale3d(1, 1, 1); 2218 transform: scale3d(1, 1, 1); 2219 } 2220 2221 10%, 2222 20% { 2223 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 2224 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 2225 } 2226 2227 30%, 2228 50%, 2229 70%, 2230 90% { 2231 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 2232 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 2233 } 2234 2235 40%, 2236 60%, 2237 80% { 2238 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 2239 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 2240 } 2241 2242 to { 2243 -webkit-transform: scale3d(1, 1, 1); 2244 transform: scale3d(1, 1, 1); 2245 } 2246 } 2247 @keyframes tada { 2248 from { 2249 -webkit-transform: scale3d(1, 1, 1); 2250 transform: scale3d(1, 1, 1); 2251 } 2252 2253 10%, 2254 20% { 2255 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 2256 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 2257 } 2258 2259 30%, 2260 50%, 2261 70%, 2262 90% { 2263 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 2264 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 2265 } 2266 2267 40%, 2268 60%, 2269 80% { 2270 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 2271 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 2272 } 2273 2274 to { 2275 -webkit-transform: scale3d(1, 1, 1); 2276 transform: scale3d(1, 1, 1); 2277 } 2278 } 2279 .animate__tada { 2280 -webkit-animation-name: tada; 2281 animation-name: tada; 2282 } 2283 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 2284 @-webkit-keyframes wobble { 2285 from { 2286 -webkit-transform: translate3d(0, 0, 0); 2287 transform: translate3d(0, 0, 0); 2288 } 2289 2290 15% { 2291 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 2292 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 2293 } 2294 2295 30% { 2296 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 2297 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 2298 } 2299 2300 45% { 2301 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 2302 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 2303 } 2304 2305 60% { 2306 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 2307 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 2308 } 2309 2310 75% { 2311 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 2312 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 2313 } 2314 2315 to { 2316 -webkit-transform: translate3d(0, 0, 0); 2317 transform: translate3d(0, 0, 0); 2318 } 2319 } 2320 @keyframes wobble { 2321 from { 2322 -webkit-transform: translate3d(0, 0, 0); 2323 transform: translate3d(0, 0, 0); 2324 } 2325 2326 15% { 2327 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 2328 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 2329 } 2330 2331 30% { 2332 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 2333 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 2334 } 2335 2336 45% { 2337 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 2338 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 2339 } 2340 2341 60% { 2342 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 2343 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 2344 } 2345 2346 75% { 2347 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 2348 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 2349 } 2350 2351 to { 2352 -webkit-transform: translate3d(0, 0, 0); 2353 transform: translate3d(0, 0, 0); 2354 } 2355 } 2356 .animate__wobble { 2357 -webkit-animation-name: wobble; 2358 animation-name: wobble; 2359 } 2360 @-webkit-keyframes jello { 2361 from, 2362 11.1%, 2363 to { 2364 -webkit-transform: translate3d(0, 0, 0); 2365 transform: translate3d(0, 0, 0); 2366 } 2367 2368 22.2% { 2369 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 2370 transform: skewX(-12.5deg) skewY(-12.5deg); 2371 } 2372 2373 33.3% { 2374 -webkit-transform: skewX(6.25deg) skewY(6.25deg); 2375 transform: skewX(6.25deg) skewY(6.25deg); 2376 } 2377 2378 44.4% { 2379 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 2380 transform: skewX(-3.125deg) skewY(-3.125deg); 2381 } 2382 2383 55.5% { 2384 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 2385 transform: skewX(1.5625deg) skewY(1.5625deg); 2386 } 2387 2388 66.6% { 2389 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 2390 transform: skewX(-0.78125deg) skewY(-0.78125deg); 2391 } 2392 2393 77.7% { 2394 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 2395 transform: skewX(0.390625deg) skewY(0.390625deg); 2396 } 2397 2398 88.8% { 2399 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 2400 transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 2401 } 2402 } 2403 @keyframes jello { 2404 from, 2405 11.1%, 2406 to { 2407 -webkit-transform: translate3d(0, 0, 0); 2408 transform: translate3d(0, 0, 0); 2409 } 2410 2411 22.2% { 2412 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 2413 transform: skewX(-12.5deg) skewY(-12.5deg); 2414 } 2415 2416 33.3% { 2417 -webkit-transform: skewX(6.25deg) skewY(6.25deg); 2418 transform: skewX(6.25deg) skewY(6.25deg); 2419 } 2420 2421 44.4% { 2422 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 2423 transform: skewX(-3.125deg) skewY(-3.125deg); 2424 } 2425 2426 55.5% { 2427 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 2428 transform: skewX(1.5625deg) skewY(1.5625deg); 2429 } 2430 2431 66.6% { 2432 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 2433 transform: skewX(-0.78125deg) skewY(-0.78125deg); 2434 } 2435 2436 77.7% { 2437 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 2438 transform: skewX(0.390625deg) skewY(0.390625deg); 2439 } 2440 2441 88.8% { 2442 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 2443 transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 2444 } 2445 } 2446 .animate__jello { 2447 -webkit-animation-name: jello; 2448 animation-name: jello; 2449 -webkit-transform-origin: center; 2450 transform-origin: center; 2451 } 2452 @-webkit-keyframes heartBeat { 2453 0% { 2454 -webkit-transform: scale(1); 2455 transform: scale(1); 2456 } 2457
2458 14% { 2459 -webkit-transform: scale(1.3); 2460 transform: scale(1.3); 2461 } 2462 2463 28% { 2464 -webkit-transform: scale(1); 2465 transform: scale(1); 2466 } 2467 2468 42% { 2469 -webkit-transform: scale(1.3); 2470 transform: scale(1.3); 2471 } 2472 2473 70% { 2474 -webkit-transform: scale(1); 2475 transform: scale(1); 2476 } 2477 } 2478 @keyframes heartBeat { 2479 0% { 2480 -webkit-transform: scale(1); 2481 transform: scale(1); 2482 } 2483 2484 14% { 2485 -webkit-transform: scale(1.3); 2486 transform: scale(1.3); 2487 } 2488 2489 28% { 2490 -webkit-transform: scale(1); 2491 transform: scale(1); 2492 } 2493 2494 42% { 2495 -webkit-transform: scale(1.3); 2496 transform: scale(1.3); 2497 } 2498 2499 70% { 2500 -webkit-transform: scale(1); 2501 transform: scale(1); 2502 } 2503 } 2504 .animate__heartBeat { 2505 -webkit-animation-name: heartBeat; 2506 animation-name: heartBeat; 2507 -webkit-animation-duration: calc(1s * 1.3); 2508 animation-duration: calc(1s * 1.3); 2509 -webkit-animation-duration: calc(var(--animate-duration) * 1.3); 2510 animation-duration: calc(var(--animate-duration) * 1.3); 2511 -webkit-animation-timing-function: ease-in-out; 2512 animation-timing-function: ease-in-out; 2513 } 2514 /* Back entrances */ 2515 @-webkit-keyframes backInDown { 2516 0% { 2517 -webkit-transform: translateY(-1200px) scale(0.7); 2518 transform: translateY(-1200px) scale(0.7); 2519 opacity: 0.7; 2520 } 2521 2522 80% { 2523 -webkit-transform: translateY(0px) scale(0.7); 2524 transform: translateY(0px) scale(0.7); 2525 opacity: 0.7; 2526 } 2527 2528 100% { 2529 -webkit-transform: scale(1); 2530 transform: scale(1); 2531 opacity: 1; 2532 } 2533 } 2534 @keyframes backInDown { 2535 0% { 2536 -webkit-transform: translateY(-1200px) scale(0.7); 2537 transform: translateY(-1200px) scale(0.7); 2538 opacity: 0.7; 2539 } 2540 2541 80% { 2542 -webkit-transform: translateY(0px) scale(0.7); 2543 transform: translateY(0px) scale(0.7); 2544 opacity: 0.7; 2545 } 2546 2547 100% { 2548 -webkit-transform: scale(1); 2549 transform: scale(1); 2550 opacity: 1; 2551 } 2552 } 2553 .animate__backInDown { 2554 -webkit-animation-name: backInDown; 2555 animation-name: backInDown; 2556 } 2557 @-webkit-keyframes backInLeft { 2558 0% { 2559 -webkit-transform: translateX(-2000px) scale(0.7); 2560 transform: translateX(-2000px) scale(0.7); 2561 opacity: 0.7; 2562 } 2563 2564 80% { 2565 -webkit-transform: translateX(0px) scale(0.7); 2566 transform: translateX(0px) scale(0.7); 2567 opacity: 0.7; 2568 } 2569 2570 100% { 2571 -webkit-transform: scale(1); 2572 transform: scale(1); 2573 opacity: 1; 2574 } 2575 } 2576 @keyframes backInLeft { 2577 0% { 2578 -webkit-transform: translateX(-2000px) scale(0.7); 2579 transform: translateX(-2000px) scale(0.7); 2580 opacity: 0.7; 2581 } 2582 2583 80% { 2584 -webkit-transform: translateX(0px) scale(0.7); 2585 transform: translateX(0px) scale(0.7); 2586 opacity: 0.7; 2587 } 2588 2589 100% { 2590 -webkit-transform: scale(1); 2591 transform: scale(1); 2592 opacity: 1; 2593 } 2594 } 2595 .animate__backInLeft { 2596 -webkit-animation-name: backInLeft; 2597 animation-name: backInLeft; 2598 } 2599 @-webkit-keyframes backInRight { 2600 0% { 2601 -webkit-transform: translateX(2000px) scale(0.7); 2602 transform: translateX(2000px) scale(0.7); 2603 opacity: 0.7; 2604 } 2605 2606 80% { 2607 -webkit-transform: translateX(0px) scale(0.7); 2608 transform: translateX(0px) scale(0.7); 2609 opacity: 0.7; 2610 } 2611 2612 100% { 2613 -webkit-transform: scale(1); 2614 transform: scale(1); 2615 opacity: 1; 2616 } 2617 } 2618 @keyframes backInRight { 2619 0% { 2620 -webkit-transform: translateX(2000px) scale(0.7); 2621 transform: translateX(2000px) scale(0.7); 2622 opacity: 0.7; 2623 } 2624 2625 80% { 2626 -webkit-transform: translateX(0px) scale(0.7); 2627 transform: translateX(0px) scale(0.7); 2628 opacity: 0.7; 2629 } 2630 2631 100% { 2632 -webkit-transform: scale(1); 2633 transform: scale(1); 2634 opacity: 1; 2635 } 2636 } 2637 .animate__backInRight { 2638 -webkit-animation-name: backInRight; 2639 animation-name: backInRight; 2640 } 2641 @-webkit-keyframes backInUp { 2642 0% { 2643 -webkit-transform: translateY(1200px) scale(0.7); 2644 transform: translateY(1200px) scale(0.7); 2645 opacity: 0.7; 2646 } 2647 2648 80% { 2649 -webkit-transform: translateY(0px) scale(0.7); 2650 transform: translateY(0px) scale(0.7); 2651 opacity: 0.7; 2652 } 2653 2654 100% { 2655 -webkit-transform: scale(1); 2656 transform: scale(1); 2657 opacity: 1;
2658 } 2659 } 2660 @keyframes backInUp { 2661 0% { 2662 -webkit-transform: translateY(1200px) scale(0.7); 2663 transform: translateY(1200px) scale(0.7); 2664 opacity: 0.7; 2665 } 2666 2667 80% { 2668 -webkit-transform: translateY(0px) scale(0.7); 2669 transform: translateY(0px) scale(0.7); 2670 opacity: 0.7; 2671 } 2672 2673 100% { 2674 -webkit-transform: scale(1); 2675 transform: scale(1); 2676 opacity: 1; 2677 } 2678 } 2679 .animate__backInUp { 2680 -webkit-animation-name: backInUp; 2681 animation-name: backInUp; 2682 } 2683 /* Back exits */ 2684 @-webkit-keyframes backOutDown { 2685 0% { 2686 -webkit-transform: scale(1); 2687 transform: scale(1); 2688 opacity: 1; 2689 } 2690 2691 20% { 2692 -webkit-transform: translateY(0px) scale(0.7); 2693 transform: translateY(0px) scale(0.7); 2694 opacity: 0.7; 2695 } 2696 2697 100% { 2698 -webkit-transform: translateY(700px) scale(0.7); 2699 transform: translateY(700px) scale(0.7); 2700 opacity: 0.7; 2701 } 2702 } 2703 @keyframes backOutDown { 2704 0% { 2705 -webkit-transform: scale(1); 2706 transform: scale(1); 2707 opacity: 1; 2708 } 2709 2710 20% { 2711 -webkit-transform: translateY(0px) scale(0.7); 2712 transform: translateY(0px) scale(0.7); 2713 opacity: 0.7; 2714 } 2715 2716 100% { 2717 -webkit-transform: translateY(700px) scale(0.7); 2718 transform: translateY(700px) scale(0.7); 2719 opacity: 0.7; 2720 } 2721 } 2722 .animate__backOutDown { 2723 -webkit-animation-name: backOutDown; 2724 animation-name: backOutDown; 2725 } 2726 @-webkit-keyframes backOutLeft { 2727 0% { 2728 -webkit-transform: scale(1); 2729 transform: scale(1); 2730 opacity: 1; 2731 } 2732 2733 20% { 2734 -webkit-transform: translateX(0px) scale(0.7); 2735 transform: translateX(0px) scale(0.7); 2736 opacity: 0.7; 2737 } 2738 2739 100% { 2740 -webkit-transform: translateX(-2000px) scale(0.7); 2741 transform: translateX(-2000px) scale(0.7); 2742 opacity: 0.7; 2743 } 2744 } 2745 @keyframes backOutLeft { 2746 0% { 2747 -webkit-transform: scale(1); 2748 transform: scale(1); 2749 opacity: 1; 2750 } 2751 2752 20% { 2753 -webkit-transform: translateX(0px) scale(0.7); 2754 transform: translateX(0px) scale(0.7); 2755 opacity: 0.7; 2756 } 2757 2758 100% { 2759 -webkit-transform: translateX(-2000px) scale(0.7); 2760 transform: translateX(-2000px) scale(0.7); 2761 opacity: 0.7; 2762 } 2763 } 2764 .animate__backOutLeft { 2765 -webkit-animation-name: backOutLeft; 2766 animation-name: backOutLeft; 2767 } 2768 @-webkit-keyframes backOutRight { 2769 0% { 2770 -webkit-transform: scale(1); 2771 transform: scale(1); 2772 opacity: 1; 2773 } 2774 2775 20% { 2776 -webkit-transform: translateX(0px) scale(0.7); 2777 transform: translateX(0px) scale(0.7); 2778 opacity: 0.7; 2779 } 2780 2781 100% { 2782 -webkit-transform: translateX(2000px) scale(0.7); 2783 transform: translateX(2000px) scale(0.7); 2784 opacity: 0.7; 2785 } 2786 } 2787 @keyframes backOutRight { 2788 0% { 2789 -webkit-transform: scale(1); 2790 transform: scale(1); 2791 opacity: 1; 2792 } 2793 2794 20% { 2795 -webkit-transform: translateX(0px) scale(0.7); 2796 transform: translateX(0px) scale(0.7); 2797 opacity: 0.7; 2798 } 2799 2800 100% { 2801 -webkit-transform: translateX(2000px) scale(0.7); 2802 transform: translateX(2000px) scale(0.7); 2803 opacity: 0.7; 2804 } 2805 } 2806 .animate__backOutRight { 2807 -webkit-animation-name: backOutRight; 2808 animation-name: backOutRight; 2809 } 2810 @-webkit-keyframes backOutUp { 2811 0% { 2812 -webkit-transform: scale(1); 2813 transform: scale(1); 2814 opacity: 1; 2815 } 2816 2817 20% { 2818 -webkit-transform: translateY(0px) scale(0.7); 2819 transform: translateY(0px) scale(0.7); 2820 opacity: 0.7; 2821 } 2822 2823 100% { 2824 -webkit-transform: translateY(-700px) scale(0.7); 2825 transform: translateY(-700px) scale(0.7); 2826 opacity: 0.7; 2827 } 2828 } 2829 @keyframes backOutUp { 2830 0% { 2831 -webkit-transform: scale(1); 2832 transform: scale(1); 2833 opacity: 1; 2834 } 2835 2836 20% { 2837 -webkit-transform: translateY(0px) scale(0.7); 2838 transform: translateY(0px) scale(0.7); 2839 opacity: 0.7; 2840 } 2841 2842 100% { 2843 -webkit-transform: translateY(-700px) scale(0.7); 2844 transform: translateY(-700px) scale(0.7); 2845 opacity: 0.7; 2846 } 2847 } 2848 .animate__backOutUp { 2849 -webkit-animation-name: backOutUp; 2850 animation-name: backOutUp; 2851 } 2852 /* Bouncing entrances */ 2853 @-webkit-keyframes bounceIn { 2854 from, 2855 20%, 2856 40%, 2857 60%, 2858 80%, 2859 to { 2860 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2861 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2862 } 2863 2864 0% { 2865 opacity: 0; 2866 -webkit-transform: scale3d(0.3, 0.3, 0.3); 2867 transform: scale3d(0.3, 0.3, 0.3); 2868 } 2869 2870 20% { 2871 -webkit-transform: scale3d(1.1, 1.1, 1.1); 2872 transform: scale3d(1.1, 1.1, 1.1); 2873 } 2874 2875 40% { 2876 -webkit-transform: scale3d(0.9, 0.9, 0.9); 2877 transform: scale3d(0.9, 0.9, 0.9); 2878 } 2879 2880 60% { 2881 opacity: 1;
2882 -webkit-transform: scale3d(1.03, 1.03, 1.03); 2883 transform: scale3d(1.03, 1.03, 1.03); 2884 } 2885 2886 80% { 2887 -webkit-transform: scale3d(0.97, 0.97, 0.97); 2888 transform: scale3d(0.97, 0.97, 0.97); 2889 } 2890 2891 to { 2892 opacity: 1; 2893 -webkit-transform: scale3d(1, 1, 1); 2894 transform: scale3d(1, 1, 1); 2895 } 2896 } 2897 @keyframes bounceIn { 2898 from, 2899 20%, 2900 40%, 2901 60%, 2902 80%, 2903 to { 2904 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2905 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2906 } 2907 2908 0% { 2909 opacity: 0; 2910 -webkit-transform: scale3d(0.3, 0.3, 0.3); 2911 transform: scale3d(0.3, 0.3, 0.3); 2912 } 2913 2914 20% { 2915 -webkit-transform: scale3d(1.1, 1.1, 1.1); 2916 transform: scale3d(1.1, 1.1, 1.1); 2917 } 2918 2919 40% { 2920 -webkit-transform: scale3d(0.9, 0.9, 0.9); 2921 transform: scale3d(0.9, 0.9, 0.9); 2922 } 2923 2924 60% { 2925 opacity: 1; 2926 -webkit-transform: scale3d(1.03, 1.03, 1.03); 2927 transform: scale3d(1.03, 1.03, 1.03); 2928 } 2929 2930 80% { 2931 -webkit-transform: scale3d(0.97, 0.97, 0.97); 2932 transform: scale3d(0.97, 0.97, 0.97); 2933 } 2934 2935 to { 2936 opacity: 1; 2937 -webkit-transform: scale3d(1, 1, 1); 2938 transform: scale3d(1, 1, 1); 2939 } 2940 } 2941 .animate__bounceIn { 2942 -webkit-animation-duration: calc(1s * 0.75); 2943 animation-duration: calc(1s * 0.75); 2944 -webkit-animation-duration: calc(var(--animate-duration) * 0.75); 2945 animation-duration: calc(var(--animate-duration) * 0.75); 2946 -webkit-animation-name: bounceIn; 2947 animation-name: bounceIn; 2948 } 2949 @-webkit-keyframes bounceInDown { 2950 from, 2951 60%, 2952 75%, 2953 90%, 2954 to { 2955 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2956 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2957 } 2958 2959 0% { 2960 opacity: 0; 2961 -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); 2962 transform: translate3d(0, -3000px, 0) scaleY(3); 2963 } 2964 2965 60% { 2966 opacity: 1; 2967 -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); 2968 transform: translate3d(0, 25px, 0) scaleY(0.9); 2969 } 2970 2971 75% { 2972 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); 2973 transform: translate3d(0, -10px, 0) scaleY(0.95); 2974 } 2975 2976 90% { 2977 -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); 2978 transform: translate3d(0, 5px, 0) scaleY(0.985); 2979 } 2980 2981 to { 2982 -webkit-transform: translate3d(0, 0, 0); 2983 transform: translate3d(0, 0, 0); 2984 } 2985 } 2986 @keyframes bounceInDown { 2987 from, 2988 60%, 2989 75%, 2990 90%, 2991 to { 2992 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2993 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 2994 } 2995 2996 0% { 2997 opacity: 0; 2998 -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); 2999 transform: translate3d(0, -3000px, 0) scaleY(3); 3000 } 3001 3002 60% { 3003 opacity: 1; 3004 -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); 3005 transform: translate3d(0, 25px, 0) scaleY(0.9); 3006 } 3007 3008 75% { 3009 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); 3010 transform: translate3d(0, -10px, 0) scaleY(0.95); 3011 } 3012 3013 90% { 3014 -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); 3015 transform: translate3d(0, 5px, 0) scaleY(0.985); 3016 } 3017 3018 to { 3019 -webkit-transform: translate3d(0, 0, 0); 3020 transform: translate3d(0, 0, 0); 3021 } 3022 } 3023 .animate__bounceInDown { 3024 -webkit-animation-name: bounceInDown; 3025 animation-name: bounceInDown; 3026 } 3027 @-webkit-keyframes bounceInLeft { 3028 from, 3029 60%, 3030 75%, 3031 90%, 3032 to { 3033 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3034 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3035 } 3036 3037 0% { 3038 opacity: 0; 3039 -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); 3040 transform: translate3d(-3000px, 0, 0) scaleX(3); 3041 } 3042 3043 60% { 3044 opacity: 1; 3045 -webkit-transform: translate3d(25px, 0, 0) scaleX(1); 3046 transform: translate3d(25px, 0, 0) scaleX(1); 3047 } 3048 3049 75% { 3050 -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); 3051 transform: translate3d(-10px, 0, 0) scaleX(0.98); 3052 } 3053 3054 90% { 3055 -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); 3056 transform: translate3d(5px, 0, 0) scaleX(0.995); 3057 } 3058 3059 to { 3060 -webkit-transform: translate3d(0, 0, 0); 3061 transform: translate3d(0, 0, 0); 3062 } 3063 } 3064 @keyframes bounceInLeft { 3065 from, 3066 60%, 3067 75%, 3068 90%, 3069 to { 3070 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3071 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3072 } 3073 3074 0% { 3075 opacity: 0; 3076 -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); 3077 transform: translate3d(-3000px, 0, 0) scaleX(3); 3078 } 3079 3080 60% { 3081 opacity: 1;
3082 -webkit-transform: translate3d(25px, 0, 0) scaleX(1); 3083 transform: translate3d(25px, 0, 0) scaleX(1); 3084 } 3085 3086 75% { 3087 -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); 3088 transform: translate3d(-10px, 0, 0) scaleX(0.98); 3089 } 3090 3091 90% { 3092 -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); 3093 transform: translate3d(5px, 0, 0) scaleX(0.995); 3094 } 3095 3096 to { 3097 -webkit-transform: translate3d(0, 0, 0); 3098 transform: translate3d(0, 0, 0); 3099 } 3100 } 3101 .animate__bounceInLeft { 3102 -webkit-animation-name: bounceInLeft; 3103 animation-name: bounceInLeft; 3104 } 3105 @-webkit-keyframes bounceInRight { 3106 from, 3107 60%, 3108 75%, 3109 90%, 3110 to { 3111 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3112 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3113 } 3114 3115 from { 3116 opacity: 0; 3117 -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); 3118 transform: translate3d(3000px, 0, 0) scaleX(3); 3119 } 3120 3121 60% { 3122 opacity: 1; 3123 -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); 3124 transform: translate3d(-25px, 0, 0) scaleX(1); 3125 } 3126 3127 75% { 3128 -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); 3129 transform: translate3d(10px, 0, 0) scaleX(0.98); 3130 } 3131 3132 90% { 3133 -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); 3134 transform: translate3d(-5px, 0, 0) scaleX(0.995); 3135 } 3136 3137 to { 3138 -webkit-transform: translate3d(0, 0, 0); 3139 transform: translate3d(0, 0, 0); 3140 } 3141 } 3142 @keyframes bounceInRight { 3143 from, 3144 60%, 3145 75%, 3146 90%, 3147 to { 3148 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3149 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3150 } 3151 3152 from { 3153 opacity: 0; 3154 -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); 3155 transform: translate3d(3000px, 0, 0) scaleX(3); 3156 } 3157 3158 60% { 3159 opacity: 1; 3160 -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); 3161 transform: translate3d(-25px, 0, 0) scaleX(1); 3162 } 3163 3164 75% { 3165 -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); 3166 transform: translate3d(10px, 0, 0) scaleX(0.98); 3167 } 3168 3169 90% { 3170 -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); 3171 transform: translate3d(-5px, 0, 0) scaleX(0.995); 3172 } 3173 3174 to { 3175 -webkit-transform: translate3d(0, 0, 0); 3176 transform: translate3d(0, 0, 0); 3177 } 3178 } 3179 .animate__bounceInRight { 3180 -webkit-animation-name: bounceInRight; 3181 animation-name: bounceInRight; 3182 } 3183 @-webkit-keyframes bounceInUp { 3184 from, 3185 60%, 3186 75%, 3187 90%, 3188 to { 3189 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3190 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3191 } 3192 3193 from { 3194 opacity: 0; 3195 -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); 3196 transform: translate3d(0, 3000px, 0) scaleY(5); 3197 } 3198 3199 60% { 3200 opacity: 1; 3201 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); 3202 transform: translate3d(0, -20px, 0) scaleY(0.9); 3203 } 3204 3205 75% { 3206 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); 3207 transform: translate3d(0, 10px, 0) scaleY(0.95); 3208 } 3209 3210 90% { 3211 -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); 3212 transform: translate3d(0, -5px, 0) scaleY(0.985); 3213 } 3214 3215 to { 3216 -webkit-transform: translate3d(0, 0, 0); 3217 transform: translate3d(0, 0, 0); 3218 } 3219 } 3220 @keyframes bounceInUp { 3221 from, 3222 60%, 3223 75%, 3224 90%, 3225 to { 3226 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3227 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 3228 } 3229 3230 from { 3231 opacity: 0; 3232 -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); 3233 transform: translate3d(0, 3000px, 0) scaleY(5); 3234 } 3235 3236 60% { 3237 opacity: 1; 3238 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
3239 transform: translate3d(0, -20px, 0) scaleY(0.9); 3240 } 3241 3242 75% { 3243 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); 3244 transform: translate3d(0, 10px, 0) scaleY(0.95); 3245 } 3246 3247 90% { 3248 -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); 3249 transform: translate3d(0, -5px, 0) scaleY(0.985); 3250 } 3251 3252 to { 3253 -webkit-transform: translate3d(0, 0, 0); 3254 transform: translate3d(0, 0, 0); 3255 } 3256 } 3257 .animate__bounceInUp { 3258 -webkit-animation-name: bounceInUp; 3259 animation-name: bounceInUp; 3260 } 3261 /* Bouncing exits */ 3262 @-webkit-keyframes bounceOut { 3263 20% { 3264 -webkit-transform: scale3d(0.9, 0.9, 0.9); 3265 transform: scale3d(0.9, 0.9, 0.9); 3266 } 3267 3268 50%, 3269 55% { 3270 opacity: 1; 3271 -webkit-transform: scale3d(1.1, 1.1, 1.1); 3272 transform: scale3d(1.1, 1.1, 1.1); 3273 } 3274 3275 to { 3276 opacity: 0; 3277 -webkit-transform: scale3d(0.3, 0.3, 0.3); 3278 transform: scale3d(0.3, 0.3, 0.3); 3279 } 3280 } 3281 @keyframes bounceOut { 3282 20% { 3283 -webkit-transform: scale3d(0.9, 0.9, 0.9); 3284 transform: scale3d(0.9, 0.9, 0.9); 3285 } 3286 3287 50%, 3288 55% { 3289 opacity: 1; 3290 -webkit-transform: scale3d(1.1, 1.1, 1.1); 3291 transform: scale3d(1.1, 1.1, 1.1); 3292 } 3293 3294 to { 3295 opacity: 0; 3296 -webkit-transform: scale3d(0.3, 0.3, 0.3); 3297 transform: scale3d(0.3, 0.3, 0.3); 3298 } 3299 } 3300 .animate__bounceOut { 3301 -webkit-animation-duration: calc(1s * 0.75); 3302 animation-duration: calc(1s * 0.75); 3303 -webkit-animation-duration: calc(var(--animate-duration) * 0.75); 3304 animation-duration: calc(var(--animate-duration) * 0.75); 3305 -webkit-animation-name: bounceOut; 3306 animation-name: bounceOut; 3307 } 3308 @-webkit-keyframes bounceOutDown { 3309 20% { 3310 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); 3311 transform: translate3d(0, 10px, 0) scaleY(0.985); 3312 } 3313 3314 40%, 3315 45% { 3316 opacity: 1; 3317 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); 3318 transform: translate3d(0, -20px, 0) scaleY(0.9); 3319 } 3320 3321 to { 3322 opacity: 0; 3323 -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); 3324 transform: translate3d(0, 2000px, 0) scaleY(3); 3325 } 3326 } 3327 @keyframes bounceOutDown { 3328 20% { 3329 -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); 3330 transform: translate3d(0, 10px, 0) scaleY(0.985); 3331 } 3332 3333 40%, 3334 45% { 3335 opacity: 1; 3336 -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); 3337 transform: translate3d(0, -20px, 0) scaleY(0.9); 3338 } 3339 3340 to { 3341 opacity: 0; 3342 -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); 3343 transform: translate3d(0, 2000px, 0) scaleY(3); 3344 } 3345 } 3346 .animate__bounceOutDown { 3347 -webkit-animation-name: bounceOutDown; 3348 animation-name: bounceOutDown; 3349 } 3350 @-webkit-keyframes bounceOutLeft { 3351 20% { 3352 opacity: 1; 3353 -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); 3354 transform: translate3d(20px, 0, 0) scaleX(0.9); 3355 } 3356 3357 to { 3358 opacity: 0; 3359 -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); 3360 transform: translate3d(-2000px, 0, 0) scaleX(2); 3361 } 3362 } 3363 @keyframes bounceOutLeft { 3364 20% { 3365 opacity: 1; 3366 -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); 3367 transform: translate3d(20px, 0, 0) scaleX(0.9); 3368 } 3369 3370 to { 3371 opacity: 0; 3372 -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); 3373 transform: translate3d(-2000px, 0, 0) scaleX(2); 3374 } 3375 } 3376 .animate__bounceOutLeft { 3377 -webkit-animation-name: bounceOutLeft; 3378 animation-name: bounceOutLeft; 3379 } 3380 @-webkit-keyframes bounceOutRight { 3381 20% { 3382 opacity: 1; 3383 -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); 3384 transform: translate3d(-20px, 0, 0) scaleX(0.9); 3385 } 3386 3387 to { 3388 opacity: 0; 3389 -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); 3390 transform: translate3d(2000px, 0, 0) scaleX(2); 3391 } 3392 } 3393 @keyframes bounceOutRight { 3394 20% { 3395 opacity: 1;
3396 -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); 3397 transform: translate3d(-20px, 0, 0) scaleX(0.9); 3398 } 3399 3400 to { 3401 opacity: 0; 3402 -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); 3403 transform: translate3d(2000px, 0, 0) scaleX(2); 3404 } 3405 } 3406 .animate__bounceOutRight { 3407 -webkit-animation-name: bounceOutRight; 3408 animation-name: bounceOutRight; 3409 } 3410 @-webkit-keyframes bounceOutUp { 3411 20% { 3412 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); 3413 transform: translate3d(0, -10px, 0) scaleY(0.985); 3414 } 3415 3416 40%, 3417 45% { 3418 opacity: 1; 3419 -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); 3420 transform: translate3d(0, 20px, 0) scaleY(0.9); 3421 } 3422 3423 to { 3424 opacity: 0; 3425 -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); 3426 transform: translate3d(0, -2000px, 0) scaleY(3); 3427 } 3428 } 3429 @keyframes bounceOutUp { 3430 20% { 3431 -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); 3432 transform: translate3d(0, -10px, 0) scaleY(0.985); 3433 } 3434 3435 40%, 3436 45% { 3437 opacity: 1; 3438 -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); 3439 transform: translate3d(0, 20px, 0) scaleY(0.9); 3440 } 3441 3442 to { 3443 opacity: 0; 3444 -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); 3445 transform: translate3d(0, -2000px, 0) scaleY(3); 3446 } 3447 } 3448 .animate__bounceOutUp { 3449 -webkit-animation-name: bounceOutUp; 3450 animation-name: bounceOutUp; 3451 } 3452 /* Fading entrances */ 3453 @-webkit-keyframes fadeIn { 3454 from { 3455 opacity: 0; 3456 } 3457 3458 to { 3459 opacity: 1; 3460 } 3461 } 3462 @keyframes fadeIn { 3463 from { 3464 opacity: 0; 3465 } 3466 3467 to { 3468 opacity: 1; 3469 } 3470 } 3471 .animate__fadeIn { 3472 -webkit-animation-name: fadeIn; 3473 animation-name: fadeIn; 3474 } 3475 @-webkit-keyframes fadeInDown { 3476 from { 3477 opacity: 0; 3478 -webkit-transform: translate3d(0, -100%, 0); 3479 transform: translate3d(0, -100%, 0); 3480 } 3481 3482 to { 3483 opacity: 1; 3484 -webkit-transform: translate3d(0, 0, 0); 3485 transform: translate3d(0, 0, 0); 3486 } 3487 } 3488 @keyframes fadeInDown { 3489 from { 3490 opacity: 0; 3491 -webkit-transform: translate3d(0, -100%, 0); 3492 transform: translate3d(0, -100%, 0); 3493 } 3494 3495 to { 3496 opacity: 1; 3497 -webkit-transform: translate3d(0, 0, 0); 3498 transform: translate3d(0, 0, 0); 3499 } 3500 } 3501 .animate__fadeInDown { 3502 -webkit-animation-name: fadeInDown; 3503 animation-name: fadeInDown; 3504 } 3505 @-webkit-keyframes fadeInDownBig { 3506 from { 3507 opacity: 0; 3508 -webkit-transform: translate3d(0, -2000px, 0); 3509 transform: translate3d(0, -2000px, 0); 3510 } 3511 3512 to { 3513 opacity: 1; 3514 -webkit-transform: translate3d(0, 0, 0); 3515 transform: translate3d(0, 0, 0); 3516 } 3517 } 3518 @keyframes fadeInDownBig { 3519 from { 3520 opacity: 0; 3521 -webkit-transform: translate3d(0, -2000px, 0); 3522 transform: translate3d(0, -2000px, 0); 3523 } 3524 3525 to { 3526 opacity: 1; 3527 -webkit-transform: translate3d(0, 0, 0); 3528 transform: translate3d(0, 0, 0); 3529 } 3530 } 3531 .animate__fadeInDownBig { 3532 -webkit-animation-name: fadeInDownBig; 3533 animation-name: fadeInDownBig; 3534 } 3535 @-webkit-keyframes fadeInLeft { 3536 from { 3537 opacity: 0; 3538 -webkit-transform: translate3d(-100%, 0, 0); 3539 transform: translate3d(-100%, 0, 0); 3540 } 3541 3542 to { 3543 opacity: 1; 3544 -webkit-transform: translate3d(0, 0, 0); 3545 transform: translate3d(0, 0, 0); 3546 } 3547 } 3548 @keyframes fadeInLeft { 3549 from { 3550 opacity: 0; 3551 -webkit-transform: translate3d(-100%, 0, 0); 3552 transform: translate3d(-100%, 0, 0); 3553 } 3554 3555 to { 3556 opacity: 1; 3557 -webkit-transform: translate3d(0, 0, 0); 3558 transform: translate3d(0, 0, 0); 3559 } 3560 } 3561 .animate__fadeInLeft { 3562 -webkit-animation-name: fadeInLeft; 3563 animation-name: fadeInLeft; 3564 } 3565 @-webkit-keyframes fadeInLeftBig { 3566 from { 3567 opacity: 0; 3568 -webkit-transform: translate3d(-2000px, 0, 0); 3569 transform: translate3d(-2000px, 0, 0); 3570 } 3571 3572 to { 3573 opacity: 1;
3574 -webkit-transform: translate3d(0, 0, 0); 3575 transform: translate3d(0, 0, 0); 3576 } 3577 } 3578 @keyframes fadeInLeftBig { 3579 from { 3580 opacity: 0; 3581 -webkit-transform: translate3d(-2000px, 0, 0); 3582 transform: translate3d(-2000px, 0, 0); 3583 } 3584 3585 to { 3586 opacity: 1; 3587 -webkit-transform: translate3d(0, 0, 0); 3588 transform: translate3d(0, 0, 0); 3589 } 3590 } 3591 .animate__fadeInLeftBig { 3592 -webkit-animation-name: fadeInLeftBig; 3593 animation-name: fadeInLeftBig; 3594 } 3595 @-webkit-keyframes fadeInRight { 3596 from { 3597 opacity: 0; 3598 -webkit-transform: translate3d(100%, 0, 0); 3599 transform: translate3d(100%, 0, 0); 3600 } 3601 3602 to { 3603 opacity: 1; 3604 -webkit-transform: translate3d(0, 0, 0); 3605 transform: translate3d(0, 0, 0); 3606 } 3607 } 3608 @keyframes fadeInRight { 3609 from { 3610 opacity: 0; 3611 -webkit-transform: translate3d(100%, 0, 0); 3612 transform: translate3d(100%, 0, 0); 3613 } 3614 3615 to { 3616 opacity: 1; 3617 -webkit-transform: translate3d(0, 0, 0); 3618 transform: translate3d(0, 0, 0); 3619 } 3620 } 3621 .animate__fadeInRight { 3622 -webkit-animation-name: fadeInRight; 3623 animation-name: fadeInRight; 3624 } 3625 @-webkit-keyframes fadeInRightBig { 3626 from { 3627 opacity: 0; 3628 -webkit-transform: translate3d(2000px, 0, 0); 3629 transform: translate3d(2000px, 0, 0); 3630 } 3631 3632 to { 3633 opacity: 1; 3634 -webkit-transform: translate3d(0, 0, 0); 3635 transform: translate3d(0, 0, 0); 3636 } 3637 } 3638 @keyframes fadeInRightBig { 3639 from { 3640 opacity: 0; 3641 -webkit-transform: translate3d(2000px, 0, 0); 3642 transform: translate3d(2000px, 0, 0); 3643 } 3644 3645 to { 3646 opacity: 1; 3647 -webkit-transform: translate3d(0, 0, 0); 3648 transform: translate3d(0, 0, 0); 3649 } 3650 } 3651 .animate__fadeInRightBig { 3652 -webkit-animation-name: fadeInRightBig; 3653 animation-name: fadeInRightBig; 3654 } 3655 @-webkit-keyframes fadeInUp { 3656 from { 3657 opacity: 0; 3658 -webkit-transform: translate3d(0, 100%, 0); 3659 transform: translate3d(0, 100%, 0); 3660 } 3661 3662 to { 3663 opacity: 1; 3664 -webkit-transform: translate3d(0, 0, 0); 3665 transform: translate3d(0, 0, 0); 3666 } 3667 } 3668 @keyframes fadeInUp { 3669 from { 3670 opacity: 0; 3671 -webkit-transform: translate3d(0, 100%, 0); 3672 transform: translate3d(0, 100%, 0); 3673 } 3674 3675 to { 3676 opacity: 1; 3677 -webkit-transform: translate3d(0, 0, 0); 3678 transform: translate3d(0, 0, 0); 3679 } 3680 } 3681 .animate__fadeInUp { 3682 -webkit-animation-name: fadeInUp; 3683 animation-name: fadeInUp; 3684 } 3685 @-webkit-keyframes fadeInUpBig { 3686 from { 3687 opacity: 0; 3688 -webkit-transform: translate3d(0, 2000px, 0); 3689 transform: translate3d(0, 2000px, 0); 3690 } 3691 3692 to { 3693 opacity: 1; 3694 -webkit-transform: translate3d(0, 0, 0); 3695 transform: translate3d(0, 0, 0); 3696 } 3697 } 3698 @keyframes fadeInUpBig { 3699 from { 3700 opacity: 0; 3701 -webkit-transform: translate3d(0, 2000px, 0); 3702 transform: translate3d(0, 2000px, 0); 3703 } 3704 3705 to { 3706 opacity: 1; 3707 -webkit-transform: translate3d(0, 0, 0); 3708 transform: translate3d(0, 0, 0); 3709 } 3710 } 3711 .animate__fadeInUpBig { 3712 -webkit-animation-name: fadeInUpBig; 3713 animation-name: fadeInUpBig; 3714 } 3715 @-webkit-keyframes fadeInTopLeft { 3716 from { 3717 opacity: 0; 3718 -webkit-transform: translate3d(-100%, -100%, 0); 3719 transform: translate3d(-100%, -100%, 0); 3720 } 3721 to { 3722 opacity: 1; 3723 -webkit-transform: translate3d(0, 0, 0); 3724 transform: translate3d(0, 0, 0); 3725 } 3726 } 3727 @keyframes fadeInTopLeft { 3728 from { 3729 opacity: 0; 3730 -webkit-transform: translate3d(-100%, -100%, 0); 3731 transform: translate3d(-100%, -100%, 0); 3732 } 3733 to { 3734 opacity: 1; 3735 -webkit-transform: translate3d(0, 0, 0); 3736 transform: translate3d(0, 0, 0); 3737 } 3738 } 3739 .animate__fadeInTopLeft { 3740 -webkit-animation-name: fadeInTopLeft; 3741 animation-name: fadeInTopLeft; 3742 } 3743 @-webkit-keyframes fadeInTopRight { 3744 from { 3745 opacity: 0; 3746 -webkit-transform: translate3d(100%, -100%, 0); 3747 transform: translate3d(100%, -100%, 0); 3748 } 3749 to { 3750 opacity: 1;
3751 -webkit-transform: translate3d(0, 0, 0); 3752 transform: translate3d(0, 0, 0); 3753 } 3754 } 3755 @keyframes fadeInTopRight { 3756 from { 3757 opacity: 0; 3758 -webkit-transform: translate3d(100%, -100%, 0); 3759 transform: translate3d(100%, -100%, 0); 3760 } 3761 to { 3762 opacity: 1; 3763 -webkit-transform: translate3d(0, 0, 0); 3764 transform: translate3d(0, 0, 0); 3765 } 3766 } 3767 .animate__fadeInTopRight { 3768 -webkit-animation-name: fadeInTopRight; 3769 animation-name: fadeInTopRight; 3770 } 3771 @-webkit-keyframes fadeInBottomLeft { 3772 from { 3773 opacity: 0; 3774 -webkit-transform: translate3d(-100%, 100%, 0); 3775 transform: translate3d(-100%, 100%, 0); 3776 } 3777 to { 3778 opacity: 1; 3779 -webkit-transform: translate3d(0, 0, 0); 3780 transform: translate3d(0, 0, 0); 3781 } 3782 } 3783 @keyframes fadeInBottomLeft { 3784 from { 3785 opacity: 0; 3786 -webkit-transform: translate3d(-100%, 100%, 0); 3787 transform: translate3d(-100%, 100%, 0); 3788 } 3789 to { 3790 opacity: 1; 3791 -webkit-transform: translate3d(0, 0, 0); 3792 transform: translate3d(0, 0, 0); 3793 } 3794 } 3795 .animate__fadeInBottomLeft { 3796 -webkit-animation-name: fadeInBottomLeft; 3797 animation-name: fadeInBottomLeft; 3798 } 3799 @-webkit-keyframes fadeInBottomRight { 3800 from { 3801 opacity: 0; 3802 -webkit-transform: translate3d(100%, 100%, 0); 3803 transform: translate3d(100%, 100%, 0); 3804 } 3805 to { 3806 opacity: 1; 3807 -webkit-transform: translate3d(0, 0, 0); 3808 transform: translate3d(0, 0, 0); 3809 } 3810 } 3811 @keyframes fadeInBottomRight { 3812 from { 3813 opacity: 0; 3814 -webkit-transform: translate3d(100%, 100%, 0); 3815 transform: translate3d(100%, 100%, 0); 3816 } 3817 to { 3818 opacity: 1; 3819 -webkit-transform: translate3d(0, 0, 0); 3820 transform: translate3d(0, 0, 0); 3821 } 3822 } 3823 .animate__fadeInBottomRight { 3824 -webkit-animation-name: fadeInBottomRight; 3825 animation-name: fadeInBottomRight; 3826 } 3827 /* Fading exits */ 3828 @-webkit-keyframes fadeOut { 3829 from { 3830 opacity: 1; 3831 } 3832 3833 to { 3834 opacity: 0; 3835 } 3836 } 3837 @keyframes fadeOut { 3838 from { 3839 opacity: 1; 3840 } 3841 3842 to { 3843 opacity: 0; 3844 } 3845 } 3846 .animate__fadeOut { 3847 -webkit-animation-name: fadeOut; 3848 animation-name: fadeOut; 3849 } 3850 @-webkit-keyframes fadeOutDown { 3851 from { 3852 opacity: 1; 3853 } 3854 3855 to { 3856 opacity: 0; 3857 -webkit-transform: translate3d(0, 100%, 0); 3858 transform: translate3d(0, 100%, 0); 3859 } 3860 } 3861 @keyframes fadeOutDown { 3862 from { 3863 opacity: 1; 3864 } 3865 3866 to { 3867 opacity: 0; 3868 -webkit-transform: translate3d(0, 100%, 0); 3869 transform: translate3d(0, 100%, 0); 3870 } 3871 } 3872 .animate__fadeOutDown { 3873 -webkit-animation-name: fadeOutDown; 3874 animation-name: fadeOutDown; 3875 } 3876 @-webkit-keyframes fadeOutDownBig { 3877 from { 3878 opacity: 1; 3879 } 3880 3881 to { 3882 opacity: 0; 3883 -webkit-transform: translate3d(0, 2000px, 0); 3884 transform: translate3d(0, 2000px, 0); 3885 } 3886 } 3887 @keyframes fadeOutDownBig { 3888 from { 3889 opacity: 1; 3890 } 3891 3892 to { 3893 opacity: 0; 3894 -webkit-transform: translate3d(0, 2000px, 0); 3895 transform: translate3d(0, 2000px, 0); 3896 } 3897 } 3898 .animate__fadeOutDownBig { 3899 -webkit-animation-name: fadeOutDownBig; 3900 animation-name: fadeOutDownBig; 3901 } 3902 @-webkit-keyframes fadeOutLeft { 3903 from { 3904 opacity: 1; 3905 } 3906 3907 to { 3908 opacity: 0; 3909 -webkit-transform: translate3d(-100%, 0, 0); 3910 transform: translate3d(-100%, 0, 0); 3911 } 3912 } 3913 @keyframes fadeOutLeft { 3914 from { 3915 opacity: 1; 3916 } 3917 3918 to { 3919 opacity: 0; 3920 -webkit-transform: translate3d(-100%, 0, 0); 3921 transform: translate3d(-100%, 0, 0); 3922 } 3923 } 3924 .animate__fadeOutLeft { 3925 -webkit-animation-name: fadeOutLeft; 3926 animation-name: fadeOutLeft; 3927 } 3928 @-webkit-keyframes fadeOutLeftBig { 3929 from { 3930 opacity: 1; 3931 } 3932 3933 to { 3934 opacity: 0; 3935 -webkit-transform: translate3d(-2000px, 0, 0); 3936 transform: translate3d(-2000px, 0, 0); 3937 } 3938 } 3939 @keyframes fadeOutLeftBig { 3940 from { 3941 opacity: 1;
3942 } 3943 3944 to { 3945 opacity: 0; 3946 -webkit-transform: translate3d(-2000px, 0, 0); 3947 transform: translate3d(-2000px, 0, 0); 3948 } 3949 } 3950 .animate__fadeOutLeftBig { 3951 -webkit-animation-name: fadeOutLeftBig; 3952 animation-name: fadeOutLeftBig; 3953 } 3954 @-webkit-keyframes fadeOutRight { 3955 from { 3956 opacity: 1; 3957 } 3958 3959 to { 3960 opacity: 0; 3961 -webkit-transform: translate3d(100%, 0, 0); 3962 transform: translate3d(100%, 0, 0); 3963 } 3964 } 3965 @keyframes fadeOutRight { 3966 from { 3967 opacity: 1; 3968 } 3969 3970 to { 3971 opacity: 0; 3972 -webkit-transform: translate3d(100%, 0, 0); 3973 transform: translate3d(100%, 0, 0); 3974 } 3975 } 3976 .animate__fadeOutRight { 3977 -webkit-animation-name: fadeOutRight; 3978 animation-name: fadeOutRight; 3979 } 3980 @-webkit-keyframes fadeOutRightBig { 3981 from { 3982 opacity: 1; 3983 } 3984 3985 to { 3986 opacity: 0; 3987 -webkit-transform: translate3d(2000px, 0, 0); 3988 transform: translate3d(2000px, 0, 0); 3989 } 3990 } 3991 @keyframes fadeOutRightBig { 3992 from { 3993 opacity: 1; 3994 } 3995 3996 to { 3997 opacity: 0; 3998 -webkit-transform: translate3d(2000px, 0, 0); 3999 transform: translate3d(2000px, 0, 0); 4000 } 4001 } 4002 .animate__fadeOutRightBig { 4003 -webkit-animation-name: fadeOutRightBig; 4004 animation-name: fadeOutRightBig; 4005 } 4006 @-webkit-keyframes fadeOutUp { 4007 from { 4008 opacity: 1; 4009 } 4010 4011 to { 4012 opacity: 0; 4013 -webkit-transform: translate3d(0, -100%, 0); 4014 transform: translate3d(0, -100%, 0); 4015 } 4016 } 4017 @keyframes fadeOutUp { 4018 from { 4019 opacity: 1; 4020 } 4021 4022 to { 4023 opacity: 0; 4024 -webkit-transform: translate3d(0, -100%, 0); 4025 transform: translate3d(0, -100%, 0); 4026 } 4027 } 4028 .animate__fadeOutUp { 4029 -webkit-animation-name: fadeOutUp; 4030 animation-name: fadeOutUp; 4031 } 4032 @-webkit-keyframes fadeOutUpBig { 4033 from { 4034 opacity: 1; 4035 } 4036 4037 to { 4038 opacity: 0; 4039 -webkit-transform: translate3d(0, -2000px, 0); 4040 transform: translate3d(0, -2000px, 0); 4041 } 4042 } 4043 @keyframes fadeOutUpBig { 4044 from { 4045 opacity: 1; 4046 } 4047 4048 to { 4049 opacity: 0; 4050 -webkit-transform: translate3d(0, -2000px, 0); 4051 transform: translate3d(0, -2000px, 0); 4052 } 4053 } 4054 .animate__fadeOutUpBig { 4055 -webkit-animation-name: fadeOutUpBig; 4056 animation-name: fadeOutUpBig; 4057 } 4058 @-webkit-keyframes fadeOutTopLeft { 4059 from { 4060 opacity: 1; 4061 -webkit-transform: translate3d(0, 0, 0); 4062 transform: translate3d(0, 0, 0); 4063 } 4064 to { 4065 opacity: 0; 4066 -webkit-transform: translate3d(-100%, -100%, 0); 4067 transform: translate3d(-100%, -100%, 0); 4068 } 4069 } 4070 @keyframes fadeOutTopLeft { 4071 from { 4072 opacity: 1; 4073 -webkit-transform: translate3d(0, 0, 0); 4074 transform: translate3d(0, 0, 0); 4075 } 4076 to { 4077 opacity: 0; 4078 -webkit-transform: translate3d(-100%, -100%, 0); 4079 transform: translate3d(-100%, -100%, 0); 4080 } 4081 } 4082 .animate__fadeOutTopLeft { 4083 -webkit-animation-name: fadeOutTopLeft; 4084 animation-name: fadeOutTopLeft; 4085 } 4086 @-webkit-keyframes fadeOutTopRight { 4087 from { 4088 opacity: 1; 4089 -webkit-transform: translate3d(0, 0, 0); 4090 transform: translate3d(0, 0, 0); 4091 } 4092 to { 4093 opacity: 0; 4094 -webkit-transform: translate3d(100%, -100%, 0); 4095 transform: translate3d(100%, -100%, 0); 4096 } 4097 } 4098 @keyframes fadeOutTopRight { 4099 from { 4100 opacity: 1; 4101 -webkit-transform: translate3d(0, 0, 0); 4102 transform: translate3d(0, 0, 0); 4103 } 4104 to { 4105 opacity: 0; 4106 -webkit-transform: translate3d(100%, -100%, 0); 4107 transform: translate3d(100%, -100%, 0); 4108 } 4109 } 4110 .animate__fadeOutTopRight { 4111 -webkit-animation-name: fadeOutTopRight; 4112 animation-name: fadeOutTopRight; 4113 } 4114 @-webkit-keyframes fadeOutBottomRight { 4115 from { 4116 opacity: 1; 4117 -webkit-transform: translate3d(0, 0, 0); 4118 transform: translate3d(0, 0, 0); 4119 } 4120 to { 4121 opacity: 0; 4122 -webkit-transform: translate3d(100%, 100%, 0); 4123 transform: translate3d(100%, 100%, 0); 4124 } 4125 } 4126 @keyframes fadeOutBottomRight { 4127 from { 4128 opacity: 1;
4129 -webkit-transform: translate3d(0, 0, 0); 4130 transform: translate3d(0, 0, 0); 4131 } 4132 to { 4133 opacity: 0; 4134 -webkit-transform: translate3d(100%, 100%, 0); 4135 transform: translate3d(100%, 100%, 0); 4136 } 4137 } 4138 .animate__fadeOutBottomRight { 4139 -webkit-animation-name: fadeOutBottomRight; 4140 animation-name: fadeOutBottomRight; 4141 } 4142 @-webkit-keyframes fadeOutBottomLeft { 4143 from { 4144 opacity: 1; 4145 -webkit-transform: translate3d(0, 0, 0); 4146 transform: translate3d(0, 0, 0); 4147 } 4148 to { 4149 opacity: 0; 4150 -webkit-transform: translate3d(-100%, 100%, 0); 4151 transform: translate3d(-100%, 100%, 0); 4152 } 4153 } 4154 @keyframes fadeOutBottomLeft { 4155 from { 4156 opacity: 1; 4157 -webkit-transform: translate3d(0, 0, 0); 4158 transform: translate3d(0, 0, 0); 4159 } 4160 to { 4161 opacity: 0; 4162 -webkit-transform: translate3d(-100%, 100%, 0); 4163 transform: translate3d(-100%, 100%, 0); 4164 } 4165 } 4166 .animate__fadeOutBottomLeft { 4167 -webkit-animation-name: fadeOutBottomLeft; 4168 animation-name: fadeOutBottomLeft; 4169 } 4170 /* Flippers */ 4171 @-webkit-keyframes flip { 4172 from { 4173 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); 4174 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); 4175 -webkit-animation-timing-function: ease-out; 4176 animation-timing-function: ease-out; 4177 } 4178 4179 40% { 4180 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4181 rotate3d(0, 1, 0, -190deg); 4182 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4183 rotate3d(0, 1, 0, -190deg); 4184 -webkit-animation-timing-function: ease-out; 4185 animation-timing-function: ease-out; 4186 } 4187 4188 50% { 4189 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4190 rotate3d(0, 1, 0, -170deg); 4191 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4192 rotate3d(0, 1, 0, -170deg); 4193 -webkit-animation-timing-function: ease-in; 4194 animation-timing-function: ease-in; 4195 } 4196 4197 80% { 4198 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) 4199 rotate3d(0, 1, 0, 0deg); 4200 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) 4201 rotate3d(0, 1, 0, 0deg); 4202 -webkit-animation-timing-function: ease-in; 4203 animation-timing-function: ease-in; 4204 } 4205 4206 to { 4207 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); 4208 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); 4209 -webkit-animation-timing-function: ease-in; 4210 animation-timing-function: ease-in; 4211 } 4212 } 4213 @keyframes flip { 4214 from { 4215 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); 4216 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); 4217 -webkit-animation-timing-function: ease-out; 4218 animation-timing-function: ease-out; 4219 } 4220 4221 40% { 4222 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4223 rotate3d(0, 1, 0, -190deg); 4224 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4225 rotate3d(0, 1, 0, -190deg); 4226 -webkit-animation-timing-function: ease-out; 4227 animation-timing-function: ease-out; 4228 } 4229 4230 50% { 4231 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4232 rotate3d(0, 1, 0, -170deg); 4233 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) 4234 rotate3d(0, 1, 0, -170deg); 4235 -webkit-animation-timing-function: ease-in; 4236 animation-timing-function: ease-in; 4237 } 4238 4239 80% { 4240 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) 4241 rotate3d(0, 1, 0, 0deg); 4242 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) 4243 rotate3d(0, 1, 0, 0deg); 4244 -webkit-animation-timing-function: ease-in; 4245 animation-timing-function: ease-in; 4246 } 4247 4248 to { 4249 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); 4250 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); 4251 -webkit-animation-timing-function: ease-in; 4252 animation-timing-function: ease-in; 4253 } 4254 } 4255 .animate__animated.animate__flip { 4256 -webkit-backface-visibility: visible; 4257 backface-visibility: visible; 4258 -webkit-animation-name: flip; 4259 animation-name: flip; 4260 } 4261 @-webkit-keyframes flipInX { 4262 from { 4263 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4264 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4265 -webkit-animation-timing-function: ease-in; 4266 animation-timing-function: ease-in; 4267 opacity: 0; 4268 } 4269 4270 40% { 4271 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20
4271deg); 4272 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 4273 -webkit-animation-timing-function: ease-in; 4274 animation-timing-function: ease-in; 4275 } 4276 4277 60% { 4278 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 4279 transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 4280 opacity: 1; 4281 } 4282 4283 80% { 4284 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 4285 transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 4286 } 4287 4288 to { 4289 -webkit-transform: perspective(400px); 4290 transform: perspective(400px); 4291 } 4292 } 4293 @keyframes flipInX { 4294 from { 4295 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4296 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4297 -webkit-animation-timing-function: ease-in; 4298 animation-timing-function: ease-in; 4299 opacity: 0; 4300 } 4301 4302 40% { 4303 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 4304 transform: perspective(400px) rotate3d(1, 0, 0, -20
4304deg); 4305 -webkit-animation-timing-function: ease-in; 4306 animation-timing-function: ease-in; 4307 } 4308 4309 60% { 4310 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 4311 transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 4312 opacity: 1; 4313 } 4314 4315 80% { 4316 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 4317 transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 4318 } 4319 4320 to { 4321 -webkit-transform: perspective(400px); 4322 transform: perspective(400px); 4323 } 4324 } 4325 .animate__flipInX { 4326 -webkit-backface-visibility: visible !important; 4327 backface-visibility: visible !important; 4328 -webkit-animation-name: flipInX; 4329 animation-name: flipInX; 4330 } 4331 @-webkit-keyframes flipInY { 4332 from { 4333 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4334 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4335 -webkit-animation-timing-function: ease-in; 4336 animation-timing-function: ease-in; 4337 opacity: 0; 4338 } 4339 4340 40% { 4341 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20
4341deg); 4342 transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 4343 -webkit-animation-timing-function: ease-in; 4344 animation-timing-function: ease-in; 4345 } 4346 4347 60% { 4348 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 4349 transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 4350 opacity: 1; 4351 } 4352 4353 80% { 4354 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 4355 transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 4356 } 4357 4358 to { 4359 -webkit-transform: perspective(400px); 4360 transform: perspective(400px); 4361 } 4362 } 4363 @keyframes flipInY { 4364 from { 4365 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4366 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4367 -webkit-animation-timing-function: ease-in; 4368 animation-timing-function: ease-in; 4369 opacity: 0; 4370 } 4371 4372 40% { 4373 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 4374 transform: perspective(400px) rotate3d(0, 1, 0, -20
4374deg); 4375 -webkit-animation-timing-function: ease-in; 4376 animation-timing-function: ease-in; 4377 } 4378 4379 60% { 4380 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 4381 transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 4382 opacity: 1; 4383 } 4384 4385 80% { 4386 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 4387 transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 4388 } 4389 4390 to { 4391 -webkit-transform: perspective(400px); 4392 transform: perspective(400px); 4393 } 4394 } 4395 .animate__flipInY { 4396 -webkit-backface-visibility: visible !important; 4397 backface-visibility: visible !important; 4398 -webkit-animation-name: flipInY; 4399 animation-name: flipInY; 4400 } 4401 @-webkit-keyframes flipOutX { 4402 from { 4403 -webkit-transform: perspective(400px); 4404 transform: perspective(400px); 4405 } 4406 4407 30% { 4408 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 4409 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 4410 opacity: 1; 4411 } 4412 4413 to { 4414 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4415 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4416 opacity: 0; 4417 } 4418 } 4419 @keyframes flipOutX { 4420 from { 4421 -webkit-transform: perspective(400px); 4422 transform: perspective(400px); 4423 } 4424 4425 30% { 4426 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20
4426deg); 4427 transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 4428 opacity: 1; 4429 } 4430 4431 to { 4432 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4433 transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 4434 opacity: 0; 4435 } 4436 } 4437 .animate__flipOutX { 4438 -webkit-animation-duration: calc(1s * 0.75); 4439 animation-duration: calc(1s * 0.75); 4440 -webkit-animation-duration: calc(var(--animate-duration) * 0.75); 4441 animation-duration: calc(var(--animate-duration) * 0.75); 4442 -webkit-animation-name: flipOutX; 4443 animation-name: flipOutX; 4444 -webkit-backface-visibility: visible !important; 4445 backface-visibility: visible !important; 4446 } 4447 @-webkit-keyframes flipOutY { 4448 from { 4449 -webkit-transform: perspective(400px); 4450 transform: perspective(400px); 4451 } 4452 4453 30% { 4454 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 4455 transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 4456 opacity: 1; 4457 } 4458 4459 to { 4460 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4461 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4462 opacity: 0; 4463 } 4464 } 4465 @keyframes flipOutY { 4466 from { 4467 -webkit-transform: perspective(400px); 4468 transform: perspective(400px); 4469 } 4470 4471 30% { 4472 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 4473 transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 4474 opacity: 1; 4475 } 4476 4477 to { 4478 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4479 transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 4480 opacity: 0; 4481 } 4482 } 4483 .animate__flipOutY { 4484 -webkit-animation-duration: calc(1s * 0.75); 4485 animation-duration: calc(1s * 0.75); 4486 -webkit-animation-duration: calc(var(--animate-duration) * 0.75); 4487 animation-duration: calc(var(--animate-duration) * 0.75); 4488 -webkit-backface-visibility: visible !important; 4489 backface-visibility: visible !important; 4490 -webkit-animation-name: flipOutY; 4491 animation-name: flipOutY; 4492 } 4493 /* Lightspeed */ 4494 @-webkit-keyframes lightSpeedInRight { 4495 from { 4496 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 4497 transform: translate3d(100%, 0, 0) skewX(-30deg); 4498 opacity: 0; 4499 } 4500 4501 60% { 4502 -webkit-transform: skewX(20deg); 4503 transform: skewX(20deg); 4504 opacity: 1; 4505 } 4506 4507 80% { 4508 -webkit-transform: skewX(-5deg); 4509 transform: skewX(-5deg); 4510 } 4511 4512 to { 4513 -webkit-transform: translate3d(0, 0, 0); 4514 transform: translate3d(0, 0, 0); 4515 } 4516 } 4517 @keyframes lightSpeedInRight { 4518 from { 4519 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 4520 transform: translate3d(100%, 0, 0) skewX(-30deg); 4521 opacity: 0; 4522 } 4523 4524 60% { 4525 -webkit-transform: skewX(20deg); 4526 transform: skewX(20deg); 4527 opacity: 1; 4528 } 4529 4530 80% { 4531 -webkit-transform: skewX(-5deg); 4532 transform: skewX(-5deg); 4533 } 4534 4535 to { 4536 -webkit-transform: translate3d(0, 0, 0); 4537 transform: translate3d(0, 0, 0); 4538 } 4539 } 4540 .animate__lightSpeedInRight { 4541 -webkit-animation-name: lightSpeedInRight; 4542 animation-name: lightSpeedInRight; 4543 -webkit-animation-timing-function: ease-out; 4544 animation-timing-function: ease-out; 4545 } 4546 @-webkit-keyframes lightSpeedInLeft { 4547 from { 4548 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); 4549 transform: translate3d(-100%, 0, 0) skewX(30deg); 4550 opacity: 0; 4551 } 4552 4553 60% { 4554 -webkit-transform: skewX(-20deg); 4555 transform: skewX(-20deg); 4556 opacity: 1; 4557 } 4558 4559 80% { 4560 -webkit-transform: skewX(5deg); 4561 transform: skewX(5deg); 4562 } 4563 4564 to { 4565 -webkit-transform: translate3d(0, 0, 0); 4566 transform: translate3d(0, 0, 0); 4567 } 4568 } 4569 @keyframes lightSpeedInLeft { 4570 from { 4571 -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); 4572 transform: translate3d(-100%, 0, 0) skewX(30deg); 4573 opacity: 0; 4574 } 4575 4576 60% { 4577 -webkit-transform: skewX(-20deg); 4578 transform: skewX(-20deg); 4579 opacity: 1;
4580 } 4581 4582 80% { 4583 -webkit-transform: skewX(5deg); 4584 transform: skewX(5deg); 4585 } 4586 4587 to { 4588 -webkit-transform: translate3d(0, 0, 0); 4589 transform: translate3d(0, 0, 0); 4590 } 4591 } 4592 .animate__lightSpeedInLeft { 4593 -webkit-animation-name: lightSpeedInLeft; 4594 animation-name: lightSpeedInLeft; 4595 -webkit-animation-timing-function: ease-out; 4596 animation-timing-function: ease-out; 4597 } 4598 @-webkit-keyframes lightSpeedOutRight { 4599 from { 4600 opacity: 1; 4601 } 4602 4603 to { 4604 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 4605 transform: translate3d(100%, 0, 0) skewX(30deg); 4606 opacity: 0; 4607 } 4608 } 4609 @keyframes lightSpeedOutRight { 4610 from { 4611 opacity: 1; 4612 } 4613 4614 to { 4615 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 4616 transform: translate3d(100%, 0, 0) skewX(30deg); 4617 opacity: 0; 4618 } 4619 } 4620 .animate__lightSpeedOutRight { 4621 -webkit-animation-name: lightSpeedOutRight; 4622 animation-name: lightSpeedOutRight; 4623 -webkit-animation-timing-function: ease-in; 4624 animation-timing-function: ease-in; 4625 } 4626 @-webkit-keyframes lightSpeedOutLeft { 4627 from { 4628 opacity: 1; 4629 } 4630 4631 to { 4632 -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); 4633 transform: translate3d(-100%, 0, 0) skewX(-30deg); 4634 opacity: 0; 4635 } 4636 } 4637 @keyframes lightSpeedOutLeft { 4638 from { 4639 opacity: 1; 4640 } 4641 4642 to { 4643 -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); 4644 transform: translate3d(-100%, 0, 0) skewX(-30deg); 4645 opacity: 0; 4646 } 4647 } 4648 .animate__lightSpeedOutLeft { 4649 -webkit-animation-name: lightSpeedOutLeft; 4650 animation-name: lightSpeedOutLeft; 4651 -webkit-animation-timing-function: ease-in; 4652 animation-timing-function: ease-in; 4653 } 4654 /* Rotating entrances */ 4655 @-webkit-keyframes rotateIn { 4656 from { 4657 -webkit-transform: rotate3d(0, 0, 1, -200deg); 4658 transform: rotate3d(0, 0, 1, -200deg); 4659 opacity: 0; 4660 } 4661 4662 to { 4663 -webkit-transform: translate3d(0, 0, 0); 4664 transform: translate3d(0, 0, 0); 4665 opacity: 1; 4666 } 4667 } 4668 @keyframes rotateIn { 4669 from { 4670 -webkit-transform: rotate3d(0, 0, 1, -200deg); 4671 transform: rotate3d(0, 0, 1, -200deg); 4672 opacity: 0; 4673 } 4674 4675 to { 4676 -webkit-transform: translate3d(0, 0, 0); 4677 transform: translate3d(0, 0, 0); 4678 opacity: 1; 4679 } 4680 } 4681 .animate__rotateIn { 4682 -webkit-animation-name: rotateIn; 4683 animation-name: rotateIn; 4684 -webkit-transform-origin: center; 4685 transform-origin: center; 4686 } 4687 @-webkit-keyframes rotateInDownLeft { 4688 from { 4689 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4690 transform: rotate3d(0, 0, 1, -45deg); 4691 opacity: 0; 4692 } 4693 4694 to { 4695 -webkit-transform: translate3d(0, 0, 0); 4696 transform: translate3d(0, 0, 0); 4697 opacity: 1; 4698 } 4699 } 4700 @keyframes rotateInDownLeft { 4701 from { 4702 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4703 transform: rotate3d(0, 0, 1, -45deg); 4704 opacity: 0; 4705 } 4706 4707 to { 4708 -webkit-transform: translate3d(0, 0, 0); 4709 transform: translate3d(0, 0, 0); 4710 opacity: 1; 4711 } 4712 } 4713 .animate__rotateInDownLeft { 4714 -webkit-animation-name: rotateInDownLeft; 4715 animation-name: rotateInDownLeft; 4716 -webkit-transform-origin: left bottom; 4717 transform-origin: left bottom; 4718 } 4719 @-webkit-keyframes rotateInDownRight { 4720 from { 4721 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4722 transform: rotate3d(0, 0, 1, 45deg); 4723 opacity: 0; 4724 } 4725 4726 to { 4727 -webkit-transform: translate3d(0, 0, 0); 4728 transform: translate3d(0, 0, 0); 4729 opacity: 1; 4730 } 4731 } 4732 @keyframes rotateInDownRight { 4733 from { 4734 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4735 transform: rotate3d(0, 0, 1, 45deg); 4736 opacity: 0; 4737 } 4738 4739 to { 4740 -webkit-transform: translate3d(0, 0, 0); 4741 transform: translate3d(0, 0, 0); 4742 opacity: 1; 4743 } 4744 } 4745 .animate__rotateInDownRight { 4746 -webkit-animation-name: rotateInDownRight; 4747 animation-name: rotateInDownRight; 4748 -webkit-transform-origin: right bottom; 4749 transform-origin: right bottom; 4750 } 4751 @-webkit-keyframes rotateInUpLeft { 4752 from { 4753 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4754 transform: rotate3d(0, 0, 1, 45deg); 4755 opacity: 0; 4756 } 4757 4758 to { 4759 -webkit-transform: translate3d(0, 0, 0); 4760 transform: translate3d(0, 0, 0); 4761 opacity: 1;
4762 } 4763 } 4764 @keyframes rotateInUpLeft { 4765 from { 4766 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4767 transform: rotate3d(0, 0, 1, 45deg); 4768 opacity: 0; 4769 } 4770 4771 to { 4772 -webkit-transform: translate3d(0, 0, 0); 4773 transform: translate3d(0, 0, 0); 4774 opacity: 1; 4775 } 4776 } 4777 .animate__rotateInUpLeft { 4778 -webkit-animation-name: rotateInUpLeft; 4779 animation-name: rotateInUpLeft; 4780 -webkit-transform-origin: left bottom; 4781 transform-origin: left bottom; 4782 } 4783 @-webkit-keyframes rotateInUpRight { 4784 from { 4785 -webkit-transform: rotate3d(0, 0, 1, -90deg); 4786 transform: rotate3d(0, 0, 1, -90deg); 4787 opacity: 0; 4788 } 4789 4790 to { 4791 -webkit-transform: translate3d(0, 0, 0); 4792 transform: translate3d(0, 0, 0); 4793 opacity: 1; 4794 } 4795 } 4796 @keyframes rotateInUpRight { 4797 from { 4798 -webkit-transform: rotate3d(0, 0, 1, -90deg); 4799 transform: rotate3d(0, 0, 1, -90deg); 4800 opacity: 0; 4801 } 4802 4803 to { 4804 -webkit-transform: translate3d(0, 0, 0); 4805 transform: translate3d(0, 0, 0); 4806 opacity: 1; 4807 } 4808 } 4809 .animate__rotateInUpRight { 4810 -webkit-animation-name: rotateInUpRight; 4811 animation-name: rotateInUpRight; 4812 -webkit-transform-origin: right bottom; 4813 transform-origin: right bottom; 4814 } 4815 /* Rotating exits */ 4816 @-webkit-keyframes rotateOut { 4817 from { 4818 opacity: 1; 4819 } 4820 4821 to { 4822 -webkit-transform: rotate3d(0, 0, 1, 200deg); 4823 transform: rotate3d(0, 0, 1, 200deg); 4824 opacity: 0; 4825 } 4826 } 4827 @keyframes rotateOut { 4828 from { 4829 opacity: 1; 4830 } 4831 4832 to { 4833 -webkit-transform: rotate3d(0, 0, 1, 200deg); 4834 transform: rotate3d(0, 0, 1, 200deg); 4835 opacity: 0; 4836 } 4837 } 4838 .animate__rotateOut { 4839 -webkit-animation-name: rotateOut; 4840 animation-name: rotateOut; 4841 -webkit-transform-origin: center; 4842 transform-origin: center; 4843 } 4844 @-webkit-keyframes rotateOutDownLeft { 4845 from { 4846 opacity: 1; 4847 } 4848 4849 to { 4850 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4851 transform: rotate3d(0, 0, 1, 45deg); 4852 opacity: 0; 4853 } 4854 } 4855 @keyframes rotateOutDownLeft { 4856 from { 4857 opacity: 1; 4858 } 4859 4860 to { 4861 -webkit-transform: rotate3d(0, 0, 1, 45deg); 4862 transform: rotate3d(0, 0, 1, 45deg); 4863 opacity: 0; 4864 } 4865 } 4866 .animate__rotateOutDownLeft { 4867 -webkit-animation-name: rotateOutDownLeft; 4868 animation-name: rotateOutDownLeft; 4869 -webkit-transform-origin: left bottom; 4870 transform-origin: left bottom; 4871 } 4872 @-webkit-keyframes rotateOutDownRight { 4873 from { 4874 opacity: 1; 4875 } 4876 4877 to { 4878 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4879 transform: rotate3d(0, 0, 1, -45deg); 4880 opacity: 0; 4881 } 4882 } 4883 @keyframes rotateOutDownRight { 4884 from { 4885 opacity: 1; 4886 } 4887 4888 to { 4889 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4890 transform: rotate3d(0, 0, 1, -45deg); 4891 opacity: 0; 4892 } 4893 } 4894 .animate__rotateOutDownRight { 4895 -webkit-animation-name: rotateOutDownRight; 4896 animation-name: rotateOutDownRight; 4897 -webkit-transform-origin: right bottom; 4898 transform-origin: right bottom; 4899 } 4900 @-webkit-keyframes rotateOutUpLeft { 4901 from { 4902 opacity: 1; 4903 } 4904 4905 to { 4906 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4907 transform: rotate3d(0, 0, 1, -45deg); 4908 opacity: 0; 4909 } 4910 } 4911 @keyframes rotateOutUpLeft { 4912 from { 4913 opacity: 1; 4914 } 4915 4916 to { 4917 -webkit-transform: rotate3d(0, 0, 1, -45deg); 4918 transform: rotate3d(0, 0, 1, -45deg); 4919 opacity: 0; 4920 } 4921 } 4922 .animate__rotateOutUpLeft { 4923 -webkit-animation-name: rotateOutUpLeft; 4924 animation-name: rotateOutUpLeft; 4925 -webkit-transform-origin: left bottom; 4926 transform-origin: left bottom; 4927 } 4928 @-webkit-keyframes rotateOutUpRight { 4929 from { 4930 opacity: 1; 4931 } 4932 4933 to { 4934 -webkit-transform: rotate3d(0, 0, 1, 90deg); 4935 transform: rotate3d(0, 0, 1, 90deg); 4936 opacity: 0; 4937 } 4938 } 4939 @keyframes rotateOutUpRight { 4940 from { 4941 opacity: 1;
4942 } 4943 4944 to { 4945 -webkit-transform: rotate3d(0, 0, 1, 90deg); 4946 transform: rotate3d(0, 0, 1, 90deg); 4947 opacity: 0; 4948 } 4949 } 4950 .animate__rotateOutUpRight { 4951 -webkit-animation-name: rotateOutUpRight; 4952 animation-name: rotateOutUpRight; 4953 -webkit-transform-origin: right bottom; 4954 transform-origin: right bottom; 4955 } 4956 /* Specials */ 4957 @-webkit-keyframes hinge { 4958 0% { 4959 -webkit-animation-timing-function: ease-in-out; 4960 animation-timing-function: ease-in-out; 4961 } 4962 4963 20%, 4964 60% { 4965 -webkit-transform: rotate3d(0, 0, 1, 80deg); 4966 transform: rotate3d(0, 0, 1, 80deg); 4967 -webkit-animation-timing-function: ease-in-out; 4968 animation-timing-function: ease-in-out; 4969 } 4970 4971 40%, 4972 80% { 4973 -webkit-transform: rotate3d(0, 0, 1, 60deg); 4974 transform: rotate3d(0, 0, 1, 60deg); 4975 -webkit-animation-timing-function: ease-in-out; 4976 animation-timing-function: ease-in-out; 4977 opacity: 1; 4978 } 4979 4980 to { 4981 -webkit-transform: translate3d(0, 700px, 0); 4982 transform: translate3d(0, 700px, 0); 4983 opacity: 0; 4984 } 4985 } 4986 @keyframes hinge { 4987 0% { 4988 -webkit-animation-timing-function: ease-in-out; 4989 animation-timing-function: ease-in-out; 4990 } 4991 4992 20%, 4993 60% { 4994 -webkit-transform: rotate3d(0, 0, 1, 80deg); 4995 transform: rotate3d(0, 0, 1, 80deg); 4996 -webkit-animation-timing-function: ease-in-out; 4997 animation-timing-function: ease-in-out; 4998 } 4999 5000 40%, 5001 80% { 5002 -webkit-transform: rotate3d(0, 0, 1, 60deg); 5003 transform: rotate3d(0, 0, 1, 60deg); 5004 -webkit-animation-timing-function: ease-in-out; 5005 animation-timing-function: ease-in-out; 5006 opacity: 1; 5007 } 5008 5009 to { 5010 -webkit-transform: translate3d(0, 700px, 0); 5011 transform: translate3d(0, 700px, 0); 5012 opacity: 0; 5013 } 5014 } 5015 .animate__hinge { 5016 -webkit-animation-duration: calc(1s * 2); 5017 animation-duration: calc(1s * 2); 5018 -webkit-animation-duration: calc(var(--animate-duration) * 2); 5019 animation-duration: calc(var(--animate-duration) * 2); 5020 -webkit-animation-name: hinge; 5021 animation-name: hinge; 5022 -webkit-transform-origin: top left; 5023 transform-origin: top left; 5024 } 5025 @-webkit-keyframes jackInTheBox { 5026 from { 5027 opacity: 0; 5028 -webkit-transform: scale(0.1) rotate(30deg); 5029 transform: scale(0.1) rotate(30deg); 5030 -webkit-transform-origin: center bottom; 5031 transform-origin: center bottom; 5032 } 5033 5034 50% { 5035 -webkit-transform: rotate(-10deg); 5036 transform: rotate(-10deg); 5037 } 5038 5039 70% { 5040 -webkit-transform: rotate(3deg); 5041 transform: rotate(3deg); 5042 } 5043 5044 to { 5045 opacity: 1; 5046 -webkit-transform: scale(1); 5047 transform: scale(1); 5048 } 5049 } 5050 @keyframes jackInTheBox { 5051 from { 5052 opacity: 0; 5053 -webkit-transform: scale(0.1) rotate(30deg); 5054 transform: scale(0.1) rotate(30deg); 5055 -webkit-transform-origin: center bottom; 5056 transform-origin: center bottom; 5057 } 5058 5059 50% { 5060 -webkit-transform: rotate(-10deg); 5061 transform: rotate(-10deg); 5062 } 5063 5064 70% { 5065 -webkit-transform: rotate(3deg); 5066 transform: rotate(3deg); 5067 } 5068 5069 to { 5070 opacity: 1; 5071 -webkit-transform: scale(1); 5072 transform: scale(1); 5073 } 5074 } 5075 .animate__jackInTheBox { 5076 -webkit-animation-name: jackInTheBox; 5077 animation-name: jackInTheBox; 5078 } 5079 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 5080 @-webkit-keyframes rollIn { 5081 from { 5082 opacity: 0; 5083 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 5084 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 5085 } 5086 5087 to { 5088 opacity: 1; 5089 -webkit-transform: translate3d(0, 0, 0); 5090 transform: translate3d(0, 0, 0); 5091 } 5092 } 5093 @keyframes rollIn { 5094 from { 5095 opacity: 0; 5096 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 5097 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 5098 } 5099 5100 to { 5101 opacity: 1;
5102 -webkit-transform: translate3d(0, 0, 0); 5103 transform: translate3d(0, 0, 0); 5104 } 5105 } 5106 .animate__rollIn { 5107 -webkit-animation-name: rollIn; 5108 animation-name: rollIn; 5109 } 5110 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 5111 @-webkit-keyframes rollOut { 5112 from { 5113 opacity: 1; 5114 } 5115 5116 to { 5117 opacity: 0; 5118 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 5119 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 5120 } 5121 } 5122 @keyframes rollOut { 5123 from { 5124 opacity: 1; 5125 } 5126 5127 to { 5128 opacity: 0; 5129 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 5130 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 5131 } 5132 } 5133 .animate__rollOut { 5134 -webkit-animation-name: rollOut; 5135 animation-name: rollOut; 5136 } 5137 /* Zooming entrances */ 5138 @-webkit-keyframes zoomIn { 5139 from { 5140 opacity: 0; 5141 -webkit-transform: scale3d(0.3, 0.3, 0.3); 5142 transform: scale3d(0.3, 0.3, 0.3); 5143 } 5144 5145 50% { 5146 opacity: 1; 5147 } 5148 } 5149 @keyframes zoomIn { 5150 from { 5151 opacity: 0; 5152 -webkit-transform: scale3d(0.3, 0.3, 0.3); 5153 transform: scale3d(0.3, 0.3, 0.3); 5154 } 5155 5156 50% { 5157 opacity: 1; 5158 } 5159 } 5160 .animate__zoomIn { 5161 -webkit-animation-name: zoomIn; 5162 animation-name: zoomIn; 5163 } 5164 @-webkit-keyframes zoomInDown { 5165 from { 5166 opacity: 0; 5167 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 5168 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 5169 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5170 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5171 } 5172 5173 60% { 5174 opacity: 1; 5175 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5176 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5177 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5178 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5179 } 5180 } 5181 @keyframes zoomInDown { 5182 from { 5183 opacity: 0; 5184 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 5185 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); 5186 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5187 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5188 } 5189 5190 60% { 5191 opacity: 1; 5192 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5193 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5194 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5195 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5196 } 5197 } 5198 .animate__zoomInDown { 5199 -webkit-animation-name: zoomInDown; 5200 animation-name: zoomInDown; 5201 } 5202 @-webkit-keyframes zoomInLeft { 5203 from { 5204 opacity: 0; 5205 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 5206 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 5207 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5208 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5209 } 5210 5211 60% { 5212 opacity: 1; 5213 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 5214 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 5215 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5216 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5217 } 5218 } 5219 @keyframes zoomInLeft { 5220 from { 5221 opacity: 0; 5222 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 5223 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); 5224 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5225 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5226 } 5227 5228 60% { 5229 opacity: 1; 5230 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 5231 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); 5232 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5233 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5234 } 5235 } 5236 .animate__zoomInLeft { 5237 -webkit-animation-name: zoomInLeft; 5238 animation-name: zoomInLeft; 5239 } 5240 @-webkit-keyframes zoomInRight { 5241 from { 5242 opacity: 0; 5243 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 5244 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 5245 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5246 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5247 } 5248 5249 60% { 5250 opacity: 1;
5251 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 5252 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 5253 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5254 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5255 } 5256 } 5257 @keyframes zoomInRight { 5258 from { 5259 opacity: 0; 5260 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 5261 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); 5262 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5263 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5264 } 5265 5266 60% { 5267 opacity: 1; 5268 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 5269 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); 5270 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5271 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5272 } 5273 } 5274 .animate__zoomInRight { 5275 -webkit-animation-name: zoomInRight; 5276 animation-name: zoomInRight; 5277 } 5278 @-webkit-keyframes zoomInUp { 5279 from { 5280 opacity: 0; 5281 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 5282 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 5283 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5284 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5285 } 5286 5287 60% { 5288 opacity: 1; 5289 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5290 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5291 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5292 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5293 } 5294 } 5295 @keyframes zoomInUp { 5296 from { 5297 opacity: 0; 5298 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 5299 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); 5300 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5301 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5302 } 5303 5304 60% { 5305 opacity: 1; 5306 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5307 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5308 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5309 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5310 } 5311 } 5312 .animate__zoomInUp { 5313 -webkit-animation-name: zoomInUp; 5314 animation-name: zoomInUp; 5315 } 5316 /* Zooming exits */ 5317 @-webkit-keyframes zoomOut { 5318 from { 5319 opacity: 1; 5320 } 5321 5322 50% { 5323 opacity: 0; 5324 -webkit-transform: scale3d(0.3, 0.3, 0.3); 5325 transform: scale3d(0.3, 0.3, 0.3); 5326 } 5327 5328 to { 5329 opacity: 0; 5330 } 5331 } 5332 @keyframes zoomOut { 5333 from { 5334 opacity: 1; 5335 } 5336 5337 50% { 5338 opacity: 0; 5339 -webkit-transform: scale3d(0.3, 0.3, 0.3); 5340 transform: scale3d(0.3, 0.3, 0.3); 5341 } 5342 5343 to { 5344 opacity: 0; 5345 } 5346 } 5347 .animate__zoomOut { 5348 -webkit-animation-name: zoomOut; 5349 animation-name: zoomOut; 5350 } 5351 @-webkit-keyframes zoomOutDown { 5352 40% { 5353 opacity: 1; 5354 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5355 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5356 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5357 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5358 } 5359 5360 to { 5361 opacity: 0; 5362 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 5363 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 5364 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5365 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5366 } 5367 } 5368 @keyframes zoomOutDown { 5369 40% { 5370 opacity: 1; 5371 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5372 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); 5373 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5374 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5375 } 5376 5377 to { 5378 opacity: 0; 5379 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 5380 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); 5381 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5382 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5383 } 5384 } 5385 .animate__zoomOutDown { 5386 -webkit-animation-name: zoomOutDown; 5387 animation-name: zoomOutDown; 5388 -webkit-transform-origin: center bottom; 5389 transform-origin: center bottom; 5390 } 5391 @-webkit-keyframes zoomOutLeft { 5392 40% { 5393 opacity: 1;
5394 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 5395 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 5396 } 5397 5398 to { 5399 opacity: 0; 5400 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); 5401 transform: scale(0.1) translate3d(-2000px, 0, 0); 5402 } 5403 } 5404 @keyframes zoomOutLeft { 5405 40% { 5406 opacity: 1; 5407 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 5408 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 5409 } 5410 5411 to { 5412 opacity: 0; 5413 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); 5414 transform: scale(0.1) translate3d(-2000px, 0, 0); 5415 } 5416 } 5417 .animate__zoomOutLeft { 5418 -webkit-animation-name: zoomOutLeft; 5419 animation-name: zoomOutLeft; 5420 -webkit-transform-origin: left center; 5421 transform-origin: left center; 5422 } 5423 @-webkit-keyframes zoomOutRight { 5424 40% { 5425 opacity: 1; 5426 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 5427 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 5428 } 5429 5430 to { 5431 opacity: 0; 5432 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); 5433 transform: scale(0.1) translate3d(2000px, 0, 0); 5434 } 5435 } 5436 @keyframes zoomOutRight { 5437 40% { 5438 opacity: 1; 5439 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 5440 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 5441 } 5442 5443 to { 5444 opacity: 0; 5445 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); 5446 transform: scale(0.1) translate3d(2000px, 0, 0); 5447 } 5448 } 5449 .animate__zoomOutRight { 5450 -webkit-animation-name: zoomOutRight; 5451 animation-name: zoomOutRight; 5452 -webkit-transform-origin: right center; 5453 transform-origin: right center; 5454 } 5455 @-webkit-keyframes zoomOutUp { 5456 40% { 5457 opacity: 1; 5458 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5459 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5460 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5461 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5462 } 5463 5464 to { 5465 opacity: 0; 5466 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 5467 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 5468 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5469 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5470 } 5471 } 5472 @keyframes zoomOutUp { 5473 40% { 5474 opacity: 1; 5475 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5476 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); 5477 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5478 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 5479 } 5480 5481 to { 5482 opacity: 0; 5483 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 5484 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); 5485 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5486 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 5487 } 5488 } 5489 .animate__zoomOutUp { 5490 -webkit-animation-name: zoomOutUp; 5491 animation-name: zoomOutUp; 5492 -webkit-transform-origin: center bottom; 5493 transform-origin: center bottom; 5494 } 5495 /* Sliding entrances */ 5496 @-webkit-keyframes slideInDown { 5497 from { 5498 -webkit-transform: translate3d(0, -100%, 0); 5499 transform: translate3d(0, -100%, 0); 5500 visibility: visible; 5501 } 5502 5503 to { 5504 -webkit-transform: translate3d(0, 0, 0); 5505 transform: translate3d(0, 0, 0); 5506 } 5507 } 5508 @keyframes slideInDown { 5509 from { 5510 -webkit-transform: translate3d(0, -100%, 0); 5511 transform: translate3d(0, -100%, 0); 5512 visibility: visible; 5513 } 5514 5515 to { 5516 -webkit-transform: translate3d(0, 0, 0); 5517 transform: translate3d(0, 0, 0); 5518 } 5519 } 5520 .animate__slideInDown { 5521 -webkit-animation-name: slideInDown; 5522 animation-name: slideInDown; 5523 } 5524 @-webkit-keyframes slideInLeft { 5525 from { 5526 -webkit-transform: translate3d(-100%, 0, 0); 5527 transform: translate3d(-100%, 0, 0); 5528 visibility: visible; 5529 } 5530 5531 to { 5532 -webkit-transform: translate3d(0, 0, 0); 5533 transform: translate3d(0, 0, 0); 5534 } 5535 } 5536 @keyframes slideInLeft { 5537 from { 5538 -webkit-transform: translate3d(-100%, 0, 0); 5539 transform: translate3d(-100%, 0, 0); 5540 visibility: visible; 5541 } 5542 5543 to { 5544 -webkit-transform: translate3d(0, 0, 0); 5545 transform: translate3d(0, 0, 0); 5546 } 5547 } 5548 .animate__slideInLeft { 5549 -webkit-animation-name: slideInLeft; 5550 animation-name: slideInLeft; 5551 } 5552 @-webkit-keyframes slideInRight { 5553 from { 5554 -webkit-transform: translate3d(100%, 0, 0); 5555 transform: translate3d(100%, 0, 0); 5556 visibility: visible; 5557 } 5558 5559 to { 5560 -webkit-transform: translate3d(0, 0, 0); 5561 transform: translate3d(0, 0, 0); 5562 } 5563 } 5564 @keyframes slideInRight { 5565 from { 5566 -webkit-transform: translate3d(100%, 0, 0); 5567 transform: translate3d(100%, 0, 0); 5568 visibility: visible; 5569 } 5570 5571 to { 5572 -webkit-transform: translate3d(0, 0, 0); 5573 transform: translate3d(0, 0, 0); 5574 } 5575 } 5576 .animate__slideInRight { 5577 -webkit-animation-name: slideInRight; 5578 animation-name: slideInRight; 5579 } 5580 @-webkit-keyframes slideInUp { 5581 from { 5582 -webkit-transform: translate3d(0, 100%, 0); 5583 transform: translate3d(0, 100%, 0); 5584 visibility: visible; 5585 } 5586 5587 to { 5588 -webkit-transform: translate3d(0, 0, 0); 5589 transform: translate3d(0, 0, 0); 5590 } 5591 } 5592 @keyframes slideInUp { 5593 from { 5594 -webkit-transform: translate3d(0, 100%, 0); 5595 transform: translate3d(0, 100%, 0); 5596 visibility: visible; 5597 } 5598 5599 to { 5600 -webkit-transform: translate3d(0, 0, 0); 5601 transform: translate3d(0, 0, 0); 5602 } 5603 } 5604 .animate__slideInUp { 5605 -webkit-animation-name: slideInUp; 5606 animation-name: slideInUp; 5607 } 5608 /* Sliding exits */ 5609 @-webkit-keyframes slideOutDown { 5610 from { 5611 -webkit-transform: translate3d(0, 0, 0); 5612 transform: translate3d(0, 0, 0); 5613 } 5614 5615 to { 5616 visibility: hidden; 5617 -webkit-transform: translate3d(0, 100%, 0); 5618 transform: translate3d(0, 100%, 0); 5619 } 5620 } 5621 @keyframes slideOutDown { 5622 from { 5623 -webkit-transform: translate3d(0, 0, 0); 5624 transform: translate3d(0, 0, 0); 5625 } 5626 5627 to { 5628 visibility: hidden; 5629 -webkit-transform: translate3d(0, 100%, 0); 5630 transform: translate3d(0, 100%, 0); 5631 } 5632 } 5633 .animate__slideOutDown { 5634 -webkit-animation-name: slideOutDown; 5635 animation-name: slideOutDown; 5636 } 5637 @-webkit-keyframes slideOutLeft { 5638 from { 5639 -webkit-transform: translate3d(0, 0, 0); 5640 transform: translate3d(0, 0, 0); 5641 } 5642 5643 to { 5644 visibility: hidden; 5645 -webkit-transform: translate3d(-100%, 0, 0); 5646 transform: translate3d(-100%, 0, 0); 5647 } 5648 } 5649 @keyframes slideOutLeft { 5650 from { 5651 -webkit-transform: translate3d(0, 0, 0); 5652 transform: translate3d(0, 0, 0); 5653 } 5654 5655 to { 5656 visibility: hidden; 5657 -webkit-transform: translate3d(-100%, 0, 0); 5658 transform: translate3d(-100%, 0, 0); 5659 } 5660 } 5661 .animate__slideOutLeft { 5662 -webkit-animation-name: slideOutLeft; 5663 animation-name: slideOutLeft; 5664 } 5665 @-webkit-keyframes slideOutRight { 5666 from { 5667 -webkit-transform: translate3d(0, 0, 0); 5668 transform: translate3d(0, 0, 0); 5669 } 5670 5671 to { 5672 visibility: hidden; 5673 -webkit-transform: translate3d(100%, 0, 0); 5674 transform: translate3d(100%, 0, 0); 5675 } 5676 } 5677 @keyframes slideOutRight { 5678 from { 5679 -webkit-transform: translate3d(0, 0, 0); 5680 transform: translate3d(0, 0, 0); 5681 } 5682 5683 to { 5684 visibility: hidden; 5685 -webkit-transform: translate3d(100%, 0, 0); 5686 transform: translate3d(100%, 0, 0); 5687 } 5688 } 5689 .animate__slideOutRight { 5690 -webkit-animation-name: slideOutRight; 5691 animation-name: slideOutRight; 5692 } 5693 @-webkit-keyframes slideOutUp { 5694 from { 5695 -webkit-transform: translate3d(0, 0, 0); 5696 transform: translate3d(0, 0, 0); 5697 } 5698 5699 to { 5700 visibility: hidden; 5701 -webkit-transform: translate3d(0, -100%, 0); 5702 transform: translate3d(0, -100%, 0); 5703 } 5704 } 5705 @keyframes slideOutUp { 5706 from { 5707 -webkit-transform: translate3d(0, 0, 0); 5708 transform: translate3d(0, 0, 0); 5709 } 5710 5711 to { 5712 visibility: hidden; 5713 -webkit-transform: translate3d(0, -100%, 0); 5714 transform: translate3d(0, -100%, 0); 5715 } 5716 } 5717 .animate__slideOutUp { 5718 -webkit-animation-name: slideOutUp; 5719 animation-name: slideOutUp; 5720 } 5721 5722</style> 5723 5724<div id="carouselOneIndicators" class="carousel slide ekwa-carousel slide" data-ride="carousel"> 5725 <ol class="carousel-indicators">
5726 <li data-target="#carouselOneIndicators" data-slide-to="0" class="active" ></li> 5727 <li data-target="#carouselOneIndicators" data-slide-to="1" ></li> 5728 <li data-target="#carouselOneIndicators" data-slide-to="2" ></li> 5729 </ol> 5730 <div class="carousel-inner"> 5731 <div class="carousel-item active"> 5732 5733 5734 <img class="carousel-img" src="https://www.monadnockperio.com/wp-content/uploads/2021/02/slider-team-final.jpg" alt="Slider Image - 0"> 5735 <div class="carousel-caption d-none d-md-block caption-0"> 5736 5737 <div data-animation="animate__animated animate__fadeInDown" class="caption-one"><span>Working Together</span></div> 5738 <div data-animation="animate__animated animate__fadeInUp" class="caption-two"><span>With You to Save Your Teeth</span></div> 5739 <div data-animation="animate__animated animate__fadeInDown" class="slider-link-wrapper"> 5740 <a class="btn" href="tel:+16032155800">Call Now (603) 215-5800 </a> 5741 </div> 5742 </div> 5743 </div> 5744 <div class="carousel-item "> 5745 5746 5747 <img class="carousel-img" src="https://www.monadnockperio.com/wp-content/uploads/2021/02/slider-mountain.jpg" alt="Slider Image - 1"> 5748 <div class="carousel-caption d-none d-md-block caption-1"> 5749 5750 <div data-animation="animate__animated animate__fadeInDown" class="caption-one"><span>Your Dental Care Can Be Fun & Relaxing Here</span></div> 5751 <div data-animation="animate__animated animate__fadeInUp" class="caption-two"><span>In Monadnock Perio and Implant Center</span></div> 5752 <div data-animation="animate__animated animate__fadeInDown" class="slider-link-wrapper"> 5753 <a class="btn" href="https://www.monadnockperio.com/contact-us"> Contact Us </a> 5754 </div> 5755 </div> 5756 </div> 5757 <div class="carousel-item "> 5758 5759 5760 <img class="carousel-img" src="https://www.monadnockperio.com/wp-content/uploads/2021/02/slider-office.jpg" alt="Slider Image - 2"> 5761 <div class="carousel-caption d-none d-md-block caption-2"> 5762 5763 <div data-animation="animate__animated animate__fadeInDown" class="caption-one"><span>We Make a Difference in the Oral Health</span></div> 5764 <div data-animation="animate__animated animate__fadeInUp" class="caption-two"><span>of people in the Monadnock and the surrounding communities</span></div> 5765 <div data-animation="animate__animated animate__fadeInDown" class="slider-link-wrapper"> 5766 <a class="btn" href="https://www.monadnockperio.com/request-an-appointment"> Request An Appointment </a> 5767 </div> 5768 </div> 5769 </div> 5770 </div> 5771 <a class="carousel-control-prev" href="#carouselOneIndicators" role="button" data-slide="prev"> 5772 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 5773 <span class="sr-only">Previous</span> 5774 </a> 5775 <a class="carousel-control-next" href="#carouselOneIndicators" role="button" data-slide="next"> 5776 <span class="carousel-control-next-icon" aria-hidden="true"></span> 5777 <span class="sr-only">Next</span> 5778 </a> 5779</div> 5780 5781 5782 5783 5784 5785<section class="main-content"> 5786 5787<div > 5788 5789<article class="home-page"> 5790 5791 5792 <style> 5793 .read-more-content{ 5794 display: none; 5795 } 5796 .read-more-content.active{ 5797 display: block; 5798 } 5799 .readmore-content{ 5800 padding-top: 70px; 5801 padding-bottom: 70px; 5802 background: #fff; 5803 text-align: center; 5804 } 5805 .readmore-content ul li{ 5806 text-align: left; 5807 } 5808 #readMoreBtn:hover{ 5809 color: var(--color_two) !important; 5810 } 5811 .readmore-btn-wrapper{ 5812 margin-top: 40px; 5813 } 5814 .readmore-content h1{ 5815 margin-bottom: 30px; 5816 } 5817 .readmore-content h1 span{ 5818 display: block; 5819 } 5820 @media screen and (max-width: 767px){ 5821 .readmore-content{ 5822 padding-top: 45px; 5823 } 5824} 5825</style> 5826<section class="readmore-content"> 5827 <div class="container"> 5828 <h1>Welcome to Monadnock Perio & Implant Center</h1> 5829 <p><span style="font-weight: 400;">Have you been working with your dentist to maintain a healthy smile and find yourself in a situation where periodontal disease has impacted your oral health? Are you dealing with tooth loss or extraction and want to find out if restorations such as dental implants are right for you? Are you in need of gum grafting, laser surgery, extractions, and other periodontal treatments? If you reside in the Monadnock & surrounding communities in NH,VT and MA and are ready to work with a fantastic dental team that can be here by your side, connect with Drs. <a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc/">Tae Kwon,</a>Â <a href="https://www.monadnockperio.com/rahul-c-tase-dmd-ms/">Rahul Tase</a> and <a href="https://www.monadnockperio.com/dr-jad-mourad-dmd-msd/">Jad Mourad</a>
5829 of Monadnock Perio and Implant Center to discuss your needs. <strong>Our board-certified periodontists</strong> and their <a href="https://www.monadnockperio.com/meet-our-team/">team</a> are here to assist referred and existing patients ready for the best possible care. </span></p> 5830 <div class="read-more-content"> 5831 <p><span style="font-weight: 400;">Did you know Drs. Kwon, Tase and Mourad are truly the experts in dental fields? They give lectures nationally and have written many scientific articles in dental journals, focusing on the topics such as management of periodontal disease, cutting-edge innovative periodontal therapy, dental implant therapy, and many others? They are also the directors of a local dental study club with 25+ dentists, NH Study Club for Excellence in Dentistry, focusing on the professional development of other dental professionals in the community. </span></p> 5832<p><span style="font-weight: 400;">Our practice offers the following services:</span></p> 5833<ul class="home-content-services-list"> 5834<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/gum-disease-treatment/">Gum disease diagnosis and treatment</a></li> 5835<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Non-surgical periodontal therapy </span></li> 5836<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/periodontal-maintenance-program/" rel="noopener"><span style="font-weight: 400;">Periodontal maintenance program / periodontal cleaning</span></a></li> 5837<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/gingival-gum-grafting/"><span style="font-weight: 400;">Minimally invasive gum grafting</span></a></li> 5838<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/lanap-laser-periodontal-surgery/"><span style="font-weight: 400;">LANAP, minimally invasive laser periodontal surgery</span></a></li> 5839<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/dental-implants/"><span style="font-weight: 400;">Dental implants (simple & complex)</span></a></li> 5840<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/dental-crown-lengthening/"><span style="font-weight: 400;">Crown lengthening</span></a></li> 5841<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Treating implant diseases / complications / problems</span></li> 5842<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/jaw-bone-grafting/"><span style="font-weight: 400;">Bone grafting (simple & complex)</span></a></li> 5843<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><a href="https://www.monadnockperio.com/dental-extractions/">Extractions</a> (simple & complex)</span></li> 5844<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The painless computerized dental injection</span></li> 5845<li style="font-weight: 400;" aria-level="1"><a href="https://www.monadnockperio.com/oral-pathology-biopsy/"><span style="font-weight: 400;">Biopsies</span></a></li> 5846<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Dental CT scan & its interpretation</span></li> 5847<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Providing a second opinion for your dental conditions</span></li> 5848<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Recommending & collaborating with a general dentist specific to your needs</span></li> 5849</ul> 5850<h2><span style="font-weight: 400;">Wouldn’t it be nice if you are in charge of your oral health, not dental professionals?</span></h2> 5851<p><span style="font-weight: 400;">Monadnock Perio and Implant Center can help you get there! Our only mission is to make a difference in the oral health of people in Monadnock and the surrounding communities. We do this by consistently investing in our dental professionals’ education and our people in the community.</span></p> 5852<h2><span style="font-weight: 400;">Do you want to be a part of this incredible mission and make a difference in your oral health?</span></h2> 5853<p><span style="font-weight: 400;">Suppose you are ready to work with board-certified periodontists who are not only experts in saving your teeth but also who specialize in creating your beautiful smile with dental implant therapy? In that case, it might be time to work with the team at Monadnock Perio and Implant Center of Keene, NH. </span></p> 5854<p><span style="font-weight: 400;">We strive to offer continuity, long-term relationships with all of our patients and their routine dental providers. That is
5854why our team is here five days a week to our amazing communities. Call <a href="https://www.monadnockperio.com/contact-us/">our office</a> today at <a class="p_number" href="tel:+16032155800">(603) 215-5800</a> and visit us at 819 Court Street, Unit A. We work together with our patients to help them save their teeth and smile from periodontal disease and other concerns that can impact oral health and wellness.</span></p> 5855 </div> 5856 <div class="readmore-btn-wrapper"><a id="readMoreBtn" class="btn" href="">Read more</a></div> 5857 </div> 5858</section> 5859
5860<script> 5861 5862document.querySelector("#readMoreBtn").addEventListener("click", function(e){ 5863 5864 e.preventDefault(); 5865 var toggleContent = document.querySelector(".read-more-content"); 5866 toggleContent.classList.toggle('active'); 5867 if(this.innerText.toLowerCase() == 'read more'){ 5868 this.innerText = 'Read less'; 5869 }else{ 5870 this.innerText = 'Read more'; 5871 } 5872 5873}); 5874</script>
5874 5875</article> 5876<style> 5877 .inner-page h1{ 5878 text-align: center; 5879 } 5880 @media screen and (min-width: 767px){ 5881 .inner-page h1{ 5882 padding-bottom: 35px; 5883 position: relative; 5884 } 5885 .inner-page h1:before{ 5886 content: ""; 5887 display: block; 5888 width: 125px; 5889 height: 21px; 5890 display: block; 5891 position: absolute; 5892 bottom: 0; 5893 margin-left: auto; 5894 margin-right: auto; 5895 left: 0; 5896 right: 0; 5897 background: url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/title.svg) top center no-repeat; 5898 } 5899} 5900.main-content{ 5901 background: rgb(255,255,255); 5902 background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(223,252,249,1) 100%); 5903} 5904</style> 5905 5906
5907<script type="application/ld+json"> 5908[ 5909 { 5910 "@context": "https://schema.org/", 5911 "@type": "Person", 5912 "honorificPrefix": "Dr.", 5913 "name": "Tae Kwon", 5914 "jobTitle": "Dentist", 5915 "url": "https://www.monadnockperio.com", 5916 "image": "https://www.monadnockperio.com/wp-content/uploads/2025/12/tae-kwon-xs.jpg", 5917 "worksFor": { 5918 "@type": "MedicalOrganization", 5919 "name": "Monadnock Perio & Implant Center" 5920 }, 5921 "address": { 5922 "@type": "PostalAddress", 5923 "streetAddress": "819 Court Street, Unit A", 5924 "addressLocality": "Keene", 5925 "addressRegion": "New Hampshire", 5926 "postalCode": "NH 03431" 5927 } 5928 }, 5929 { 5930 "@context": "https://schema.org/", 5931 "@type": "Person", 5932 "honorificPrefix": "Dr.", 5933 "name": "Rahul C. Tase", 5934 "jobTitle": "Dentist", 5935 "url": "https://www.monadnockperio.com", 5936 "image": "https://www.monadnockperio.com/wp-content/uploads/2025/12/rahul-tase-xs.jpg", 5937 "worksFor": { 5938 "@type": "MedicalOrganization", 5939 "name": "Monadnock Perio & Implant Center" 5940 }, 5941 "address": { 5942 "@type": "PostalAddress", 5943 "streetAddress": "819 Court Street, Unit A", 5944 "addressLocality": "Keene", 5945 "addressRegion": "New Hampshire", 5946 "postalCode": "NH 03431" 5947 } 5948 }, 5949 { 5950 "@context": "https://schema.org/", 5951 "@type": "Person", 5952 "honorificPrefix": "Dr.", 5953 "name": "Jad Mourad", 5954 "jobTitle": "Dentist", 5955 "url": "https://www.monadnockperio.com", 5956 "image": "https://www.monadnockperio.com/wp-content/uploads/2025/12/jad-mourad-xs.jpg", 5957 "worksFor": { 5958 "@type": "MedicalOrganization", 5959 "name": "Monadnock Perio & Implant Center" 5960 }, 5961 "address": { 5962 "@type": "PostalAddress", 5963 "streetAddress": "819 Court Street, Unit A", 5964 "addressLocality": "Keene", 5965 "addressRegion": "New Hampshire", 5966 "postalCode": "NH 03431" 5967 } 5968 } 5969] 5970</script>
5970 5971</div> 5972 5973</section> 5974 5975<style> 5976.podcast-wrap { 5977 gap: 25px; 5978 display: flex; 5979 max-width: 1200px; 5980 margin-left: auto; 5981 margin-right: auto; 5982 align-items: center; 5983 margin-bottom: 70px; 5984 justify-content: center; 5985} 5986.podcast-wrap .podcast-image img { 5987 width: 240px; 5988 border-radius: 5px; 5989} 5990.podcast-wrap .podcast-info h2 { 5991 margin-top: 0; 5992 font-size: 24px; 5993 font-weight: 600; 5994} 5995.podcast-wrap .podcast-info p { 5996 font-size: 16px; 5997} 5998.podcast-wrap .podcast-info .btn-wrapper a { 5999 font-size: 14px; 6000 letter-spacing: 1px; 6001} 6002 6003@media screen and (max-width: 768px) { 6004 .podcast-wrap { 6005 width: 90%; 6006 margin-left: auto; 6007 margin-right: auto; 6008 } 6009} 6010 6011@media screen and (max-width: 576px) { 6012 .podcast-wrap { 6013 text-align: center; 6014 flex-direction: column; 6015 } 6016} 6017</style> 6018 6019<div class="podcast-wrap"> 6020 <div class="podcast-image"> 6021 <a target="_blank" rel="noopener" href="https://podcasts.apple.com/us/podcast/ripeglobal-podcast/id1497278968?i=1000574961208"> 6022 <img class="lazyload" alt="#45 Treating People, Not Perio... and Making a Difference! Podcast" data-src="https://www.monadnockperio.com/wp-content/uploads/2025/08/podcast.jpg"> 6023 </a> 6024 </div> 6025 <div class="podcast-info"> 6026 <h2>#45 Treating People, Not Perio... and Making a Difference!<br >RIPEGLOBAL Podcast</h2> 6027 <p>Dr. Melkers is joined by Dr. Tae Kwon, his periodontal partner and Head of RIPEGlobal's Fellowship in Modern Implantology as the two discuss patient care, the philosophy of that care and just being more impactful on our patients health. Tae shares his thoughts on his own education and evolution of his philosophy from Toronto to Harvard and to RIPEGlobal.</p> 6028 <p>For more information on RIPEGlobal's Fellowship in Modern Implantology click here.</p> 6029 <div class="btn-wrapper"> 6030 <a class="btn" target="_blank" rel="noopener" href="https://podcasts.apple.com/us/podcast/ripeglobal-podcast/id1497278968?i=1000574961208">Listen on Apple Podcasts</a> 6031 </div> 6032 </div> 6033</div> 6034 6035 6036<section class="services section-bg"> 6037 <div class="container" data-aos="fade-up"> 6038 <h2>Featured Services</h2> 6039 <div class="row"> 6040 <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100"> 6041 <div class="icon-box iconbox-blue"> 6042 <div class="icon"> 6043 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6044 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174"></path> 6045 </svg> 6046 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/gum-disease.png" alt="Gum Disease"> 6047 </div> 6048 <span class="title"><a href="https://www.monadnockperio.com/gum-disease-treatment/">Gum Disease</a></span> 6049 <p>If gum disease diagnosed and treated in the first stage, the condition can be reversed and tooth loss can usually be prevented. </p> 6050 </div> 6051 </div> 6052 6053 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200"> 6054 <div class="icon-box iconbox-blue"> 6055 <div class="icon"> 6056 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6057 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426"></path> 6058 </svg> 6059 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/extractions.png" alt="Extractions"> 6060 </div>
6061 <span class="title"><a href="https://www.monadnockperio.com/dental-extractions/">Extractions</a></span> 6062 <p>A tooth that can not be saved with restorative materials may need to be removed. Before removing your tooth, the area will be numbed with anesthesia.</p> 6063 </div> 6064 </div> 6065 6066 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300"> 6067 <div class="icon-box iconbox-blue"> 6068 <div class="icon"> 6069 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6070 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781"></path> 6071 </svg> 6072 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/dental-implant.png" alt="Dental implants"> 6073 </div> 6074 <span class="title"><a href="https://www.monadnockperio.com/dental-implants/">Dental implants</a></span> 6075 <p>Dental implants replace tooth roots in the mouth. Implants provide a strong foundation for fixed or removable replacement teeth.</p> 6076 </div> 6077 </div> 6078 6079 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100"> 6080 <div class="icon-box iconbox-blue"> 6081 <div class="icon"> 6082 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6083 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.
608317666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813"></path> 6084 </svg> 6085 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/teeth-in-a-day.png" alt="Teeth In a Day"> 6086 </div> 6087 <span class="title"><a href="https://www.monadnockperio.com/dental-implants/">Teeth In a Day</a></span> 6088 <p>Teeth in a Day is a unique dental implant supported denture process. Rather than removing teeth, then placing dental implants</p> 6089 </div> 6090 </div> 6091 6092 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200"> 6093 <div class="icon-box iconbox-blue"> 6094 <div class="icon"> 6095 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6096 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,532.3542879108572C369.38199826031484,532.3153073249985,429.10787420159085,491.63046689027357,474.5244479745417,439.17860296908856C522.8885846962883,383.3225815378663,569.1668002868075,314.3205725914397,550.7432151929288,242.7694973846089C532.6665558377875,172.5657663291529,456.2379748765914,142.6223662098291,390.3689995646985,112.34683881706744C326.66090330228417,83.06452184765237,258.84405631176094,53.51806209861945,193.32584062364296,78.48882559362697C121.61183558270385,105.82097193414197,62.805066853699245,167.19869350419734,48.57481801355237,242.6138429142374C34.843463184063346,315.3850353017275,76.69343916112496,383.4422959591041,125.22947124332185,439.3748458443577C170.7312796277747,491.8107796887764,230.57421082200815,532.3932930995766,300,532.3542879108572"></path> 6097 </svg> 6098 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/dental-crown.png" alt="Dental Crown"> 6099 </div> 6100 <span class="title"><a href="https://www.monadnockperio.com/dental-crown-lengthening/">Dental Crown </a></span> 6101 <p>Dental crowns are caps placed on top of damaged teeth. Crowns are used to protect, cover and restore the shape of your teeth.</p> 6102 </div> 6103 </div> 6104 6105 <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300"> 6106 <div class="icon-box iconbox-blue"> 6107 <div class="icon"> 6108 <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"> 6109 <path stroke="none" stroke-width="0" fill="#f5f5f5" d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762"></path> 6110 </svg> 6111 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/laser-dentistry.png" alt="Laser Dentistry"> 6112 </div> 6113 <span class="title"><a href="https://www.monadnockperio.com/lanap-laser-periodontal-surgery/">LANAP® Procedure</a></span> 6114 <p>The LANAP® procedure helps avoid the use of traditional surgery and sutures by utilizing specialized lasers and techniques to remove bacteria..</p> 6115 </div> 6116 </div> 6117 6118 </div> 6119 6120 </div> 6121 </section><!-- End Services Section --> 6122<style> 6123.section-bg { 6124 padding: 60px; 6125background-color: #436485; 6126background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewB
6126ox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23396cf0'/%3E%3Cstop offset='1' stop-color='%23436485'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23f0f0f0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23f0f0f0' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); 6127background-size: cover; 6128 6129} 6130.services h2 { text-align: center; font-size: 30px; text-transform: uppercase; margin-bottom: 40px; color: #fff; font-weight: 800;} 6131 6132.services .icon-box { 6133 text-align: center; 6134 padding: 70px 20px 80px 20px; 6135 transition: all ease-in-out 0.3s; 6136 background: #fff; 6137 margin-bottom: 25px; 6138} 6139 6140.services .icon-box .icon { 6141 margin: 0 auto; 6142 width: 100px; 6143 height: 100px; 6144 display: flex; 6145 align-items: center; 6146 justify-content: center; 6147 transition: ease-in-out 0.3s; 6148 position: relative; 6149} 6150 6151.services .icon-box .icon img { 6152 transition: 0.5s; 6153 position: relative; 6154 width: 50px; 6155} 6156 6157.services .icon-box .icon svg { 6158 position: absolute; 6159 top: 0; 6160 left: 0; 6161} 6162 6163.services .icon-box .icon svg path { 6164 transition: 0.5s; 6165 fill: #f5f5f5; 6166} 6167 6168.services .icon-box .title { 6169 font-weight: 600; 6170 margin: 10px 0 15px 0; 6171 font-size: 22px; 6172 display: block; 6173} 6174 6175.services .icon-box h4 a { 6176 color: #2c4964; 6177 transition: ease-in-out 0.3s; 6178} 6179 6180.services .icon-box p { 6181 line-height: 24px; 6182 font-size: 14px; 6183 margin-bottom: 0; 6184} 6185 6186.services .icon-box:hover { 6187 border-color: #fff; 6188 box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1); 6189} 6190 6191.services .iconbox-blue i { 6192 color: #47aeff; 6193} 6194 6195.services .iconbox-blue:hover .icon i { 6196 color: #fff; 6197} 6198 6199.services .iconbox-blue:hover .icon path { 6200 fill: #47aeff; 6201} 6202 6203@media screen and (max-width: 1024px){ 6204 .services .icon-box p{ 6205 font-size: 13px; 6206 } 6207} 6208@media screen and (max-width: 834px){ 6209 .section-bg{ 6210 padding: 60px 15px; 6211 } 6212} 6213</style> 6214<style> 6215 .mtd-image img{ 6216 max-width: 100%; 6217 display: block; 6218 height: auto !important; 6219 margin-left: auto; 6220 margin-right: auto; 6221 } 6222 .mtd-affiliate{ 6223 margin-top: 50px; 6224 /* display: flex; 6225 flex-direction: row; 6226 flex-wrap: wrap;*/ 6227 } 6228 .mtd-affiliate img{ 6229 margin-bottom: 20px; 6230 /*display: block;*/ 6231 height: auto; 6232 margin-right: 20px; 6233 max-width: 100%; 6234 } 6235 .mtd-btn-wrapper{ 6236 margin-top: 30px; 6237 } 6238 .mtd-content-wrapper h2{ 6239 margin-top: auto; 6240 margin-bottom: 40px; 6241 display: inline-block; 6242 font-size: 30px !important; 6243 text-transform: uppercase !important; 6244 font-family: var(--heading_h2) !important; 6245 } 6246 .mtd-content-wrapper h2 span{ 6247 display: block; 6248 text-align: center; 6249 } 6250 6251.meet-the-doctor{ 6252 background: rgb(255,255,255); 6253 background: linear-gradient(180deg, rgba(255,255,255,0.7764239484856442) 0%, rgba(255,255,255,0.7624183462447479) 35%, rgba(156,187,218,0.681185853247549) 100%); 6254 padding-top: 70px; 6255} 6256.no-webp .mountainback { 6257 /*background-image:url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/mount-bak.png);*/ 6258} 6259.mountainback { 6260 /*background-image:url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/mount-bak.webp);*/ 6261 background-position: center bottom; 6262 background-repeat: no-repeat; overflow: hidden; } 6263 6264 6265.page-id-437 .pp-sub-heading p{ 6266 line-height: normal; 6267} 6268.page-id-437 .meet-the-doctor{ 6269 background: rgb(255,255,255); 6270} 6271 6272@media screen and (min-width: 991px){ 6273 .md-btn { 6274 width: 100%; 6275 font-size: 14px; 6276 padding-left: 12px; 6277 padding-right: 12px; 6278 } 6279 .mtd-content-wrapper{ 6280 position: relative; 6281 top: 50%; 6282 transform: translateY(-50%); 6283 padding-bottom: 50px; 6284 } 6285 .mtd-image{ 6286 position: relative; 6287 bottom: 0; 6288 display: flex; 6289 height: 100%; 6290 } 6291 .mtd-image img{ 6292 align-self: flex-end; 6293 } 6294 .mtd-content-wrapper h2{ 6295 font-family: var(--heading_h3); 6296 font-weight: bold; 6297 } 6298} 6299@media screen and (max-width: 991px){ 6300 .mtd-content-wrapper{ 6301 text-align: center; 6302 } 6303 .mtd-affiliate{ 6304 justify-content: center; 6305 } 6306 /* .mtd-content-wrapper{ 6307 margin-top: 50px; 6308 } */ 6309 .mtd-content-wrapper .mtd_btn_row {justify-content: center;} 6310 .mtd-content-wrapper .mtd-btn-wrapper {margin-bottom: 30px;} 6311} 6312@media screen and (max-width: 767px){ 6313 .meet-the-doctor { 6314 padding-bottom: 0px; 6315 } 6316 .mtd-content-wrapper .mtd-btn-wrapper.two {margin-top: auto;} 6317} 6318</style> 6319<section class="meet-the-doctor"> 6320 <div class="mountainback lazyload" data-bg="https://www.monadnockperio.com/wp-content/themes/ekwa/images/mount-bak.png"> 6321 <div class="container"> 6322 <div class="row"> 6323 6324 <div class="col-lg-7 mtd_col"> 6325 <div class="mtd-content-wrapper"> 6326 <div class="mtd-hd-wrapper"> 6327 <h2>Meet Our Doctors</h2> 6328 </div> 6329 <div class="mtd-content"> 6330 6331 <p>Drs. Kwon, Tase, and Mourad are conservative with their treatment options and believe in minimally invasive intervention when possible. 6332 6333 <p><strong>Patient comfort is our utmost concern!</strong></p> 6334 6335 <p>Not only completing their specialty training in Periodontics and Implant Dentistry from the top-notch schools - Harvard, Stony Brook University, and Boston University, Drs. Kwon, Tase, and Mourad are leaders in the field.</p> 6336 6337 <p>They have published their research in many peer-reviewed dental journals and have actively engaged in educating other dental professionals through continuing education programs.</p> 6338 6339 <p>Take a minute to review our doctor's professional publications.</p> 6340 6341 <p>Drs. Kwon, Tase and Mourad are board-certified periodontists. <a href="https://www.abperio.org" target="_blank" rel="noopener">Click here to learn more</a>
6341 about The American Board of Periodontology.</p> 6342 6343 <p>Our doctors are also proud founders and members of the local Seattle Study Club, an international network of doctors interested in furthering their knowledge to provide excellent care to each and every patient that comes into their practice.</p> 6344 </div> 6345 6346 <div class="row mtd_btn_row"> 6347 <div class="col-sm-4"> 6348 <div class="mtd-btn-wrapper one"> 6349 <a class="btn md-btn" href="https://www.monadnockperio.com/tae-kwon-dds-mmsc/">Tae Kwon, DDS, MMSc</a> 6350 </div> 6351 </div> 6352 <div class="col-sm-4"> 6353 <div class="mtd-btn-wrapper two"> 6354 <a class="btn md-btn" href="https://www.monadnockperio.com/rahul-c-tase-dmd-ms/">Rahul C. Tase, DMD, MS</a> 6355 </div> 6356 </div> 6357 6358 <div class="col-sm-4"> 6359 <div class="mtd-btn-wrapper two"> 6360 <a class="btn md-btn" href="https://www.monadnockperio.com/dr-jad-mourad-dmd-msd/">Jad Mourad, DMD, MSD</a> 6361 </div> 6362 </div> 6363 6364 </div> 6365 6366 </div> 6367 </div> 6368 6369 <div class="col-lg-5"> 6370 <div class="mtd-image"> 6371 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/doctors-img-home-t2.jpg" alt="Dr. Jad Mourad, Dr. Tae Kwon and Dr. Rahul C. Tase"> 6372 </div> 6373 </div> 6374 6375 </div> 6376 </div> 6377 </div> 6378</section> 6379 6380<div class="about-us"> 6381 <div class="container"> 6382 <div class="row"> 6383 <div class="col-md-6 team-col"> 6384 <div class="about-content"> 6385 <h2>Wouldn't it be nice if you are in charge of your oral health, not dental professionals?</h2> 6386 <p>Monadnock Perio and Implant Center can help you get there! Our only mission is to make a difference in the oral health of people in the Monadnock and the surrounding communities. We do this by continuously investing in the education of dental professionals as well as our people in the community.</p> 6387 </div> 6388 <div> 6389 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/office.jpg" class="img-fluid" width="100%" alt="Monadnock Perio & Implant Center"/> 6390 </div> 6391 </div> 6392 <div class="col-md-6 goals-col"> 6393 <div class="goals-content"> 6394 <h2>Do you want to be a part of this awesome mission and make a difference in your oral health?</h2> 6395 <p>If you are ready to work with board-certified periodontists who specialize in the placement, maintenance, and repair of dental implants while providing periodontal treatments, it might be time to work with the team at Monadnock Perio and Implant Center of Keene, NH. We strive to offer continuity, long-term relationships with all of our patients and their routine dental provides. This is why our team is here five days a week to serve individuals in and around the counties of Monadnock and Cheshire. Call our office today at <a class="p_number" href="tel:+16032155800">(603) 215-5800</a> and visit us at <a rel="noreferrer" target="_blank" class="header-location" href="https://goo.gl/maps/CABhGMt9o87H8xqL9"> 6396 <span class='header-street-address'>819 Court Street, Unit A, </span> 6397 <span class='header-city'>Keene, </span> 6398 <span class='header-state'>NH </span> 6399 <span class='header-zip'>03431</span></a>. We work together with our patients to help them save their teeth, and their smile, from periodontal disease and other concerns that can impact one's oral health and wellness.</p> 6400 </div> 6401 </div> 6402 </div> 6403 </div> 6404</div> 6405<style> 6406 6407.about-us { padding: 90px 0px; background: #f9f8ff;} 6408.about-us .row { box-shadow: 0px 0px 31px -8px rgba(0,0,0,0.10);}
6409.about-us .col-md-6 { padding-left: 0; padding-right: 0; } 6410.about-us .team-col { background: #fff;} 6411.about-us .team-col .about-content { width: 100%; padding: 50px 50px 0px 50px; } 6412.about-us .team-col .about-content h2 { text-transform: uppercase; color: #436485; margin-top: 0px !important; } 6413.about-us .team-col .about-content p { margin: 15px 0px 25px 0px; } 6414.about-us .team-col .about-content .btn { width: 229px; margin-bottom: 30px !important;} 6415.about-us .goals-col {background-color: #436485; 6416background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23396cf0'/%3E%3Cstop offset='1' stop-color='%23436485'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23f0f0f0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23f0f0f0' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E"); 6417background-size: cover;} 6418.about-us .goals-col .goals-content { width: 100%; padding: 50px 50px 0px 50px; } 6419.about-us .goals-col .goals-content h2 { text-transform: uppercase; color: #fff; margin: 25px 0px !important; } 6420.about-us .goals-col .goals-content p { margin-top: 15px; color: #fff; } 6421 6422/* Changes for two images one under other */ 6423.meet-the-doctor {padding: 60px 0;} 6424.meet-the-doctor .mtd-content-wrapper { 6425 top: auto; 6426 transform: initial; 6427 padding-bottom: 0; 6428} 6429.meet-the-doctor .mtd-image img {align-self: initial;} 6430.meet-the-doctor .mtd_col {margin: auto;} 6431/* Changes for two images one under other */ 6432 6433@media screen and (max-width: 1024px){ 6434.md-btn {font-size: 11px;} 6435.about-us .team-col { padding-left: 15px; } 6436.about-us .logo-set .about-content { padding-bottom: 81px;} 6437} 6438@media screen and (max-width: 991px){ 6439.about-us .logo-set .about-content { padding-bottom: 53px; } 6440} 6441@media screen and (max-width: 767px){ 6442.about-us .logo-set .about-content{ max-width: 100%; padding-bottom: 80px; } 6443.about-us .team-col { padding-right: 15px; text-align: center; } 6444.about-us .dr-img { height: auto; padding-top: 95%; background-size: cover; } 6445.about-us .logo-set .about-content .top-dentist { justify-content: center; } 6446} 6447@media screen and (max-width: 480px){ 6448.about-us .logo-set .about-content h2 { font-size: 35px; } 6449} 6450@media screen and (max-width: 769px){ 6451.about-us .logo-set .about-content h2 { font-size: 35px; } 6452.about-us .logo-set .about-content p { font-size: 14px; } 6453.about-us .logo-set .about-content { padding-bottom: 33px; } 6454} 6455</style> 6456<!-- 6457 6458<section class="before-after-section"> 6459 <div class="container"> 6460 <h2 class="section-heading"><span>Smile Gallery</span></h2> 6461 </div> 6462 <div class="container"> 6463 <div class="owl-carousel owl-theme" id="beforeAfterGallery"> 6464 <div class="before-after-items clearfix"> 6465 <div class="ba-img-wrapper before"> 6466 <img src="" alt=""> 6467 <span>Before</span> 6468 </div> 6469 <div class="ba-img-wrapper after"> 6470 <img src="" alt=""> 6471 <span>After</span> 6472 </div> 6473</div><div class="before-after-items clearfix"> 6474 <div class="ba-img-wrapper before"> 6475 <img src="" alt=""> 6476 <span>Before</span> 6477 </div> 6478 <div class="ba-img-wrapper after"> 6479 <img src="" alt=""> 6480 <span>After</span> 6481 </div> 6482</div><div class="before-after-items clearfix"> 6483 <div class="ba-img-wrapper before"> 6484 <img src="" alt=""> 6485 <span>Before</span> 6486 </div> 6487 <div class="ba-img-wrapper after"> 6488 <img src="" alt=""> 6489 <span>After</span> 6490 </div> 6491</div><div class="before-after-items clearfix"> 6492 <div class="ba-img-wrapper before"> 6493 <img src="" alt="">
6494 <span>Before</span> 6495 </div> 6496 <div class="ba-img-wrapper after"> 6497 <img src="" alt=""> 6498 <span>After</span> 6499 </div> 6500</div> </div> 6501 </div> 6502 <div class="container"> 6503 <div class="ba-btn-wrapper"> 6504 <a href="" class="btn">View More</a> 6505 </div> 6506 </div> 6507</section> 6508 6509 6510<style> 6511 .before-after-section{ 6512 padding-top: 0px; 6513 padding-bottom: 0px; 6514 --primary-color: var(--color_two); 6515 --button-text-color: white; 6516 } 6517 /* variable used 6518 6519--primary-color 6520--button-text-color 6521 6522*/ 6523 6524.ba-img-wrapper{ 6525 width: calc(50% - 8px); 6526 float: left; 6527 position: relative; 6528} 6529.ba-img-wrapper.before{ 6530 margin-right: 16px; 6531} 6532.ba-img-wrapper span{ 6533 display: block; 6534 padding-top: 5px; 6535 padding-bottom: 5px; 6536 text-align: center; 6537 background: var(--primary-color); 6538 color: var(--button-text-color); 6539} 6540.ba-img-wrapper img{ 6541 width: 100%; 6542} 6543.ba-btn-wrapper{ 6544 margin-top: 20px; 6545 text-align: center; 6546} 6547.before-after-section .owl-theme .owl-nav.disabled + .owl-dots{ 6548 margin-top: 20px; 6549}</style>
6550<script> 6551 enableBeforeAfterCarousel = true; 6552</script>
6552 6553 --> 6554<!--checked if have before afters--> 6555 6556 6557<section class="before-after-gallery lazyload" data-script="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/owl-carousel/owl.carousel.min.js" data-link="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/owl-carousel/assets/owl.carousel.min.css"> 6558 <div class="container"> 6559 <div class="row"> 6560 <div class="col-md-12"> 6561 <div class=""> 6562 <div class="container"> 6563 <h2 class="text-center bna_header">Actual Patients Before and After Results</h2> 6564 <div class="owl-carousel gallery-before-after-shortcode owl-theme"> 6565 6566 <div class="item"> 6567 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/before-after4.png" alt="Gum surgery before after 4"> 6568 <div class="ba-img-caption"> 6569 <label></label> 6570 </div> 6571 </div> 6572 <div class="item"> 6573 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/non_surgical_perio_before-after4.png" alt="Non surgical perio before after 4"> 6574 <div class="ba-img-caption"> 6575 <label></label> 6576 </div> 6577 </div> 6578 <div class="item"> 6579 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/biopsy_before_after.png" alt="Other treatments before after 1"> 6580 <div class="ba-img-caption"> 6581 <label></label> 6582 </div> 6583 </div> 6584 <div class="item"> 6585 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/non_surgical_perio_before-after2.png" alt="Non surgical perio before after 2"> 6586 <div class="ba-img-caption"> 6587 <label></label> 6588 </div> 6589 </div> 6590 <div class="item"> 6591 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/before-after2-1.png" alt="Other treatments before after 2"> 6592 <div class="ba-img-caption"> 6593 <label></label> 6594 </div> 6595 </div> 6596 <div class="item"> 6597 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/before-after2.png" alt="Gum surgery before after 2"> 6598 <div class="ba-img-caption"> 6599 <label></label> 6600 </div> 6601 </div> 6602 <div class="item"> 6603 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/implant_before_after.png" alt="Implant Treatment before after 1"> 6604 <div class="ba-img-caption"> 6605 <label></label> 6606 </div> 6607 </div> 6608 <div class="item"> 6609 <img class="img-responsive center-block lazyload" src="https://www.monadnockperio.com/wp-content/uploads/2021/05/4-Sinus_graft_before_after.png" alt="Other treatments before after 4"> 6610 <div class="ba-img-caption"> 6611 <label></label> 6612 </div> 6613 </div> 6614 6615 </div> 6616 <div class="btn-wrapper bna-image-gallery-btn"> 6617 <a class="btn btn-request" href="https://www.monadnockperio.com/smile-gallery/">See More Results</a> 6618 </div> 6619 </div> 6620 </div> 6621 </div> 6622 </div> 6623 </div> 6624</section> 6625 6626<style type="text/css"> 6627 .before-after-gallery h2 { 6628 margin-bottom: 50px; 6629 } 6630 .before-after-gallery .owl-stage { 6631 margin: auto; 6632 } 6633 .text-center { 6634 text-align: center; 6635 } 6636 .before-after-gallery { 6637 margin-top: 1.5em; 6638 margin-bottom: 1.5em; 6639 } 6640 .ba-img-caption { 6641 text-align: center; 6642 margin-bottom: 0.75em; 6643 margin-top: 1em; 6644 } 6645 .before-after-gallery .bna-image-gallery-btn { 6646 text-align: center; 6647 margin-top: 1em; 6648 margin-bottom: 50px; 6649 } 6650 .before-after-gallery .owl-theme .owl-nav.disabled + .owl-dots { 6651 margin-top: -10px !important; 6652 margin-bottom: 30px !important; 6653 } 6654</style> 6655 <style> 6656 .review-section{ 6657 padding-bottom: 60px; 6658 } 6659 .review-section .bg-section{ 6660 min-height: 483px; 6661 background-size: cover; 6662 background-position: top left; 6663 position: relative; 6664 } 6665 .bg-section h2{ 6666 position: absolute; 6667 top: 50%; 6668 transform: translateY(-50%); 6669 width: 100%; 6670 color: #fff; 6671 font-size: 40px !important; 6672 text-shadow: 4px 2px 3px #666; 6673 text-transform: none; 6674 text-align: center; 6675 font-family: var(--heading_h2) !important; 6676 text-transform: uppercase; 6677 } 6678 .rs-reviews{ 6679 margin-top: -150px; 6680 } 6681 .rs-btn-wrapper{ 6682 text-align: center; 6683 margin-top: 40px; 6684 } 6685</style> 6686<section class="review-section clearfix"> 6687 <div class="bg-section lazyload" data-bg="https://www.monadnockperio.com/wp-content/themes/ekwa/images/success-stories-bg.jpg"> 6688 <h2>Success Stories</h2> 6689 </div> 6690 <div class="container"> 6691 <div class="rs-reviews"> 6692 <div class="lazyload" data-script="https://apps.elfsight.com/p/platform.js" ></div> 6693 <div class="elfsight-app-368346e3-e4f5-41ea-9f05-3c5cfdbb10ac"></div> 6694 <div class="rs-btn-wrapper"> 6695 <a class="btn" href="https://www.monadnockperio.com/success-stories/">Read More Stories</a> 6696 </div> 6697 </div> 6698 </div> 6699</section> 6700 6701 6702<section class="related-articles-section lazyload " 6703 data-script="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/owl-carousel/owl.carousel.min.js" 6704 data-link="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/owl-carousel/assets/owl.carousel.css" 6705 data-expand="-10" 6706 > 6707 <div class="container"> 6708 <h2 class="section-heading"><span>Featured articles </span></h2> 6709 </div> 6710 <div class="container">
6711 <div class="owl-carousel owl-theme" id="article-carousel"> 6712 6713 <div class="ac-item-wrapper articles-item"> 6714 <div class="article-col"> 6715 <div class="single-article"> 6716 <div class="img-holder"> 6717 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/uploads/2021/02/gum-specialist-dentist-keene-nh.jpg" alt="Your gum specialist questions answered: deep cleaning and advanced periodontal disease treatment explained "> 6718 </div> 6719 6720 <div class="text-holder"> 6721 <div class="meta-box"> 6722 <div class="author"> 6723 <a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc">By Dr. Tae Kwon</a></a> 6724 </div> 6725 </div> 6726 6727 <h2 class="article-title"> 6728 <a href="https://www.monadnockperio.com/gum-specialist-dentist-keene-nh/">Your gum specialist questions answered: deep cleaning and advanced periodontal disease treatment explained </a> 6729 </h2> 6730 6731 <div class="article-desc"> 6732 Advanced periodontal disease affects far more than the visible edges of your gums, </div> 6733 6734 <div class="read-more-btn"> 6735 <a href="https://www.monadnockperio.com/gum-specialist-dentist-keene-nh/"> 6736 6737 Continue Reading 6738 </a> 6739 </div> 6740 </div> 6741 </div> 6742 </div> 6743 </div> 6744 6745 <div class="ac-item-wrapper articles-item"> 6746 <div class="article-col"> 6747 <div class="single-article"> 6748 <div class="img-holder"> 6749 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/uploads/2026/01/gum-graft-surgery-keene-nh.jpg" alt="5 Surprising Questions About What Gum Graft Surgery Really Does for You"> 6750 </div> 6751 6752 <div class="text-holder"> 6753 <div class="meta-box"> 6754 <div class="author"> 6755 <a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc">By Dr. Tae Kwon</a></a> 6756 </div> 6757 </div> 6758 6759 <h2 class="article-title"> 6760 <a href="https://www.monadnockperio.com/gum-graft-surgery-keene-nh/">5 Surprising Questions About What Gum Graft Surgery Really Does for You</a> 6761 </h2> 6762 6763 <div class="article-desc"> 6764 At Monadnock Perio & Implant Center in Keene, New Hampshire, Drs Tae Kwon, </div> 6765 6766 <div class="read-more-btn"> 6767 <a href="https://www.monadnockperio.com/gum-graft-surgery-keene-nh/"> 6768 6769 Continue Reading 6770 </a> 6771 </div> 6772 </div> 6773 </div> 6774 </div> 6775 </div> 6776 6777 <div class="ac-item-wrapper articles-item"> 6778 <div class="article-col"> 6779 <div class="single-article"> 6780 <div class="img-holder"> 6781 <img class="lazyload" data-src="https://www.monadnockperio.com/wp-content/uploads/2025/06/dental-implants-periodontist-near-me-keene-nh.jpg" alt="Easing the Fear: Common Questions Nervous Patients Ask About Gum Surgery for Dental Implants"> 6782 </div> 6783 6784 <div class="text-holder"> 6785 <div class="meta-box"> 6786 <div class="author"> 6787 <a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc">By Dr. Tae Kwon</a></a> 6788 </div> 6789 </div> 6790 6791 <h2 class="article-title"> 6792 <a href="https://www.monadnockperio.com/dental-implants-periodontist-near-me-keene-nh/">Easing the Fear: Common Questions Nervous Patients Ask About Gum Surgery for Dental Implants</a> 6793 </h2> 6794 6795 <div class="article-desc"> 6796 Are you considering dental implants but feeling uneasy about gum surgery? You’re not </div> 6797 6798 <div class="read-more-btn"> 6799 <a href="https://www.monadnockperio.com/dental-implants-periodontist-near-me-keene-nh/"> 6800 6801 Continue Reading 6802 </a> 6803 </div> 6804 </div> 6805 </div> 6806 </div> 6807 </div> 6808 6809</div> 6810<style> 6811 6812 6813.related-articles-section{ 6814 6815 --articles-color-1: #436485; 6816 --articles-color-2: #436485; 6817 --articles-color-3: #436485; 6818 --articles-text-color: #000; 6819 --articles-heading-color: #000; 6820 background: #ffffff; 6821 padding-top: 40px; 6822 padding-bottom: 40px; 6823 6824} 6825.related-articles-section h2{ 6826 color: var(--articles-heading-color); 6827} 6828.article-col{ 6829 margin-bottom: 30px; 6830} 6831.single-article .img-holder{ 6832 position: relative; 6833 display: block; 6834 overflow: hidden; 6835} 6836.single-article .img-holder:after{ 6837 position: absolute; 6838 top: 0; 6839 left: 0; 6840 width: 100%; 6841 height: 100%; 6842 content: ""; 6843 background: rgba(0, 0, 0, 0.65); 6844 transform: scaleX(0); 6845 transition: .5s ease; 6846} 6847.single-article .img-holder img{ 6848 transition: all 0.5s ease-in-out 0.6s; 6849 width: 100%; 6850 height: auto; 6851 max-width: 100%; 6852 border: none; 6853 -webkit-border-radius: 0; 6854 border-radius: 0; 6855 -webkit-box-shadow: none; 6856 box-shadow: none; 6857} 6858.single-article .text-holder { 6859 position: relative; 6860 display: block; 6861 border: 1px solid #eeeeee; 6862 padding: 30px 30px 22px; 6863 color: var(--articles-text-color); 6864} 6865.single-article .text-holder .meta-box{ 6866 position: relative; 6867} 6868.single-article .text-holder .meta-box .author{ 6869 position: absolute; 6870 top: -32px; 6871 right: -30px; 6872} 6873.single-article .text-holder .meta-box .author a{ 6874 color: var(--articles-color-2); 6875 padding: 12px 20px 12px; 6876 font-size: 12px; 6877 line-height: 13px; 6878 font-weight: bold; 6879 text-transform: uppercase; 6880 transition: all 500ms ease; 6881 border-radius: 6px; 6882 letter-spacing: 1px; 6883} 6884.single-article .text-holder .meta-box .date .icon-box, .blog-role .single-article .text-holder .read-more-btn .icon-box{ 6885 display: inline; 6886} 6887.single-article .text-holder .meta-box .date .icon-box > svg{ 6888 height: 20px;
6889 width: 20px; 6890 fill: var(--articles-text-color); 6891 margin-top: -4px; 6892 margin-right: 4px; 6893} 6894.single-article .text-holder .article-title{ 6895 margin-top: 15px; 6896 margin-bottom: 20px; 6897 font-size: 20px; 6898 font-weight: 700; 6899 width: 100%; 6900 white-space: inherit; 6901 overflow: hidden !important; 6902 text-overflow: ellipsis; 6903 min-height: 120px; 6904} 6905.single-article .text-holder .article-title a{ 6906 color: var(--articles-color-2); 6907 transition: color 500ms ease; 6908} 6909.single-article .text-holder .article-desc{ 6910 margin-bottom: 20px; 6911} 6912.single-article .text-holder .read-more-btn .icon-box > svg{ 6913 height: 10px; 6914 width: 32px; 6915 fill: var(--articles-color-2); 6916 margin-top: -4px; 6917 margin-right: 4px; 6918 transition: fill 500ms ease; 6919} 6920.single-article .text-holder .read-more-btn a{ 6921 font-size: 13px; 6922 margin-left: auto; 6923 margin-right: auto; 6924 max-width: 210px; 6925 margin-top: 45px; 6926 background: var(--color_one); 6927 font-weight: normal; 6928 padding-left: 20px; 6929 padding-right: 20px; 6930 height: 35px; 6931 line-height: 35px; 6932 display: block; 6933 text-align: center; 6934 text-transform: uppercase; 6935 border-radius: 30px; 6936 background: #436485; 6937 color: #fff; 6938 font-weight: bold !important; 6939} 6940.single-article:hover .img-holder:after{ 6941 transform: scaleY(1); 6942 transition: .5s ease; 6943} 6944.single-article:hover .img-holder img{ 6945 transform: scale(1.2, 1.2); 6946} 6947.single-article:hover .meta-box .author a{ 6948 color:var(--articles-color-2); 6949 text-decoration:none; 6950} 6951.single-article:hover .read-more-btn a, .blog-role .single-article .article-title a:hover{ 6952 background: #c9f2ee !important; 6953 color: #436485 !important; 6954 text-decoration: none; 6955} 6956.single-article:hover .read-more-btn .icon-box > svg{ 6957 fill: var(--articles-color-1); 6958} 6959 6960.navigation-paging .page-numbers.current, .blog-role .navigation-paging .page-numbers:hover{ 6961 color: #fff; 6962 background: var(--articles-color-2); 6963 border-color: var(--articles-color-2); 6964 transition: all 500ms ease; 6965} 6966.invisible{ 6967 visibility: visible !important; 6968 opacity: 1; 6969} 6970 6971@media screen and (max-width: 835px){ 6972 .article-col{ 6973 margin-bottom: 20px; 6974 } 6975} 6976</style> 6977 </div> 6978 6979 <!-- loading script variables --> 6980
6980<script> 6981 EnablearticlesCarousel = true; 6982 var articlesPerPage = 3; 6983 var articlesPerPageTab = 2; 6984 var articlesPerPageMobile = 1; 6985 var articlesGutter = 15; 6986 var articlesNavigation = true; 6987 var articlesDots = true;</script>
6987</section> 6988 6989 6990<footer class="ekwa-theme-footer"> 6991 6992 <div class="footer-maps"> 6993 <div class="map"> 6994 <iframe title="Map and direction to the office" class="lazyload" data-src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2064.561983817489!2d-72.30833621450013!3d42.962861100771306!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e175dce36a3a1b%3A0x1aec6778f6b8b68b!2sMonadnock%20Perio%20%26%20Implant%20Center!5e0!3m2!1sen!2slk!4v1751287708163!5m2!1sen!2slk" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 6995 </div> 6996 </div> 6997 6998 <div class="footer-bottom lazyload" data-bg="https://www.monadnockperio.com/wp-content/themes/ekwa/images/monadnock-mountain-new.jpg"> 6999 <div class="container"> 7000 <div class="row"> 7001 <div class="col-lg-6"> 7002 <div class="footer-contact-info"> 7003 <h2>Reach Monadnock Perio & Implant Center</h2> 7004 <a href="tel:+16032155800" aria-label="Footer Call Us Number"> 7005 <div class="icon-item"> 7006 <span class="ft-icon"> 7007 <i class="fas fa-phone-alt"></i> 7008 </span> 7009 Call us: (603) 215-5800 </div> 7010 </a> 7011 <a href="fax:+16034997011" aria-label="Footer Fax Number"> 7012 <div class="icon-item"> 7013 <span class="ft-icon"> 7014 <i class="fas fa-fax"></i> 7015 </span> 7016 Fax: <a href="fax:+16034997011">(603) 499-7011</a> 7017 </div> 7018 </a> 7019 <a target="_blank" rel="noopener" href="https://goo.gl/maps/CABhGMt9o87H8xqL9" aria-label="Footer Practice Address 1"> 7020 <div class="icon-item"> 7021 <span class="ft-icon"> 7022 <i class="fas fa-map-marker-alt"></i> 7023 </span> 7024 7025 <span class='header-street-address'>819 Court Street, Unit A, </span> 7026 <span class='header-city'>Keene, </span> 7027 <span class='header-state'>NH </span> 7028 <span class='header-zip'>03431</span> </div> 7029 </a> 7030 <div class="icon-item"> 7031 <span class="ft-icon"><i class="far fa-clock"></i></span> 7032 Monday to Friday <br> 7033 08:00 AM - 05:00 PM<br /> 7034 Saturday - By Appointment<br /> 7035 Sunday - Closed 7036 </div> 7037 </div> 7038 </div> 7039 <div class="col-lg-6"> 7040 <div class="row"> 7041 <div class="col-md-12 studyclub"> 7042 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/seattlestudyclub-nh.png" class="lazyload img-fluid" alt="NH Study Club for Excellence in Dentistry" /> 7043 <small>NH Study Club for Excellence in Dentistry is affiliated with the Seattle Study Club network, an international collaboration of dentists dedicated to promoting excellence in comprehensive dentistry.</small> 7044 </div> 7045 </div> 7046 <div class="row"> 7047 <div class="col-12"> 7048 <div class="awards-badges"> 7049 7050 <div class="footer-logo-col"> 7051 <a href="https://keenesbest.com/listings/health-beauty/" target="_blank" rel="noopener noreferrer"> 7052 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/keens-winner-2025.png" class="lazyload img-fluid" alt="Keene's Best Winner 2025.png" /> 7053 </a> 7054 </div> 7055 <div class="footer-logo-col"> 7056 <a href="https://www.abperio.org/" target="_blank" rel="noopener noreferrer"> 7057 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/american-board-of-periodontology.png" class="lazyload img-fluid" alt="American Board of Periodontology" /> 7058 </a> 7059 </div> 7060 <div class="footer-logo-col"> 7061 <a href="https://onlinelibrary.wiley.com/journal/16009657" target="_blank" rel="noopener noreferrer"> 7062 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/dental-traumatology.png" class="lazyload img-fluid" alt="Dental Traumatology" /> 7063 </a> 7064 </div> 7065 <div class="footer-logo-col"> 7066 <a href="https://www.ada.org/en" target="_blank" rel="noopener noreferrer"> 7067 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/american-dental-association.png" class="lazyload img-fluid" alt="American Dental Association" /> 7068 </a> 7069 </div> 7070 <div class="footer-logo-col"> 7071 <a href="http://www.quintpub.com/" target="_blank" rel="noopener noreferrer"> 7072 <img data-src="https://www.monadnockperio.com/wp-content/themes/ekwa/images/quintessence-international.png" class="lazyload img-fluid" alt="Quintessence International" /> 7073 </a> 7074 </div> 7075 </div> 7076 </div> 7077 </div> 7078 </div> 7079 </div> 7080 </div> 7081 <div class="footer-copyright-poweredby"> 7082 <div class="social-media"> 7083 <div class="row"> 7084 <div class="container"> 7085 <div class="col-sm-12"> 7086 <div class="footer-social text-center"> 7087 <div class="social-media"> 7088 <a class="sm-icons" area-label="Facebook" rel="noreferrer" target="_blank" href="https://www.facebook.com/monadnockperio/"> 7089 <span class="hide">Facebook</span> 7090 <i class="fab fa-facebook-f"></i> 7091 </a> 7092 <a class="sm-icons" area-label="Twitter" rel="noreferrer" target="_blank" href="https://twitter.com/monadnock_perio"> 7093 <span class="hide">Twitter</span> 7094 <i class="x-twitter"></i> 7095 </a> 7096 <a class="sm-icons" area-label="Google - Keene" rel="noreferrer" target="_blank" href="https://goo.gl/maps/CABhGMt9o87H8xqL9"> 7097 <span class="hide">Google - Keene</span> 7098 <i class="fab fa-google"></i> 7099 </a> 7100 <a class="sm-icons" area-label="Pinterest" rel="noreferrer" target="_blank" href="https://www.pinterest.com/monadnockperio/_saved/"> 7101 <span class="hide">Pinterest</span> 7102 <i class="fab fa-pinterest-p"></i> 7103 </a> 7104 <a class="sm-icons" area-label="Instagram" rel="noreferrer" target="_blank" href="https://www.instagram.com/monadnockperio/"> 7105 <span class="hide">Instagram</span> 7106 <i class="fab fa-instagram"></i> 7107 </a> 7108 <button aria-label="Addthis" class="addthis hide-from-mobile sm-icons" onclick="myFunction()"> 7109 <i class="fas fa-plus"></i> 7110 <span class="hide">Plus Icon</span> 7111 7112 <label id="share-toggle" class="share-toggle"> 7113 <span class="hide">Share Toggle</span> 7114 <a title="Link opens in a new window" class="share-facebook" rel="noreferrer" href="https://www.facebook.com/sharer/sharer.php?u=https://www.monadnockperio.com/&t=Welcome to Monadnock Perio & Implant Center" 7115 onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" 7116 target="_blank" title="Share on Facebook"> 7117 <svg width="10.525" height="20" viewBox="0 0 2.785 5.292" xmlns="http://www.w3.org/2000/svg"><defs><style></style></defs><path d="M2.788 1.853h-.933v-.529c0-.273.023-.445.414-.445h.494V.038A6.896 6.89
71176 0 002.04 0C1.32.001.797.44.797 1.244v.61H.003v1.058h.794v2.38h1.058V2.912h.812z" clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision"/></svg> 7118 </a> 7119 <a title="Link opens in a new window" class="share-twit" rel="noreferrer" href="https://twitter.com/share?url=https://www.monadnockperio.com/&via=TWITTER_HANDLE&text=Welcome to Monadnock Perio & Implant Center" 7120 onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" 7121 target="_blank" title="Share on Twitter"> 7122 <!-- <svg width="24" height="19.5" viewBox="0 0 6.35 5.159" xmlns="http://www.w3.org/2000/svg"><defs><style></style></defs><path d="M6.353.606a2.404 2.404 0 01-.74.212c.264-.16.476-.424.581-.715-.265.159-.53.264-.82.318a1.385 1.385 0 00-.978-.424c-.715 0-1.297.582-1.297 1.296 0 .107 0 .212.027.292A3.62 3.62 0 01.453.235C.32.421.268.66.268.897c0 .45.237.847.582 1.085a1.881 1.881 0 01-.582-.16v.027c0 .635.45 1.164 1.031 1.27-.105.027-.21.053-.343.053-.08 0-.16 0-.239-.026.16.529.636.9 1.218.9A2.645 2.645 0 01.32 4.6c-.105 0-.211 0-.317-.026.582.37 1.27.582 1.985.582 2.408 0 3.704-1.985 3.704-3.704v-.16c.264-.185.476-.422.661-.687" clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision"/></svg> --> 7123 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg> 7124 </a> 7125 <a aria-label="Pinterest" class="share-google pin-share-link" data-pin-do="buttonPin" href="https://www.pinterest.com/pin/create/button/?url=https://www.monadnockperio.com/" data-pin-custom="true"> 7126 <svg height="26" width="26" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M12.326 0C5.747.001 2.25 4.216 2.25 8.812c0 2.131 1.191 4.79 3.098 5.633.544.245.472-.054.94-1.844a.425.425 0 00-.102-.417c-2.726-3.153-.532-9.635 5.751-9.635 9.093 0 7.394 12.582 1.582 12.582-1.498 0-2.614-1.176-2.261-2.631.428-1.733 1.266-3.596 1.266-4.845 0-3.148-4.69-2.681-4.69 1.49 0 1.289.456 2.159.456 2.159S6.781 17.4 6.501 18.539c-.474 1.928.064 5.049.111 5.318.029.148.195.195.288.073.149-.195 1.973-2.797 2.484-4.678.186-.685.949-3.465.949-3.465.503.908 1.953 1.668 3.498 1.668 4.596 0 7.918-4.04 7.918-9.053C21.733 3.596 17.62 0 12.326 0z"/></svg> 7127 </a> 7128 </label> 7129 7130 </button> 7131 </div> 7132 7133 </div> 7134 </div> 7135 </div> 7136 </div> 7137 </div> 7138 7139 <div class="footer-bottom-widgets"> 7140 <div class="container"> 7141 <div class="row"> 7142 <div class="col-md-12 footer-menu-wrapper"> 7143 <ul id="menu-footer-menu" class="menu"><li id="menu-item-245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-36 current_page_item menu-item-245"><a href="https://www.monadnockperio.com/" aria-current="page">Home</a></li> 7144<li id="menu-item-1171" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1171"><a href="https://www.monadnockperio.com/contact-us/">Contact Us</a></li> 7145<li id="menu-item-1172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1172"><a href="https://www.monadnockperio.com/accessibility-statement/">Accessibility Statement</a></li> 7146<li id="menu-item-1173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1173"><a href="https://www.monadnockperio.com/privacy-policy/">Privacy Policy</a></li> 7147<li id="menu-item-1174" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1174"><a href="https://www.monadnockperio.com/site-map/">Site Map</a></li> 7148</ul> 7149 7150 <style> 7151 .footer-menu-wrapper ul{ 7152 list-style: none; 7153 padding: 0; 7154 display: flex; 7155 justify-content: center; 7156 } 7157 .footer-menu-wrapper ul li{ 7158 margin-right: 20px; 7159 margin-right: 20px; 7160 } 7161 .footer-menu-wrapper ul li a:hover{ 7162 text-decoration: none; 7163 } 7164 .footer-menu-wrapper .social-media, .footer-menu-wrapper .footer-app-btn{ 7165 text-align: center; 7166 } 7167 </style> 7168 7169 7170 7171 </div> 7172 7173 <div class="col-md-12 copyright-poweredby">
7174 <span class="footer-copyright"> 7175 © 2026 Monadnock Perio & Implant Center. All rights reserved. 7176 </span> 7177 <span class="poweredby"> 7178 Powered by <a rel="noreferrer" target="_blank" href="https://www.ekwa.com">www.ekwa.com</a> 7179 </span> 7180 </div> 7181 <style> 7182 .copyright-poweredby{ 7183 padding-top: 25px; 7184 padding-bottom: 25px; 7185 text-align: center; 7186 } 7187 </style> 7188 </div> 7189 </div> 7190 </div> 7191 </div> 7192 </div> 7193 7194 </footer> 7195 <button aria-label="Scroll Up" onclick="topFunction()" class="scrollup" href="#"> 7196 <!-- <i class="fa fa-chevron-up" aria-hidden="true"></i> --> 7197 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="fill: #4dc9c8; width: 17.5px; margin-top: -5px; "><path d="M241 130.5l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9l-22.7 22.7c-9.4 9.4-24.5 9.4-33.9 0L224 227.5 69.3 381.5c-9.4 9.3-24.5 9.3-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.6 0-33.9L207 130.5c9.4-9.4 24.6-9.4 33.9 0z"/></svg> 7198 </button> 7199 7200 <style> 7201 .ekwa-theme-footer{ 7202 --footer-color-1: #151515; 7203 --footer-color-2: #121212; 7204 --footer-color-3: #333333; 7205 --footer-text-color: #666666; 7206 --footer-menu-link-color: #000; 7207 --footer-menu-link-color-hover: #fff; 7208} 7209.ekwa-theme-footer .footer-maps{ 7210 width: 100%; 7211 display: flex; 7212} 7213.ekwa-theme-footer .footer-maps .map{ 7214 width: 100%; 7215} 7216.no-webp .footer-bottom{ 7217 /*background:url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/monadnock-mountain-new.jpg);*/ 7218} 7219.footer-bottom{ 7220 padding-top: 80px; 7221 padding-bottom: 40px; 7222 /*background:url(https://www.monadnockperio.com/wp-content/themes/ekwa/images/monadnock-mountain-new.webp);*/ 7223 background-repeat: no-repeat; 7224 background-position: bottom center; 7225 background-size: cover; 7226} 7227.icon-item { 7228 position: relative; 7229 padding-left: 50px; 7230 margin-bottom: 20px; 7231 color: #fff; 7232} 7233.icon-item a { 7234 color: #fff; 7235} 7236.ft-icon{ 7237 position: absolute; 7238 width: 30px; 7239 height: 30px; 7240 text-align: center; 7241 line-height: 30px; 7242 -webkit-border-radius: 50%; 7243 -moz-border-radius: 50%; 7244 border-radius: 50%; 7245 display: block; 7246 left: 0; 7247 background: #fff; 7248 top: 50%; 7249 transform: translateY(-50%); 7250} 7251.ft-icon i{ 7252 color: var(--color_one); 7253} 7254.footer-contact-info a{ 7255 text-decoration: none !important; 7256} 7257.sm-icons-widget{ 7258 margin-top: 40px !important; 7259} 7260.ftr-app-btn{ 7261 margin-bottom: 40px !important; 7262} 7263.videos-set{ 7264 max-width: 400px; 7265} 7266.videos-set img{ 7267 margin-bottom: 30px; 7268 display: block; 7269 max-width: 100%; 7270 margin-left: auto; 7271 margin-right: auto; 7272} 7273.copyright-poweredby{ 7274 padding-top: 10px !important; 7275} 7276.footer-menu-wrapper{ 7277 margin-top: 20px; 7278 padding-top: 20px; 7279 border-top: 1px dashed #999; 7280} 7281.scrollup { 7282 bottom: 20px; 7283 display: block; 7284 height: 40px; 7285 position: fixed; 7286 right: 20px; 7287 width: 40px; 7288 -webkit-border-radius: 50%; 7289 -moz-border-radius: 50%; 7290 border-radius: 50%; 7291 background: #c9f2ee; 7292 z-index: 1500; 7293 color: #4dc9c8 !important; 7294 border: 2px solid #fff; 7295 line-height: 32px; 7296 font-size: 20px; 7297 text-align: center; 7298} 7299.scrollup svg{ 7300 fill: #4dc9c8; 7301 width: 17.5px; 7302 margin-top: -5px; 7303} 7304.scrollup:focus, .scrollup:active, .scrollup:visited{ 7305 outline: none !important; 7306} 7307.footer-contact-info h2{ 7308 margin-bottom: 35px !important; 7309 color: #fff !important; 7310} 7311 7312.studyclub { text-align:center; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #999; color: #fff; line-height: normal;} 7313 7314.footer-menu-wrapper ul { margin-bottom: 0px !important;} 7315.footer-menu-wrapper ul li a { color: #fff;} 7316.footer-menu-wrapper ul li a:hover { color: #c9f2ee !important;} 7317.footer-copyright { color: #fff; margin-top: -30px !important; padding: 0px !important;} 7318.poweredby { color: #fff !important;} 7319.poweredby a { color: #fff !important;} 7320 7321.awards-badges { 7322 gap: 15px; 7323 display: flex; 7324 align-items: center; 7325 justify-content: center; 7326} 7327.awards-badges .footer-logo-col { 7328 flex: 1; 7329} 7330 7331/* Social media icons */ 7332 .social-links { 7333 display: flex; 7334 flex-wrap: wrap; 7335 justify-content: center; 7336 width: 100%; 7337 } 7338 .social-links a i { 7339 background: #161d50; 7340 color: #fff; 7341 text-align: center; 7342 width: 35px; 7343 font-size: 18px; 7344 line-height: 35px; 7345 margin-right: 1px; 7346 border-radius: 50px; 7347 -webkit-transition: 0.5s; 7348 transition: 0.5s; 7349 } 7350 .social-links a i:hover { 7351 background: #38539d; 7352 } 7353 .social-links a i.fa-plus { 7354 margin-right: 0; 7355 } 7356 .sm-icons .hide{ 7357 display: none; 7358 } 7359 .social-media { 7360 display: inline-block; 7361 margin-top: 40px; 7362 text-align: center; 7363 width: 100%; 7364 } 7365 .social-media a { 7366 position: relative; 7367 } 7368 .social-media a:nth-child(1):hover > .Facebook{
7369 display: inline-block; 7370 } 7371 .social-media a:nth-child(2):hover > .Twitter { 7372 display: inline-block; 7373 } 7374 .social-media a:nth-child(3):hover > .Ballwin { 7375 display: inline-block; 7376 } 7377 .social-media a:nth-child(4):hover > .Louis { 7378 display: inline-block; 7379 } 7380 .social-media a:nth-child(5):hover > .Youtube { 7381 display: inline-block; 7382 } 7383 .social-media .icon-info{ 7384 display: none; 7385 position: absolute; 7386 top:-59px; 7387 left: 50%; 7388 transform: translateX(-50%); 7389 background: var(--color_one); 7390 max-width: 140px; 7391 padding: 9px 19px; 7392 margin:0; 7393 font-size: 13px; 7394 color: #fff; 7395 border-radius: 25px; 7396 box-shadow: 1px 1px 3px rgba(49,49,49,.3); 7397 animation: moveUp ease .29s; 7398 line-height: normal; 7399 } 7400 .social-media .Louis{ 7401 width: 110px; 7402 } 7403 .social-media .icon-info br { 7404 display: none; 7405 } 7406 7407 7408/* SVG for X twitter */ 7409.x-twitter{ 7410 display: inline-block; 7411 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25px' height='auto' viewBox='0 0 1200.000000 1084.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,1084.000000) scale(0.100000,-0.100000)'%0Afill='%23fff' stroke='none'%3E%3Cpath d='M36 10803 c15 -21 685 -897 1488 -1948 803 -1050 1788 -2340 2190%0A-2865 401 -525 751 -982 777 -1016 l48 -61 -2144 -2451 c-1180 -1349 -2145%0A-2454 -2145 -2457 0 -3 413 -5 918 -5 l917 0 1653 1891 c909 1040 1657 1889%0A1662 1887 9 -3 193 -243 1914 -2493 522 -682 958 -1250 969 -1262 l20 -23%0A1845 0 c1140 0 1842 4 1840 9 -1 5 -734 976 -1628 2158 -894 1181 -1899 2510%0A-2234 2953 -335 443 -664 878 -732 967 l-122 161 2009 2296 2009 2296 -920 0%0A-920 0 -1511 -1727 c-832 -951 -1514 -1729 -1518 -1730 -3 -1 -593 775 -1311%0A1725 l-1305 1727 -1899 3 -1898 2 28 -37z m4125 -2216 c504 -666 1616 -2137%0A2471 -3267 854 -1130 1917 -2536 2362 -3125 445 -588 813 -1076 819 -1082 7%0A-10 -94 -13 -500 -13 l-509 0 -809 1058 c-445 581 -1766 2308 -2935 3837%0A-1170 1529 -2301 3007 -2513 3285 -213 278 -387 508 -387 513 0 4 244 7 543 7%0Al542 0 916 -1213z'/%3E%3C/g%3E%3C/svg%3E"); 7412 background-repeat: no-repeat; 7413 background-position: center; 7414 background-size: contain; 7415 -webkit-background-size: contain; 7416 font-size: 1.5em; 7417 position: relative; 7418 top: 3px; 7419 } 7420 7421 .x-twitter:hover{ 7422 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='25px' height='auto' viewBox='0 0 1200.000000 1084.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,1084.000000) scale(0.100000,-0.100000)'%0Afill='%234dc9c8' stroke='none'%3E%3Cpath d='M36 10803 c15 -21 685 -897 1488 -1948 803 -1050 1788 -2340 2190%0A-2865 401 -525 751 -982 777 -1016 l48 -61 -2144 -2451 c-1180 -1349 -2145%0A-2454 -2145 -2457 0 -3 413 -5 918 -5 l917 0 1653 1891 c909 1040 1657 1889%0A1662 1887 9 -3 193 -243 1914 -2493 522 -682 958 -1250 969 -1262 l20 -23%0A1845 0 c1140 0 1842 4 1840 9 -1 5 -734 976 -1628 2158 -894 1181 -1899 2510%0A-2234 2953 -335 443 -664 878 -732 967 l-122 161 2009 2296 2009 2296 -920 0%0A-920 0 -1511 -1727 c-832 -951 -1514 -1729 -1518 -1730 -3 -1 -593 775 -1311%0A1725 l-1305 1727 -1899 3 -1898 2 28 -37z m4125 -2216 c504 -666 1616 -2137%0A2471 -3267 854 -1130 1917 -2536 2362 -3125 445 -588 813 -1076 819 -1082 7%0A-10 -94 -13 -500 -13 l-509 0 -809 1058 c-445 581 -1766 2308 -2935 3837%0A-1170 1529 -2301 3007 -2513 3285 -213 278 -387 508 -387 513 0 4 244 7 543 7%0Al542 0 916 -1213z'/%3E%3C/g%3E%3C/svg%3E"); 7423 } 7424 7425 .x-twitter:before{ 7426 content: ''; 7427 display: block; 7428 width: 1em; 7429 height: 1em; 7430 background-repeat: no-repeat; 7431 background-position: center; 7432 background-size: contain; 7433 -webkit-background-size: contain; 7434 } 7435 /* SVG for X twitter */ 7436 7437 7438 @keyframes moveUp { 7439 from {top: -50px;} 7440 to {top: -59px;} 7441 } 7442 .social-media .sm-icons:hover > i{ 7443 color: var(--color_link_hover); 7444 } 7445 .social-media i { 7446 color: #fff; 7447 font-size: 24px; 7448 transition: color 0.5s ease; 7449 } 7450 .social-media .addthis { 7451 border:0; 7452 position: relative; 7453 } 7454 .social-media .addthis>svg{ 7455 fill: #fff; 7456 border:0; 7457 border-radius: 25px; 7458 background-color: var(--footer-text-color);
7459 width: 20px; 7460 height: 20px; 7461 padding: 8px; 7462 box-sizing: initial; 7463 display: inline-block; 7464 position: absolute; 7465 top: 0; 7466 right: 3px; 7467 } 7468 .social-media .addthis .hide { 7469 display: none; 7470 } 7471 .social-media .sm-icons:hover, .social-media .addthis:hover{ 7472 color: var(--color_link_hover); 7473 } 7474 .social-media .sm-icons:hover svg, .social-media .addthis:hover svg{ 7475 color: var(--color_link_hover); 7476 } 7477 .social-media .sm-icons, .social-media .addthis { 7478 text-align: center; 7479 display: inline-block; 7480 height: 36px; 7481 width: 40px; 7482 line-height: 36px; 7483 margin-bottom: 5px; 7484 margin-left: 10px; 7485 margin-right: 10px; 7486 background: transparent; 7487 border-radius: 0!important; 7488 color: var(--footer-color-3); 7489 /*overflow: hidden;*/ 7490 position: relative; 7491 vertical-align: bottom; 7492 outline: none; 7493 } 7494 .social-media .addthis .share-toggle { 7495 z-index: 99; 7496 display: inline; 7497 visibility: hidden; 7498 opacity: 0; 7499 position: absolute; 7500 bottom: 39px; 7501 width: 95px; 7502 right: -25px; 7503 text-align: center; 7504 font-size: 14px; 7505 } 7506 .social-media .addthis .share-toggle a{ 7507 color: #fff; 7508 padding: 10px 10px; 7509 display: block; 7510 } 7511 .social-media .addthis .share-toggle a>svg{ 7512 margin: 5px; 7513 height: 36px; 7514 width: 36px; 7515 padding: 10px 11px!important; 7516 border-radius: 0; 7517 } 7518 .social-media .addthis .share-toggle .share-google>svg{ 7519 background: #fff!important; 7520 fill: #C33!important; 7521 } 7522 .social-media .addthis .share-toggle .share-facebook>svg{ 7523 background: #fff!important; 7524 fill: #3b5998!important; 7525 } 7526 .social-media .addthis .share-toggle .share-twit>svg{ 7527 background: #fff!important; 7528 fill:rgb(0, 0, 0)!important; 7529 } 7530 .social-media .addthis .share-toggle .share-google { 7531 background: #C33; 7532 } 7533 .social-media .addthis .share-toggle .share-twit { 7534 background:rgb(0, 0, 0); 7535 } 7536 .social-media .addthis .share-toggle .share-facebook { 7537 background: #3b5998; 7538 } 7539 .social-media .addthis .share-toggle.active{ 7540 visibility: visible; 7541 opacity: 1; 7542 } 7543@media screen and (max-width: 991px){ 7544 .footer-menu-wrapper ul{ 7545 display: none !important; 7546 } 7547 .dental-edu-videos{ 7548 text-align: center; 7549 } 7550 .videos-set{ 7551 margin-left: auto; 7552 margin-right: auto; 7553 } 7554 .footer-contact-info h2,.sm-icons-widget{ 7555 text-align: center !important; 7556 } 7557 7558 .footer-contact-info{ 7559 max-width: 410px; 7560 margin-left: auto; 7561 margin-right: auto; 7562 } 7563} 7564@media screen and (max-width: 991px){ 7565 .scrollup{ 7566 bottom: 70px; 7567 left: 20px; 7568 right: auto; 7569 } 7570} 7571@media screen and (max-width: 768px){ 7572 .ekwa-theme-footer .footer-maps{ 7573 flex-direction: column; 7574 } 7575 .ekwa-theme-footer .footer-maps .map{ 7576 width: 100%; 7577 } 7578 .ekwa-theme-footer .footer-maps .map iframe{ 7579 height: 250px; 7580 } 7581} 7582</style> 7583
7583<script type="text/javascript"> 7584 function myFunction() { 7585 var element = document.getElementById("share-toggle"); 7586 element.classList.toggle("active"); 7587 } 7588 // When the user clicks on the button, scroll to the top of the document 7589 function topFunction() { 7590 document.body.scrollTop = 0; // For Safari 7591 document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera 7592 } 7593</script>
7593 7594<div class="footer-icons"> 7595 <ul> 7596 <li> 7597 <a href="https://www.monadnockperio.com"> 7598 <span class="icon"> 7599 <!-- <i class="fas fa-home"></i> --> 7600 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="width: 20.25px; fill:#fff; "><path d="M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z"/></svg> 7601 </span> 7602 <span class="icon-name">Home</span> 7603 </a> 7604 </li> 7605 <li> 7606 <a href="tel:+16032155800"> 7607 <span class="icon"> 7608 <!-- <i class="fas fa-phone-alt"></i> --> 7609 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; fill:#fff; "><path d="M497.4 361.8l-112-48a24 24 0 0 0 -28 6.9l-49.6 60.6A370.7 370.7 0 0 1 130.6 204.1l60.6-49.6a23.9 23.9 0 0 0 6.9-28l-48-112A24.2 24.2 0 0 0 122.6 .6l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.3 24.3 0 0 0 -14-27.6z"/></svg> 7610 </span> 7611 <span class="icon-name">Call </span> 7612 </a> 7613 </li> 7614 7615 <li> 7616 <a href="https://www.monadnockperio.com/requst-an-appointment/"> 7617 <span class="icon"> 7618 <!-- <i class="fas fa-calendar-check"></i> --> 7619 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 15.75px; fill:#fff; "><path d="M436 160H12c-6.6 0-12-5.4-12-12v-36c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48v36c0 6.6-5.4 12-12 12zM12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm333.3 95.9l-28.2-28.4c-4.7-4.7-12.3-4.7-17-.1L194.1 364.7l-46-46.4c-4.7-4.7-12.3-4.7-17-.1l-28.4 28.2c-4.7 4.7-4.7 12.3-.1 17l82.6 83.3c4.7 4.7 12.3 4.7 17 .1l143-141.8c4.7-4.7 4.7-12.3 .1-17z"/></svg> 7620 </span> 7621 <span class="icon-name">Appointment</span> 7622 </a> 7623 </li> 7624 <li> 7625 <a href="#menu2"> 7626 <span class="icon"> 7627 <!-- <i class="fas fa-briefcase-medical"></i> --> 7628 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; fill:#fff; "><path d="M464 128h-80V80c0-26.5-21.5-48-48-48H176c-26.5 0-48 21.5-48 48v48H48c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V176c0-26.5-21.5-48-48-48zM192 96h128v32H192V96zm160 248c0 4.4-3.6 8-8 8h-56v56c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-56h-56c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h56v-56c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v56h56c4.4 0 8 3.6 8 8v48z"/></svg> 7629 </span> 7630 <span class="icon-name">Treatments</span> 7631 </a> 7632 </li> 7633 <li> 7634 <a rel="noopener" target="_blank" href="https://goo.gl/maps/CABhGMt9o87H8xqL9"> 7635 <span class="icon"> 7636 <!-- <i class="fas fa-map-marked-alt"></i> --> 7637 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="width: 20.25px; fill:#fff; "><path d="M288 0c-69.6 0-126 56.4-126 126 0 56.3 82.4 158.8 113.9 196 6.4 7.5 17.8 7.5 24.2 0C331.7 284.8 414 182.3 414 126 414 56.4 357.6 0 288 0zm0 168c-23.2 0-42-18.8-42-42s18.8-42 42-42 42 18.8 42 42-18.8 42-42 42zM20.1 216A32 32 0 0 0 0 245.7v250.3c0 11.3 11.4 19.1 21.9 14.9L160 448V214.9c-8.8-16-16.1-31.5-21.3-46.4L20.1 216zM288 359.7c-14.1 0-27.4-6.2-36.5-17-19.7-23.2-40.6-49.6-59.5-76.7v182l192 64V266c-18.9 27.1-39.8 53.5-59.5 76.7-9.1 10.8-22.4 17-36.5 17zm266.1-198.5L416 224v288l139.9-56A32 32 0 0 0 576 426.3V176c0-11.3-11.4-19.1-21.9-14.9z"/></svg> 7638 </span>
7639 <span class="icon-name">Find us</span> 7640 </a> 7641 </li> 7642 7643 </ul> 7644</div> 7645<style> 7646 .footer-icons{ 7647 --footer-icons-bg: #436485; 7648 --footer-icons-color: #fff; 7649 } 7650 .footer-icons{ 7651 z-index: 1500; 7652 position: fixed; 7653 width: 100%; 7654 bottom: 0; 7655 background: var(--footer-icons-bg); 7656 } 7657 .footer-icons ul{ 7658 list-style: none; 7659 padding-left: 0; 7660 margin: 0; 7661 display: flex; 7662 justify-content: space-evenly; 7663 } 7664 .footer-icons ul li{ 7665 display: block; 7666 width: 20%; 7667 text-align: center; 7668 } 7669 .footer-icons ul li a{ 7670 display: block; 7671 padding-top: 5px; 7672 padding-bottom: 5px; 7673 color: var(--footer-icons-color); 7674 } 7675 .footer-icons ul li a:hover{ 7676 text-decoration: none; 7677 } 7678 .footer-icons ul li a span{ 7679 display: block; 7680 } 7681 .footer-icons ul li a span.icon{ 7682 font-size: 20px; 7683 } 7684 .footer-icons ul li a span.icon-name{ 7685 font-size: 12px; 7686 text-transform: uppercase; 7687 } 7688 @media screen and (min-width: 1024px){ 7689 .footer-icons{ 7690 display: none; 7691 } 7692 7693 } 7694 @media screen and (max-width: 480px){ 7695 .footer-icons ul li a span.icon-name{ 7696 font-size: 9px; 7697 } 7698 .footer-icons ul li a span.icon{ 7699 font-size: 18px; 7700 } 7701 .footer-icons{ 7702 padding-bottom: 15px; 7703 } 7704 } 7705</style> 7706<nav id="my-menu" class="mobile-slide-menu"> 7707 <ul id="menu-mobile-menu" class="menu"><li id="menu-item-1064" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-36 current_page_item menu-item-1064"><a href="https://www.monadnockperio.com/" aria-current="page"><span class="mmenu-icon"><i class="fas fa-home"></i></span> Home</a></li> 7708<li id="menu-item-1084" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1084"><span><span class="mmenu-icon"><i class="fas fa-info-circle"></i></span> About Us</span> 7709<ul class="sub-menu"> 7710 <li id="menu-item-1088" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1088"><a href="https://www.monadnockperio.com/tae-kwon-dds-mmsc/"><span class="mmenu-icon"><i class="fas fa-user-md"></i></span> Tae Kwon, DDS, MMSc</a></li> 7711 <li id="menu-item-1867" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1867"><a href="https://www.monadnockperio.com/rahul-c-tase-dmd-ms/"><span class="mmenu-icon"><i class="fas fa-user-md"></i></span> Rahul C. Tase, DMD, MS</a></li> 7712 <li id="menu-item-2651" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2651"><a href="https://www.monadnockperio.com/dr-jad-mourad-dmd-msd/"><span class="mmenu-icon"><i class="fas fa-user-md"></i></span> Jad Mourad, DMD, MSD</a></li> 7713 <li id="menu-item-1086" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1086"><a href="https://www.monadnockperio.com/meet-our-team/"><span class="mmenu-icon"><i class="fas fa-users"></i></span> Meet Our Team</a></li> 7714 <li id="menu-item-2697" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2697"><a href="https://www.monadnockperio.com/professional-publications/"><span class="mmenu-icon"><i class="fas fa-file"></i></span> Professional Publications</a></li> 7715 <li id="menu-item-1484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1484"><a href="https://www.monadnockperio.com/smile-gallery/"><span class="mmenu-icon"><i class="fas fa-smile"></i></span> Smile Gallery</a></li> 7716 <li id="menu-item-1532" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1532"><a href="https://www.monadnockperio.com/patient-resources/"><span class="mmenu-icon"><i class="fas fa-file"></i></span> Patient Resources</a></li> 7717 <li id="menu-item-2012" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2012"><a href="https://www.monadnockperio.com/office-gallery/"><span class="mmenu-icon"><i class="fas fa-image"></i></span> Office Gallery</a></li> 7718</ul> 7719</li> 7720<li id="menu-item-1460" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1460"><span><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Services</span> 7721<ul class="sub-menu"> 7722 <li id="menu-item-1467" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1467"><a href="https://www.monadnockperio.com/dental-crown-lengthening/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Crown Lengthening</a></li> 7723 <li id="menu-item-1468" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1468"><a href="https://www.monadnockperio.com/dental-extractions/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Extractions</a></li> 7724 <li id="menu-item-1469" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1469"><a href="https://www.monadnockperio.com/dental-implants/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Implants</a></li> 7725 <li id="menu-item-1470" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1470"><a href="https://www.monadnockperio.com/dental-wand-injection-system/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Wand Injection System</a></li> 7726 <li id="menu-item-1471" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1471"><a href="https://www.monadnockperio.com/gingival-gum-grafting/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Gingival (Gum) Grafting</a></li> 7727 <li id="menu-item-1472" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1472"><a href="https://www.monadnockperio.com/gum-disease-treatment/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Gum Disease Treatment</a></li> 7728 <li id="menu-item-1473" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1473"><a href="https://www.monadnockperio.com/jaw-bone-grafting/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Jaw Bone Grafting</a></li> 7729 <li id="menu-item-1474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1474"><a href="https://www.monadnockperio.com/lanap-laser-periodontal-surgery/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> LANAP Laser Periodontal Surgery</a></li> 7730 <li id="menu-item-1475" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1475"><a href="https://www.monadnockperio.com/lasers-in-dentistry/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Lasers in Dentistry</a></li> 7731 <li id="menu-item-1476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1476"><a href="https://www.monadnockperio.com/oral-pathology-biopsy/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Oral Pathology Biopsy</a></li> 7732 <li id="menu-item-1477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1477"><a href="https://www.monadnockperio.com/peri-implantitis/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Peri-Implantitis</a></li> 7733 <li id="menu-item-1478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1478"><a href="https://www.monadnockperio.com/periodontal-maintenance-program/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Maintenance Program</a></li> 7734 <li id="menu-item-1479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1479"><a href="https://www.monadnockperio.com/periodontal-scaling-and-root-planing/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Scaling and Root Planing</a></li> 7735 <li id="menu-item-1480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1480"><a href="https://www.monadnockperio.com/periodontal-surgery-pocket-depth-reduction/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Surgery Pocket Depth Reduction</a></li> 7736 <li id="menu-item-2679" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2679"><a href="https://www.monadnockperio.com/botox/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Botox</a></li> 7737</ul> 7738</li> 7739<li id="menu-item-2162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2162"><a href="https://www.monadnockperio.com/surgical-cases/"><span class="mmenu-icon"><i class="fas fa-video"></i></span> Surgical Cases</a></li> 7740<li id="menu-item-1464" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1464"><a href="https://www.monadnockperio.com/success-stories/"><span class="mmenu-icon"><i class="fas fa-comments"></i></span> Reviews</a></li> 7741<li id="menu-item-1463" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1463"><a href="https://www.monadnockperio.com/seattle-study-club/"><span class="mmenu-icon"><i class="fas fa-graduation-cap"></i></span> Seattle Study Club®</a></li> 7742<li id="menu-item-2158" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2158"><a href="https://www.monadnockperio.com/lectures/"><span class="mmenu-icon"><i class="fas fa-graduation-cap"></i></span> Lectures</a></li> 7743<li id="menu-item-2438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2438"><a href="https://www.monadnockperio.com/periodontitis-peri-implantitis/"><span class="mmenu-icon"><i class="fas fa-graduation-cap"></i></span> Course Registration</a></li> 7744<li id="menu-item-1775" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1775"><a href="https://www.monadnockperio.com/referring-doctors/"><span class="mmenu-icon"><i class="fas fa-users"></i></span> Referring Doctors</a></li> 7745<li id="menu-item-1461" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1461"><a href="https://www.monadnockperio.com/contact-us/"><span class="mmenu-icon"><i class="fas fa-envelope"></i></span> Contact us</a></li> 7746<li id="menu-item-1462" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1462"><a href="https://www.monadnockperio.com/request-an-appointment/"><span class="mmenu-icon"><i class="fas fa-calendar"></i></span> Requst An Appointment</a></li> 7747<li id="menu-item-1543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1543"><a href="https://www.monadnockperio.com/articles/"><span class="mmenu-icon"><i class="fas fa-rss"></i></span> Blog</a></li> 7748<li id="menu-item-1482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1482"><a href="https://www.monadnockperio.com/professional-publications/"><span class="mmenu-icon"><i class="fas fa-book"></i></span> Professional Publications</a></li> 7749<li id="menu-item-1483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1483"><a href="https://www.monadnockperio.com/site-map/"><span class="mmenu-icon"><i class="fas fa-sitemap"></i></span> Site Map</a></li> 7750<li id="menu-item-1572" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1572"><a href="https://www.monadnockperio.com/practice-policies/"><span class="mmenu-icon"><i class="fas fa-file-medical"></i></span> Practice Policies</a></li> 7751<li id="menu-item-1465" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1465"><a href="https://www.monadnockperio.com/accessibility-statement/"><span class="mmenu-icon"><i class="fas fa-universal-access"></i></span> Accessibility Statement</a></li> 7752<li id="menu-item-1466" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1466"><a href="https://www.monadnockperio.com/cookie-policy/"><span class="mmenu-icon"><i class="fas fa-cookie"></i></span> Cookie Policy</a></li> 7753<li id="menu-item-1481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1481"><a href="https://www.monadnockperio.com/privacy-policy/"><span class="mmenu-icon"><i class="fas fa-user-secret"></i></span> Privacy Policy</a></li> 7754</ul><div class="mmenu-close" id="menu3Close"> 7755 <i class="fas fa-times"></i> 7756</div> 7757</nav> 7758<nav id="menu2" class="mobile-slide-menu"> 7759 <ul id="menu-mobile-menu-services" class="menu"><li id="menu-item-1250" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1250"><a href="https://www.monadnockperio.com/dental-crown-lengthening/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Crown Lengthening</a></li> 7760<li id="menu-item-1249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1249"><a href="https://www.monadnockperio.com/dental-extractions/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Extractions</a></li> 7761<li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1248"><a href="https://www.monadnockperio.com/dental-implants/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Implants</a></li> 7762<li id="menu-item-1247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1247"><a href="https://www.monadnockperio.com/dental-wand-injection-system/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Dental Wand Injection System</a></li> 7763<li id="menu-item-1246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1246"><a href="https://www.monadnockperio.com/gingival-gum-grafting/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Gingival (Gum) Grafting</a></li> 7764<li id="menu-item-1245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1245"><a href="https://www.monadnockperio.com/gum-disease-treatment/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Gum Disease Treatment</a></li> 7765<li id="menu-item-1244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1244"><a href="https://www.monadnockperio.com/jaw-bone-grafting/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Jaw Bone Grafting</a></li> 7766<li id="menu-item-1243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1243"><a href="https://www.monadnockperio.com/lanap-laser-periodontal-surgery/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> LANAP Laser Periodontal Surgery</a></li> 7767<li id="menu-item-1242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1242"><a href="https://www.monadnockperio.com/lasers-in-dentistry/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Lasers in Dentistry</a></li> 7768<li id="menu-item-1241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1241"><a href="https://www.monadnockperio.com/oral-pathology-biopsy/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Oral Pathology Biopsy</a></li> 7769<li id="menu-item-1240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1240"><a href="https://www.monadnockperio.com/peri-implantitis/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Peri-Implantitis</a></li> 7770<li id="menu-item-1239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1239"><a href="https://www.monadnockperio.com/periodontal-maintenance-program/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Maintenance Program</a></li> 7771<li id="menu-item-1238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1238"><a href="https://www.monadnockperio.com/periodontal-scaling-and-root-planing/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Scaling and Root Planing</a></li> 7772<li id="menu-item-1237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1237"><a href="https://www.monadnockperio.com/periodontal-surgery-pocket-depth-reduction/"><span class="mmenu-icon"><i class="fas fa-medkit"></i></span> Periodontal Surgery Pocket Depth Reduction</a></li> 7773<li id="menu-item-2681" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2681"><a href="https://www.monadnockperio.com/botox/"><span class="mm
7773enu-icon"><i class="fas fa-medkit"></i></span> Botox</a></li> 7774</ul><div class="mmenu-close" id="menu2Close"> 7775 <i class="fas fa-times"></i> 7776</div> 7777</nav> 7778 7779<style> 7780 #menu3.mm-spn li{ 7781 padding-left: 5px; 7782 }/* 7783 span.mmenu-icon { 7784 display: inline-block !important; 7785 padding: 0 !important; 7786 margin-right: 8px !important; 7787}*/ 7788 #menu-mobile-menu li, #menu-mobile-menu-services li { 7789 padding-left: 0px; 7790 position: relative; 7791 } 7792 #menu-mobile-menu li a, 7793 #menu-mobile-menu li span, 7794 #menu-mobile-menu-services a, 7795 #menu-mobile-menu-services span{ 7796 padding-left: 33px; 7797 } 7798 #menu-mobile-menu li span.mmenu-icon, 7799 #menu-mobile-menu-services li span.mmenu-icon{ 7800 display: block; 7801 position: absolute; 7802 top: 50%; 7803 transform: translateY(-50%); 7804 left: 5px; 7805 padding: 0 !important; 7806 font-size: 18px; 7807 } 7808 .mmenu-close{ 7809 position: absolute; 7810 top: 8px; 7811 right: 12px; 7812 width: auto; 7813 height: 50px; 7814 color: #fff; 7815 display: block; 7816 cursor: pointer; 7817 z-index: 5000; 7818 } 7819 .mobile-slide-menu .phone-menu a{ 7820 font-size: 13px; 7821 padding-left: 4px; 7822 } 7823 .phone-menu li:before{ 7824 display: none !important; 7825 } 7826 7827</style>
7827<script type="speculationrules"> 7828{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/ekwa/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 7829</script>
7829 7830
7830<script> 7831let $clickFaq = document.getElementsByClassName('ekwa-faq-block'); 7832 7833if($clickFaq.length > 0){ 7834 7835 7836 Array.prototype.forEach.call($clickFaq , function(el) { 7837 // Write your code here 7838 let FaqItemID = el.getAttribute("id"); 7839 FaqItemID = document.getElementById(FaqItemID); 7840 7841 let faqQuestions = FaqItemID.querySelectorAll('.ekwa-faq-question'); 7842 7843 7844for (let i = 0; i < faqQuestions.length; i++) { 7845 faqQuestions[i].addEventListener('click', function(e) { 7846 var $items = FaqItemID.querySelectorAll('.ekwa-faq-item'); 7847 [].forEach.call($items, function(el) { 7848 el.classList.remove('active'); 7849 }); 7850 7851 let $elem = this.closest('.ekwa-faq-item'); 7852 let $elemId = $elem.getAttribute('id'); 7853 let $item = document.getElementById($elemId); 7854 $item.classList.add('active'); 7855 }); 7856} 7857 7858 7859}) 7860 7861 7862} 7863 </script>
7863 7864
7864<script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script>
7864<script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script>
7864<script id="kirki-api-and-nonce"> 7865 window.wp_kirki = { 7866 ajaxUrl: "https://www.monadnockperio.com/wp-admin/admin-ajax.php", 7867 restUrl: "https://www.monadnockperio.com/wp-json/", 7868 siteUrl: "https://www.monadnockperio.com", 7869 apiVersion: "v1", 7870 postId: "36", 7871 nonce: "72682dea9c", 7872 call_from: "", 7873 templateId: "", 7874 context: {"id":36,"type":"post"} 7875 }; 7876 </script>
7876<script id="loadcss-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/js/loadcss.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7876
7876
7877<script id="lazysizes-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/js/lazysizes.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7877
7877
7878<script id="jqueryjs-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/js/jquery.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7878
7878
7879<script id="customjs-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/js/custom.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7879
7879
7880<script id="mmenu-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/mm-menu/mmenu-light.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7880
7880
7881<script id="modaljs-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/plugins/modal/modal.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 7881
7881
7882<script id="bscarouseljs-js" src="https://www.monadnockperio.com/wp-content/themes/ekwa/layouts/bootstrap/js/carousel.js?ver=1.0.0"></script>
7882 7883<style> 7884 div#cookie_directive_container *{box-sizing:content-box}div#cookie_directive_container{position:fixed;bottom:-100px;background:#000; color: #fff; font-size: 12px; max-width:100%;width:100%;text-align:center;border-top:5px solid #666;display:block;transition:1s all ease;z-index:10005}div#cookie_directive_container .content-wrapper{max-width:1200px;margin:auto;padding:10px}div#cookie_directive_container button{display:inline-block;margin:0 10px;width:100px;line-height:36px;border:0;border-radius:4px;background:#666;color:#fff;transition:.25s all ease}div#cookie_directive_container .text-content{display:inline-block}div#cookie_directive_container button:hover{box-shadow:0 0 1px 1px rgba(0,0,0,.25)}div#cookie_directive_container a{color:#fff; text-decoration: underline; font-weight: bold;} 7885 @media screen and (max-width: 1024px){ 7886 div#cookie_directive_container{ 7887 bottom: 75px !important; 7888 width: 60%; 7889 left: 5px; 7890 } 7891 } 7892</style>
7893<script> 7894 !function(){!function(){if("true"==function(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var i=o[n];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return""}("cookie_banner"))return!1; var e; if(typeof window._wpemojiSettings == "object"){e ="https://www.monadnockperio.com/cookie-policy/";}else {e="https://www.monadnockperio.com/cookie-policy/";}var t=document.createElement("div"),o=' <div class="content-wrapper"> <div class="text-content">We use cookies to enhance your experience. By continuing to use our website, you consent to our use of <a href="'+e+'">cookies</a>. </div> <button class="js-cookie-acc-btn">Got It</button></div>';t.id="cookie_directive_container",t.innerHTML=o,setTimeout(function(){document.querySelector("#cookie_directive_container").style.bottom=0},1e3),document.getElementsByTagName("body")[0].insertAdjacentElement("beforeend",t),document.querySelector(".js-cookie-acc-btn").addEventListener("click",function(){!function(e,t,o){var n=new Date;n.setTime(n.getTime()+24*o*60*60*1e3);var i="expires="+n.toGMTString();document.cookie=e+"="+t+"; "+i + "; path=/"}("cookie_banner","true",360),document.querySelector("#cookie_directive_container").style.display="none"})}();function jqMoveElem(){if((typeof jQuery=='undefined')){setTimeout(jqMoveElem, 500);}else{$('body').append($('#cookie_directive_container').detach());}}setTimeout(jqMoveElem, 5000);}(); 7895</script>
7895 7896</div>
vendor: 65 bytes, lines 7896-7897
7896 7897<script async src="https://www.googletagmanager.com/gtag/js?id=
7897UA-195601310-44
vendor: 13 bytes, line 7897
7897"></script>
7898<script> 7899
vendor: 138 bytes, lines 7899-7903
7899window.dataLayer = window.dataLayer || []; 7900 function gtag(){dataLayer.push(arguments);} 7901 gtag('js', new Date()); 7902 7903 gtag('config', '
7903UA-195601310-44
vendor: 7 bytes, lines 7903-7904
7903'); 7904
7904gtag('config', 'G-1D9WMNLJQ7'); 7905</script>
7905 7906 7907 7908<!-- Search Option --> 7909 <style type="text/css"> 7910 .search-icon svg { 7911 font-size: 16px; 7912 width: 18px; 7913 margin-right: 10px; 7914 margin-top: 6px; 7915 transition-duration:0.3s; 7916 fill: #000; 7917 } 7918 .search-icon:hover svg{ 7919 fill: var(--color_one); 7920 cursor: pointer; 7921 transition-duration:0.3s; 7922 } 7923 7924 /*Search - Start*/ 7925 .search-wrapper { 7926 display: none; 7927 position: fixed; 7928 top: 0; 7929 right: 0; 7930 left: 0; 7931 width: 100%; 7932 height: 100%; 7933 background: rgba(0, 0, 0, .8); 7934 z-index: 9999999999; 7935 } 7936 7937 .search-wrapper span.closebtn { 7938 width: 40px; 7939 height: 40px; 7940 position: absolute; 7941 top: 0; 7942 right: 15px; 7943 text-align: center; 7944 z-index: 7500; 7945 color: #fff; 7946 line-height: 40px; 7947 display: block; 7948 background: var(--color_two); 7949 } 7950 7951 .search-wrapper .search_form input[type=submit]:hover, 7952 .search-wrapper span.closebtn:hover { 7953 cursor: pointer; 7954 background: var(--color_link_hover); 7955 } 7956 7957 .search-wrapper .search_form { 7958 width: 90%; 7959 max-width: 1000px; 7960 height: 60px; 7961 position: relative; 7962 top: 50%; 7963 margin-top: -30px; 7964 right: 0; 7965 left: 0; 7966 margin-left: auto; 7967 margin-right: auto; 7968 background: #fff; 7969 color: #fff; 7970 z-index: 80; 7971 border: 0 7972 } 7973 7974 .search-wrapper .search_form:before { 7975 content: "SEARCH"; 7976 display: block; 7977 width: 200px; 7978 height: 60px; 7979 position: absolute; 7980 top: 0; 7981 right: 0; 7982 text-align: center; 7983 line-height: 60px; 7984 font-size: 20px; 7985 color: #fff; 7986 font-weight: 700 7987 } 7988 7989 .search-wrapper .search_form input[type=search] { 7990 outline: none; 7991 height: 60px; 7992 margin-top: 2px; 7993 width: 100%; 7994 margin-left: 10px; 7995 border: none; 7996 background: 0 0; 7997 font-size: 20px; 7998 color: #000; 7999 } 8000 8001 .search-wrapper .search_form input[type=submit] { 8002 display: block; 8003 top: 0; 8004 right: -5px; 8005 height: 60px; 8006 width: 200px; 8007 position: absolute; 8008 border: none; 8009 background: var(--color_two); 8010 font-size: 18px; 8011 color: #fff 8012 } 8013 @media screen and (max-width: 1536px) { 8014 .search-icon svg{ 8015 width: 16px; 8016 } 8017 } 8018 @media screen and (max-width: 1366px) { 8019 .search-icon svg{ 8020 width: 15px; 8021 } 8022 } 8023 @media screen and (max-width: 1200px) { 8024 .search-icon svg{ 8025 width: 14px; 8026 } 8027 } 8028 @media screen and (max-width: 1024px) { 8029 8030 li.search-icon span{ 8031 8032 } 8033 li.search-icon svg{ 8034 margin-top: -2px; 8035 fill: #000; 8036 margin-left:0; 8037 margin-right: 10px; 8038 } 8039 } 8040 8041 @media screen and (max-width: 600px) { 8042 .search-wrapper .search_form input[type=submit] { 8043 position: static !important; 8044 float: none; 8045 margin-top: 10px; 8046 height: 50px; 8047 width: 100px; 8048 margin-left: auto; 8049 margin-right: auto; 8050 } 8051 } 8052 </style> 8053 8054 <div class="search-wrapper"> 8055 <span class="closebtn"> 8056 <i class="fa fa-times" aria-hidden="true"></i> 8057 </span> 8058 <form role="search" method="get" class="search_form" action="https://www.monadnockperio.com/"> 8059 <input type="search" value="" name="s" title="Search"> 8060 <input type="submit" value="Search" /> 8061 </form> 8062 </div> 8063 8064
8064<script type="text/javascript"> 8065 $(document).ready(function() { 8066 $(".topbar .appointment.header-search").click(function(e) { 8067 e.preventDefault(); 8068 $(".search-wrapper").show(); 8069 }); 8070 8071 $(".mheader-wrapper .mheader-search").click(function(e) { 8072 e.preventDefault(); 8073 $(".search-wrapper").show(); 8074 }); 8075 8076 $('.closebtn').click(function(e) { 8077 e.preventDefault(); 8078 if ($(".search-wrapper").is(':visible')) { 8079 $(".search-wrapper").hide(); 8080 } 8081 }); 8082 8083 $('.search-wrapper').click(function(e) { 8084 e.preventDefault(); 8085 if ($(".search-wrapper").is(':visible')) { 8086 $(".search-wrapper").hide(); 8087 } 8088 }); 8089 $('.search-wrapper form').click(function(e) { 8090 e.stopPropagation(); 8091 }); 8092 }); 8093 </script>
8093 8094<!-- Search Option --> 8095 8096 8097</body> 8098</html> 8099 8100 8101<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-05 11:12:15 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.