.custom-icon-blog:before,
.fa-healthgrades {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
html body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.clearfix,
.dl-horizontal,
.row,
.slideshow-item,
audio {
    zoom: 1
}

.slideshow-nav-paginated .slideshow-active-page a,
nav a,
nav a:link,
nav a:visited {
    text-decoration: none
}

@font-face {
    font-family: healthgrades;
    src: url(../icons/healthgrades/healthgrades.eot);
    src: url(../icons/healthgrades/healthgrades-1.eot) format('embedded-opentype'), url(../icons/healthgrades/healthgrades.woff) format('woff'), url(../icons/healthgrades/healthgrades.ttf) format('truetype'), url(../icons/healthgrades/healthgrades.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: healthgrades2;
    src: url(../icons/healthgrades/healthgrades2.eot);
    src: url(../icons/healthgrades/healthgrades2-1.eot) format('embedded-opentype'), url(../icons/healthgrades/healthgrades2.woff) format('woff'), url(../icons/healthgrades/healthgrades2.ttf) format('truetype'), url(../icons/healthgrades/healthgrades2.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: blog;
    src: url(../icons/blog/blog.eot);
    src: url(../icons/blog/blog-1.eot) format('embedded-opentype'), url(../icons/blog/blog.woff) format('woff'), url(../icons/blog/blog.ttf) format('truetype'), url(../icons/blog/blog.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: tooth-icons;
    src: url(../icons/tooth-icons/tooth-icons.eot);
    src: url(../icons/tooth-icons/tooth-icons-1.eot) format('embedded-opentype'), url(../icons/tooth-icons/tooth-icons.woff) format('woff'), url(../icons/tooth-icons/tooth-icons.ttf) format('truetype'), url(../icons/tooth-icons/tooth-icons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: sesame-icons;
    src: url(../icons/sesame-icons/sesame-icons.eot);
    src: url(../icons/sesame-icons/sesame-icons-1.eot) format('embedded-opentype'), url(../icons/sesame-icons/sesame-icons.woff) format('woff'), url(../icons/sesame-icons/sesame-icons.ttf) format('truetype'), url(../icons/sesame-icons/sesame-icons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: back-to-top-icon;
    src: url(../icons/back-to-top-icon/back-to-top-icon.eot);
    src: url(../icons/back-to-top-icon/back-to-top-icon-1.eot) format('embedded-opentype'), url(../icons/back-to-top-icon/back-to-top-icon.woff) format('woff'), url(../icons/back-to-top-icon/back-to-top-icon.ttf) format('truetype'), url(../icons/back-to-top-icon/back-to-top-icon.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: custom-google;
    src: url(../icons/google-plus-new/custom-google.eot);
    src: url(../icons/google-plus-new/custom-google-1.eot) format('embedded-opentype'), url(../icons/google-plus-new/custom-google.ttf) format('truetype'), url(../icons/google-plus-new/custom-google.woff) format('woff'), url(../icons/google-plus-new/custom-google.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: custom-google-g;
    src: url(../icons/google-plus-new/custom-google-g.eot);
    src: url(../icons/google-plus-new/custom-google-g-1.eot) format('embedded-opentype'), url(../icons/google-plus-new/custom-google-g.woff2) format('woff2'), url(../icons/google-plus-new/custom-google-g.woff) format('woff'), url(../icons/google-plus-new/custom-google-g.ttf) format('truetype'), url(../icons/google-plus-new/custom-google-g.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: invisalign;
    src: url(../icons/invisalign/fa-invisalign.eot);
    src: url(../icons/invisalign/fa-invisalign-1.eot) format('embedded-opentype'), url(../icons/invisalign/fa-invisalign.woff2) format('woff2'), url(../icons/invisalign/fa-invisalign.woff) format('woff'), url(../icons/invisalign/fa-invisalign.ttf) format('truetype'), url(../icons/invisalign/fa-invisalign.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa,
.social-icons a {
    vertical-align: middle
}

button,
input,
select,
sub,
sup,
textarea {
    vertical-align: baseline
}

.custom-icon-blog:before {
    content: "\e600";
    font-family: blog !important;
    text-transform: lowercase
}

.fa-healthgrades {
    font-family: healthgrades !important;
    text-transform: none;
    display: inline-block
}

.fa-healthgrades:before {
    content: "\21"
}

.fa-healthgrades2 {
    font-family: healthgrades2 !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tooth-icons-brush,
.tooth-icons-tooth {
    font-family: tooth-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.fa-healthgrades2:before {
    content: "\e900"
}

.tooth-icons-brush:before {
    content: "\21"
}

.tooth-icons-tooth:before {
    content: "\22"
}

.icon-sesame-arrow:before,
.icon-top:before {
    content: "\21"
}

.icon-sesame-arrow {
    font-family: sesame-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-top {
    font-family: back-to-top-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-custom-google,
.fa-custom-google:before {
    font-family: custom-google !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal
}

.fa-custom-google {
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-custom-google:before {
    content: "\e600";
    text-transform: lowercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-custom-google-g,
.fa-custom-google-g:before {
    font-family: custom-google-g !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-custom-google-g {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.fa-custom-google-g:before {
    content: "\e600";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: lowercase
}

.fa-invisalign,
.fa-invisalign:before {
    font-family: invisalign !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal
}

.fa-invisalign {
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-invisalign:before {
    content: "\e900";
    text-transform: lowercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-number1:before,
.fa-number2:before,
.fa-number3:before,
.fa-number4:before {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-number1,
.fa-number2,
.fa-number3,
.fa-number4 {
    font-size: 1em !important
}

.fa-number1:before {
    content: "1"
}

.fa-number2:before {
    content: "2"
}

.fa-number3:before {
    content: "3"
}

.fa-number4:before {
    content: "4"
}

.italic,
dfn,
em {
    font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
    z-index: 1;
    position: relative
}

html {
    cursor: default;
    font-size: 100%;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent
}

body,
button,
form,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    outline: 0
}

a,
a:active,
a:focus,
a:hover {
    outline: 0
}

a,
textarea:focus {
    outline: 0 !important
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

mark {
    background: #FF0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

small,
sub,
sup {
    font-size: 75%
}

sub,
sup {
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio[controls],
canvas,
video {
    display: inline-block;
    display: inline
}

audio {
    display: none
}

audio[controls] {
    display: inline-block
}

a img,
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

button,
input {
    line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    overflow: visible;
    -webkit-appearance: button
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.ie10 input[type=checkbox],
.ie10 input[type=radio] {
    border: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

table {
    border-spacing: 0;
    border-collapse: separate
}

p.flash_notice {
    margin: 18px;
    padding: 9px;
    color: red;
    border: 1px dotted red;
    background: #fff;
    text-align: center
}

#flash-patient-care {
    z-index: 1500
}

.flash {
    width: 500px;
    margin: 20px auto;
    display: block
}

#main-nav li.patient-care-videos,
body.sitemap li.patient-care-videos {
    display: none
}

span.welcome {
    display: block;
    font-size: smaller
}

iframe {
    border: 0
}

td {
    padding: 0 10px 0 0;
    text-align: left
}

td.td-left,
th.td-left {
    text-align: left;
    vertical-align: top
}

#healthgrades-widget,
.healthgrades-widget {
    list-style: none;
    font-weight: 700;
    margin: 0;
    z-index: 5000 !important
}

#healthgrades-widget ul,
.healthgrades-widget ul {
    margin: 0
}

#healthgrades-widget li,
.healthgrades-widget li {
    position: relative;
    margin: -3px 0 0
}

#healthgrades-widget a,
.healthgrades-widget a {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: lighter;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: .13em .2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 9px 9px 0 0;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 9px 9px 0 0
}

#healthgrades-widget a#healthgrades,
#healthgrades-widget a.healthgrades,
#healthgrades-widget li.healthgrades a,
.healthgrades-widget a#healthgrades,
.healthgrades-widget a.healthgrades,
.healthgrades-widget li.healthgrades a {
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap
}

#healthgrades-widget a:hover,
.healthgrades-widget a:hover {
    color: #3A4A65
}

#healthgrades-widget.dropdown a:hover,
.healthgrades-widget.dropdown a:hover {
    color: #fff;
    background: #849CB9
}

#healthgrades-widget ul ul,
.healthgrades-widget ul ul {
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0, #fff 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(80%, #fff));
    background: -webkit-linear-gradient(top, #f3f3f3 0, #fff 80%);
    background: -o-linear-gradient(top, #f3f3f3 0, #fff 80%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #fff 80%);
    background: linear-gradient(to bottom, #f3f3f3 0, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f3f3f3, endColorstr=#fefefe);
    width: 200px;
    list-style: none;
    position: absolute;
    margin: 0 0 0 -164px;
    padding: .5em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 9px 0 9px 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    display: none;
    -webkit-border-radius: 9px 0 9px 9px
}

#healthgrades-widget ul li:hover ul,
.healthgrades-widget ul li:hover ul,
.ir {
    display: block
}

#healthgrades-widget > ul > li.active > a,
#healthgrades-widget > ul > li:hover > a,
.healthgrades-widget > ul > li.active > a,
.healthgrades-widget > ul > li:hover > a {
    color: #3A4A65;
    background: #f3f3f3
}

#healthgrades-widget ul ul li a,
.healthgrades-widget ul ul li a {
    margin: 0;
    color: #3A4A65;
    width: auto;
    height: auto;
    font-size: 1em;
    text-align: right;
    text-transform: capitalize;
    font-weight: 400;
    padding: 3px 20px 3px 6px;
    line-height: 1.3;
    border-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 0
}

.alignleft,
.ir {
    text-align: left
}

.ir,
fieldset,
hr {
    border: 0
}

#healthgrades-widget ul ul li a.active,
#healthgrades-widget ul ul li a:hover,
.healthgrades-widget ul ul li a.active,
.healthgrades-widget ul ul li a:hover {
    color: #fff;
    background: #849CB9
}

.nocallout {
    -webkit-touch-callout: none
}

.pressed {
    background-color: rgba(0, 0, 0, .7)
}

textarea[contenteditable] {
    -webkit-appearance: none
}

.gifhidden {
    position: absolute;
    left: -100%
}

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    direction: ltr;
    overflow: hidden;
    text-indent: -999em
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0000);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.container,
.embed-container,
.shift,
.slideshow {
    position: relative
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before,
.slideshow-item:after,
.slideshow-item:before {
    content: "";
    display: table
}

.clearfix:after,
.row:after,
.slideshow-item:after {
    clear: both
}

.block,
.show {
    display: block
}

.hide {
    display: none
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.alignright {
    text-align: right
}

.aligncenter {
    text-align: center
}

.nostyling {
    list-style: none;
    padding: 0
}

.nopadding {
    padding: 0
}

.nomargin {
    margin: 0
}

.center {
    margin-left: auto;
    margin-right: auto
}

.left,
.pull-left {
    float: left
}

.pull-right,
.right {
    float: right
}

.img-center,
.img-left,
.img-right {
    float: none;
    margin: 2.5% auto;
    clear: both
}

body.zoom-whitening .img-right {
    background: #fff;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nofloat {
    float: none
}

.clear {
    clear: both
}

.clearleft {
    clear: left
}

.clearright {
    clear: right
}

.noclear {
    clear: none
}

.dl-horizontal:after,
hr {
    clear: both
}

.nomax {
    max-width: none
}

.fill {
    width: 100%
}

#preload,
.preload {
    display: none
}

.container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 96% !important;
    width: 960px;
    max-width: 960px
}

html body,
img {
    max-width: 100%
}

body > .container {
    width: 100% !important
}

body,
html,
html body {
    min-height: 100%
}

html body {
    min-width: 180px;
    padding: 0;
    margin: 0
}

img {
    vertical-align: middle
}

.bold,
.strong,
strong {
    font-weight: 700
}

.lead {
    margin-bottom: 1.6px;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 2.4000000000000004
}

dd,
dt,
li {
    line-height: 1.6
}

small {
    font-size: .85em
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

a.muted:hover {
    color: gray
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: .5em 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1 {
    font-size: 2.75em
}

h2 {
    font-size: 2.25em
}

h1 small,
h3 {
    font-size: 1.75em
}

h2 small,
h4 {
    font-size: 1.25em
}

h3 small,
h4 small,
h5 {
    font-size: 1em
}

h6 {
    font-size: .85em
}

p {
    margin: 0 0 1.8em;
    padding: 0
}

address,
div.address {
    display: block;
    margin-bottom: 1.6px;
    font-style: normal;
    line-height: 1.6
}

#invisalign-sidebar a,
form label .quiet,
form p.notice {
    font-style: italic
}

hr {
    background: #ddd;
    outline: 0;
    height: 1px;
    margin: 2px 0
}

.video-container {
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.embed-container {
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: .8em 0
}

.embed-container.docvid {
    padding-bottom: 52%
}

.embed-container.ratio16x9 {
    padding-bottom: 56.25%
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

ol,
ul {
    padding: 0;
    margin: 0 0 1.8em 25px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

ol.inline,
ol.unstyled,
ul.inline,
ul.unstyled {
    margin-left: 0;
    list-style: none
}

ol.inline > li,
ul.inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 1.6px
}

dt {
    font-weight: 700
}

dd {
    margin-left: .8em
}

.dl-horizontal:after,
.dl-horizontal:before {
    display: table;
    content: "";
    line-height: 0
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 180px
}

legend {
    padding-bottom: 1em
}

.field {
    padding: 10px 0
}

.field ul,
fieldset {
    margin: 0;
    padding: 0
}

.field label {
    display: inline-block;
    min-width: 20%
}

.field ul {
    list-style: none
}

input[type=date],
input[type=email],
input[type=file],
input[type=search],
input[type=tel],
input[type=text] {
    border-radius: 0;
    outline: 0;
    padding: .5% 10px !important;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    color: #333
}

.full textarea,
textarea {
    min-height: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: vertical;
    font-size: inherit;
    outline: 0;
    width: 100%;
    font-family: inherit;
    color: #333;
    vertical-align: top
}

input[type=file] {
    border: 0;
    height: 40px
}

input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

input[type=button],
input[type=submit] {
    line-height: normal;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-group textarea {
    resize: vertical;
    font-family: inherit;
    font-size: inherit;
    color: #333
}

textarea {
    display: inline-block;
    padding: 10px !important;
    box-sizing: border-box
}

.full textarea {
    display: block;
    padding: .5% 10px !important;
    box-sizing: border-box
}

.full select,
select {
    font-family: inherit;
    font-size: inherit;
    color: #333;
    outline: 0;
    height: 34px;
    padding: .5%;
    width: 100%;
    max-width: 100%;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0
}

select:focus {
    outline: 0;
    border: 1px solid #999
}

select[multiple] {
    min-height: 100px;
    vertical-align: top
}

input,
select,
textarea {
    border: 1px solid #ccc
}

.ie9 .radio-group input {
    border: none
}

.slideshow {
    width: 100%;
    list-style: none;
    overflow: hidden
}

.slideshow.office-tour {
    max-width: 500px
}

.slideshow ul,
ul.slideshow {
    margin: 0 0 1.8em;
    padding: 0;
    list-style: none
}

.slideshow .slideshow-item {
    display: none;
    position: relative;
    z-index: 1
}

.slideshow .slideshow-item .caption {
    position: static;
    background: #444;
    left: 0;
    bottom: 0;
    z-index: 500;
    width: 94%;
    margin: 0;
    padding: 2.5% 3%;
    color: #fff;
    clear: both
}

#invisalign-before-after p.caption {
    clear: both;
    width: 100%
}

body.invisalign-before-after .slideshow .slideshow-item .caption {
    padding: 1% 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slideshow .slideshow-active {
    display: block;
    z-index: 5
}

.slideshow .slideshow-nav:nth-child(2) {
    display: none
}

.slideshow-no-transition .slideshow-item {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.slideshow-nav {
    z-index: 10
}

.slideshow-nav-paginated ol {
    margin: 0 4em;
    padding: 0
}

nav ul,
nav ul li,
nav ul ul {
    margin: 0;
    padding: 0
}

.slideshow-nav-paginated li,
.slideshow-nav-paginated li a {
    display: inline-block;
    position: relative
}

.slideshow-fade {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slideshow-fade .slideshow-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.slideshow-fade .slideshow-active,
nav ul li {
    position: relative
}

.slideshow-fade .slideshow-item,
.slideshow-fade .slideshow-out {
    opacity: 0
}

.slideshow-fade .slideshow-active,
.slideshow-fade .slideshow-in {
    opacity: 1
}

nav {
    overflow: visible;
    z-index: 9
}

nav ul {
    display: block;
    list-style: none;
    width: 100%;
    height: auto
}

nav ul li {
    display: block;
    float: none;
    width: 100%
}

nav ul li a {
    display: block;
    padding: 12px
}

nav ul ul {
    width: auto;
    z-index: 10
}

nav ul ul li {
    float: none;
    width: 100%;
    height: auto;
    background: 0 0
}

nav ul ul li a {
    width: auto;
    height: auto;
    background: 0 0
}

nav .collapsible ul {
    display: none
}

nav .collapsible .trigger {
    display: block;
    padding: 20px
}

.no-js nav .collapsible ul,
nav .open > ul {
    display: block
}

.no-js nav .collapsible .trigger {
    display: none
}

body.office-tour .video-sleeve {
    margin: 0 auto
}

.before-and-after.slideshow,
.office-tour.slideshow {
    background: 0 0;
    margin: 0 auto
}

.before-and-after.slideshow .slideshow-nav,
.office-tour.slideshow .slideshow-nav {
    top: 0;
    width: 100%;
    background: #444
}

.office-tour.slideshow .slideshow-item img {
    display: block;
    margin: 0 auto
}

.office-tour.slideshow.stretch .slideshow-item img {
    width: 100%;
    height: auto !important
}

.before-and-after.slideshow .slideshow-item img {
    display: block;
    float: left;
    border: 0;
    width: 50%;
    height: auto !important;
    margin: 0;
    padding: 0
}

.before-and-after.slideshow .slideshow-item .desc,
.office-tour.slideshow .slideshow-item .desc {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    margin: 0;
    padding: 2%
}

.before-and-after.slideshow .slideshow-nav a,
.office-tour.slideshow .slideshow-nav a {
    display: block;
    color: #fff;
    padding: 15px 5px
}

.before-and-after.slideshow .slideshow-nav a:hover,
.office-tour.slideshow .slideshow-nav a:hover {
    color: #999
}

.before-and-after.slideshow .slideshow-pagination,
.office-tour.slideshow .slideshow-pagination {
    text-align: center;
    margin: 0 56px
}

.before-and-after.slideshow .slideshow-nav a.prev,
.office-tour.slideshow .slideshow-nav a.prev {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px
}

.before-and-after.slideshow .slideshow-nav a.next,
.office-tour.slideshow .slideshow-nav a.next {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px
}

.before-and-after.slideshow .slideshow-nav,
.office-tour.slideshow .slideshow-nav {
    -webkit-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, .5);
    -mob-box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, .5);
    box-shadow: inset 0 5px 4px -4px rgba(0, 0, 0, .5);
    min-height: 45px;
    position: absolute;
    margin: .5em auto 0
}

form label,
input[type=hidden] {
    min-height: 0
}

.before-and-after.slideshow .slideshow-item,
.office-tour.slideshow .slideshow-item {
    margin-top: 40px
}

.types-of-appliances .img-left {
    border-radius: 10px;
    -moz-border-radius: 10px
}

.brushing-and-flossing hr,
.brushing-and-flossing-instructions hr,
.brushing-flossing hr,
.types-of-braces hr,
div.hr hr {
    display: none
}

#pro-pack .img-right {
    margin: 10px 0 10px 20px;
    padding: 6px;
    border-radius: 8px;
    -moz-border-radius: 8px
}

#pro-pack .img-left {
    margin: 5px 20px 10px 0;
    border-radius: 3px;
    -moz-border-radius: 3px
}

#pro-pack h2 {
    padding-top: 15px
}

#pro-pack #testimonials li {
    list-style: none;
    clear: both;
    margin: 25px 0
}

#pro-pack #testimonials li img {
    margin: 5px 15px 15px 0
}

#pro-pack #testimonials li p {
    margin: 0
}

#pro-pack #invisalign-footer {
    background: rgba(255, 255, 255, .7);
    width: 85%;
    margin: 30px 10px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, .3);
    text-align: center
}

#pro-pack #invisalign-footer h3 {
    background: #97AFC2;
    margin: 0 -15px 20px;
    padding: 8px 15px;
    color: #fff;
    font-size: 1.25em
}

#pro-pack #invisalign-footer ul {
    margin: 0 0 15px
}

#pro-pack #invisalign-footer li {
    list-style: none;
    display: inline-block;
    width: 32%;
    padding: 0;
    margin: 4px 0
}

#pro-pack .invisalign-footer-logo {
    margin: 0;
    width: 180px;
    max-width: 100%
}

.comparison img,
.in-ovation-image {
    -webkit-border-radius: 99px;
    border-radius: 99px
}

.comparison img {
    float: left;
    margin-right: 15px
}

#toggle-emergency li .toggle-div,
#toggle-emergency li div,
p#toggle-links a {
    display: none
}

#toggle-emergency {
    margin: 0
}

#toggle-emergency li {
    list-style: none
}

#toggle-content ul li {
    clear: both;
    list-style: none
}

#toggle-content .hr {
    clear: both
}

#toggle-content dt {
    font-size: 1.6em;
    margin-bottom: 20px;
    font-weight: 400
}

#toggle-content dd {
    margin-left: 0
}

#toggle-content img {
    max-width: 100%
}

#invisalign-sidebar img {
    display: block
}

#invisalign-footer,
#suresmile-footer {
    background: rgba(255, 255, 255, .7);
    width: 85%;
    max-width: 430px;
    margin: 30px 10px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, .3);
    text-align: center
}

#invisalign-footer h3,
#suresmile-footer h3 {
    background: #97AFC2;
    margin: 0 -15px 20px;
    padding: 8px 15px;
    color: #fff;
    font-size: 1.25em
}

#invisalign-footer ul,
#suresmile-footer ul {
    margin: 0 0 15px
}

#invisalign-footer li,
#suresmile-footer li {
    list-style: none;
    display: inline-block;
    width: 69px;
    margin: 0 2%;
    overflow: hidden
}

#suresmile-footer li {
    display: inline;
    list-style: none
}

.before-after-image span,
body.common-procedures #bd img.img-right,
body.common-procedures #main-content img.img-right {
    display: block
}

.invisalign-footer-logo {
    margin: 0;
    width: 180px;
    max-width: 100%
}

p.before-after-text {
    width: 50%;
    float: right
}

.before-after-box {
    width: 51%
}

.before-after-image {
    width: 40%;
    float: left;
    text-align: center;
    padding-right: 20px;
    margin-bottom: 25px
}

form .full label input,
form label input,
form label textarea {
    width: 100% !important
}

.before-after-image img {
    border: 1px solid rgba(0, 0, 0, .3)
}

.img-right {
    max-width: 50%;
    margin-top: 0
}

form fieldset {
    margin: 0
}

form h2 {
    margin: .5em 0
}

form .form-group {
    margin-bottom: 25px
}

div.radio-group {
    margin-bottom: 20px
}

form .checkbox-field label,
form .radio-field label {
    display: inline-block;
    margin: 10px 0 0;
    height: 1em
}

form label {
    display: block;
    line-height: 1em;
    font-weight: 400;
    max-width: 100%
}

form fieldset span,
form label span {
    margin-bottom: 8px;
    display: block;
    font-size: 1em
}

form label.required {
    font-weight: 700
}

form label .quiet {
    font-weight: 400;
    margin-top: 3px
}

form label br {
    display: none
}

form p {
    margin: 0 0 1.58em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    padding: 0
}

form p.required {
    height: auto;
    margin-bottom: 3px
}

form p.notice {
    margin: 0 0 25px !important
}

form label input {
    padding: 5px 1% !important;
    margin-top: 2px
}

form .full label input {
    padding: .5% 10px !important;
    margin-top: 2px
}

form .radio-group label input,
form label textarea {
    padding: 5px !important;
    margin-top: 2px
}

form .full label textarea {
    width: 100% !important;
    padding: .5% 10px !important;
    margin-top: 2px
}

form button {
    margin: 10px 0 25px;
    padding: 8px 12px;
    cursor: pointer
}

form .radio-group p {
    height: auto
}

form #rating label,
form .full label {
    margin: 15px 5px;
    clear: both;
    line-height: 1em
}

.ie9 .checkbox-field input[type=checkbox],
.ie9 .radio-field input[type=radio] {
    padding: 0 !important
}

.ie10 form #rating label input,
.ie10 form .full label input[type=radio],
.ie9 form #rating label input,
.ie9 form .full label input[type=radio] {
    margin: 9px 0;
    width: 20px !important;
    float: left;
    padding: 0 !important
}

.checkbox-field input[type=checkbox],
.checkbox-field label input[type=checkbox],
.radio-field label input[type=radio] {
    margin: 0;
    text-align: left;
    width: 20px !important;
    padding: 0;
    vertical-align: top;
    height: 1em
}

.radio-group .radio-field label input[type=checkbox] {
    margin: 0 5px 0 0
}

.ie10 .checkbox-field input[type=checkbox],
.ie10 .radio-field input[type=radio] {
    padding: 0 !important
}

form .form-group.checkbox-field {
    margin-bottom: 5px
}

form p.checkbox-heading {
    margin: 2em 0 1.58em
}

form .label-margin-top {
    margin: 2em 0 0
}

form #rating label span {
    margin-left: 20px
}

form #rating label input,
form .full label input[type=radio] {
    float: left;
    position: relative;
    width: 20px !important;
    height: 1em;
    margin: 0 3px !important;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ie8 form #rating label input,
.ie8 form .full label input {
    margin-top: 4px !important
}

form #survey_participant {
    margin: 20px 0 0
}

form #survey_participant legend {
    padding-bottom: 0
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-align: left;
    width: 20px !important;
    padding: 0
}

form .form-group #rating label input {
    margin: 6px !important
}

form .full label input[type=date] {
    min-width: 76% !important
}

form label {
    margin: 15px 0 0
}

legend {
    margin-left: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    font-size: 1.4285714285714em;
    font-family: inherit;
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 5px 0
}

form .radio-group label input {
    width: 20px !important
}

.location-page-map-link {
    margin-bottom: 0;
    height: 20px;
    position: relative
}

.location-page-map-link a {
    display: block;
    position: absolute;
    width: 100%;
    height: 353px;
    z-index: 10
}

#invisalign-before-after > p,
#jquery-know-your-teeth #titles,
.cycle-detail span {
    display: none
}

#braces-painter,
#cmb-mouth {
    position: relative;
    max-width: 410px
}

.embed-container.map {
    height: 300px;
    padding-bottom: 0
}

#jquery-know-your-teeth #age,
#jquery-know-your-teeth #desc {
    height: 40px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif
}

