body:after{ display:none; content: url(../retina-images/banner-bg1.jpg) url(../retina-images/banner-bg1-mobile.jpg) url(../retina-images/banner-img1.png) url(../retina-images/banner-img2.png) url(../retina-images/banner-img3.png);}body {font-family: 'Lato', sans-serif;font-size: 1.125rem;line-height: 1.4;color: #444;background-color: #fff; font-display: swap;} /*================== Page Header =====================*/ .page-header{font-size: 1rem;background-color: #000;}.fixed-top { -webkit-animation-name: topheader; -moz-animation-name: topheader; animation-name: topheader; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; }@-webkit-keyframes topheader {from { top: -45%; } to { top: 0%; }}@-moz-keyframes topheader {from { top: -45%; } to { top: 0%; }}@keyframes topheader {from { top: -45%; } to { top: 0%; }} .email-top { padding-top: 0.5rem; }.page-header a { text-decoration: none; }.page-header a:hover { text-decoration: underline; }.page-header .spaphonelink { color: #b89539 !important; }.whatupbtn { line-height: 1.5rem; padding: 0.5rem 1.3rem 0.7rem 3.2rem; background-color: #455A64; color: #fff; text-align: center; text-decoration: none; display: block; border-radius: 2rem; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; }.whatupbtn img { left: 1.2rem; top: 0.6rem; }.whatupbtn:hover { background-color: #344349; color: #fff; text-decoration: none !important; } /*================== Page Header End =====================*/ /*================== Navigation =====================*/ .navbar.fixed-top { border-bottom: #f1f1f1 1px solid; }.navbar { background-color: #fff; }.nav-link { font-size: 0.9rem; text-transform: uppercase; color: #000; }.active .nav-link, .open .nav-link, .nav-item:hover .nav-link, .nav-item:focus .nav-link { color: #000; background-color: #b89539; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 ); }.navbar-toggler { width: 25px; height: 21px; padding: 0; outline: none !important; }.navbar-toggler .i-line { width: 100%; height: 3px; background-color: #333333; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; }.navbar-toggler .i-line.top { top: 0; }.navbar-toggler .i-line.middle { top: 50%; margin-top: -1.5px; }.navbar-toggler .i-line.bottom { bottom: 0; }.closed .i-line.middle { width: 0; opacity: 0; }.closed .i-line.top { top: 9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }.closed .i-line.bottom { bottom: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }.navbar .dropdown-menu { margin-top: 0; border: none; border-radius: 0; min-width: 11rem; padding: 0; background-color: #b89539; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 ); }.navbar .dropdown-item { padding: 11px 1.5rem; text-transform: uppercase; font-size: 0.9rem; }.navbar .dropdown-menu li + li .dropdown-item { border-top: rgba(100,100,100,.2) 1px solid; }.navbar .dropdown-item:hover { background-color: #111; color: #b89539; }.btn-nav {color: #000;background-color: #b89539; font-size: 1rem; line-height: 1.5; padding: 0.6rem 2rem; border-radius: 0.25rem; display: inline-block; text-decoration: none; text-transform: uppercase; background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 );}.btn-nav:hover {color: #000; text-decoration: none;} .nav-link:focus, .nav-link:hover { text-decoration: none !important; } .navbar .dropdown-item:hover{text-decoration:none !important;} .fixed-top .navbar { /*border-bottom: #f1f1f1 1px solid;*/ } @media (min-width: 768px) { .navbar .navbar-nav .nav-link { padding: 1.125rem 0.45rem; font-size:0.9rem; }.navbar .dropdown-item { padding-left: 0.55rem; padding-right: 0.55rem; position: relative; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }.navbar .dropdown-item:before { content: ''; width: 0%; height: 100%; opacity: 0.3; background-color: #111; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }.navbar .dropdown-item:hover { background-color: transparent; }.navbar .dropdown-item:hover:before { width: 100%; opacity: 1; } } @media (max-width: 767px) { .navbar { position: fixed; left: -270px; top: 0 !important; height: 100%; width: 100%; max-width: 270px; display: block; z-index: 1031; box-shadow: rgba(0,0,0,0.18) 2px 0px 10px; overflow-y: scroll; }.navbar .container { overflow-y: auto; }.navbar-collapse { display: block; height: 100% !important; }.navbar-nav .nav-link { padding: 0.8rem 1rem; }.navbar-nav .nav-item .nav-link { border-bottom: #eee 1px solid; }.dropdown .nav-link { position: relative; padding-right: 2rem; }.dropdown .nav-link svg { position: absolute; right: 1rem; top: 16px; font-size: 1.3rem; fill: #b89539; }.dropdown.show .nav-link svg { transform: rotate(90deg); fill: #fff; }.active .nav-link svg { fill: #fff; }.navbar .dropdown-menu { background: #f1f1f1; }.navbar .dropdown-item { padding: 0.6rem 1rem; color: #444; }.navbar .dropdown-item:hover { background-color: rgba(255,255,255,.6); }.nav-item:hover .nav-link, .nav-item:focus .nav-link { background: #fff; }.active .nav-link, .active .nav-link:hover, .nav-item.show .nav-link { color: #000; background-color: #b89539; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 ); } .header-phone-btn { padding: 0px !important; line-height: 54px !important; width: 45px; height: 45px; border-radius: 5px; } /*.bannerleft{padding-left: 3rem;}*/ .navigation-btn:hover .navbar-toggler .i-line, .navigation-btn:active .navbar-toggler .i-line, .navigation-btn:focus .navbar-toggler .i-line { background: #fff !important; } .header-phone-btn:hover svg, .header-appointment-btn:hover svg { fill: #ffffff; } .card-header h2.sub-title a { font-size: 1.6rem !important; } .btn-nav { font-size:0.85rem;} #book-an-appointment { bottom:80px !important;} #right-contact-btn { bottom:22px !important;} .appointment-round .btn { border-radius: 50%; webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 0px 5px rgba(255, 255,255,0.6); height:50px; width:50px;} .txt-align p{text-align: center !important;} } @media (max-width: 991px) { .insta-bnr img{width: 15%;} .insta{border-radius: 11px !important;} } /*================== Navigation End =====================*/ /*================== Banner =====================*/ .gradient-dark { background: #222222; background: -moz-linear-gradient(left, #222222 0%, #464646 50%, #4f4f4f 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #222222), color-stop(50%, #464646), color-stop(100%, #4f4f4f)); background: -webkit-linear-gradient(left, #222222 0%, #464646 50%, #4f4f4f 100%); background: -ms-linear-gradient(left, #222222 0%, #464646 50%, #4f4f4f 100%); background: linear-gradient(to right, #222222 0%, #464646 50%, #4f4f4f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#4f4f4f', GradientType=1 ); }.carousel-indicators { bottom: 0; }.carousel-control.right, .carousel-control.left { background-image: none; }.carousel-item { min-height: 350px; height: 100%; width:100%; }.carousel-item a { text-decoration: none; }.carousel-item a:hover, .carousel-item a:focus, .carousel-item a:active { text-decoration: none; }.carousel .icon-container { display: inline-block; font-size: 25px; line-height: 25px; padding: 1em; text-align: center; border-radius: 50%; }.carousel-caption { bottom: 0; padding-bottom: 0; }.carousel-item .layer1 { animation-delay: 0.5s; }.carousel-item .layer2 { animation-delay: 0.5s; }.carousel-item .layer3 { animation-delay: 0.5s; }.carousel-item .layer4 { animation-delay: 0.5s; }.carousel-item .bannerimg { width: auto !important; height: auto; max-height: 550px; }.carousel-item .bannerlogo { max-height: 159px; }#carouselIndicators .sub-title { font-size: 1.5rem; }.banner-item { min-height: 550px; }.bannertx { background-color: rgba(0,0,0,0.6); }.small-banner-text { font-size: 1.5rem; }.txt-shadow { text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }@-webkit-keyframes fadeInDown1 { 0% { opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0); } to{ opacity:1;-webkit-transform:none;transform:none }}@keyframes fadeInDown1 { 0% { opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0); } to { opacity:1;-webkit-transform:none;transform:none } }.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1; }@-webkit-keyframes fadeInUp1 { 0% { opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0); } to { opacity:1;-webkit-transform:none;transform:none; }}@keyframes fadeInUp1 { 0% { opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0); } to { opacity:1;-webkit-transform:none;transform:none; }}.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; }@-webkit-keyframes fadeInRight1 {0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRight1 {0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; }@-webkit-keyframes fadeInLeft1 { 0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)} to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft1 {0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1; } /*================== Banner End =====================*/ /*================== Structure =====================*/ .transition {-webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; transition-duration: 0.9s; }a.spaphonelink, a.spaphonelink:hover, a.spaphonelink:focus { cursor: default; text-decoration: none !important; }@media (max-width: 1024px){a.spaphonelink { text-decoration: underline !important; }}.text-lg { font-size: 1.5rem; }.top { top: 0; }.bottom { bottom: 0; }.left { left: 0; }.right { right: 0; }.text-underline { text-decoration: underline !important; }a.text-underline:hover { text-decoration: none !important; }.text-black { color: #000 !important; }.overflow-x-hide { overflow-x: hidden; }.overflow-y-hide { overflow-y: hidden; }html { scroll-behavior: smooth; }@media screen and (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }} /*================== Structure End =====================*/ /*================== Headings =====================*/ .page-title { font-family: 'Antic Didone', serif; font-size: 5.3125rem; font-weight: 400; line-height: 0.85; text-transform: uppercase; color: #b89539; margin-top: 0; margin-bottom: 1.9rem; font-display: swap; }.sub-title { font-family: 'Antic Didone', serif; font-size: 2.25rem; font-weight: 700; line-height: 1.2; color: #b89539; letter-spacing: 0.5px; padding-bottom: 1rem; margin: 0; font-display: swap; }.page-heading { font-family: 'Antic Didone', serif; font-size: 2.7rem; font-weight: 700; line-height: 1.2; color: #b89539; letter-spacing: 0.5px; padding-bottom: 0rem; margin: 0; font-display: swap; }.content-title { font-family: 'Antic Didone', serif; font-size: 1.6875rem; font-weight: 700; line-height: 1.2; color: #b89539; margin: 0; padding-bottom: 1rem; font-display: swap; }.small-title { font-family: 'Antic Didone', serif; font-size: 1.5rem; font-weight: 700; line-height: 1.2; color: #b89539; margin: 0; padding-bottom: 1rem; font-display: swap; }.text-head { font-family: 'Antic Didone', serif; font-display: swap; }.content-sub-title{font-family: 'Antic Didone', serif; font-size: 1.4rem; font-weight: 700; line-height: 1.2; color: #b89539; margin: 0; padding-bottom: 1rem; font-display: swap;}.new-patient-guide .content-sub-title{font-size: 1.1rem;} /*================== Headings End =====================*/ /*================== Homepage =====================*/ .hot-img { width: 150px; height: 150px; margin: 0 auto; }.hot-img .front, .hot-img .back { left: 0; right: 0; }.hotbox { text-decoration: none; perspective: inherit !important; transform-style: inherit !important; }.hotbox, .hotbox:hover, .hotbox:focus { text-decoration: none; }.hotbox .btn { z-index: 1; }.hotbox:hover .btn-primary { color: #fff; }.hotbox:hover .btn-primary:after { width: 100%; opacity: 1; }.videobox { min-height: 20rem; }.play-icon { position: absolute; left: 0; right: 0; top: 50%; margin: -61px auto 0; width: 102px; height: 102px; background-size: contain !important; }.count-number { font-size: 3rem; min-height: 83px; }.couunt-sep:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(100, 100, 100, 0.3); } .smile-bg { background-color: rgba(255,255,255,0.8); }@-webkit-keyframes caseimg1 { 0% {opacity: 1; -webkit-transform: rotate3d(1, 1, 1, 0deg); } 100% {opacity: 1; -webkit-transform: rotate3d(1, 1, 1, -15deg); } } @keyframes caseimg1 { 0% {opacity: 1; transform: rotate3d(1, 1, 1, 0deg);} 100% {opacity: 1; transform: rotate3d(1, 1, 1, -15deg); } }.caseimg1 { -webkit-transform: rotate3d(1, 1, 1, 0deg); -webkit-transform: rotate3d(1, 1, 1, -15deg); margin-right: 0.8rem; }.caseimg1.go { -webkit-animation-name: caseimg1; animation-name: caseimg1; }@-webkit-keyframes caseimg2 { 0% {opacity: 1; -webkit-transform: rotate3d(1, 1, 1, 0deg); } 100% {opacity: 1; -webkit-transform: rotate3d(1, 1, 1, 16deg); } } @keyframes caseimg2 { 0% {opacity: 1; transform: rotate3d(1, 1, 1, 0deg);} 100% {opacity: 1; transform: rotate3d(1, 1, 1, 16deg); } }.caseimg2 { -webkit-transform: rotate3d(1, 1, 1, 0deg); transform: rotate3d(1, 1, 1, 0deg); margin-left: 0.8rem; margin-top: -1rem; }.caseimg2.go { -webkit-animation-name: caseimg2; animation-name: caseimg2; }.invisalign-bg { background-color: #f5f5f2; } .fee a.btn, .fee1 a.btn{padding: 12px 18px; font-family:'Lato', sans-serif;}.fee .num tbody:first-child td:first-child{ margin-top: 13px; text-align: center; font-size: 21px; display: inline-block; width: 66px; height: 40px; border-radius: 0.25rem; background-color: #333333; color: #f5f5f2; padding-top: 4px} .tbl-al .fees-table {text-align: center !important;} /*================== Homepage End =====================*/ /*================== Footer =====================*/ .page-footer a { text-decoration: none; display: inline-block; }.page-footer a:hover { text-decoration: underline; }.social-icons a { font-size: 1.1rem; color: #aaa; display: inline-block; margin: 0 0.2rem; text-decoration: none; fill:#aaaaaa; }.social-icons a:hover { color: #b89539;fill:#b89539; }.disclaimer-strip { font-size: 0.9375rem; }.copyright-main { font-size: 0.875rem; line-height: 1.6; }.copyright-main a { text-decoration: underline; }.copyright-main a:hover, .copyright-main a:focus { text-decoration: none; } /*================== Footer End =====================*/ /*================== Form =====================*/ input.form-control:focus, textarea.form-control:focus, select.custom-select:focus { border-color: #b6973a !important; box-shadow: none !important; }input[required].form-control:focus, select[required].custom-select:focus { border-color: #dc3545 !important;}input[required].success:focus, textarea[required].success:focus, select[required].success:focus { border-color: #b6973a !important; }.g-recaptcha { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: center 0; transform-origin: center 0; }textarea.form-control { height: 120px; }.label-control { font-size: 1rem; color: #888; }.assessment-box { cursor: pointer; }.assessment-box .overlay { display: none; background-color: rgba(255,255,255,0.8); left: 0 !important; top: 0; }.assessment-box svg { display: none; width: 3rem !important; height: 3rem !important; line-height: 2.8rem; font-size: 1.5rem; margin: -1.5rem auto 0 !important; top: 50%; left: 0 !important; right: 0 !important; z-index: 1; padding:10px; }.selected { border-color: #b89539 !important; }.selected .custom-p { background-color: #b89539 !important; color: #fff !important; } .ask-expert-col {width: 100%;background: #b89539;text-align: left;padding: 5px 0px 5px 0px;margin-top: 0px;} .ask-expert-col .form-group{margin-bottom: 1rem;} .ask-form form {margin: 0;padding: 0;} .book-title {font-size: 18px;padding: 6px 0px;text-align: center;line-height: 1.7;cursor: pointer;text-transform: uppercase;font-family: 'Antic Didone', serif;color: #000000;font-weight: bold;} .ask-form .form-control{border: none;padding: 0.5rem 0.75rem; min-height: 40px;} .custom-grid .custom-grid-coloum {width: 19.1%;padding: 0 0.8%;height: 40px;float: left;margin-right: 0.9%;border: none;font-size: 16px;} .custom-row{margin-left: -5px;margin-right: -5px;} .custom-row .colm{padding-left: 5px; padding-right: 5px;} .form-btn{background: #000000;border-radius: 0;color: #ffffff;height: 40px;padding: 0.1rem 1.4rem !important;} .form-btn:hover, .form-btn:active, .form-btn:focus{background: #ffffff;color: #000000;} .ask-form h3 {border: medium none;font-size: 18px; line-height: 32px; margin-bottom: 20px;padding-bottom: 10px;padding-top: 10px;padding-left: 0;padding-right: 0; text-align: center;background: #3e3e3e;padding: 4px 0px; display: block; cursor: pointer; color: #ffffff;text-transform: uppercase;font-family: 'Antic Didone', serif;} .clearboth{clear: both;} #mobile-form {position: fixed;bottom: -291px;left: 0;z-index: 1000000;transition-duration: 500ms;} #mobile-form.open .book-title:after {content: ""; display: block; width: 25px; height: 35px; position: absolute; right: 15px; top: 8px; background-size: contain;} #mobile-form.open {bottom: 0;transition-duration: 500ms;-webkit-box-shadow: 0px -1px 5px 0px rgb(62 62 62);-moz-box-shadow: 0px -1px 5px 0px rgba(62,62,62,1);box-shadow: 0px -1px 5px 0px rgb(62 62 62); z-index: 100000000000;} @media (min-width:768px){.book-title {font-size: 26px;padding: 10px 0px;margin: 0;text-transform: uppercase;text-align: left;line-height: 36px;font-weight: bold; cursor: default;} #mobile-form{position: relative;bottom: 0;left: 0;z-index: 0;transition-duration: 500ms;} #mobile-form.sticky-form{position: fixed;top: 180px; display:table;animation: position1 1s;-webkit-animation: position1 1s;-moz-animation: position1 1s;width: 100%; background: #111111; padding: 0px 0px 0px 0;z-index: 99;-webkit-box-shadow: 0px 2px 6px -2px rgb(62 62 62);-moz-box-shadow: 0px 2px 6px -2px rgba(62,62,62,1); box-shadow: 0px 2px 6px -2px rgb(62 62 62);} .sticky-form .book-title {color: #b89539;} .sticky-form .form-btn{background: #b89539;border-radius: 0;color: #ffffff;height: 40px;padding: 0.1rem 1.4rem !important;} .sticky-form .form-btn:hover, .sticky-form .form-btn:active, .sticky-form .form-btn:focus{background: #ffffff;color: #b89539;} #mobile-form.open .book-title:after {display: none;} } @media (min-width:992px){#mobile-form.sticky-form{top: 184px;}.page-title.offer-ttl {font-size: 2.2rem !important;}} /*================== Form End =====================*/ /*================== Button =====================*/ .btn { font-size: 0.9rem; text-transform: uppercase; line-height: 1.2; padding: 0.9rem 1.4rem; }.btn-sm { font-size: 0.875rem; padding: 0.35rem 0.6rem; }.btn-lg { font-size: 1.5rem; padding: 0.9rem 1.4rem; }.btn-primary { position: relative; z-index: 1; border: none; color: #000; position: relative; background-color: transparent; overflow: hidden; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: transparent; }.btn-primary:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: -1; border-radius: 0.3rem; -webkit-transform: perspective(1px); transform: perspective(1px);background: #b79537; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 );}.btn-primary:after {content: ''; width: 0%; height: 100%; opacity: 0; background-color: #222; position: absolute; left: 0; right: 0; top: 0; z-index: -1; border-radius: 0.2rem; margin: 0 auto; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;background: #111111; background: -moz-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #111111), color-stop(50%, #333333), color-stop(100%, #111111)); background: -webkit-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: -ms-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: linear-gradient(to right, #111111 0%, #333333 50%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#111111', GradientType=1 );}.btn-primary:hover:after { width: 100%; opacity: 1; }.btn-secondary { position: relative; z-index: 1; border: none; color: #fff; position: relative; background-color: transparent; overflow: hidden; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { color: #fff; background-color: transparent; }.btn-secondary:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: -1; border-radius: 0.3rem; -webkit-transform: perspective(1px); transform: perspective(1px);background: #333333; background: -moz-linear-gradient(left, #333333 0%, #444444 50%, #333333 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #333333), color-stop(50%, #444444), color-stop(100%, #333333)); background: -webkit-linear-gradient(left, #333333 0%, #444444 50%, #333333 100%); background: -ms-linear-gradient(left, #333333 0%, #444444 50%, #333333 100%); background: linear-gradient(to right, #333333 0%, #444444 50%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=1 );}.btn-secondary:after { content: ''; width: 0%; height: 100%; opacity: 0; background-color: #222; position: absolute; left: 0; right: 0; top: 0; z-index: -1; border-radius: 0.2rem; margin: 0 auto; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;background: #111111; background: -moz-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #111111), color-stop(50%, #333333), color-stop(100%, #111111)); background: -webkit-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: -ms-linear-gradient(left, #111111 0%, #333333 50%, #111111 100%); background: linear-gradient(to right, #111111 0%, #333333 50%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#111111', GradientType=1 );}.btn-secondary:hover:after { width: 100%; opacity: 1; }.btn-close, .btn-close:hover, .btn-close:focus, .btn-close:active { background-color: transparent; color: #fff; font-size: 15px; padding: 0 0 4px; }.btn-close .fa { font-size: 21px; margin-right: 4px; position: relative; bottom: -2px; }.btn-default { color: #000; background-color: #aaa; border-color: transparent; }.btn-default:hover, .btn-default:focus, .btn-default:active { color: #000; background-color: #ccc; }.btn-upload { font-size: 14px; padding-left: 0.6rem; padding-right: 0.6rem; height:50px; }.btn-upload:focus, .btn-upload:not([disabled]):not(.disabled):active:focus, .btn-upload:not([disabled]):not(.disabled).active:focus, .show > .btn-upload.dropdown-toggle:focus{box-shadow:none;}.badge-primary { color: #000; background: #b79537; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 );}.btn-mailchimp{background: #b79537; background: -moz-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b79537), color-stop(50%, #f2d78e), color-stop(100%, #b79537)); background: -webkit-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: -ms-linear-gradient(left, #b79537 0%, #f2d78e 50%, #b79537 100%); background: linear-gradient(to right, #b79537 0%, #f2d78e 50%, #b79537 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b79537', endColorstr='#b79537', GradientType=1 ); color:#000000;}.btn-mailchimp:hover{background: #ffffff; color:#000000;} /*================== Button End =====================*/ /*================== Inner page style =====================*/ .bg-gold{background:#b89539;}.breadcrumbs { border-top: #f1f1f1 1px solid; }.breadcrumb { background-color: transparent; }.breadcrumb, .breadcrumb h2 { font-size: 0.9rem; }.breadcrumb a { color: #444; text-decoration: none; }.breadcrumb a:hover { color: #b89539; }.list-group { margin-bottom: 1rem; }.list-group li { margin-bottom: 0.5rem; }ol.list-group { list-style-position: inside; }ul.list-group { list-style: none; text-align: left; }ul.list-group li { position: relative; padding-left: 20px; }ul.list-group li:before { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #444; position: absolute; left: 0; top: 9px; }.page-section .spaphonelink { color: inherit; }.cont-box table { width: 100%; max-width: 320px; }.cont-box table tr td { padding: 0.2rem; }.data-src { background-repeat: no-repeat; }.bg-y-100 { background-size: auto 100%; }.bg-cover { background-size: cover; }.bg-contain { background-size: contain; }.bg-auto { background-size: auto; }.bg-left-top { background-position: left top; }.bg-center { background-position: center; }.bg-center-top { background-position: center top; }.bg-center-bottom { background-position: center bottom; }.bg-left-top { background-position: left top; }.bg-right-top { background-position: right top; }.bg-repeat { background-repeat: repeat; }.data-src .btn-primary, .btn-index { z-index: 1; }.sep-line { padding-left: 0.7rem; padding-right: 0.7rem; }.less-margin { margin-top: 0.5rem; }.headingstrip { background-size: cover; }.bg-dark1 { background-color: #111; }.bg-logo { background: url(../retina-images/logo-bg.png) no-repeat right bottom; }.bg-logo1 { background: url(../retina-images/logo-bg1.png) no-repeat right bottom; }.bg-pattern-light { background: url(../retina-images/pattern-bg.svg) repeat #f1f1f1; background-attachment: fixed; }.bg-pattern-gold { background: url(../retina-images/pattern-bg1.svg) repeat #b89539; }.treatment-list .btn { white-space: normal; text-decoration: none !important; z-index: 1; }.treatment-list a { text-decoration: none; }.treatment-list a:hover { text-decoration: underline; }.btn-wrap { z-index: 1; }.case-thumb { max-width: 335px; padding: 10px; }.invisalign-gallery .col-6:nth-child(odd){ padding-right:5px;}.invisalign-gallery .col-6:nth-child(even){ padding-left:5px;}.case-thumb-sm { max-width: 280px; padding: 10px; }.card { background-color: transparent; border: 1px solid rgba(200, 200, 200, 0.35); margin-bottom: 0.5rem; }.card-header { background-color: #fff; text-align: left; position: relative; font-weight: 700; }.card-header h2 a { text-decoration: none; padding-right: 1rem; font-weight:700; font-size:1.125rem; }.card-header svg { position: absolute; right: 1rem; top: 1.0rem; font-size: 1.5rem; }.home .card-header svg {top: 1.2rem; }.card-header a[aria-expanded=true] svg { transform: rotate(90deg); }.card-body { border-top: 1px solid rgba(200, 200, 200, 0.2); background-color: transparent; }.interest-block .fa { font-size: 2.5rem; margin-bottom: 0.5rem; }.anchorlink { position: relative; z-index: -1; }.badgenumb { width: 2.3rem; height: 2.3rem; line-height: 1.5rem; }.custom-p { padding: 0.5rem; font-size: 1rem; } #headingOne1 .fa {font-size: 2.5rem;} #video1 .modal-content, #video2 .modal-content, #video3 .modal-content, #video4 .modal-content, #video5 .modal-content, #video6 .modal-content, #video7 .modal-content, #video8 .modal-content, #video9 .modal-content, #video10 .modal-content, #video11 .modal-content, #video12 .modal-content, #video13 .modal-content , #video15 .modal-content , #video16 .modal-content, #video17 .modal-content, #video18 .modal-content , #video19 .modal-content, #video20 .modal-content, #video21 .modal-content, #video22 .modal-content, #video23 .modal-content, #video24 .modal-content, #video25 .modal-content, #video26 .modal-content, #video27 .modal-content, #video28 .modal-content, #video29 .modal-content, #video30 .modal-content, #video32 .modal-content, #video33 .modal-content, #video34 .modal-content, #video35 .modal-content, #video36 .modal-content, #video37 .modal-content, #video38 .modal-content, #video39 .modal-content, #videomodal .modal-content {background-color:transparent !important; border: none;} .pointer-cursore{cursor:pointer;} .card-header h2 { margin-bottom:0;} #headingOne1 h2 { padding-bottom:0;} .card-header h2.sub-title a { font-size:2.25rem; } #video1 .btn-close span, #video2 .btn-close span, #video3 .btn-close span, #video4 .btn-close span, #video5 .btn-close span, #video6 .btn-close span, #video7 .btn-close span, #video8 .btn-close span, #video9 .btn-close span, #video10 .btn-close span, #video11 .btn-close span , #video12 .btn-close span , #video13 .btn-close span , #video15 .btn-close span , #video16 .btn-close span, #video17 .btn-close span, #video18 .btn-close span, #video19 .btn-close span, #video20 .btn-close span, #video21 .btn-close span, #video22 .btn-close span, #video23 .btn-close span, #video24 .btn-close span, #video25 .btn-close span, #video26 .btn-close span, #video27 .btn-close span, #video28 .btn-close span, #video29 .btn-close span, #video30 .btn-close span, #video32 .btn-close span, #video33 .btn-close span, #video34 .btn-close span, #video35 .btn-close span, #video36 .btn-close span, #video37 .btn-close span, #video38 .btn-close span, #video39 .btn-close span, #videomodal .btn-close span { font-size: 45px; position: relative; top: 2px; } .fixed-top .site-logo img {max-width: 200px !important;} .bg-pattern-dark{background: url(../retina-images/pattern-bg1.svg) repeat #000;} .fixed-top .email-top{display:none !important;} /*.fixed-top .address-top{display:none !important;}*/ .fixed-top .wht-btn{display:block !important; margin:auto;} /*-- Map --*/ .contacts-map { position: relative; }.map-address-box { position: absolute; right: 30px; top: 40px; z-index: 1; width: 320px; height: 320px; padding: 2rem 1rem; background: rgba(0,0,0,0.7); color: #fff; font-size: 1rem; line-height: 1.5; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }.map-address-box a.spaphonelink { color: #fff; }.direction-btn { padding: 0.5rem 0.8rem 0.6rem; font-size: 0.8rem; margin-top: 0.6rem; }.direction-btn svg { font-size: 1rem; margin-left: 0.2rem; fill:#000000; }.direction-btn:hover svg{fill:#ffffff;}#map { width: 100%; height: 400px; overflow: hidden; background:url(../retina-images/footer-map.jpg) center center no-repeat; background-size:cover; }.map-directions-tag { position: absolute; top: 40px; right: 15px; z-index: 2; width: 100px; height: 100px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-size: 14px; line-height: 20px; font-weight: 700; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }.map-directions-tag span { width: 100%; left: 0; position: absolute; top: 50%; padding: 0 10px; margin-top: -38px; }.map-directions-tag:before { content: ''; background: url(../retina-images/icon-directions-1.png) no-repeat center; width: 32px; height: 32px; position: absolute; top: 0; right: 0; } /*-- Map end --*/ .bg-color1 { background-color: #f5fafe; } .rcorner{border-radius: 20px;} .team:hover a {background: #000000 !important;}.team:hover a .text-black{ color: #b89539 !important;} .team-link, .team-link:hover { text-decoration: none; color: inherit; }.team-img { max-width: 500px; margin-left: auto; margin-right: auto; }.team-intro-text{color:#ffffff;display:none;}.team-img:hover .team-intro-text{display:table;position: absolute;text-align: center; width:100%; height:100%; top:0px; padding:15px;}.team-overlay{background: rgba(0,0,0,0.7);position: absolute;height: 100%;width: 100%;left: 0;top: 0;bottom: 0; right: 0; opacity: 0;}.team-img:hover .team-overlay{opacity: 1;}.team-intro-align-middle{display:table-cell; vertical-align:middle;}.qoute-ico { top: 0; left: 0; right: 0; margin: 0 auto; }.home-page-accordion .card{border: none;}.home-page-accordion .card-header:first-child{border-radius:0}.home-page-accordion .card-header{background: none;padding: 0;border-bottom: none;}.home-page-accordion .card-body{padding: 1.25rem 0;}.home-page-accordion .card-header a{padding-right: 3rem;}.home-page-accordion .card-header svg{top:1rem;font-size: 2.5rem;}.content-text{overflow:hidden;}.letter-spacing-1{letter-spacing:1px;}.upload-input{ position: absolute !important;left: -9999px;opacity: 0;}.upload-btn-style .consult-addon{width: 100%;}.upload-btn-style .btn-upload{width: 100%;}.send-your-photo-box{color:#888888;border: 1px solid #ddd;}.send-your-photo-box ul.list-group li:before{background-color: #888888;}.selfie-img-div{ max-width:318px; height:245px; overflow:hidden;}.selfie-img {height:auto !important; width:100% !important;}.invisalignbanner .top { top: 15%; }.send-selfie-title{ padding-bottom:0.5rem;}#modalGallery { color: #fff; }.gallery-thumb a {overflow: hidden; cursor: pointer; position: relative; display: block; text-decoration: none; }.practice-gallery .gallery-thumb a {height: 220px; }@media (min-width: 768px) {.gallery-thumb a:before { opacity: 0; filter: alpha(opacity=0); background-color: #b89539; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }.gallery-thumb a:hover:before { opacity: 0.8; filter: alpha(opacity=80); }.gallery-thumb svg { background-color: #fff; border-radius: 100%; line-height: 40px; margin: 0 auto -20px; width: 40px; height: 40px; bottom: -100%; position: absolute; left: 0; right: 0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; padding: 5px;}.gallery-thumb a:hover svg { bottom: 50%; }} .gallery-thumb1 a {overflow: hidden; cursor: pointer; position: relative; display: block; text-decoration: none; }@media (min-width: 768px) {.gallery-thumb1 a:before { opacity: 0; filter: alpha(opacity=0); background-color: #b89539; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }.gallery-thumb1 a:hover:before { opacity: 0.8; filter: alpha(opacity=80); }.gallery-thumb1 svg { background-color: #fff; border-radius: 100%; line-height: 40px; margin: 0 auto -20px; width: 40px; height: 40px; bottom: -100%; position: absolute; left: 0; right: 0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;padding: 5px; }.gallery-thumb1 a:hover svg { bottom: 50%; }} .btn-close, .btn-close:hover, .btn-close:focus, .btn-close:active { font-family: 'Open Sans', sans-serif; background-color: transparent; color: #fff; font-size: 20px; padding: 0; cursor:pointer; }.btn-close span{font-size: 25px;position: relative;top: 2px;}.btn-close .fa { font-size: 21px; }#haganmodal img, #tavenermodal img, #ianmodal img, #lisamodal img, #derekmodal img, #madelynmodal img, #jennifernmodal img, #gretamodal img, #gregmodal img, #ciaramodal img, #dalinmodal img, #ellamodal img, #georgiamodal img, #maloriemodal img, #mollymodal img, #marcusmodal img, #jackmodal img, #emmalinemodal img, #slidermodal img {width:100% !important; height:auto !important;}#haganmodal .modal-body, #tavenermodal .modal-body, #ianmodal .modal-body, #lisamodal .modal-body, #derekmodal .modal-body, #madelynmodal .modal-body, #jennifernmodal .modal-body, #gretamodal .modal-body, #elisemodal .modal-body, #madelynmodal1 .modal-body, #gretamodal1 .modal-body, #richardmodal .modal-body, #brookmodal .modal-body, #brunomodal .modal-body, #gavinmodal .modal-body, #georginamodal .modal-body, #janemodal .modal-body, #jyemodal .modal-body, #migumodal .modal-body, #nazreenmodal .modal-body, #ninamodal .modal-body, #philmodal .modal-body, #mollymodal .modal-body, #marcusmodal .modal-body, #jackmodal .modal-body, #emmalinemodal .modal-body, #slidermodal .modal-body {padding:0;}#haganmodal .modal-content, #tavenermodal .modal-content, #ianmodal .modal-content, #lisamodal .modal-content, #derekmodal .modal-content, #madelynmodal .modal-content, #jennifernmodal .modal-content, #gretamodal .modal-content, #elisemodal .modal-content, #madelynmodal1 .modal-content, #gretamodal1 .modal-content, #brookmodal .modal-content, #brunomodal .modal-content, #gavinmodal .modal-content, #georginamodal .modal-content, #janemodal .modal-content, #jyemodal .modal-content, #migumodal .modal-content, #philmodal .modal-content, #gregmodal .modal-content, #ciaramodal .modal-content, #dalinmodal .modal-content, #ellamodal .modal-content, #georgiamodal .modal-content, #maloriemodal .modal-content, #mollymodal .modal-content, #marcusmodal .modal-content, #jackmodal .modal-content, #emmalinemodal .modal-content, #slidermodal .modal-content {border:none; background:none;}#modalGallery .modal-content, #richardmodal .modal-content, #nazreenmodal .modal-content, #ninamodal .modal-content{border:none; background:none;}#modalGallery img {width:100% !important; height:auto !important;}#modalGallery .btn-close img {width: inherit !important; height: auto !important;}#haganmodal .btn-close img, #tavenermodal .btn-close img, #ianmodal .btn-close img, #lisamodal .btn-close img, #derekmodal .btn-close img, #madelynmodal .btn-close img, #jennifernmodal .btn-close img, #gretamodal .btn-close img, #ciaramodal .btn-close img, #dalinmodal .btn-close img, #ellamodal .btn-close img, #georgiamodal .btn-close img, #maloriemodal .btn-close img, #mollymodal .btn-close img, #marcusmodal .btn-close img, #jackmodal .btn-close img, #emmalinemodal .btn-close img, #slidermodal .btn-close img {width: inherit !important; height: auto !important;} #modalGallery .modal-body{padding:0;}#nav-item-slider .owl-thumb-item, #nav-item-slider1 .owl-thumb-item, #nav-item-slider2 .owl-thumb-item, #nav-item-slider3 .owl-thumb-item, #nav-item-slider4 .owl-thumb-item, #nav-item-slider5 .owl-thumb-item, #nav-item-slider6 .owl-thumb-item, #nav-item-slider7 .owl-thumb-item, #nav-item-slider8 .owl-thumb-item, #nav-item-slider9 .owl-thumb-item, #nav-item-slider10 .owl-thumb-item{padding: 0;background: none; border: none; box-shadow: none; margin-bottom:10px; outline:none; cursor:pointer;}.mobile-phone-tap-button{position: fixed;right: 35px;bottom: 168px;z-index: 1000;}.mobile-phone-tap-button .btn{font-size:1.3rem; border-radius:50%; padding: 0; width: 50px; height: 50px; line-height: 47px;opacity: 1;-webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6);-moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6);box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6); color:#333333;}.mobile-phone-tap-button .btn svg{fill:#333333;}.mobile-phone-tap-button .btn:hover svg{fill:#ffffff;}.cta-option-main{display:none;}.cta-option-main.open-cta{display:block;background: #ffffff; z-index: 1001;bottom: 180px;width: 165px; right: 10px; padding: 9px; border-radius: 50px;height: 50px;-webkit-box-shadow: 0px 0px 0px 5px rgba(184,149,57,0.3);-moz-box-shadow: 0px 0px 0px 5px rgba(184,149,57,0.3);box-shadow: 0px 0px 0px 5px rgba(184,149,57,0.3); line-height:1.2; font-size:1.3rem;text-align: center;}.mobile-phone-tap-button span.close{display:none;box-shadow:none;line-height: 47px;right: 0px;top: 0px;}.mobile-phone-tap-button span.close .fa-close{position:relative;top:0px;}.cta-option-phone a{text-decoration: none !important;padding: 5px 15px;}#mobile-form-option .form-group{margin-bottom:1rem;}.cta-option-phone{line-height: 1.2;position: relative;top: 3px;}#mobile-form-option .btn-close{font-size:1rem; padding:0rem 0rem 0.5rem 0rem;}#mobile-form-option .btn-close .fa{font-size: 18px;bottom: 0px;}#gallery-container2 .owl-thumbs, #gallery-container3 .owl-thumbs, #gallery-container4 .owl-thumbs, #gallery-container5 .owl-thumbs, #gallery-container6 .owl-thumbs, #gallery-container7 .owl-thumbs, #gallery-container8 .owl-thumbs, #gallery-container9 .owl-thumbs, #gallery-container10 .owl-thumbs, #gallery-container11 .owl-thumbs, #gallery-container12 .owl-thumbs {height:532px; overflow-y:scroll;}.owl-thumbs::-webkit-scrollbar {width: 10px;}.owl-thumbs::-webkit-scrollbar-track {background: #b89539;}.owl-thumbs::-webkit-scrollbar-thumb { background: #555555;}.owl-thumbs::-webkit-scrollbar-thumb:hover {background: #555555;}.dentistry-hot-btn a, .dentistry-hot-btn a:focus{text-decoration:none; outline:none;}.mobile-invisalign-bg{background: rgba(169,182,198,1);background: -moz-linear-gradient(left, rgba(169,182,198,1) 0%, rgba(169,182,198,1) 53%, rgba(190,203,212,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(169,182,198,1)), color-stop(53%, rgba(169,182,198,1)), color-stop(100%, rgba(190,203,212,1)));background: -webkit-linear-gradient(to right, rgb(169, 182, 198) 0%, rgb(169, 182, 198) 60%, rgb(190, 203, 212) 91%);background: -o-linear-gradient(to right, rgb(169, 182, 198) 0%, rgb(169, 182, 198) 60%, rgb(190, 203, 212) 91%);background: -ms-linear-gradient(to right, rgb(169, 182, 198) 0%, rgb(169, 182, 198) 60%, rgb(190, 203, 212) 91%);background: linear-gradient(to right, rgb(169, 182, 198) 0%, rgb(169, 182, 198) 60%, rgb(190, 203, 212) 91%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9b6c6', endColorstr='#becbd4', GradientType=1 );}.smile-makeover-bg{background-image: url(../retina-images/smile-bg.gif);}.gray-img img {filter: gray;-webkit-filter: grayscale(1);filter: grayscale(1);}.modal-body1{position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;}#sm-scan-iframe{border: none;}.glrtext strong{ text-transform:uppercase} .goldbordder{ background:url(../retina-images/watermark.png) no-repeat top right #fff; background-size:50%; padding:10px; border:10px solid #fbe5be; } .goldbordder1{ background:url(../retina-images/watermark.png) no-repeat top center #fff; background-size:50%; padding:10px; border:10px solid #fbe5be; }.d3{ padding:10px;} .ingal .modal-body{ background:#fff;}.break-all-word{word-break: break-all;}.bottom-50{bottom:50%;}.new-patient-right-side-btn{position:absolute; right:0;} .on-scroll-sticy.fixed-bottom{position:fixed;bottom:0;text-align: center; padding: 10px; background-color: #ffffff;box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);}.menu-select-wrapper, .menu-select-wrapper1{position:relative;width:100%;}.menu-select-toggle1, .menu-select-toggle2 { position: relative; width: 100%; font-size: 1rem; text-transform: uppercase; color: #000000; margin: 0; padding: 14px 0 12px 27px; border-radius: 0.25rem; background-color: #e1e1e1; background-image: url(../retina-images/icon-arrow-down-small-black.png); background-repeat: no-repeat; background-position: 95% center; cursor: pointer;} .menu-select1, .menu-select2 { position: absolute; width: 100%; display: none; padding-left: 10px; padding-right: 10px;} .menu-select1 ul, .menu-select2 ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; text-shadow: none!important; z-index: 1; position: relative;} .menu-select1 ul li, .menu-select2 ul li { margin: 0; padding: 0; z-index: 150;} .menu-select1 ul li a, .menu-select2 ul li a { margin: 0; padding: 8px 8px 8px 16px; background: #e1e1e1; border-bottom: 1px solid #bebebe; color: #000000; display: block; text-decoration: none; font-size: 1rem;} .menu-select1 ul li:last-child a, .menu-select2 ul li:last-child a { border-bottom: none;} .menu-select1 ul li a:hover, .menu-select2 ul li a:hover { background: #b89539;} .dropdown-location .menu-select1, .dropdown-location .menu-select2 { position: absolute; display: none; text-align: left; margin-top: 10px; padding: 0px; width: auto; right: 0} .dropdown-location .menu-select1 ul, .dropdown-location .menu-select2 ul { padding-left: 0px; margin-bottom: 0px;} .dropdown-location .menu-select1 ul li, .dropdown-location .menu-select2 ul li { list-style: none;} .dropdown-location .menu-select1 ul li a, .dropdown-location .menu-select2 ul li a { border-bottom: 1px solid #eee; padding: 10px 14px;} .dropdown-location .menu-select1 ul li a:hover, .dropdown-location .menu-select2 ul li a:hover { text-decoration: none !important;} .dropdown-location { background: none !important; float: right; text-align: right;} .menu-select-toggle2 { width: auto;} .menu-select-toggle1.dropdown-location, .menu-select-toggle2.dropdown-location { padding: 0px;} .menu-select-toggle2 .menu-select2 ul li { font-size: 16px; text-transform: capitalize;} .menu-select-toggle2 .menu-select2 { width: 210px; margin-top: 0px;} .dropdown-location .location-list { display: inline-block; text-align: left; border: 1px solid; padding: 10px; font-size: 15px; margin-top: 10px; text-decoration: none !important; cursor: pointer; color: #b89539;} .dropdown-location .location-list svg { margin-left: 5px;} .g-recaptcha-left{-webkit-transform-origin: 0 0; transform-origin: 0 0;} .footer-download-guide .menu-select-toggle1{background-color:#ffffff;background-image:url(../retina-images/icon-arrow-down-small-black.png);color:#000;}.footer-download-guide .menu-select1 ul li a{background:#ffffff;border-bottom:1px solid #e8e8e8;color:#000000;} .footer-download-guide .menu-select1 ul li a:hover{text-decoration:none;} .footer-download-guide .menu-select1 ul li a:hover{background:#b89539;} .footer-download-guide .menu-select1 ul li:last-child a{border-bottom:none;}.text-decoration-none{text-decoration:none;} .thumbline-top-set{position:relative; top:-30px;} .thumbline-top-set img{width:auto !important; height:auto !important;} .new-intro-text{opacity:0;position: absolute; top: 0; width: 100%; background: rgba(0, 0, 0, 0.7);height: 100%;} .new-patient-download:hover .new-intro-text{opacity: 1; } .new-patient-download .new-intro-text .btn{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;} .fees-table {width:100%; text-align:left !important;} .fees-table td{border-top:none;padding-bottom:0;} .bg-black-tr{background:#000000;} .fees-table th{padding:0.75rem; color:#ffffff;} .td-paddind-none td{padding:0;padding-bottom:0.75rem;} .googlereviews .btn {position: relative; padding: 3px 0px 3px 108px; text-align: left; font-size: 26px;color:#c3c3c3; line-height:28px; box-shadow:none;} .googlereviews .btn:hover, .googlereviews .btn:focus{background:none; outline:none;} .googlereviews .btn .small {font-size: 22px; color:#b89539;} .googlereviews .btn .gicon {background-color: #fff; padding: 4px !important; border-radius: 100%; width: 100px; position: absolute; left: 0px; top: 3px;} .googlereviews .ratstars {display: inline-block; position: relative; bottom: -3px;} .googlereviews .btn-google-reviews{text-transform:inherit; color:#000000;cursor:default !important;} .smlfnt{font-size:14px; display:block; line-height:1.2; margin-top:4px;} .vertical-align-middle{vertical-align:middle;} .whatupbtn-footer{width: 100% !important; right: 0 !important; bottom: 0 !important;} .whatupbtn-footer span{padding-left: 15px;} .whatupbtn-footer img{ top: 0.5rem;} .mobile-phone-tap-button a{color:#333333;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s;} .mobile-phone-tap-button a:hover, .mobile-phone-tap-button a:focus, .mobile-phone-tap-button a:active, .mobile-phone-tap-button .btn:hover a{color:#ffffff;} .mb-half{margin-bottom:0.5rem;} .background-video-container{position: absolute; width: 100%; height: 100%; object-fit: cover;} .border-team { overflow:hidden; padding:5px; background: rgb(183,149,55); background: linear-gradient(90deg, rgba(183,149,55,1) 0%, rgba(242,215,142,1) 50%, rgba(183,149,55,1) 100%);} .border-video-none { overflow:hidden; border:none !important;} .modal-dialog .modal-body { background-color: #fff; } .play-icon1 { position: absolute; left: 0; right: 0; top: 50%; margin: -15px auto 0 !important; width: 50px !important; height: 50px !important; background-size: contain !important; } .video-title { position: absolute; left: 0; top: 10px; margin: 0px 0px 0px 15px !important; width: 100% !important; text-align: left; font-size: 15px; color: #ffffff; } .w-240 { width: 190px; } .content-title1 { font-family: 'Antic Didone', serif; font-size: 1.4rem !important; font-weight: 700; line-height: 1.2; color: #b89539; margin: 0; margin-top: 0px; padding-bottom: 1rem; font-display: swap; } .golden-list, .icon-list{columns: 1; -webkit-columns: 1; -moz-columns: 1;} .golden-list li, .icon-list li {display: block;padding-left: 30px;position: relative;margin-bottom: 20px;line-height: 33px;} .golden-list li:before {content: '';display: block;background: url(../retina-images/ico-check.svg) no-repeat 0px 0px; background-size: contain;position: absolute;left: 0;top: 5px;width: 25px;height: 25px;} .icon-list li:before {content: '';display: block;background: url(../retina-images/ico-implant.svg) no-repeat 0px 0px; background-size: contain;position: absolute;left: 0;top: 5px;width: 25px;height: 25px;} .new-contact-form input, .new-contact-form select { background-color:transparent; border:none; border-bottom:1px solid #000; padding-bottom:20px; padding-left:0px;} .new-contact-form input[type=submit] { padding:15px 20px; color:#000; border:none; border-radius:50px; position:relative} .new-contact-form input[type=submit]:hover { background:#000; color:#fff;} .contact-review { background:#fff; padding:15px 35px 15px 15px; border-radius:80px; color:#000; display:inline-block;} .softcover-book{display: flex; justify-content: end;} .object-cover { object-fit: cover;object-position: center;} .z-index { z-index: 1; } .mr-star{ margin-right:5px; } .implant-a-title{font-size:42px;font-family: 'Antic Didone', serif;font-weight: 400;color: #b89539;} .implant-b-title{font-size:32px;font-family: 'Antic Didone', serif;font-weight: 400;color: #b89539;} .border-radius-img { border-radius:50% 50% 0 0;} /*================== Inner page style End =====================*/ /*================== Global style End =====================*/ @media (min-width: 576px) {.text-sm-dark { color: #000 !important; }.text-sm-white { color: #fff !important; };implant-b-title{font-size:32px;} .implant-banner { min-height: 365px;} .invisalign-banner { min-height: 465px;} .invisalign-banner .align-center {top: 30%;left: 55%;transform: translate(-60%, -20%);} .align-center {top: 50%;left: 55%;transform: translate(-60%, -20%);}} @media (min-width: 768px) {.text-md-dark { color: #000 !important; }.text-md-white { color: #fff !important; } .implant-a-title{font-size:62px;} .implant-b-title{font-size:32px;} .implant-banner { min-height: 500px;} .invisalign-banner { min-height: 600px;} .invisalign-banner .align-center {top: 30%;left: 58%;transform: translate(-60%, -20%);} .align-center {top: 50%;left: 58%;transform: translate(-60%, -20%);}} @media (min-width: 992px) {.text-lg-dark { color: #000 !important; }.text-lg-white { color: #fff !important; } .implant-banner { min-height: 500px;} .invisalign-banner { min-height: 600px;} .invisalign-banner .align-center {top: 26%;left: 58%;transform: translate(-60%, -20%);} .align-center {top: 38%;left: 58%;transform: translate(-60%, -20%);} .implant-a-title{font-size:72px;} .implant-b-title{font-size:42px;}} @media (min-width: 1200px) {.text-xl-dark { color: #000 !important; }.text-xl-white { color: #fff !important; }.implant-banner { min-height: 550px;} .invisalign-banner { min-height: 700px;} .invisalign-banner .align-center {top: 28%;left: 58%;transform: translate(-60%, -20%);} .align-center {top: 38%;left: 58%;transform: translate(-60%, -20%);}} @media (min-width: 1400px){ .implant-banner { min-height: 650px;} .invisalign-banner { min-height: 800px;} .invisalign-banner .align-center { top: 20%;left: 42%;transform: translate(-50%, 5%);} .align-center { top: 30%;left: 42%;transform: translate(-50%, 5%);} } /*================== Global style End =====================*/ /*================== Retina background =====================*/ @media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ), only screen and ( min--moz-device-pixel-ratio: 1.3 ), only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */ only screen and ( min-device-pixel-ratio: 1.3 ), only screen and ( min-resolution: 124.8dpi ), only screen and ( min-resolution: 1.3dppx ) {.bg-logo { background-image: url(../retina-images/logo-bg-2x.png); background-size: 800px 500px; }.bg-logo1 { background-image: url(../retina-images/logo-bg1-2x.png); background-size: 800px 500px; }.map-directions-tag:before { background-image: url(../retina-images/icon-directions-1-2x.png); background-size: 32px 32px; }.smile-makeover-bg{background-image: url(../retina-images/smile-bg-mobile-2x.jpg);}} /*================== Retina background End =====================*/ /*================== Back to top =====================*/ #back-to-top { position: fixed; bottom: 238px; right: 35px; z-index: 10000; }@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #back-to-top { right: 20px; } } #back-to-top a {color: #333;text-align: center; line-height: 47px; text-decoration: none; display: block; height: 50px; width: 50px; font-size: 1.3rem; border-radius: 100%;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6); box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.6);background-color: #c6a64d; padding:0px;}#back-to-top a:hover { background-color: #000; color: #ffffff; } #back-to-top svg{fill:#333333;} #back-to-top a:hover svg {fill:#ffffff;} #book-an-appointment { position: fixed; bottom: 125px; right: 35px; z-index: 10000; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #book-an-appointment { right: 20px; } } /*================== Back to top End =====================*/ /* Extra small devices (portrait phones, less than 576px) */ @media (min-width: 576px) { .golden-list, .icon-list{columns: 2; -webkit-columns: 2; -moz-columns: 2;} .overlay:after {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(0,0,0,0.8155637254901961) 41%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8155637254901961) 41%, rgba(255,255,255,0) 100%); background: linear-gradient(90deg, rgba(0,0,0,0.8155637254901961) 41%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);} .implant-a-title{font-size:42px;} .implant-b-title{font-size:32px;} .implant-banner { min-height: 365px;} .align-center {top: 30%;left: 55%;transform: translate(-60%, -20%);} } @media (min-width: 768px) { .golden-list li:before, .icon-list li:before {top: 2px;width: 30px;height: 30px;} .golden-list li {padding-left: 40px;}.icon-list li {padding-left: 30px;} } @media (max-width: 767px) { .mobile-border-top-fees{border-top: rgba(255,255,255,0.1) 1px solid;}.fees-table tr td:nth-child(even){text-align:right !important;} .fee .fees-table tr td:nth-child(even){text-align:center !important;} .fee .fees-table tbody:first-child td:first-child {text-align:left;} .fee a.btn, .fee1 a.btn{padding: 8px 9px; font-size:10px;} .fee1 a.btn{white-space: nowrap;} .tbl-align .fees-table tbody:first-child td:first-child {text-align:left;} .fee .fees-table{text-align: center !important;} .fee .num tbody:first-child td:first-child {margin-top: 12px; font-size:13px !important;width: 40px; height: 26px; text-align:center; padding-top: 3px;} .tbl-align .small-atble-mobile {width:90%; margin:0 auto;}.small-atble-mobile {width:100%; margin:0 auto;}.site-logo img { max-width: 170px !important; height: auto !important; }.page-header.fixed-top { border-bottom: rgba(255,255,255,0.1) 1px solid; }.page-header.fixed-top .site-logo img { max-width: 100px !important; }body { font-size: 1rem; }.page-title { font-size: 3rem; }.page-heading { font-size: 1.875rem; }.sub-title { font-size: 1.5rem; }#headingOne1 .sub-title { font-size: 1.2rem; } .ingal .sub-title { margin-top:0.5rem}.content-title { font-size: 1.5rem; } .content-title.logo-title {font-size:20px !important} .content-sub-title{font-size: 1.2rem;}.small-title { font-size: 1.4rem; }#carouselIndicators .sub-title { font-size: 1.2rem; }.banner-item { min-height: inherit; }.carousel-item .bannerimg { max-height: 260px; }.carousel-indicators { margin-bottom: 0.5rem; }.hotbox .text-head { font-size: 1.125rem; }.hot-img .front, .hot-img .back { position: static !important; transform: rotateY(0deg) !important; }.block-img { min-height: 300px; }.consultation-img{min-height: 370px;}#map { height: 300px; }.bg-sm-contain { background-size: contain; }.bg-sm-cover { background-size: cover; }.commentform { height: 500px !important; }.formcomment .g-recaptcha { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: center top; transform-origin: center top; }.btn { white-space: normal; }.btn-sm { padding: 0.7rem 1rem; }.btn-lg { font-size: 1.2rem; }.arrowbox-bottom .small { font-size: 0.875rem !important; }.whatupbtn { width: 57px; height: 57px; line-height: 57px; padding: 0; position: fixed; bottom: 97px; right: 31px; z-index: 1000; }.whatupbtn img { left: 12px; top: 12px; width: 33px; }.caseimg1 { transform: rotate(-15deg); }.caseimg2 { transform: rotate(16deg); }.caseimg1.go, .caseimg2.go { -webkit-animation-name: none; animation-name: none; }.veneer-strip { background-image: none !important; } .home-page-accordion .card-header svg{top:1rem;font-size: 1.8rem;}textarea.form-control{height: 100px;}.selfie-img-div{max-width: 100%;max-height: 210px;}.list-group-send-selfie li{margin-bottom: 0.2rem;}.slide-1{background: url(../retina-images/banner-bg1-mobile-bg-2x.jpg);background-position: top left; background-size:cover}.invisalignbanner .row{flex-direction: column-reverse;}.gallery-thumb a svg{display:none;}.gallery-thumb1 a svg{display:none;}#nav-item-slider .owl-thumbs, #nav-item-slider1 .owl-thumbs{width:100%;}#nav-item-slider3 .owl-thumb-item{width: 33.33%;}#nav-item-slider4 .owl-thumb-item, #nav-item-slider5 .owl-thumb-item, #nav-item-slider .owl-thumb-item, #nav-item-slider1 .owl-thumb-item, #nav-item-slider2 .owl-thumb-item{width: 50%;}#nav-item-slider2 .owl-thumb-item, #nav-item-slider6 .owl-thumb-item, #nav-item-slider7 .owl-thumb-item, #nav-item-slider8 .owl-thumb-item, #nav-item-slider9 .owl-thumb-item, #nav-item-slider10 .owl-thumb-item{width: 50%;}#gallery-container2 .owl-thumbs, #gallery-container3 .owl-thumbs, #gallery-container4 .owl-thumbs, #gallery-container5 .owl-thumbs, #gallery-container6 .owl-thumbs, #gallery-container7 .owl-thumbs, #gallery-container8 .owl-thumbs, #gallery-container9 .owl-thumbs, #gallery-container10 .owl-thumbs, #gallery-container11 .owl-thumbs, #gallery-container12 .owl-thumbs{height:auto;overflow: auto; margin-top:1rem;}.spaphonelink-color-mobile{color:#b89539 !important;}.bannerright {position:inherit;}.invisalign-banner-logo{ text-align: left;}.invisalign-banner-img{height:350px;}.bannertx{margin-bottom:1rem;width:100%;}.on-scroll-sticy .btn{margin-top:0 !important;} .modal-body .content-title{font-size: 1.2rem;}.thumbline-top-set{position:relative; top:0px;}.new-intro-text{display:none;}.new-patient-download:hover .new-intro-text{display:none;}.googlereviews .btn{font-size:22px;}.googlereviews .btn .small{font-size:18px;}.googlereviews .ratstars svg{width:18px; height:18px;}.smlfnt{font-size:12px;} .w-240 {width: 240px;} .home .card-header svg { top: 0.8rem;} .iframe-video { margin:20px auto 40px;} .offer-slide {background-image: none !important; background-color: #f3ecda !important;} .bannerright {position: inherit;} .offer-ttl {font-size: 1.8rem !important;} .golden-list li:before{width: 20px; height: 20px;} .golden-list li{line-height: 24px; margin-bottom: 20px;} .glry .bg-2 {background: url(../retina-images/pattern-bg1.svg) repeat #000000 !important;} .glry .bg-1{background: url(../retina-images/pattern-bg1.svg) repeat #b89539 !important;} } @media (max-width: 575px) { .implant-text{ text-align:center;padding: 1.5rem; } .scrolling-slider { height: auto !important; } .story-title { font-size: 1.5rem; } .border-video-none { padding: 1px !important;} .carousel-item .page-title { font-size: 1.8rem; } .small-banner-text { font-size: 1.1rem; }.carousel-item .banner-img { max-width: 200px; display: block; margin: 0 auto; } .page-footer { font-size: 0.9375rem; }.play-icon { width: 60px; height: 60px; margin-top: -40px; } .social-icons a { font-size: 1.5rem; margin: 0 0.45rem; }.case-thumb { font-size: 0.8rem; /*padding: 5px;*/ } .couunt-sep:after { max-width: 280px; width: 100%; height: 1px; left: 0; right: 0; top: inherit; bottom: 0; margin: 0 auto; } .mobile-after-none:after {display:none;}.videobox { min-height: 18rem; }.headingstrip { height: 190px; position: relative; } .headingstrip .page-heading { position: absolute; left: 15px; right: 15px; bottom: 1rem; }.block-img-sm { min-height: 200px !important; } .strip-block .page-title { font-size: 1.8rem; font-weight: 600; }.strip-block .page-heading { font-size: 1.5rem; } .strip-block .box-light { background-color: rgba(255,255,255,0.5); padding-top: 0.8rem; padding-bottom: 0.5rem; } .strip-block .box-dark { background-color: rgba(0,0,0,0.4); padding-top: 0.8rem; padding-bottom: 0.5rem; } .invisalign-banner-logo{left: 0; right: 0; margin: 0 auto;} .strip-block .box-dark, .strip-block .box-dark .page-title, .strip-block .box-dark .page-heading { color: #fff !important; text-shadow: 1px 1px 0px rgba(0,0,0,0.5); }.bg-xs-left-top { background-position: left top; } .bg-xs-right-top { background-position: right top; }.veneer-strip .page-heading { font-size: 1.5rem; } .slide-2 .bannerimg2 { position: relative; }.slide-2 .bannerlogo { max-height: 180px !important; margin-bottom: 20px; position: inherit; bottom: 0px; display: block; margin: 0 auto; z-index: 1; }#haganmodal .btn-close, #tavenermodal .btn-close, #ianmodal .btn-close, #lisamodal .btn-close, #derekmodal .btn-close, #madelynmodal .btn-close, #jennifernmodal .btn-close, #gretamodal .btn-close, #mollymodal .btn-close, #marcusmodal .btn-close, #jackmodal .btn-close, #emmalinemodal .btn-close, #slidermodal .btn-close {font-size:16px; padding-bottom:5px;}#haganmodal .btn-close .fa, #tavenermodal .btn-close .fa, #ianmodal .btn-close .fa, #lisamodal .btn-close .fa, #derekmodal .btn-close .fa, #madelynmodal .btn-close .fa, #jennifernmodal .btn-close .fa, #gretamodal .btn-close .fa, #mollymodal .btn-close .fa, #marcusmodal .btn-close .fa, #jackmodal .btn-close .fa, #emmalinemodal .btn-close .fa, #slidermodal .btn-close .fa {font-size:16px;margin-right:0px; bottom:0;}#haganmodal .modal-dialog, #tavenermodal .modal-dialog, #ianmodal .modal-dialog, #lisamodal .modal-dialog, #derekmodal .modal-dialog, #madelynmodal .modal-dialog, #jennifernmodal .modal-dialog, #gretamodal .modal-dialog, #mollymodal .modal-dialog, #marcusmodal .modal-dialog, #jackmodal .modal-dialog, #emmalinemodal .modal-dialog, #slidermodal .modal-dialog {margin: 1rem;}#back-to-top{bottom:225px;}.mobile-phone-tap-button{bottom:208px;}.book-title{font-size: 12px;}#mobile-form.open .book-title:after{width: 16px; right: 14px; top:8px;} .whatupbtn{bottom:139px;}.practice-gallery .gallery-thumb a {height: 190px; }.btn-mailchimp{font-size: 0.75rem;}#carouselIndicators .sub-title { font-size: 1.2rem; }.new-patient-right-side-btn{position:relative; right:inherit;}.g-recaptcha{-webkit-transform: scale(0.75); transform: scale(0.75);}.new-patient-guide .content-sub-title{font-size:0.9rem;} .lst ul.list-group {margin-bottom: 0;}} @media (min-width: 381px) and (max-width: 575px) {.invisalignbanner .sub-title { font-size: 1.1rem; }} @media (min-width: 380px) and (max-width: 480px) {.consultation-img {min-height: 300px;}.invisalign-banner-img{height:250px;}.platinum-logo{height:120px;}.invisalign-banner-logo{left: 0; right: 0; margin: 0 auto;}} @media (max-width: 380px) {.invisalignbanner .sub-title { font-size: 0.84rem; }.invisalign-patients-choose-us{min-height: 200px;}.bannertx{padding: 1rem 0.5rem 1rem 0.5rem !important; width:100%;}.consultation-img {min-height: 250px;}#mobile-form-option .g-recaptcha{ -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.75); transform: scale(0.75);}#mobile-form-option .text-center{ text-align:left !important;}.g-recaptcha-main{ margin-bottom:0px !important;}.invisalign-banner-img{height:230px;}.platinum-logo{height:120px;}.invisalign-banner-logo{left: 0;right: 0; margin: 0 auto;}.formcomment .g-recaptcha{-webkit-transform-origin: 0px 0px;transform-origin: 0px 0px;}.g-center-mobile{width:215px; margin:0 auto;}} @media (min-width: 350px) and (max-width: 480px) { #carouselIndicators .sub-title { font-size: 1rem; letter-spacing:0; }} @media (min-width: 320px) and (max-width: 350px) { #carouselIndicators .sub-title { font-size: 0.9rem; letter-spacing:0; } .fee .fees-table th{font-size: 11px;}.fee a.btn, .fee1 a.btn {padding: 8px 7px; font-size: 8px;}} @media (max-width: 300px){.fee .fees-table th{font-size: 10px;}.fee a.btn {padding: 6px 7px; font-size: 7px;}.fee .fees-table tbody:first-child td:first-child {font-size: 15px;} .tbl-align .fees-table tbody:first-child td:first-child {text-align: left;} .fee .num tbody:first-child td:first-child { font-size:13px !important;width: 51px; height: 22px; text-align:center; border-radius: 12%; padding-top: 2px;}} @media (max-width: 320px){.book-title{font-size: 9px !important;}} /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767px) { .carousel-item .page-title { font-size: 2rem; }.carousel-item .btn { padding-left: 0.8rem; padding-right: 0.8rem; }.videobox { min-height: 28rem; }.block-img { min-height: 380px; }.consultation-img{min-height: 480px;}.invisalign-patients-choose-us{min-height: 400px;}.counter .sub-title { font-size: 1.1rem !important; }.strip-block .page-title { font-size: 2.6rem; }.strip-block .page-heading { font-size: 1.6rem; }.slide-2 .bannerlogo { max-height: 80px !important; max-height:inherit; margin-bottom:10px;}.small-banner-text { font-size:1.2rem; }.sep-sm-none:after { display: none; }.practice-gallery .gallery-thumb a {height: 160px; } .page-title.offer-ttl {font-size: 1.8rem !important;} .golden-list li, .icon-list li{margin-bottom: 4px !important;line-height: 30px !important;} .golden-list, .icon-list {columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important;} .offer-slide img { height: 435px; object-fit: cover; width: 100%; position: relative; left: 0; top: 0 !important; } } /* Medium devices (tablets, 768px and up) */ @media (max-width: 991px) { .count-number { font-size: 2rem; min-height: 60px; }.counter .sub-title { font-size: 1.2rem; }.carousel-item .bannerlogo { max-height: 110px; }.smile-makeover-bg{background-image: url(../retina-images/smile-bg-mobile-2x.jpg);} .page-footer h4{font-size: 17px;} .page-footer ul li a {font-size: 14px;} } @media (min-width: 768px) { .slide-1{background: url(../retina-images/banner-bg1.jpg);background-size:cover;} .iframe-video { margin:30px auto 20px;} .bannerleft{padding-left: 8rem;} .banr-logo .bannerleft{padding-left: inherit;} .implant-a-title{font-size:62px;} .implant-b-title{font-size:32px;} .implant-banner { min-height: 500px;} .align-center {top: 50%;left: 58%;transform: translate(-60%, -20%);} } @media (min-width: 768px) and (max-width: 991px) { .page-header { font-size: 0.75rem; }.navbar .container { max-width: inherit; }.navbar .navbar-nav .nav-link, .navbar .dropdown-item {font-size: 0.5rem; padding-left: 0.2rem; padding-right: 0.2rem}.banner-item { min-height: 370px; }.carousel-item .page-title { font-size: 3.2rem; }.carousel-item .small-banner-text { font-size: 1.3rem; }.bannertx { font-size: 1rem; }#carouselIndicators .sub-title { font-size: 1.1rem; }.carousel-item .bannerimg { max-height: 322px; }.videobox { min-height: 35rem; }.commentform { height: 500px !important; }.block-img { height: 450px; }.consultation-img{height:620px;}.invisalign-patients-choose-us{height: 510px;}.whatupbtn { font-size: 0.7rem; padding-left: 2.8rem; padding-right: 1rem; }.whatupbtn-footer { font-size: 0.62rem; padding-left: 2.4rem; padding-right: 1rem; }.whatupbtn img { left: 1rem; top: 0.5rem; }.strip-block .page-title { font-size: 3.2rem; }.strip-block .page-heading { font-size: 2rem; }.veneer-strip .page-heading { font-size: 2rem; }.selfie-img-div{ height: 190px; }.invisalignbanner .top { top: 10%; }.invisalignbanner .sub-title { font-size: 1.0rem; }.sep-sm-none:after { display: none; }.team-link{font-size: 0.9rem;}#gallery-container2 .owl-thumbs, #gallery-container3 .owl-thumbs, #gallery-container4 .owl-thumbs, #gallery-container5 .owl-thumbs, #gallery-container6 .owl-thumbs, #gallery-container7 .owl-thumbs, #gallery-container8 .owl-thumbs, #gallery-container9 .owl-thumbs, #gallery-container10 .owl-thumbs, #gallery-container11 .owl-thumbs, #gallery-container12 .owl-thumbs{height: 320px;overflow-y: scroll;}.practice-gallery .gallery-thumb a {height: 140px; }.modal .g-recaptcha { -webkit-transform: scale(0.70);transform: scale(0.70);} .offer-slide {background-position: -131px 0;} .page-title.offer-ttl {font-size: 2.2rem !important;} .golden-list, .icon-list {columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important;} .golden-list li, .icon-list li {margin-bottom: 5px !important; line-height: 30px !important;} .bannerleft{padding-left: 3rem;} .offer-slide {background-image: none !important;background-color: #f3ecda !important;} .slide-2 .bannerimg2 {position: relative; } .bg-sm-cover {background-size: cover;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .team-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .golden-list { columns: 1 !important; -webkit-columns: 1 !important;-moz-columns: 1 !important;} } @media (min-width: 992px) and (max-width: 1199px) { .offer-slide {background-position: -85px 0;} .golden-list li{font-size: 14px; margin-bottom: 0;} .golden-list li:before{width: 20px; height: 20px;} .icon-list { columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important;} .icon-list li { margin-bottom: 4px !important; line-height: 30px !important;} .navbar .navbar-nav .nav-link, .navbar .dropdown-item { padding-left: 0.2rem; padding-right: 0.2rem; font-size: 10px; }.counter .sub-title { font-size: 1.7rem; }.banner-item { min-height: 397px; }.carousel-item .bannerimg { max-height: 397px; }.carousel-item .page-title { font-size: 3.2rem; }#carouselIndicators .sub-title { font-size: 1.4rem; }.videobox { min-height: 85vh; background-position: top center; }.invisalign-video-box.videobox{min-height: inherit;}.text-lg-small { font-size: 90%; }.block-img { min-height: 380px; }.whatupbtn { font-size: 0.8rem; }.strip-block .page-title { font-size: 4.2rem; }.invisalignbanner .top { top: 10%; }.invisalignbanner .sub-title { font-size: 1.2rem; }.sep-sm-none:after { display: none; }#gallery-container2 .owl-thumbs, #gallery-container3 .owl-thumbs, #gallery-container4 .owl-thumbs, #gallery-container5 .owl-thumbs, #gallery-container6 .owl-thumbs, #gallery-container7 .owl-thumbs, #gallery-container8 .owl-thumbs, #gallery-container9 .owl-thumbs, #gallery-container10 .owl-thumbs, #gallery-container11 .owl-thumbs, #gallery-container12 .owl-thumbs{height: 454px;overflow-y: scroll;}.practice-gallery .gallery-thumb a {height: 190px; } .page-header { font-size:0.9rem;}} @media (max-width:1024px){.team-intro-text{display:none !important;}.team-overlay{display:none;}} @media (max-width:1199px){.sm-timer-none .timer{display:none !important;}.dropdown-menu{right:0px;left: inherit;}} /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) {.bg-xl-cover { background-size: cover; }.col-xl-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }.block-img { min-height: 500px; }.invisalignbanner .sub-title { font-size: 1.5rem; line-height: 1.3; }#haganmodal .modal-lg, #tavenermodal .modal-lg, #ianmodal .modal-lg, #lisamodal .modal-lg, #derekmodal .modal-lg, #madelynmodal .modal-lg, #jennifernmodal .modal-lg, #gretamodal .modal-lg, #elisemodal .modal-lg, #madelynmodal1 .modal-lg, #gretamodal1 .modal-lg, #richardmodal .modal-lg, #brookmodal .modal-lg, #brunomodal .modal-lg, #gavinmodal .modal-lg, #georginamodal .modal-lg, #janemodal .modal-lg, #jyemodal .modal-lg, #migumodal .modal-lg, #nazreenmodal .modal-lg, #ninamodal .modal-lg, #philmodal .modal-lg, #gregmodal .modal-lg, #ciaramodal .modal-lg, #dalinmodal .modal-lg, #ellamodal .modal-lg, #georgiamodal .modal-lg, #maloriemodal .modal-lg, #mollymodal .modal-lg, #marcusmodal .modal-lg, #jackmodal .modal-lg, #emmalinemodal .modal-lg, #slidermodal .modal-lg {max-width: 1100px;}#damien-slider.owl-carousel .owl-nav .owl-next, #derek-slider.owl-carousel .owl-nav .owl-next, #caitlyn-slider.owl-carousel .owl-nav .owl-next, #lisa-slider.owl-carousel .owl-nav .owl-next, #ian-slider.owl-carousel .owl-nav .owl-next, #damien-slider.owl-carousel .owl-nav .owl-next, #michelle-slider.owl-carousel .owl-nav .owl-next, #derek-slider.owl-carousel .owl-nav .owl-next, #madelyn-slider.owl-carousel .owl-nav .owl-next, #elise-slider.owl-carousel .owl-nav .owl-next, #greta-slider.owl-carousel .owl-nav .owl-next, #richard-slider.owl-carousel .owl-nav .owl-next, #bruno-slider.owl-carousel .owl-nav .owl-next, #gavin-slider.owl-carousel .owl-nav .owl-next, #georgina-slider.owl-carousel .owl-nav .owl-next, #jane-slider.owl-carousel .owl-nav .owl-next, #jye-slider.owl-carousel .owl-nav .owl-next, #migu-slider.owl-carousel .owl-nav .owl-next, #nazreen-slider.owl-carousel .owl-nav .owl-next, #nina-slider.owl-carousel .owl-nav .owl-next, #phil-slider.owl-carousel .owl-nav .owl-next, #greg-slider.owl-carousel .owl-nav .owl-next, #ciara-slider.owl-carousel .owl-nav .owl-next, #dalin-slider.owl-carousel .owl-nav .owl-next, #ella-slider.owl-carousel .owl-nav .owl-next, #georgia-slider.owl-carousel .owl-nav .owl-next, #malorie-slider.owl-carousel .owl-nav .owl-next, #abdullah-slider.owl-carousel .owl-nav .owl-next, #ailish-slider.owl-carousel .owl-nav .owl-next, #annelise-slider.owl-carousel .owl-nav .owl-next, #elijah-slider.owl-carousel .owl-nav .owl-next, #emmaline-slider.owl-carousel .owl-nav .owl-next, #isabella-slider.owl-carousel .owl-nav .owl-next, #jacinta-slider.owl-carousel .owl-nav .owl-next, #katharyn-slider.owl-carousel .owl-nav .owl-next, #louise-slider.owl-carousel .owl-nav .owl-next, #priyanka-slider.owl-carousel .owl-nav .owl-next, #rebecca-slider.owl-carousel .owl-nav .owl-next, #samiya-slider.owl-carousel .owl-nav .owl-next, #siva-slider.owl-carousel .owl-nav .owl-next, #dusan-slider.owl-carousel .owl-nav .owl-next, #toru-slider.owl-carousel .owl-nav .owl-next, #silvano-slider.owl-carousel .owl-nav .owl-next, #gretchen-slider.owl-carousel .owl-nav .owl-next, #gerad-slider.owl-carousel .owl-nav .owl-next, #lovella-slider.owl-carousel .owl-nav .owl-next, #adam-slider.owl-carousel .owl-nav .owl-next, #molly-slider.owl-carousel .owl-nav .owl-next, #marcus-slider.owl-carousel .owl-nav .owl-next, #jack-slider.owl-carousel .owl-nav .owl-next {right: -45px;}#damien-slider.owl-carousel .owl-nav .owl-prev, #derek-slider.owl-carousel .owl-nav .owl-prev, #caitlyn-slider.owl-carousel .owl-nav .owl-prev, #lisa-slider.owl-carousel .owl-nav .owl-prev, #ian-slider.owl-carousel .owl-nav .owl-prev, #damien-slider.owl-carousel .owl-nav .owl-prev, #michelle-slider.owl-carousel .owl-nav .owl-prev, #derek-slider.owl-carousel .owl-nav .owl-prev, #madelyn-slider.owl-carousel .owl-nav .owl-prev, #elise-slider.owl-carousel .owl-nav .owl-prev, #greta-slider.owl-carousel .owl-nav .owl-prev, #richard-slider.owl-carousel .owl-nav .owl-prev, #bruno-slider.owl-carousel .owl-nav .owl-prev, #gavin-slider.owl-carousel .owl-nav .owl-prev, #georgina-slider.owl-carousel .owl-nav .owl-prev, #jane-slider.owl-carousel .owl-nav .owl-prev, #jye-slider.owl-carousel .owl-nav .owl-prev, #migu-slider.owl-carousel .owl-nav .owl-prev, #nazreen-slider.owl-carousel .owl-nav .owl-prev, #nina-slider.owl-carousel .owl-nav .owl-prev, #phil-slider.owl-carousel .owl-nav .owl-prev, #ciara-slider.owl-carousel .owl-nav .owl-prev, #greg-slider.owl-carousel .owl-nav .owl-prev, #dalin-slider.owl-carousel .owl-nav .owl-prev, #ella-slider.owl-carousel .owl-nav .owl-prev, #malorie-slider.owl-carousel .owl-nav .owl-prev, #georgia-slider.owl-carousel .owl-nav .owl-prev, #abdullah-slider.owl-carousel .owl-nav .owl-prev, #ailish-slider.owl-carousel .owl-nav .owl-prev, #annelise-slider.owl-carousel .owl-nav .owl-prev, #elijah-slider.owl-carousel .owl-nav .owl-prev, #emmaline-slider.owl-carousel .owl-nav .owl-prev, #isabella-slider.owl-carousel .owl-nav .owl-prev, #jacinta-slider.owl-carousel .owl-nav .owl-prev, #katharyn-slider.owl-carousel .owl-nav .owl-prev, #louise-slider.owl-carousel .owl-nav .owl-prev, #priyanka-slider.owl-carousel .owl-nav .owl-prev, #rebecca-slider.owl-carousel .owl-nav .owl-prev, #samiya-slider.owl-carousel .owl-nav .owl-prev, #siva-slider.owl-carousel .owl-nav .owl-prev, #dusan-slider.owl-carousel .owl-nav .owl-prev, #toru-slider.owl-carousel .owl-nav .owl-prev, #silvano-slider.owl-carousel .owl-nav .owl-prev, #gretchen-slider.owl-carousel .owl-nav .owl-prev, #gerad-slider.owl-carousel .owl-nav .owl-prev, #lovella-slider.owl-carousel .owl-nav .owl-prev, #adam-slider.owl-carousel .owl-nav .owl-prev, #molly-slider.owl-carousel .owl-nav .owl-prev, #marcus-slider.owl-carousel .owl-nav .owl-prev, #jack-slider.owl-carousel .owl-nav .owl-prev {left: -45px;} .navbar .navbar-nav .nav-link, .navbar .dropdown-item { padding: 1.125rem 0.3rem; font-size: 0.78rem; } .iframe-video { margin:50px auto 20px;} } @media (min-width: 1200px) and (max-width: 1374px) { .offer-slide {background-position: -106px 0;} .bannerleft{padding-left: 10rem;} .banner-item { min-height: 495px; }.carousel-item .bannerimg { max-height: 495px; }.carousel-item .page-title { font-size: 4.2rem; }.hot-img { width: 125px; height: 125px; }.pb-xlg-0 { padding-bottom: 0 !important; }.p-xlg-2 { padding: 2rem !important; }.invisalignbanner .sub-title { font-size: 1.2rem; }.invisalignbanner .banner-logo { max-width: 300px; } } @media (min-width: 992px){ .implant-banner { min-height: 500px;} .align-center {top: 38%;left: 58%;transform: translate(-60%, -20%);} .implant-a-title{font-size:72px;} .implant-b-title{font-size:42px;} } @media (min-width: 1200px){ .implant-banner { min-height: 550px;} .align-center {top: 38%;left: 58%;transform: translate(-60%, -20%);} } @media (min-width: 1400px){ .implant-banner { min-height: 650px;} .align-center { top: 30%; left: 42%; transform: translate(-50%, 5%);} } @media (min-width: 1600px){ .banr-logo .bannerleft{padding-left: 8rem;} .bannerleft{padding-left: 10rem;}} /*animations*/ /****************** * Bounce in right * *******************/ .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}.slow{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}.slower{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.slowest{-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} /* Added by Andy Meetan */ .delay-250{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.delay-500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay-750{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInDown,.bounceInLeft,.bounceInRight,.bounceInUp{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInDown,.fadeInLeft,.fadeInRight,.fadeInUp{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rollIn,.rotateDownUpRight,.rotateIn,.rotateInDownLeft,.rotateInUpLeft,.rotateInUpRight{opacity:0}.lightSpeedInLeft,.lightSpeedInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)} /********** * Fade In * **********/ @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn} /************* * FadeInLeft * *************/ @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0)}} @keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} /************* * FadeInRight * *************/ @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px)}100%{opacity:1;-webkit-transform:translateX(0)}} @keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} /************* * FadeInUp * *************/ @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}} @keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}} .fadeInUp{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} /************* * FadeInDown * *************/ @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px)}100%{opacity:1;-webkit-transform:translateY(0)}} @keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} /*================== Animation End =====================*/ /*#loading { position: fixed; width: 100%; height: 100vh; background: #000; z-index: 9999; padding-top:200px; }*/ /* Add animation to "page content" */ .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 } } @keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 } } #myDiv { display: none; text-align: center; } .loader-main{position: fixed; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);display: none;} .loader { border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #b89539; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; top: 50%; left: 50%; position: relative; margin-top: -30px; margin-left: -30px; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .practice-img-main { margin-bottom: 20px; overflow: hidden; background: rgb(183,149,55); background: linear-gradient(90deg, rgba(183,149,55,1) 0%, rgba(242,215,142,1) 50%, rgba(183,149,55,1) 100%); padding: 5px; transition: all 0.2s ease 0s; } .practice-img-main:hover { background: rgb(183,149,55); background: linear-gradient(90deg, rgba(183,149,55,1) 0%, rgba(242,215,142,1) 50%, rgba(183,149,55,1) 100%); } .btn-group { max-width:280px;} @media(max-width:360px) {.header-phone-btn { padding: 0px !important; line-height: 44px !important; width: 35px; height: 35px; border-radius: 5px; }} @media (max-width: 480px){.location-list { width: 100% !important} .menu-select-toggle2 .menu-select2, .menu-select-toggle2 { width: 100% !important;} .dropdown-location .location-list svg { float: right; margin-top: 7px;}} #map-sydney-cbd{width: 100%; height: 400px;overflow: hidden; background: url(../retina-images/map-sydney-cbd.jpg) center center no-repeat; background-size: cover;} #map { width: 100%; height: 400px; overflow: hidden; background: url(../retina-images/footer-map-ryde.jpg) center center no-repeat; background-size: cover;} .btn-primary.svg-btn:hover { fill: #fff;} @media (min-width:1400px) { .navbar .navbar-nav .nav-link, .navbar .dropdown-item {padding: 1.125rem 0.7rem; font-size:0.8rem;} } .iframe-video { position: relative; display: block; text-decoration: none; max-width:700px;} .iframe-video .bmd-modalButton { left: 0; top: 0; width: 100%; height: 100%; max-width: inherit; z-index: 1; display: block; font-size: 80px; color: #28abe3; } .iframe-video .bmd-modalButton .fa { position: absolute; top: 45%; left: 0; right: 0; margin-top: -40px; text-align: center; } .btn-close, .btn-close:hover, .btn-close:focus, .btn-close:active { background-color: transparent; color: #fff; font-size: 20px; padding: 0; } .btn-close .fa { font-size: 21px; } .translate-middle-y {transform: translateY(-50%)!important;} .top-50 {top: 50%!important;} .insta-feed span{ font-size:36px;} .page-footer ul li a{font-size: 18px;} .page-footer h5{letter-spacing: 1px;} .smile-face ul li img {max-width:400px;} .scrolling-slider ul li img { max-width: 680px; } .scrolling-slider { height:250px; } #right-contact-btn{clear: both;position: fixed; bottom: 15px; right: 35px; z-index: 10000; } .what-treatment .custom-select{width: 100%;} .webauthorv1 { color: #828487; text-align: left !important; font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1.4 !important; text-transform: uppercase !important; display: inline-block !important; position: relative !important; padding-left: 35px; } .webauthorv1 strong.dfbold { font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; } .webauthorv1 a.dflink, .webauthorv1 a.dflink:hover, .webauthorv1 a.dflink:focus { color: inherit !important; text-decoration: none !important; font-weight: inherit !important; font-size: inherit !important; } .webauthorv1 a.dflink:focus { outline: none !important; } .webauthorv1 .dflogo { position: absolute; left: 0; top: 4px; } .df-author[data-theme=white] .webauthorv1 { color: #fff !important; } .df-author[data-theme=white] .webauthorv1 path { fill: #fff !important; } .df-author[data-theme=light] .webauthorv1 { color: #bbb !important; } .df-author[data-theme=light] .webauthorv1 path { fill: #bbb !important; } .df-author[data-theme=dark] .webauthorv1 { color: #555 !important; } .df-author[data-theme=dark] .webauthorv1 path { fill: #555 !important; } .insta:hover { -webkit-transform: translateY(10px); transform: translateY(10px); background-position: 100% 100%; -webkit-transition: .5s all; transition: .5s all; } .insta { background: #000; background: -moz-linear-gradient(-45deg, #000 0%, #000 25%, #dfc38e 50%, #cb9c41 75%, #9c7d41 100%); background: -webkit-linear-gradient(-45deg, #0000 0%, #0000 25%, #dfc38e 50%, #cb9c41 75%, #9c7d41 100%); /* background: linear-gradient(135deg, #0000 0%, #0000 25%, #dfc38e 50%, #cb9c41 75%, #9c7d41 100%); */ background: linear-gradient(135deg, #0000 0%, #0000 25%, #dfc38e 50%, #cb9c4185 75%, #9c7d41 100%); background-size: 400% 400%; -webkit-transition: .5s all; cursor: pointer; transition: .5s all; cursor: pointer; border-radius: 50px; } .overflow-hide { overflow: hidden; } .position-relative { position: relative !important; } .z-index1{z-index:1;} .slinks { list-style: none; margin: 0; padding: 0; } .slinks a { display: block; text-decoration: none; } .slinks li { display: inline-block; -webkit-transition: .6s ease; transition: .6s ease; } .slinks li:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .slinks li + li { margin-left: 15px; } .slinks li a svg path { -webkit-transition: .4s ease; transition: .4s ease; } .overlay-black:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: #0000008c; } .btn-slider .owl-dots button.owl-dot { height: 15px; width: 15px; background: #d3d3d3; margin: 0 3px; border-radius: 15px; } .btn-slider .owl-dots button.owl-dot.active { background: #b89539; } .btn-slider a:hover svg path, .btn-slider a:hover .content-sub-title { fill: #000 !important; color: #000 !important; } .btn-slider .owl-dots .owl-dot { background-color: #000000 !important; } .btn-slider .owl-dots .owl-dot.active { background-color: #b89539 !important; } .shadow { box-shadow: 0px 0px 5px 1px #e3e3e3; } .gap-1{gap: 1rem;} @media (min-width: 992px) and (max-width: 1400px) {img.svg{width: 56% !important;}} .pd{ padding: 0 4px; } .list-group.team-img.tean-group-edit { /* override the flex layout */ display: block !important; /* split into 2 columns */ -webkit-columns: 2; /* Chrome/Safari */ -moz-columns: 2; /* Firefox */ columns: 2; /* standard */ column-gap: 1em; /* space between columns */ max-width: 1000px; } @media (max-width: 991px) { .list-group.team-img.tean-group-edit { -webkit-columns: 1; -moz-columns: 1; columns: 1; /* optional: restore flex if you want horizontal layout */ /* display: flex !important; flex-direction: column; */ } }