.text-center {
text-align: center !important;
}
.bg-primary {
background-color: #23305c !important;
}
.text-white {
color: #fff;
}
.btn,
.btn:hover,
.btn:focus,
.btn:active {
outline: none;
text-decoration: none !important;
transition: all 600ms ease !important;
box-shadow: none; font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px !important;
border-radius: 2em !important;
}
.btn {
padding: 11px 24px 10px 24px !important;
font-size: 14px !important;
border-width: 2px !important;
min-width: 150px;
}
.btn-sm {
font-size: 13px;
}
.btn-lg {
padding: 12px 20px;
font-size: 15px;
}
.btn-info {
color: #fff !important;
background-color: #01baf2 !important;
border-color: #01baf2 !important;
}
.btn-info:hover,
.btn-info:focus {
background-color: #01baf2 !important;
border-color: #01baf2 !important;
}
.btn-outline-info:hover {
color: #fff;
background-color: #01baf2;
border-color: #01baf2;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: #23305c !important;
border-color: #23305c !important;
color: #fff !important;
}
.btn-light {
color: #01baf2;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem;
}
.m-2 {
margin: .5rem;
}
.ml-auto, .mx-auto {
margin-left: auto;
}
.mr-auto, .mx-auto {
margin-right: auto;
}
.mb-3, .my-3 {
margin-bottom: 1rem;
}
.p-5 {
padding: 3rem;
}
.p-4 {
padding: 1.5rem;
}
.text-center {
text-align: center;
}
strong, b, .font-weight-bold {
font-weight: 600;
}
.text-primary {
color: #23305c;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
background-color: #fff;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125);
}
.text-info {
color: #01baf2;
}
.text-uppercase {
text-transform: uppercase;
}
.bg-light {
background-color: #f1f1f1;
}
.form-control {
height: 54px;
box-shadow: none;
outline: none;
color: #495057 !important;
background-color: #fff !important;
border: 1px solid #ced4da !important;
border-radius: .25rem !important;
}
label {
font-size: 16px !important;
}
.img-pos {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.font-weight-light { font-weight: 300;
}
strong,
b { font-weight: 600;
} .section-pad-top {
padding-top: 30px;
}
@media (min-width: 1024px) {
.section-pad-bottom {
padding-bottom: 30px;
}
.section-pad-top {
padding-top: 70px;
}
} @media screen and (max-device-width: 1023px) {
body {
-webkit-text-size-adjust: none;
}
}
@media (min-width: 1556px) {
.container {
max-width: 1400px;
}
}
@media (min-width: 1200px) {
.desktop-hide {
display: none;
}
}
.text-white a:not(.btn) {
color: #fff;
}
.text-white a:not(.btn):hover {
color: #01baf2;
} .header-alert {
border-radius: 0px;
padding-right: 60px;
}
.alert-close {
right: 10px;
top: 50%;
min-width: auto !important;
display: inline-block;
font-size: 24px !important;
transform: translateY(-50%);
padding: 0 !important;
width: 40px;
height: 40px;
}
.top-bar .call {
font-size: 16px;
}
.top-bar .call a {
font-size: 17px; font-weight: 600;
}
.top-bar .call a:hover,
.top-bar .call a:focus {
color: #01baf2;
}
.social-links a {
font-size: 16px;
color: #01baf2 !important;
}
.social-links a:not(:last-child) {
margin-right: 12px;
} nav.navbar {
background-color: #1f1f1f; top: 0;
z-index: 100;
}
.navbar-nav li a {
font-size: 16px; }
.navbar-nav li a:not(.btn) {
color: #fff;
display: block;
white-space: inherit;
}
.sidebar-nav li a:not(.btn) {
font-size: 17px;
}
.sidebar-nav li a i.fa.fa-angle-down {
font-size: 36px;
float: right;
margin-top: -10px;
}
.navbar-nav li.nav-link {
position: relative;
border-radius: 4px;
}
.navbar-nav li:hover>a {
color: #01baf2;
}
.navbar-nav li .btn {
font-size: 12px;
}
.dropdown-menu {
padding: 15px;
background: #252729;
border: none;
margin: 0;
min-width: 320px;
}
.two-column-menu {
min-width: 420px;
}
.dropdown.open .dropdown-menu {
display: block;
}
.dropdown-toggle::after {
content: none;
}
.menu-close {
box-shadow: none;
background-color: transparent;
border: none;
}
#sidebar-wrapper {
--story-page-vh: 1vh;
position: fixed!important;
top: 0;
max-height: 100vh!important;
height: 100vh;
outline: none;
overflow-x: hidden!important;
overflow-y: auto!important;
z-index: 2147483647;
-webkit-overflow-scrolling: touch;
will-change: transform;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background: #252729;
max-width: inherit;
right: -100%;
}
#sidebar-wrapper.show-nav {
right: 0;
}
#sidebar-wrapper .menu-close {
top: 32px;
} .navbar-nav li a.dropdown-item:hover {
background-color: transparent;
}
div#awb-mega-menu-2553 {
max-width: 420px;
left: 50% !important;
transform: translateX(-50%);
}
.fusion-tb-header {
z-index: 100 !important;
position: relative;
}
@media (min-width: 1200px) { #sidebar-wrapper {
display: none;
}
.navbar-nav li.nav-link:hover {
color: #01baf2;
}
#sidebar-wrapper,
.i-amphtml-sidebar-mask,
.mobile-appointment {
display: none;
}
.navbar-nav>li:last-child {
margin-left: 15px;
}
.navbar-nav li {
display: inline-flex;
align-items: center;
}
.dropdown-menu {
box-shadow: 0 8px 24px rgba(0, 0, 0, .13);
}
.mega-dropdown .dropdown-menu {
padding: 15px;
overflow: hidden;
position: fixed !important;
left: 0;
top: 159px;
right: 0;
max-width: 1140px;
margin: auto;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-nav li a.dropdown-item {
padding: 12px;
border-radius: 3px; color: #ffffff;
}
.dropdown-menu .card {
border-radius: 0px 24px 0 0;
overflow: hidden;
}
.navbar-nav li a.dropdown-item:hover {
text-decoration: none;
color: #01baf2;
}
.two-column-menu {
left: 50%;
transform: translateX(-50%);
}
}
.sidebar-nav {
padding: 0 15px;
width: 100%;
margin: 0;
}
@media (max-width: 1023px) {
.navbar-nav li.nav-link {
padding: 15px 0;
}
.sidebar-nav li {
margin: 0;
}
.sidebar-nav li a:not(.btn):not(:last-child) {
margin-bottom: 8px;
}
.sidebar-nav li a:not(.btn) {
padding-left: 0px;
padding-right: 0px;
}
.navbar-nav li:hover>a {
color: #01baf2;
}
.dropdown-menu {
background-color: #252729;
}
.dropdown-item:focus,
.dropdown-item:hover {
background-color: transparent;
color: #01baf2 !important;
}
}
@media (max-width: 767.98px) {
.menu-toggle {
right: 15px;
}
}
.mobile-appointment {
position: absolute;
right: 80px;
top: 61px;
}
.mobile-appointment img {
width: 26px;
}
.menu-toggle:hover {
text-decoration: none;
color: #23305c;
}
.menu-toggle {
position: absolute;
right: 31px;
top: 70px;
width: 28px;
height: 20px;
color: #23305c;
line-height: 50px;
z-index: 1032;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
}
.menu-toggle:focus {
outline: none;
}
.menu-toggle.active:before {
left: -5px;
top: 10px;
}
.menu-toggle .hamburger {
position: absolute;
right: 0;
width: 28px;
height: 20px;
}
.menu-toggle .hamburger span {
display: block;
position: absolute;
width: 100%;
height: 4px;
background: #01baf2;
border-radius: 1px;
opacity: 1;
left: auto;
right: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.menu-toggle .hamburger span:nth-child(1) {
top: 0;
}
.menu-toggle .hamburger span:nth-child(2),
.menu-toggle .hamburger span:nth-child(3) {
top: 9px;
}
.menu-toggle .hamburger span:nth-child(4) {
top: 18px;
}
.menu-toggle.active .hamburger span:nth-child(1) {
top: 9px;
width: 0;
left: 50%;
}
.menu-toggle.active .hamburger span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle.active .hamburger span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-toggle.active .hamburger span:nth-child(4) {
top: 9px;
width: 0;
left: 50%;
}
#carouselExampleFade,
#carouselExampleFade .img-pos {
min-height: calc(50vh - 90px);
position: relative;
}
.badge-invisalign {
position: absolute;
right: 50px;
top: 50px;
z-index: 1;
}
.banner-caption .bg-light {
background-color: rgba(255, 255, 255, 0.70);
}
.banner-caption {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.banner-caption h2 {
line-height: 1.2;
}
.showMenu {
display: block;
}
.hideMenu {
display: none;
}
.banner-caption {
background-color: #f1f1f1;
}
.banner-caption h1 {
color: #23305c;
}
@media (min-width: 1024px) {
#carouselExampleFade,
#carouselExampleFade .img-pos {
min-height: calc(100vh - 90px);
}
.banner-caption {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
margin: auto;
text-align: center;
height: 100%;
background-color: rgb(31 31 31 / 0.3);
display: flex;
align-items: flex-end;
justify-content: center;
color: #fff;
z-index: 10;
}
.banner-caption h1 {
font-size: 60px;
color: #fff;
}
.banner-caption p {
font-size: 18px; font-weight: 500;
margin: 0;
}
}
@media (max-width: 1023px) {
.banner-caption .btn {
margin-top: 0px;
}
.badge-invisalign {
bottom: 20px;
top: auto;
right: 20px;
width: 80px;
height: auto;
}
}
.expertCare {
justify-content: center;
}
.expertCare .card {
border: none;
height: 100%;
align-items: center;
justify-content: center;
}
.feature-list .card {
height: 100%;
align-items: center;
justify-content: center;
}
@media (min-width: 1024px) {
.expertCare .card {
min-height: 400px;
}
.feature-list .card {
min-height: 330px;
}	
}
.testimonials-carousel {
position: relative;
word-wrap: break-word;
}
.testimonials-carousel amp-fit-text {
white-space: normal;
width: 298px;
height: 400px;
overflow: hidden;
position: relative;
}
.testimonials-carousel .card {
height: auto;
border-radius: 10px;
border: 1px solid rgb(238, 238, 238);
margin-top: 30px;
}
.testimonials-carousel .card .quote-top {
padding: 10px;
display: block;
width: 70px;
margin: auto;
position: relative;
margin-top: -60px;
background-color: #fff;
font-size: 6.5rem;
font-family: Verdana;
letter-spacing: -8px;
color: #01baf2;
height: 70px;
line-height: 80px;
}
.testimonials-carousel .card-body {
padding: 2.5em;
word-break: break-word;
}
.testimonials-carousel .card-body .review-img.img-pos {
margin: -2.5em;
min-height: 294px;
}
.testimonials-carousel .card-body .h5 {
line-height: 1.7;
}
.testimonials-carousel .card-footer {
font-weight: 600;
font-size: 16px;
border-radius: 0 0 10px 10px;
flex-direction: column;
display: flex;
align-items: center;
background-color: #fff;
}
.testimonials-carousel .review-user {
width: 45px;
height: 45px;
display: block;
border-radius: 50%;
margin-right: 1.25em;
} @media (min-width: 1024px) {
.invisalign-section {
padding: 7.04% 0;
background-position: bottom center;
}
.request-section {
padding: 4% 0 !important;
}
}
.footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer ul li {
margin-bottom: .5rem;
font-size: 14px;
}
.footer ul li a, .footer a {
color: #fff;
}
.copyright-links a:first-child {
margin-right: .5rem;
}
.copyright-links a:not(:last-child) {
margin-right: .5rem;
} blockquote {
border-left: 3px solid #333333;
padding: 25px 4% 5px;
margin: 30px 0;
}
blockquote p {
font-size: 20px;
}
blockquote .bq-marks {
display: inline-block;
margin: 0 13px -6px 0;
font-size: 6.5rem;
line-height: 20px;
font-family: Verdana;
letter-spacing: -8px;
vertical-align: bottom;
}
.inner-header.img-pos {
min-height: 400px;
background-position: bottom center !important;
position: relative;
}
.inner-header:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.tick-list {
margin: 0;
padding: 0;
}
.tick-list li {
margin: 0 0 10px 0;
padding: 0 0 0 2rem;
list-style: none;
position: relative;
font-size: 20px;
}
.tick-list li:before {
content: "\f058";
font-family: FontAwesome;
left: 0;
position: absolute;
top: 0;
color: #01baf2;
}
.bg-info .tick-list li:before {
color: #fff;
}
form.amp-form-submit-success [submit-success],
form.amp-form-submit-error [submit-error] {
margin-top: 16px;
}
form.amp-form-submit-success [submit-success] {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
form.amp-form-submit-error [submit-error] {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
form.amp-form-submit-success.hide-inputs>input {
display: none;
}
@media (min-width: 1200px) {
.eclipse-section {
background-image: url(//smilemarysville.com/web/20240215000815im_/https://smilemarysville.com/wp-content/themes/twentytwenty-child/assets/img/eclipsing.jpg);
background-position: center left;
}
.benefits-section {
background-image: url(//smilemarysville.com/web/20240215000815im_/https://smilemarysville.com/wp-content/themes/twentytwenty-child/assets/img/benefits-bg.jpg);
}
} .accordion .card {
border-radius: 0;
border-width: 1px 0 1px 0 !important;
border-color: #e3e5e8;
margin-bottom: 0px !important;
background-color: #f1f1f1;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel {
border-bottom: 1px solid #e3e5e8;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:first-child {
border-top: 1px solid #e3e5e8;
}
.vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
margin-top: 0px !important;
}
.vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta.vc_tta-style-classic .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
margin-bottom: 0px !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #f1f1f1 !important;
}
.accordion .card .card-header,
.accordion .card .vc_toggle_title, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
padding: 28px;
font-size: 20px;
text-transform: uppercase;
color: #01baf2 !important;
box-shadow: none;
position: relative; font-weight: 600;
border: none;
margin-bottom: 0px;
background-color: transparent;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border: none;
}
.accordion .card-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
padding: 0 1.25rem 1.25rem 1.25rem;
}
.accordion .card .vc_toggle_title h4 {
font-size: 1rem;
}
.accordion .card .vc_toggle_title i {
display: none;
}
.card .card-header:before,
.accordion .card .vc_toggle_title:before {
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: 0;
color: inherit;
top: 50%;
right: 30px;
transform: translateY(-50%);
transition: transform .3s;
font-size: 24px;
}
.card .card-header[aria-expanded="true"]:before,
.accordion .card.vc_toggle_active .vc_toggle_title:before {
transform: rotate(180deg) translateY(50%);
}
.card .card-header:hover,
.accordion .card .vc_toggle_title:hover {
cursor: pointer; }
.form-card .card-header:hover {
background-color: #23305c;
color: inherit;
cursor: auto;
}
.form-card .card-header:before {
content: none;
}
.location-grid:after {
content: "";
clear: both;
display: block;
width: 100%;
}
.location-grid .lg-box {
overflow: hidden;
display: block;
float: left;
position: relative;
}
.location-grid .lg-box:after {
content: "";
display: block;
padding-top: 100%;
transition: padding-top 0.5s;
}
.location-grid .lg-box .lg-location-hldr {
top: 50%;
position: absolute;
display: block;
width: 100%;
transition: all 1s;
z-index: 10;
}
.location-grid .lg-box .lg-location {
width: 100%;
position: relative;
text-align: center;
transition: all 0.5s;
}
.location-grid .lg-box .lg-location h3 {
padding: 0;
margin: 0;
font-size: 24px;
color: #fff;
}
.location-grid .lg-box .lg-address {
width: 100%;
text-align: center;
transition: all 0.5s;
color: rgba(0, 0, 0, 0);
}
.location-grid .lg-box .lg-address p {
color: rgba(0, 0, 0, 0);  font-weight: 300;
margin: 20px 0 20px;
padding: 10px 10px 20px;
position: relative;
transition: all 0.5s;
}
.location-grid .lg-box .lg-address p:after {
position: absolute;
content: "";
height: 1px;
width: 100px;
background: rgba(0, 0, 0, 0);
bottom: 0;
left: 50%;
margin-left: -50px;
transition: all 0.5s;
}
.location-grid .lg-box .lg-address a {
display: inline-block;
padding: 10px 20px;
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0) !important;
text-decoration: none;
text-transform: uppercase;
font-family: sans-serif;
font-size: 14px;
transition: all 0.5s;
}
.location-grid .lg-box .lg-address a:hover {
background: #FFFFFF !important;
color: #222222 !important;
}
.location-grid .lg-box .lg-color-overlay {
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: background 0.5s;
}
.location-grid.lg-first .lg-box,
.location-grid.lg-first .lg-box-filler {
width: 100%;
}
.location-grid.lg-half .lg-box,
.location-grid.lg-half .lg-box-filler {
width: 50%;
}
@media (max-width: 767px) {
.location-grid.lg-half .lg-box,
.location-grid.lg-half .lg-box-filler {
width: 100%;
}
}
.location-grid.lg-third .lg-box,
.location-grid.lg-third .lg-box-filler {
width: 33.333%;
}
@media (max-width: 767px) {
.location-grid.lg-third .lg-box,
.location-grid.lg-third .lg-box-filler {
width: 100%;
}
}
.location-grid.lg-fourth .lg-box,
.location-grid.lg-fourth .lg-box-filler {
width: 25%;
}
@media (max-width: 1024px) {
.location-grid.lg-fourth .lg-box,
.location-grid.lg-fourth .lg-box-filler {
width: 50%;
}
}
@media (max-width: 767px) {
.location-grid.lg-fourth .lg-box,
.location-grid.lg-fourth .lg-box-filler {
width: 100%;
}
}
@media (max-width: 767px) {
.location-grid .lg-box:after {
padding-top: 50%;
}
}
@media (max-width: 580px) {
.location-grid .lg-box:after {
padding-top: 75%;
}
}
@media (max-width: 480px) {
.location-grid .lg-box:after {
padding-top: 100%;
}
}
@media (min-width: 1025px) {
.location-grid .lg-box:hover .lg-color-overlay {
background: rgba(0, 0, 0, 0.8);
}
.location-grid .lg-box:hover .lg-location-hldr {
top: 50%;
margin-top: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
}
.location-grid .lg-box:hover .lg-address p {
color: #FFFFFF;
}
.location-grid .lg-box:hover .lg-address p:after {
background: #FFFFFF;
}
.location-grid .lg-box:hover .lg-address a {
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #FFFFFF;
}
}
@media (max-width: 1024px) {
.location-grid .lg-box .lg-color-overlay {
background: rgba(0, 0, 0, 0.6);
}
.location-grid .lg-box .lg-location-hldr {
top: 50%;
margin-top: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
}
.location-grid .lg-box .lg-address p {
color: #FFFFFF;
}
.location-grid .lg-box .lg-address p:after {
background: #FFFFFF;
}
.location-grid .lg-box .lg-address a {
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 1px solid #FFFFFF;
}
}
.collapse.in {
display: block;
}
.fixed-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
animation: menu_sticky 0.7s ease-in-out;
box-shadow: 0px 2px 5px rgb(0 0 0 / 12%);
}
@media (min-width: 1024px) {
.fixed-nav .mega-dropdown .dropdown-menu {
top: 97px;
}
}
.chat-icon {
position: fixed !important;
bottom: 20px;
right: 20px;
z-index: 10;
box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, .3);
display: inherit;
height: 60px;
line-height: 60px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.chat-icon img {
width: 30px;
}
.chat-icon span {
display: none;
}
.chat-icon:hover,
.chat-icon:focus,
.chat-icon:active {
background-color: #ffc107 !important;
border-color: #ffc107 !important;
color: #fff;
}
@media (min-width: 1024px) {
.chat-icon {
width: 60px;
min-width: initial;
font-size: 28px !important;
}
}
@media (max-width: 1023px) {
.chat-icon {
left: 20px;
margin: auto;
width: 300px;
height: 60px;
line-height: 60px;
}
.chat-icon span {
display: inline-block;
padding-left: 10px;
}
} .scrolltop .icon {
font-size: 36px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.scrolltop {
position: fixed;
bottom: 90px;
right: 28px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #fff;
display: none;
box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 19%);
color: #01baf2;
cursor: pointer;
}
.nf-response-msg {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
nf-fields-wrap,
.listradio-wrap ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
nf-field,
.listradio-wrap ul li {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px;
}
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(5),
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(6),
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(7),
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(8),
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(9),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(1),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(2),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(3),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(8),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(9),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(10),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(11),
#nf-form-6-cont nf-fields-wrap nf-field:nth-child(12) {
width: 100%;
}
#nf-form-3-cont nf-fields-wrap nf-field:nth-child(5),
#nf-form-3-cont nf-fields-wrap nf-field:nth-child(6),
#nf-form-5-cont nf-fields-wrap nf-field:nth-child(5) {
width: 100%;
}
#nf-form-1-cont nf-fields-wrap nf-field:nth-child(11),
#nf-form-2-cont nf-fields-wrap nf-field:nth-child(7),
#nf-form-3-cont nf-fields-wrap nf-field:nth-child(8),
#nf-form-4-cont nf-fields-wrap nf-field:nth-child(6),
#nf-form-5-cont nf-fields-wrap nf-field:nth-child(7) {
text-align: right;
}
#nf-form-5-cont nf-fields-wrap nf-field:nth-child(6),
#nf-form-5-cont nf-fields-wrap nf-field:nth-child(7) {
margin-top: 15px;
}
#nf-form-4-cont nf-fields-wrap nf-field {
margin-bottom: 15px;
}
.nf-form-content textarea.ninja-forms-field {
height: 100px !important;
}
.form-steps {
color: #23305c;
margin-bottom: 12px;
}
.number-circle {
background-color: #23305c;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
padding-top: 2px;
color: #fff; font-weight: 700;
margin-right: 6px;
}
@media (min-width: 768px) {
nf-field,
.listradio-wrap ul li {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.card.form-card {
position: absolute;
background: #fff;
padding: 0;
box-shadow: 0 16px 16px 0 #e0e5e9;
-webkit-box-shadow: 0 16px 16px 0 #e0e5e9;
-moz-box-shadow: 0 16px 16px 0 #e0e5e9;
top: 0;
}
}
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
margin-bottom: 0 !important;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.featured-block .vc_column-inner {
padding: 0 !important;
}
.featured-block .vc_column-inner,
.featured-block .wpb_wrapper,
.featured-block .bg-light {
height: 100%;
}
.wp-show-posts .wp-show-posts-inner {
display: flex;
flex-direction: column;
}
.wp-show-posts .wp-show-posts-inner .wp-show-posts-image.wpsp-image-center {
order: 1;
}
.wp-show-posts .wp-show-posts-inner header.wp-show-posts-entry-header {
order: 2;
margin-bottom: 5px;
}
.wp-show-posts .wp-show-posts-inner .wp-show-posts-entry-summary {
order: 3;
}
.size-full {
max-width: 100%;
height: auto;
}
ul.post-meta, nav.pagination-single.section-inner.only-one.only-prev {
display: none;
}
.single.single-post article {
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.featured-media, .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt, nav.pagination-single.section-inner{
display: none;
}
.team-wrap img {
max-height: 427px;
}
.pum-theme-709, .pum-theme-default-theme {
background-color: rgb(0 0 0 / 64%) !important;
}
.bg-350>div {
min-height: 350px;
}
@media (max-width: 1200px) {
.header-below .vc_col-sm-6 {
width: 100% !important;
}
}
.invisalign-schedule-consultation.fusion-content-boxes .content-wrapper-background {
padding: 0 !important;
}
.invisalign-schedule-consultation.fusion-content-boxes.content-boxes-icon-on-top .heading img, .fusion-content-boxes .heading {
margin-bottom: 0 !important;
}
.invisalign-schedule-consultation.fusion-content-boxes.content-boxes-icon-on-top .content-container {
padding: 15px !important;
}
.testimonial-wrap .h5 {
margin-top: 10px;
margin-bottom: 0px;
}
.fusion-accordian .panel-heading .panel-title a {
color: var(--awb-title-color) !important;
padding: 20px 0;
}
.invisalign-costs.fusion-content-boxes .content-wrapper-background {
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem;
}
}
.form-block #nf-form-2-cont {
box-shadow: 0 16px 16px 0 #e0e5e9;
-webkit-box-shadow: 0 16px 16px 0 #e0e5e9;
padding: 1rem;
}
.form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(1), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(2), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(3), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(8), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(9), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(10), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(11), .form-block  #nf-form-2-cont nf-fields-wrap nf-field:nth-child(12) {
width: 100%;
}
.form-steps {
color: #23305c;
margin-bottom: 12px;
}
.number-circle {
background-color: #23305c;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
padding-top: 2px;
color: #fff; font-weight: 700;
margin-right: 6px;
}
@media (min-width: 1200px) {
.form-block {
position: absolute !important;
background: #fff;
padding: 0;
box-shadow: 0 16px 16px 0 #e0e5e9;
-webkit-box-shadow: 0 16px 16px 0 #e0e5e9;
-moz-box-shadow: 0 16px 16px 0 #e0e5e9;
top: 0 !important;
right: 0 !important;
}
}
#nf-form-2-cont nf-fields-wrap .nf-field-label>label {
display: none;
}