#jquery-know-your-teeth {
    background: url(/assets/uploads/images/teeth-for-life/teeth-bg.png) no-repeat;
    width: 500px;
    height: 400px;
    margin-top: 15px;
    position: relative
}

#jquery-know-your-teeth #age {
    width: 100px;
    top: 10px;
    left: 10px;
    font-size: 16px;
    font-weight: 700
}

#jquery-know-your-teeth #age span {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    margin: 3px 0 0;
    color: #000
}

#jquery-know-your-teeth #desc {
    width: 370px;
    top: 9px;
    left: 110px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 13px
}

#jquery-know-your-teeth #teeth-img {
    position: absolute;
    top: 64px;
    left: 20px
}

#jquery-know-your-teeth #footer {
    width: 500px;
    height: 50px;
    position: absolute;
    top: 345px;
    padding-top: 2px;
    padding-left: 15px
}

#jquery-know-your-teeth #footer .btn {
    background: #fff;
    cursor: pointer;
    width: 53px;
    height: 13px;
    padding-left: 3px;
    padding-bottom: 2px;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #000;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700
}

#jquery-know-your-teeth #footer .btn:active,
#jquery-know-your-teeth #footer .btn:hover {
    background-color: #f7f571
}

body.sitemap #bd ul li,
body.sitemap #bd ul ul li {
    list-style: none
}

