html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
.bg--blue {
background-color: #094E6C;
}
.bg--brown {
background-color: #DBD0BC;
}
strong {
font-weight: 700;
}
body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.7;
}
h1, h2 {
line-height: 1.3;
font-weight: 500;
margin-bottom: 10px;
}
h3, h4, h5 {
font-family: 700 ;
margin-bottom: 5px;
line-height: 1.3;
}
h1 {
font-size: 4rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.4rem;
}
h5 {
font-size: 1.1rem;
}
.font-blue {
color: #006CA8;
}
.font-dblue, .font-dblue * {
color: #084E6D;
}
p {
margin-bottom: 15px;
}
a {
color: #191919;
}
a:hover {
color: #1F2F54;
}
.section ul {
list-style: disc;
list-style-position: outside;
margin-left: 15px;
}
.section li {
line-height: 1.7;
margin-bottom: 10px;
}
iframe {
max-width: 100%;
}
.button--blue {
background-color: #006CA8;
color: #fff !important;
}
.button--blue:hover {
background-color: #036399i;
color: #fff;
}
.button--dblue {
background-color: #084E6C;
color: #ffffff;
}
.button--dblue:hover {
background-color: #074662;
color: #ffffff;
}
.has-icon.button {
padding-left: 25px;
}
.button {
text-transform: uppercase;
padding: 15px 20px;
box-shadow: none;
border: 0;
font-weight: 700;
border-radius: 0;
height: auto;
font-weight: bold;
white-space: normal;
}
.button span {
font-weight: 700;
}
#about .section-title span {
color: #333;
}
.has-text-weight-bold {
font-weight: 800 !important;
}
.section-title {
color: #084e6d;
margin-bottom: 30px;
display: inline-block;
font-size: 3rem;
}
.section-title:after {
content: '';
width: 100%;
height: 5px;
background-color: #006DA8;
margin: 15px auto 0;
display: block;
}
.section-title span {
font-size: 80%;
display: block;
}
h3.section-title {
font-size: 2.2rem;
}
.fwhite {
color: #fff;
}
/* FAQ */
#faq {
background-color: #F2F0F6;
}
.set {
position: relative;
width: 100%;
height: auto;
padding: 20px 0;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
margin-bottom: 20px;
}
.set:last-child {
border-bottom: 0;
}
.faq-title i {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set.active {
color: #fff;
background-color: #074D6D !important;
}
.set.active .faq-title, .set.active i {
color: #fff;
}
#faq img {
position: relative;
top: -12px;
margin: 0 auto;
display: block;
}
.set .faq-title {
font-size: 20px;
font-weight: 400;
}
.set .faq-title {
position: relative;
padding-right: 45px;
display: block;
cursor: pointer;
color: #163157;
text-decoration: none;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set .content {
padding-right: 55px;
}
.set {
padding: 20px 19px 20px;
background-color: #fff;
}
.set .content {
display: none;
}
.set .fa-sort-up:before {
position: relative;
top: 5px;
transform: rotate(90deg);
}
.set .fa-sort-up {
transform: rotate(90deg);
}
.set .fa-sort-down:before {
position: relative;
top: -3px;
}
.set p {
margin-bottom: 0;
padding-top: 15px;
}
/* CONTACT */
#contact {
background-color: #001827;
color: #fff;
padding-top: 5rem;
padding-bottom: 4rem;
}
.maincontact input, .maincontact textarea, .maincontact select {
width: 100%;
border: 1px solid #DEDFDD;
padding: 14px;
background-color: #fff;
font-size: 15px;
}
.maincontact input:hover, .maincontact textarea:focus, .maincontact select:focus {
border-color: #1F2F54;
}
.sidebtn {
position: fixed;
right: 0;
top: 50%;
}
#button {
display: block;
background-color: #094E6D;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
line-height: 41px;
font-weight: bold;
margin: 0 auto 10px;
}
.sidebtn {
position: fixed;
right: 10px;
top: 72%;
}
.contactinfo {
font-size: 14px;
}
@media (min-width: 1408px) {
.column.ci5 {
width: 22%;
}
.column.ci4 {
width: 27%;
}
.column.ci3 {
width: 19%;
}
.column.ci2 {
width: 14%;
}
.column.ci1 {
width: 18%;
}
}
/* HEADER */
#main-header {
position: fixed;
top: 0;
z-index: 55;
width: 100%;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
background-color: transparent;
}
#main-header.sticky {
background-color: #fff;
}
#main-header img {
padding-top: 10px !important;
}
#main-header img {
padding-top: 10px !important;
padding-bottom: 0px !important;
}
/* FOOTER */
.main-footer {
padding: 20px 30px 10px;
text-align: center;
color: #fff;
background-color: #011827;
font-size: 15px;
}
.contactinfo a {
color: #fff;
}
.contactinfo a {
opacity: 0.8;
}
/* HERO */
#hero {
padding-top: 13rem;
background: url(../images/heroimage.jpg);
background-size: cover;
background-position: right top;
padding-bottom: 11rem;
}
/* SIDE BY SIDE */
.sbs-text {
padding: 7% !important;
}
.sbs-image {
background-size: cover;
min-height: 350px;
}
.sbs1 h2 {
font-size: 4rem;
margin-bottom: 20px;
}
.sbs1 .sbs-image {
background-image: url(../images/sbs1.jpg);
background-position: center;
}
.sbs2 .sbs-image {
background-image: url(../images/sbs2.jpg);
background-position: center;
}
/* SMILE TREATMENT */
#smile-treatment .section-title span {
font-size: 50%;
}
#smile-treatment h2.section-title {
font-size: 3.5rem;
}
.sm-icons img {
display: block;
margin: 0 auto 10px;
}
.sm-icon-box {
height: 100%;
padding: 30px 20px;
line-height: 1.4;
-webkit-box-shadow: 0px 0px 18px 0px rgba(30,125,178,0.16);
-moz-box-shadow: 0px 0px 18px 0px rgba(30,125,178,0.16);
box-shadow: 0px 0px 18px 0px rgba(30,125,178,0.16);
}
/* TOP CONTENT */
.top-content {
margin-top: -100px;
}
#about {
padding-bottom: 5rem;
}
.top-content-box {
background-color: #fff;
padding: 30px 15px 5px;
margin: 10px 0px;
font-size: 15px;
height: 100%;
-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.36);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.36);
}
@media (max-width: 1215px) {
.sm-bot {
flex-direction: column-reverse;
}
#faq .columns {
align-items: flex-end !important;
}
#faq img {
max-width: 100%;
margin: 0 auto;
display: block;
margin-top: -40px;
width: 600px;
}
#about {
padding-top: 1rem;
}
}
@media (min-width: 769px) and (max-width: 1215px) {
.sm-icons img {
max-width: 100px;
}
}
@media (min-width: 1023px) and (max-width: 1215px) {
.sbs1 h2 {
font-size: 47px;
}
}
@media (max-width: 1023px) {
#hero {
background: url('../images/heromobile.jpg');
background-size: cover;
background-position: right center;
}
.section.is-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.sbs1 .sbs-image {
min-height: 550px;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.contactinfo {
font-size: 14px;
}
}
@media (max-width: 768px) {
.contactinfo {
text-align: center;
font-size: 15px;
}
#hero {
padding-top: 17rem;
}
#hero br {
display: none;
}
#hero h1 {
font-size: 3rem;
}
.contactinfo p {
margin-bottom: 5px;
}
.sbs1 h2 {
font-size: 2rem !important;
margin-bottom: 20px;
}
.column.header-right {
text-align: center;
}
.column.header-right {
text-align: center !IMPORTANT;
margin-top: -20px;
}
.column.header-left {
text-align: center !IMPORTANT;
}
.section-title {
font-size: 1.7rem !important;
}
#main-header {
padding-top: 0px !important;
box-shadow: 10px 0 25px -12px rgb(0 0 0 / 50%);
}
.hide-mob {
display: flex;
justify-content: center;
}
.header-left img {
max-width: 270px;
}
#main-header .button {
font-size: 14px;
padding: 10px 15px;
}
footer.main-footer span {
display: block;
}
section#hero {
background-position: right !important;
}
.wpcf7-form .columns:last-child {
display: flex;
}
}
@media (max-width: 1100px) {
body section#hero.thanks-section {
background-image: url("https://novalp.oomdcstaging.com/wp-content/uploads/2021/09/500-x-653-thank-you.jpg") !important;
background-position: center !important;
}
.home section#hero {
/* background-image: url("http://novaeyecentre.com/smile/wp-content/uploads/sites/2/2021/10/mobile-banner.jpg") !important; */
background-position: right bottom !important;
padding-top: 9rem !important;
/* padding-bottom: 8rem !important; */
padding-bottom: 0rem!important;
}
}
@media (max-width: 480px) {
.sbs1 h2 {
font-size: 4rem;
}
.herobtns .button {
margin-bottom: 10px;
}
#hero h1 {
font-size: 30px;
margin-top: 80px !important;
}
#hero {
padding-top: 8rem;
}
}
/* --FIXED HEADER ---*/
header#main-header.fixed-header {
background: #fff;
}
header#main-header.fixed-header img {
transform: scale(.8);
transition: all ease .5s;
}
/* -- VIDEO --- */
a.video-holder {
position: relative;
display: block;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.video-wrap {
position: relative;
display: none;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/* -- FAQ --- */
#faq .set .content strong {
color: #fff;
}
/* -- FORM --- */
div#wpcf7-f19-o1 {
margin-top: 25px;
}
.maincontact input[type="submit"] {
background-color: #006CA8;
border-color: #006CA8;
color: #fff !important;
height: 75px;
font-size: 18px;
line-height: 75px;
padding: 0;
}
.maincontact input[type="submit"]:hover {
opacity: .8;
}
/* -- FOOTER --- */
#contact .contactinfo a {
opacity: 1;
}
#contact .contactinfo a:hover {
color: #006CA8;
}
/* --THANK YOU & 404 -- */
section#hero.thanks-section {
background-position: left center !important;
}
.thanks-section,
.error-section{
height: 100vh;
display: flex !important;
align-items: center !important;
}
.page-template-thank-you footer.main-footer,
.error404 footer.main-footer{
position: absolute;
width: 100%;
bottom: 0;
z-index: 1;
}
body {
position: relative;
}
.error-section, .thanks-section {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* 9/30 */
@media screen and (max-width: 600px) {
.home #hero h1 {
padding: 70px 0px 10px !important;
}
body.home section#hero {
background-position: right -6px !important;
background-repeat: no-repeat;
padding-top: 5rem !important;
/* padding-bottom: 28rem !important; */
padding-bottom: 0rem !important;
}
}
.sub-header {
font-size: 26px;
}
/* 10/7 */
#hero h6 {
color: #000;
font-size: 35px;
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
.contactinfo p {
font-size: 13px;
}
}
@media screen and (max-width: 1199px) and (min-width: 1000px) {
#hero {
background-position: 85rem;
}
}
@media screen and (max-width: 991px) {
.error404 section#hero {
background-position: center !important;
}
}
@media screen and (max-width: 600px) {
.wpcf7-form .columns:last-child {
flex-flow: wrap column;
}
.maincontact input[type="submit"] {
width: 299px;
margin: 0 auto;
}
#hero h1 {
font-size: 26px;
}
#hero h6 {
font-size: 20px;
}
.home #hero h1 {
padding: 86px 0px 10px !important;
}
.hide-mob .has-icon.button {
padding-left: 15px;
}
.hide-mob .button {
padding: 15px;
}
.g-recaptcha > div {
margin: 0 auto;
}
}
@media screen and (max-width: 360px) {
#hero h1 {
font-size: 22px;
}
.hide-mob .button {
padding: 10px;
font-size: 14px;
}
.maincontact .columns .column .g-recaptcha > div, .maincontact .columns .column .g-recaptcha iframe {
width: 100%!important;
}
.maincontact input[type="submit"] {
width: 100%;
}
.error404 #hero h1, .page-template-thank-you #hero h1 {
padding: 0px 52px 10px !important;
}
.error404 #hero p, .page-template-thank-you #hero p {
font-size: 14px;
}
}
.wpcf7 .wpcf7-form .columns:last-child .ajax-loader {
margin-top: 10px;
}
/* =========================
Jom
==========================*/
/* December 7, 2021 */
@media (min-width: 320px) and (max-width: 414px){
.page-id-9 #smile-treatment .custom-mobile-0 .sm-icon-box img {
max-width: 50% !important;
}
.page-id-9 #smile-treatment .custom-mobile-0 .sm-icon-box {
font-size: 15px !important;
}
.page-id-9 #smile-treatment .custom-mobile-1 .sm-icon img {
max-width: 30% !important;
}
.page-id-9 #smile-treatment .custom-mobile-1 .sm-icon p {
font-size: 15px !important;
}
.page-id-9 .top-content {
margin-top: -110px !important;
}
.page-id-9 .top-content .custom-mobile-2 .top-content-box img {
max-width: 50% !important;
}
.page-id-9 .top-content .custom-mobile-2 .top-content-box p {
font-size: 15px !important;
}
}
@media (min-width: 320px) and (max-width: 320px){
.page-id-9 .top-content .custom-mobile-2 .top-content-box {
padding: 30px 7px 15px 5px;
}
.page-id-9 .top-content .custom-mobile-2 .top-content-box p {
font-size: 13px !important;
}
.page-id-9 #smile-treatment .custom-mobile-0 .sm-icon-box {
font-size: 13px !important;
}
.page-id-9 #smile-treatment .custom-mobile-0:nth-child(4) .sm-icon-box {
padding: 30px 20px 30px 15px !important;
}
}
#contact .social-media-icons a i {
font-size: 35px;
color: #fff;
}
#contact .social-media-icons .facebook-btn {
margin-right: 5px;
}
.section.is-medium {
padding-top: 5rem !important;
}
#smile-treatment .show-mobile {
display: none;
}
@media (min-width: 320px) and (max-width: 600px){
#smile-treatment .show-desktop {
display: none;
}
#smile-treatment .show-mobile {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1366px){
#contact .column h2 {
max-width: 600px;
margin: 0 auto;
}
}
/* =========================
Jom Ends
==========================*/
/* 2023 */
section#otherservice {
background: #f7f7f7;
}
.ot-icon-box{
position: relative;
}
.ot-icon-box img {
min-height: 150px;
max-height: 150px;
/* background: #047ac9; */
border-radius: 50%;
/* padding: 10px; */
}
.ot-icon-desc {
background: white;
border-radius: 30px;
position: relative;
padding: 10px;
height: 175px;
display: flex;
align-items: center;
justify-content: center;
}
.ot-icon-container {
margin-bottom: -20%;
z-index: 2!important;
position: relative;
}
@media(max-width: 1024px){
.ot-icon-box img {
min-height: 115px;
max-height: 115px;
}
}
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}