@media only screen and (max-width:47.9375em) {

    .before-after-box,
    .mob-fill,
    p.before-after-text {
        width: 100%
    }

    .show-mob,
    .showmob,
    .showmobile {
        display: block !important
    }

    .hide-mob,
    .hidemob,
    .hidemobile,
    .no-mob,
    .nomob {
        display: none !important
    }

    .mob-inline-block {
        display: inline-block !important
    }

    .mob-inline {
        display: inline !important
    }

    .mob-alignleft {
        text-align: left
    }

    .mob-alignright {
        text-align: right
    }

    .mob-aligncenter {
        text-align: center
    }

    .mob-center {
        margin-left: auto;
        margin-right: auto
    }

    .mob-nostyling {
        list-style: none;
        padding: 0
    }

    .mob-nopadding {
        padding: 0
    }

    .mob-nomargin {
        margin: 0
    }

    .mob-left {
        float: left
    }

    .mob-right {
        float: right
    }

    .mob-nofloat,
    .mobnofloat {
        float: none
    }

    .mob-clear {
        clear: both
    }

    .mob-clearleft {
        clear: left
    }

    .mob-clearright {
        clear: right
    }

    .mob-noclear {
        clear: none
    }

    .mob-nomax {
        max-width: none
    }

    .before-after-image {
        width: 50%;
        padding: 0
    }

    .full select,
    .full textarea,
    input[type=date],
    input[type=email],
    input[type=file],
    input[type=search],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        width: 100%
    }

    #pro-pack .img-right {
        margin: 10px 0 10px 10px;
        float: none
    }

    select {
        max-width: 100%
    }

    form .full label input,
    form .full label textarea,
    form label input,
    form label textarea,
    form.full label input,
    form.full label textarea {
        width: 100% !important
    }

    .form-group textarea {
        with: 100%
    }
}

#tooth_11,
#tooth_12,
#tooth_5,
#tooth_6 {
    width: 5%;
    position: absolute;
    background-color: #fff;
    cursor: pointer
}

#tooth_0 {
    position: absolute;
    top: 42%;
    left: 20%;
    width: 3.5%;
    height: 5%;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    cursor: pointer
}

#tooth_1 {
    position: absolute;
    top: 43%;
    left: 23.5%;
    width: 3%;
    height: 3%;
    background-color: #fff;
    cursor: pointer
}

#tooth_2 {
    position: absolute;
    top: 43%;
    left: 27%;
    width: 4%;
    height: 3.34%;
    background-color: #fff;
    cursor: pointer
}

#tooth_3 {
    top: 43%;
    position: absolute;
    left: 35%;
    width: 4%;
    height: 17px;
    background-color: #fff;
    cursor: pointer
}

#tooth_4 {
    top: 44%;
    left: 44%;
    position: absolute;
    width: 4%;
    height: 4%;
    background-color: #fff;
    cursor: pointer
}

#tooth_5 {
    top: 45%;
    left: 53%;
    height: 4%
}

#tooth_6 {
    top: 46%;
    left: 60%;
    height: 4%
}

#tooth_7 {
    position: absolute;
    top: 45%;
    left: 65%;
    width: 4%;
    height: 4%;
    background-color: #fff;
    cursor: pointer
}

#tooth_8 {
    position: absolute;
    top: 48%;
    left: 24%;
    width: 3%;
    height: 5%;
    background-color: #fff;
    cursor: pointer
}

#tooth_9 {
    position: absolute;
    top: 50%;
    left: 27%;
    border-bottom-right-radius: 20px;
    width: 3%;
    height: 5%;
    background-color: #fff;
    cursor: pointer
}

#tooth_10 {
    position: absolute;
    top: 50.8%;
    left: 30.75%;
    width: 4.1%;
    height: 4%;
    background-color: #fff;
    cursor: pointer
}

#tooth_11 {
    left: 35%;
    height: 5%;
    top: 51%
}

#tooth_12 {
    top: 51%;
    left: 41%;
    height: 5%
}

#tooth_13 {
    position: absolute;
    top: 51%;
    left: 48%;
    width: 6%;
    background-color: #fff;
    height: 4%
}

#braces-painter {
    width: 100%;
    margin: 0 auto 20px;
    float: none;
    height: auto;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#assign_btns,
#cmb-infobox {
    width: 100%;
    -moz-box-sizing: border-box;
    text-align: center
}

.ie10 .hide-cmb-text,
.ie8 .hide-cmb-text,
.ie9 .hide-cmb-text {
    display: none
}

#cmb-infobox {
    margin: 0 auto 20px;
    color: #333;
    padding: 10px;
    background: #ecebe0;
    box-sizing: border-box;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-border-radius: 9px
}

.color-braces-icon {
    margin: 28% 25% 0;
    color: #fff;
    font-size: 18px
}

.color-braces-icon-black {
    margin: 28% 25% 0;
    color: #000;
    float: left;
    font-size: 18px
}

#assign_btns {
    margin: 0 auto 10px;
    box-sizing: border-box
}

.assign_btn {
    width: 55px;
    height: 55px;
    background: #ecebe0;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
    color: #333;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    overflow: hidden
}

.assign_btn span {
    margin-top: 28%;
    font-size: .6em;
    line-height: 1.2;
    text-transform: uppercase;
    display: block
}

#color_btns {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
    max-width: 410px;
    clear: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.color_btn {
    margin-right: 5px;
    margin-bottom: 5px;
    width: 40px;
    height: 40px;
    vertical-align: top;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block
}

#cmb-color-selectors {
    width: 100%
}

.cmb-tooth {
    width: 20px;
    height: 24px;
    background-color: #fff;
    cursor: pointer;
    z-index: 1
}

#cmb-mouth {
    pointer-events: none;
    max-height: 410px;
    height: auto;
    width: 100%;
    z-index: 60
}

@media only screen and (min-width:48em) {

    .img-right,
    select {
        max-width: 100%
    }

    .affix {
        position: fixed
    }

    .img-left {
        float: left;
        margin: 0 2.5% 2.5% 0;
        clear: left
    }

    .slideshow .slideshow-item .caption {
        position: relative;
        background: #444
    }

    body.zoom-whitening .img-right {
        margin: 0 0 2.5% 2%
    }

    .img-right {
        float: right;
        clear: right;
        margin: 0 0 2.5% 2.5%
    }

    #pro-pack #testimonials strong {
        display: block
    }

    body.sitemap .width1 {
        width: 50%;
        display: inline;
        float: left
    }

    .full select,
    .full textarea,
    input[type=date],
    input[type=email],
    input[type=file],
    input[type=search],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        width: 80%
    }

    form .full label input,
    form .full label textarea,
    form label input,
    form label textarea,
    form.full label input,
    form.full label textarea {
        width: 80% !important
    }

    #cmb-color-selectors {
        width: 58%
    }

    #braces-painter {
        width: 42%;
        float: right;
        height: auto;
        position: relative;
        max-width: 410px;
        z-index: 10;
        background-repeat: no-repeat
    }

    .assign_btn,
    .color_btn {
        float: left;
        cursor: pointer
    }

    #assign_btns {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 30px auto 20px
    }

    .assign_btn {
        width: 55px;
        height: 55px;
        text-align: center;
        margin-right: 10px;
        color: #333;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    #color_btns {
        margin: 10px 0;
        padding: 0;
        width: 100%;
        max-width: 410px;
        text-align: center
    }

    .color_btn {
        margin-right: 5px;
        margin-left: 5px;
        width: 40px;
        height: 40px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-border-radius: 50%
    }

    #color-my-braces-container {
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width:48em) and (max-width:63.9375em) {
    .tab-affix {
        position: fixed
    }

    .show-tab,
    .showtab,
    .showtablet {
        display: block !important
    }

    .hide-tab,
    .hidetab,
    .hidetablet {
        display: none !important
    }

    .tab-inline-block {
        display: inline-block !important
    }

    .tab-inline {
        display: inline !important
    }

    .tab-alignleft {
        text-align: left
    }

    .tab-alignright {
        text-align: right
    }

    .tab-aligncenter {
        text-align: center
    }

    .tab-center {
        margin-left: auto;
        margin-right: auto
    }

    .tab-nostyling {
        list-style: none;
        padding: 0
    }

    .tab-nopadding {
        padding: 0
    }

    .tab-nomargin {
        margin: 0
    }

    .tab-left {
        float: left
    }

    .tab-right {
        float: right
    }

    .tab-nofloat,
    .tabnofloat {
        float: none
    }

    .tab-clear {
        clear: both
    }

    .tab-clearleft {
        clear: left
    }

    .tab-clearright {
        clear: right
    }

    .tab-noclear {
        clear: none
    }

    .tab-nomax {
        max-width: none
    }

    .tab-fill {
        width: 100%
    }
}

@media only screen and (min-width:64em) {

    .desk-fill,
    nav ul {
        width: 100%
    }

    .desk-affix {
        position: fixed
    }

    .show-desk,
    .showdesk,
    .showdesktop {
        display: block !important
    }

    .hide-desk,
    .hidedesk,
    .hidedesktop {
        display: none !important
    }

    .desk-inline-block {
        display: inline-block !important
    }

    .desk-inline {
        display: inline !important
    }

    nav ul,
    nav ul li a {
        display: block;
        padding: 0
    }

    .desk-alignleft {
        text-align: left
    }

    .desk-alignright {
        text-align: right
    }

    .desk-aligncenter {
        text-align: center
    }

    .desk-center {
        margin-left: auto;
        margin-right: auto
    }

    .desk-nomargin,
    nav ul {
        margin: 0
    }

    .desk-nostyling {
        list-style: none;
        padding: 0
    }

    .desk-nopadding {
        padding: 0
    }

    .desk-left {
        float: left
    }

    .desk-right {
        float: right
    }

    .desk-nofloat,
    .desknofloat {
        float: none
    }

    .desk-clear {
        clear: both
    }

    .desk-clearleft {
        clear: left
    }

    .desk-clearright {
        clear: right
    }

    .desk-noclear {
        clear: none
    }

    .desk-nomax {
        max-width: none
    }

    nav {
        overflow: visible
    }

    nav ul {
        list-style: none;
        height: auto
    }

    nav ul li ul,
    nav ul li.open ul {
        display: none;
        position: absolute;
        width: 240px
    }

    .has-touch nav ul li.open ul,
    nav ul li:hover ul {
        display: block
    }

    nav ul ul li a {
        padding: 12px
    }

    nav.horizontal ul {
        height: 100%
    }

    nav.horizontal ul li {
        float: left;
        display: inline-block;
        min-height: 100%;
        position: relative;
        width: auto;
        height: 100%
    }

    nav.horizontal ul li a {
        width: auto;
        max-width: 100%;
        height: 100%
    }

    nav.horizontal ul ul {
        top: 100%;
        margin: 0 auto;
        height: auto
    }

    nav.horizontal ul ul li {
        display: block;
        float: none;
        width: 100%
    }

    nav.horizontal ul ul li a {
        width: auto
    }

    nav .collapsible .trigger {
        display: none
    }

    nav .collapsible > ul {
        display: block
    }

    .location-page-map-link {
        height: auto
    }

    .location-page-map-link a {
        display: inline;
        position: relative;
        width: auto;
        height: auto
    }

    .embed-container.map {
        height: 0;
        padding-bottom: 45%
    }

    #main-nav li.patient-care-videos,
    body.sitemap li.patient-care-videos {
        display: block
    }
}

.aao-pro-pack-video-sleeve {
    width: 100%;
    max-width: 80%
}

.aao-pro-pack-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    width: 99.99%;
    overflow: hidden;
    margin-bottom: 20px
}

.aao-pro-pack-video-container embed,
.aao-pro-pack-video-container iframe,
.aao-pro-pack-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ie8 .slideshow .slideshow-item {
    display: none
}

.ie8 .slideshow .slideshow-active {
    display: block
}

@media (max-width:1024px){
	#menu-main-menu>.menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items:center;
	}

	#menu-main-menu>.menu-item-has-children:after {
		content: "\f067";
		order: 0;
		width:20px;
		height:20px;
		margin-left:10px;
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
	}
	 #menu-main-menu>.menu-item-has-children.activeMenu:after {
        transform: rotate(45deg);
    }
	#menu-main-menu>.menu-item-has-children ul.sub-menu {
		order: 2;
	}
	.activeMenu.menu-item-has-children > ul.sub-menu, .activeMenu.menu-item-has-children > ul.sub-menu *{
		position:relative !important;
		left: 0 !important;
	}
}