/*lato-300 - latin*/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/lato-v17-latin/lato-v17-latin-300.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/lato-v17-latin/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/lato-v17-latin/lato-v17-latin-300.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-300.woff') format('woff'), /*Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-300.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/lato-v17-latin/lato-v17-latin-300.svg#Lato') format('svg'); /*Legacy iOS*/ } /*lato-regular - latin*/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/lato-v17-latin/lato-v17-latin-regular.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/lato-v17-latin/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff') format('woff'), /*Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-regular.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/lato-v17-latin/lato-v17-latin-regular.svg#Lato') format('svg'); /*Legacy iOS*/ } /*lato-700 - latin*/ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/lato-v17-latin/lato-v17-latin-700.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/lato-v17-latin/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/lato-v17-latin/lato-v17-latin-700.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-700.woff') format('woff'), /*Modern Browsers*/ url('../fonts/lato-v17-latin/lato-v17-latin-700.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/lato-v17-latin/lato-v17-latin-700.svg#Lato') format('svg'); /*Legacy iOS*/ } /* poppins-300 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-300.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-300.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-300.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-300.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-300.svg#Poppins') format('svg'); Legacy iOS } poppins-regular - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.svg#Poppins') format('svg'); Legacy iOS } poppins-500 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-500.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-500.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-500.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-500.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-500.svg#Poppins') format('svg'); Legacy iOS } poppins-600 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-600.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-600.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-600.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-600.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-600.svg#Poppins') format('svg'); Legacy iOS } poppins-700 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-700.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-700.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-700.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-700.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-700.svg#Poppins') format('svg'); Legacy iOS } poppins-800 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-800.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-800.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-800.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-800.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-800.svg#Poppins') format('svg'); Legacy iOS } poppins-900 - latin @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/poppins-v20-latin/poppins-v20-latin-900.eot'); IE9 Compat Modes src: local(''), url('../fonts/poppins-v20-latin/poppins-v20-latin-900.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/poppins-v20-latin/poppins-v20-latin-900.woff2') format('woff2'), Super Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-900.woff') format('woff'), Modern Browsers url('../fonts/poppins-v20-latin/poppins-v20-latin-900.ttf') format('truetype'), Safari, Android, iOS url('../fonts/poppins-v20-latin/poppins-v20-latin-900.svg#Poppins') format('svg'); Legacy iOS }*/ /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* corinthia-regular - latin */ @font-face { font-family: 'Corinthia'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-regular.svg#Corinthia') format('svg'); /* Legacy iOS */ } /* corinthia-700 - latin */ @font-face { font-family: 'Corinthia'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/corinthia-v9-latin/corinthia-v9-latin-700.svg#Corinthia') format('svg'); /* Legacy iOS */ } /* carattere-regular - latin */ /*@font-face { font-family: 'Carattere'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.eot'); IE9 Compat Modes src: local(''), url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.woff2') format('woff2'), Super Modern Browsers url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.woff') format('woff'), Modern Browsers url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.ttf') format('truetype'), Safari, Android, iOS url('../fonts/carattere-v7-latin/carattere-v7-latin-regular.svg#Carattere') format('svg'); Legacy iOS }*/ /* reenie-beanie-regular - latin */ /*@font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.eot'); IE9 Compat Modes src: local(''), url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.woff2') format('woff2'), Super Modern Browsers url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.woff') format('woff'), Modern Browsers url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.ttf') format('truetype'), Safari, Android, iOS url('../fonts/reenie-beanie-v16-latin/reenie-beanie-v16-latin-regular.svg#ReenieBeanie') format('svg'); Legacy iOS }*/ @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/OpenSans/OpenSans-Regular.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), /*Modern Browsers*/ url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/OpenSans/OpenSans-Regular.svg#OpenSans') format('svg'); /*Legacy iOS*/ } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Roboto/Roboto-Regular.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/Roboto/Roboto-Regular.woff') format('woff'), /*Modern Browsers*/ url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/Roboto/Roboto-Regular.svg#Roboto') format('svg'); /*Legacy iOS*/ } @font-face { font-family: 'Helvetica'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Helvetica/Helvetica.eot'); /*IE9 Compat Modes*/ src: local(''), url('../fonts/Helvetica/Helvetica.eot?#iefix') format('embedded-opentype'), /*IE6-IE8*/ url('../fonts/Helvetica/Helvetica.woff2') format('woff2'), /*Super Modern Browsers*/ url('../fonts/Helvetica/Helvetica.woff') format('woff'), /*Modern Browsers*/ url('../fonts/Helvetica/Helvetica.ttf') format('truetype'), /*Safari, Android, iOS*/ url('../fonts/Helvetica/Helvetica.svg#Helvetica') format('svg'); /*Legacy iOS*/ } /*@font-face { font-family: 'Waterfall'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.eot'); IE9 Compat Modes src: local(''), url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.eot?#iefix') format('embedded-opentype'), IE6-IE8 url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.woff2') format('woff2'), Super Modern Browsers url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.woff') format('woff'), Modern Browsers url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.ttf') format('truetype'), Safari, Android, iOS url('../fonts/waterfall-v3-latin/waterfall-v3-latin-regular.svg#Waterfall') format('svg'); Legacy iOS }*/ :root { --bs-font-sans-serif: 'Montserrat', sans-serif; --bs-body-font-weight: 500; --blue: #1090d9; --light-blue: #afe7ff; --green: #6cc120; --light-green: #afe7ff; --light: #fbfbfb; --light2: #b9cad3; --light3: #f3f2f2; --dark-blue: #0f6b98; --logo-gray: #a9abab; /*--text-color-gray: #677075;*/ --text-color-gray: #292929; --text-color-dark-gray: #00000; --info: #0075ba; --warning: #f9aa0b; --white: #fff; --text-dark: #000000; --text-blue: #1090d9; --google: #ea4335; --facebook: #1877f2; --twitter: #1da1f2; --youtube: #ff0000; --linkedin: #0077b5; --pinterest: #e60023; --instagram: #e1306c; --yelp: #af0606; --sharecare: #1aba9c; --healthgrades: #0202ea; --covid-info-bg: #ffed76; --covid-info-color: #8a6d3b; --implants-gray-color: #808184; --guru-gray-color: #6d6e70; --screw-gray-color: #58595b; --gray-6c6c6c: #6c6c6c; /* --secondary-font: 'Great Vibes', cursive;*/ /*--WindSong-font: 'WindSong', cursive;*/ /* --Carattere-font: 'Carattere', cursive;*/ /*--Waterfall-font: 'Waterfall', cursive;*/ /*--Reenie-Beanie-font: 'Reenie Beanie', cursive;*/ /*--Carattere-font: 'Carattere', cursive;*/ --Corinthia-font: 'Corinthia', cursive; --OpenSans: 'OpenSans', sans-serif; --Roboto-font: 'Roboto', sans-serif; --Lato-font: 'Lato', sans-serif; --Helvetica-font: 'Helvetica', sans-serif; --text-blue: #1090d9; } body { background-color: var(--white); color: var(--text-color-gray); } .btn { font-weight: 500; } .fw-300 { font-weight: 300 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-bold { font-weight: 800 !important; } .fw-900 { font-weight: 900 !important; } .text-dark { color: var(--text-dark) !important; } .text-blue { color: var(--blue) !important; } .text-dark-blue { color: var(--dark-blue) !important; } .text-color-gray { color: var(--text-color-gray) !important; } .btn_blue { background-color: var(--blue) !important; border-color: var(--blue) !important; } .btn_blue:hover { color: var(--text-dark) !important; background-color: var(--light-blue) !important; } .btn_blue:focus { border-color: var(--blue) !important; } .prev_next_cover { padding: 20px 0; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; } .prev_next_cover .text-secondary:hover{ color:var(--blue) !important; } /*.font-style2 { font-family: var(--WindSong-font); /* font-size: 160%; font-weight: normal; } .font-style4 { font-family: var(--Waterfall-font); font-size: 160%; font-weight: normal; } .font-style5 { font-family: var(--Reenie-Beanie-font); font-size: 160%; font-weight: normal; }*/ .recaptcha-privacy { font-size:12px !important; } .grecaptcha-badge { visibility: hidden; } .font-style2 { /*font-family: var(--Corinthia-font);*/ /* font-size: 160%;*/ font-weight: 700 !important; } .lt-2 { letter-spacing: 2px; } .fs-150 { font-size: 150%; } .fs-130 { font-size: 130%; } .fs-200 { font-size: 100%; } .fs-220 { font-size: 220%; } .fs-240 { font-size: 240%; } .fs-460 { font-size: 460%; } .fs-560 { font-size: 560%; } .fw-300 { font-weight: 300; } .font-color-2 { color: #04ffe1; } .text-shadow-2 { text-shadow: 0 1px rgb(0 0 0 / 60%), 0 2px rgb(0 0 0 / 50%), 0 3px rgb(0 0 0 / 40%), 0 4px rgb(0 0 0 / 30%), 0 5px rgb(0 0 0 / 20%), 0 6px rgb(0 0 0 / 10%), 0 7px rgb(255 255 255 / 10%); } .rounded-4 { border-radius: .5rem; } .rounded-5 { border-radius: 1rem; } .text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); } /*.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }*/ .text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); } .bg-blue { background: var(--blue); } .bg-dark-blue { background: var(--green); } .bg-green { background: var(--green); } .text-green { color: var(--green); } #main-carousal .card-body { /*-webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); background-color: rgba(255, 255, 255, 0.79);*/ background-color: rgba(0, 0, 0, 0.49); width: 500px; border-radius: 10px; padding: 30px; } #covid-update-bar { background-color: var(--covid-info-bg); } #covid-update-bar .accordion-header button, #covid-update-bar .accordion-body { color: var(--covid-info-color); } #covid-update-accordion .accordion-item .accordion-button:hover, #covid-update-accordion .accordion-item .accordion-button:focus { box-shadow: none; } #covid-update-accordion .accordion-item .accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%) !important; } #covid-update-accordion .accordion-body a { color: var(--blue); } #covid-update-accordion .accordion-body a:hover { color: var(--text-dark); } #default-menu { z-index: 2; background: rgb(255 255 255 / 100%); box-shadow: none !important; padding: 15px 0 !important; top: -1px; } #default-menu .navbar-brand { color: rgba(0,0,0,.9); position: absolute; top: -48px; margin-left:-30px; padding: 10px; background: rgb(255 255 255 / 0%); } #default-menu .navbar-brand img { /*filter: brightness(0) contrast(1) invert(1) drop-shadow(0 0px 5px rgba(0,0,0,0.2)); -o-filter: brightness(0) contrast(1) invert(1) drop-shadow(0 0px 5px rgba(0,0,0,0.2)); -ms-filter: brightness(0) contrast(1) invert(1) drop-shadow(0 0px 5px rgba(0,0,0,0.2)); -moz-filter: brightness(0) contrast(1) invert(1) drop-shadow(0 0px 5px rgba(0,0,0,0.2)); -webkit-filter: brightness(0) contrast(1) invert(1) drop-shadow(0 0px 5px rgba(0,0,0,0.2));*/ /*filter: brightness(0) contrast(1) invert(1) ; -o-filter: brightness(0) contrast(1) invert(1) ; -ms-filter: brightness(0) contrast(1) invert(1) ; -moz-filter: brightness(0) contrast(1) invert(1) ; -webkit-filter: brightness(0) contrast(1) invert(1) ;*/ } #services-menu { z-index: 2; background: var(--white); } #sub-page #default-menu { z-index: 5; } #sub-page #services-menu { z-index: 4; } #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link { color: var(--text-color-gray); border-radius: 4px; } #default-menu .navbar-nav .nav-link.active { color: var(--blue); background: transparent !important; } #default-menu .navbar-nav .nav-link.active:hover, #default-menu .navbar-nav .nav-link.active:focus { color: var(--blue) !important; background: transparent !important; } #default-menu .navbar-nav .show > .nav-link, #services-menu .navbar-nav .nav-link.active, #services-menu .navbar-nav .show > .nav-link { color: var(--blue); } #default-menu .navbar-nav .nav-link:focus, #default-menu .navbar-nav .nav-link:hover, #services-menu .navbar-nav .nav-link:focus, #services-menu .navbar-nav .nav-link:hover { color: var(--blue) !important; background: var(--white); } #default-menu .navbar-nav .nav-link.dropdown-toggle.show, #services-menu .navbar-nav .nav-link.dropdown-toggle.show { color: var(--blue); } #default-menu .dropdown-menu, #services-menu .dropdown-menu { background-color: var(--white); border-color: var(--light-blue); } #default-menu .navbar-nav .dropdown-item, #services-menu .navbar-nav .dropdown-item { color: var(--text-color-dark-gray); } #default-menu .dropdown-item.active, #default-menu .dropdown-item:active, #services-menu .dropdown-item.active, #services-menu .dropdown-item:active { color: var(--dark-blue); background-color: transparent; } #default-menu .navbar-nav .dropdown-item.border-bottom, #services-menu .navbar-nav .dropdown-item.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } #default-menu .navbar-nav .dropdown-item:focus, #default-menu .navbar-nav .dropdown-item:hover, #services-menu .navbar-nav .dropdown-item:focus, #services-menu .navbar-nav .dropdown-item:hover { color: var(--text-dark) !important; background-color: var(--light-blue); } #default-menu .navbar-nav .nav-link[aria-expanded="true"] { color: var(--blue) !important ; background: var(--white); } #default-menu .navbar-nav .nav-link.dropdown-toggle.active.show, #default-menu .navbar-nav .nav-link.dropdown-toggle.active.show:hover, #default-menu .navbar-nav .nav-link.dropdown-toggle.active.show:focus { background: var(--white) !important; color: var(--dark-blue) !important; } #default-menu .navbar-nav .nav-link i { width: 16px; } #default-menu .navbar-nav .nav-link[aria-expanded="true"] i:before { content: "\f057"; } #default-menu .navbar-nav .nav-link[aria-expanded="true"] i { font-size: 20px; } #default-menu .navbar-toggler:focus, #services-menu .navbar-toggler:focus { box-shadow: 0 0 0 0.25rem var(--bs-gray-200); } /* for menu & dropdown */ #default-menu .dropdown-menu li { position: relative; } #default-menu .dropdown-menu .submenu { display: none; left: 100%; top: 0; } #default-menu .dropdown-menu > li:hover > .submenu, #default-menu .dropdown:hover > .dropdown-menu { display: block; } /* end menu & dropdown */ #seachBoxCollapseCard form input:placeholder-shown ~ button[type="submit"] { opacity: 0.6; cursor: not-allowed; webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; pointer-events: none; } #seachBoxCollapseCard form input:not(:placeholder-shown) ~ button[type="submit"]:hover { background: var(--dark-blue); } .social-nav li a i.fa { width: 25px; height: 25px; } .social-nav li a.twitter { color: var(--twitter); } .social-nav li a.facebook { color: var(--facebook); } .social-nav li a.google-plus { color: var(--google); } .social-nav li a.linkedin { color: var(--linkedin); } .social-nav li a.pinterest { color: var(--pinterest); } .social-nav li a.yelp { color: var(--yelp); } .social-nav li a.youtube { color: var(--youtube); } .social-nav li a.instagram { color: var(--instagram); } .social-nav li a { background: var(--white); } .social-nav li a:hover { color: var(--white); background: var(--warning); } .social-nav li a.twitter:hover { background: var(--twitter); } .social-nav li a.facebook:hover { background: var(--facebook); } .social-nav li a.google-plus:hover { background: var(--google); } .social-nav li a.linkedin:hover { background: var(--linkedin); } .social-nav li a.pinterest:hover { background: var(--pinterest); } .social-nav li a.yelp:hover { background: var(--yelp); } .social-nav li a.youtube:hover { background: var(--youtube); } .social-nav li a.instagram:hover { background: var(--instagram); } #default-menu .header-call-button:hover { background: var(--blue) } .social-nav { display: none; } #main-slider { /*z-index:1;*/ /*position: relative*/ } #main-slider .carousel-inner { height: 800px; background-color: var(--blue); background-position: center center; background-size: cover; position: relative } #main-slider ul.list-with-icon { padding: 0; padding-left: 0; display: block; } #main-slider ul.list-with-icon li { position: relative; list-style: none; padding: 4px 0; padding-left: 30px; /* display: inline-block; */ text-align: left; } #main-slider ul.list-with-icon li:before { content: '\f00c'; font-family: fontAwesome; left: 0px; position: absolute; /*color: var(--text-dark);*/ color: var(--text-white); font-size: 18px; line-height: 1.4; font-weight: normal; } #main-slider .carousel-item { background-position: center top; background-size: cover; height: 100%; } #main-slider .carousel-item .carousel-caption { /*margin-top: -80px;*/ background-repeat: no-repeat; background-position: right center; background-position-x: right; background-position-y: center; } #main-slider .carousel-indicators [data-bs-target] { height: 18px; width: 18px; border-radius: 30px; border: none; background-color: var(--white); box-shadow: 0 0px 0px 3px rgb(255 255 255 / 40%); margin-left: 10px; } #main-slider .carousel-indicators [data-bs-target].active { background-color: var(--green); box-shadow: 0 0px 0px 3px var(--green); } #main-slider .carousel-indicators { bottom: 20px; } #main-slider .carousel-control-next, #main-slider .carousel-control-prev { top: -40px; } #main-slider .carousel-control-next-icon, #main-slider .carousel-control-prev-icon { width: 3rem; height: 3rem; background-size: 60% 60%; background-color: rgb(255 255 255 / 20%); border-radius: 8px; } #main-slider .carousel-control-next-icon:hover, #main-slider .carousel-control-prev-icon:hover, #main-slider .carousel-control-next-icon:focus, #main-slider .carousel-control-prev-icon:focus { background-color: var(--blue); } #main-slider .carousel-control-next, #main-slider .carousel-control-prev { width: 5%; } #main-slider #main-carousal .carousel-indicators, #main-slider #main-carousal .carousel-control-prev, #main-slider #main-carousal .carousel-control-next { opacity: 0; -webkit-transition: opacity 300ms linear 0s; -moz-transition: opacity 300ms linear 0s; -o-transition: opacity 300ms linear 0s; transition: opacity 300ms linear 0s; } #main-slider #main-carousal:hover .carousel-indicators, #main-slider #main-carousal:hover .carousel-control-prev, #main-slider #main-carousal:hover .carousel-control-next { opacity: 1; -webkit-transition: opacity 300ms linear 0s; -moz-transition: opacity 300ms linear 0s; -o-transition: opacity 300ms linear 0s; transition: opacity 300ms linear 0s; } #main-slider .carousel-item .carousel-caption .btn-success:hover, #main-slider .carousel-item .carousel-caption .btn-success:focus { color: #fff; background-color: var(--white); border-color: var(--white); } #slider-c2a { z-index: 2; } #slider-c2a .card { /*width: 32%; -webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); background-color: rgb(255 255 255 / 85%);*/ } #slider-c2a .card .card-body a.btn:not(.bg-transparent):hover, #slider-c2a .card .card-body a.btn:not(.bg-transparent):focus { background-color: var(--light-gray); border-color: var(--light-gray); } #slider-c2a .card .card-body a.bg-transparent:hover, #slider-c2a .card .card-body a.bg-transparent:focus { color: var(--info) !important; } #expert-advice-widget { height: 700px; z-index: 0; background: var(--light2); } #expert-advice-widget .quotes { margin-top: 205px; z-index: 2; } #expert-advice-widget picture { bottom: -82px; z-index: -1; width: 461px; height: 541px; } #expert-advice-widget .slogan-bar { background: rgba(255, 255, 255, 0.6); } #expert-advice-widget .text-white, #expert-advice-widget .sub-title, #expert-advice-widget .description { color: rgb(33, 37, 41); font-family: var(--bs-body-font-family); } #expert-advice-widget .sub-title b{ font-weight: 600 !important; } #expert-advice-widget .btn-warning { background-color: var(--light-blue); border-color: var(--light-blue); color: var(--text-color-dark-gray) !important; } #expert-advice-widget .btn-danger { background-color: var(--blue); border-color: var(--blue); color: var(--white) !important; } #expert-advice-widget .btn:hover, #expert-advice-widget .btn:focus { background-color: var(--white); border-color: var(--white); color: var(--text-color-dark-gray) !important; } #expert-advice-widget .btn:focus { background-color: var(--blue); border-color: var(--blue); box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%); } .accreditations { background: var(--light2) !important; } #review-widget { width: 58%; margin: auto; } #review-widget .doctible-location-name { display:none; } #reviews-slider { /*z-index: 1;*/ z-index: 0; background: var(--light3); padding: 170px 0 70px 0; /*content-visibility: auto; contain: layout;*/ } #reviewsCarousal .carousel-indicators [data-bs-target] { width: 30px; height: 15px; background-color: var(--white) !important; opacity: 1; } #reviewsCarousal .carousel-indicators [data-bs-target].active { background-color: var(--light-blue) !important; } #reviewsCarousal .carousel-indicators { bottom: -22px; } #reviews-slider .review-box { background: rgb(255 255 255); min-height: 450px; color: var(--text-color-gray); /*box-shadow: 0px 0px 20px rgba (22 22 26 / 0.05%) !important;*/ } .shadow-lg { box-shadow: 0 0 30px rgba(0,0,0,.05) !important; } #reviews-slider .review-box p { color: var(--dark); } #reviews-slider .review-box .lead { color: var(--dark); font-size: 18px !important; font-weight: 400 !important; } #reviews-slider .review-box .btn-link { background: var(--light-blue) !important; color: var(--text-color-dark-gray); font-size: 16px; border-color: var(--light-blue) !important; } #reviews-slider .review-box .btn-link:hover, #reviews-slider .review-box .btn-link:focus { background: var(--blue) !important; border-color: var(--blue) !important; color: var(--white); } #reviews-slider .btn-danger { background: var(--blue); border-color: var(--blue); color: var(--white) !important; } #reviews-slider .btn-danger:hover, #reviews-slider .btn-danger:focus { background: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } #reviews-slider .carousel-control-next-icon, #reviews-slider .carousel-control-prev-icon { width: 3rem; height: 3rem; background-size: 60% 60%; background-color: var(--blue) !important; border-radius: 50px; } #Get-to-Know { z-index: 1; background: var(--light); background-size: cover; padding-bottom: 70px; } #Get-to-Know .lead{ font-size:18px !important; font-weight:400 !important; } #Get-to-Know .bg-overlay { z-index: 1; background: rgb(18 90 137 / 70%); padding: 70px 0; content-visibility: auto; contain: layout; } #Get-to-Know .bg-overlay-2 { z-index: 1; /*background: rgb(0 103 168 / 90%);*/ padding: 70px 0; /*content-visibility: auto; contain: layout;*/ } #Get-to-Know .bg-overlay a:hover, #Get-to-Know .bg-overlay a:focus, #Get-to-Know .bg-overlay-2 a:hover, #Get-to-Know .bg-overlay-2 a:focus { color: var(--light-green) !important; } #Get-to-Know .bg-overlay-2 .btn-success { color: var(--white); background: var(--blue) !important; border-color: var(--blue) !important; } #Get-to-Know .bg-overlay-2 .btn-success:hover, #Get-to-Know .bg-overlay-2 .btn-success:focus { color: var(--text-color-dark-gray) !important; background: var(--light-blue) !important; border-color: var(--light-blue) !important; } #index-page #main-slider .carousel-item .carousel-caption .card-body .btn-success { background-color: var(--blue); border-color: var(--blue); color: var(--white) !important; } #index-page #main-slider .carousel-item .carousel-caption .card-body .btn-success:hover, #index-page #main-slider .carousel-item .carousel-caption .card-body .btn-success:focus { background-color: var(--light-blue); border-color: var(--light-blue); color: var(--text-dark) !important; } #special-cards { z-index: 1; background: rgb(0 0 0 / 5%); padding: 70px 0; content-visibility: auto; contain: layout; } #special-cards .card { border-radius: 10px; position: relative; overflow: hidden; } #special-cards .card picture, #special-cards .card .card-body { z-index: 1 } #special-cards .card:hover, #special-cards .card:focus { background-color: var(--white) !important; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #special-cards .card img { border-radius: 6px; } #special-cards .card:not(.bg-warning) .card-text { min-height: 100px; } #special-cards .card.bg-warning .card-text { min-height: 64px; } #special-cards .card .btn, #footer_section .footer-menu .nav-pills li a { transition: unset; } #special-cards .card.bg-danger:hover .card-title, #special-cards .card.bg-danger:focus .card-title, #special-cards .card.bg-danger:hover .card-text, #special-cards .card.bg-danger:focus .card-text { color: var(--blue) !important; } #special-cards .card.bg-danger:hover .btn, #special-cards .card.bg-danger:focus .btn { color: var(--white) !important; background-color: var(--blue) !important; } #special-cards .card.bg-info:hover .card-title, #special-cards .card.bg-info:focus .card-title, #special-cards .card.bg-info:hover .card-text, #special-cards .card.bg-info:focus .card-text { color: var(--info) !important; } #special-cards .card.bg-info:hover .btn, #special-cards .card.bg-info:focus .btn { color: var(--white) !important; background-color: var(--info) !important; } #special-cards .card.bg-warning:hover .card-title, #special-cards .card.bg-warning:focus .card-title, #special-cards .card.bg-warning:hover .card-text, #special-cards .card.bg-warning:focus .card-text { color: var(--warning) !important; } #special-cards .card.bg-warning:hover .btn, #special-cards .card.bg-warning:focus .btn { color: var(--white) !important; background-color: var(--warning) !important; } #special-cards .card.bg-success:hover .card-title, #special-cards .card.bg-success:focus .card-title, #special-cards .card.bg-success:hover .card-text, #special-cards .card.bg-success:focus .card-text { color: var(--green) !important; } #special-cards .card.bg-success:hover .btn, #special-cards .card.bg-success:focus .btn { color: var(--white) !important; background-color: var(--green) !important; } #special-cards .card:before { content: ''; border-radius: 100%; width: 100%; height: 100%; position: absolute; left: -50%; top: -30%; z-index: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #special-cards .card:after { content: ''; border-radius: 100%; width: 110%; height: 50%; position: absolute; right: -40%; bottom: -25%; z-index: 0; -webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } #special-cards .card:hover:before, #special-cards .card:focus:before, #special-cards .card:hover:after, #special-cards .card:focus:after { background: rgb(0 0 0 / 3%); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #special-cards2 { z-index: 1; background: var(--light-gray); padding: 70px 0; content-visibility: auto; contain: layout; } #special-cards2 .card { border-radius: 0; position: relative; overflow: hidden; } #special-cards2 .card picture, #special-cards2 .card .card-body { z-index: 1 } #special-cards2 .card:hover, #special-cards2 .card:focus { background-color: var(--blue) !important; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #special-cards2 .card img { border-radius: 0; } #special-cards2 .card:not(.bg-warning) .card-text { min-height: 100px; } #special-cards2 .card.bg-warning .card-text { min-height: 64px; } #special-cards2 .card .btn, #footer_section .footer-menu .nav-pills li a { transition: unset; } #special-cards2 .card:hover .card-title, #special-cards2 .card:focus .card-title, #special-cards2 .card:hover .card-text, #special-cards2 .card:focus .card-text { color: var(--white) !important; } #special-cards2 .card.bg-danger:hover .card-title, #special-cards2 .card.bg-danger:focus .card-title, #special-cards2 .card.bg-danger:hover .card-text, #special-cards2 .card.bg-danger:focus .card-text { color: var(--white) !important; } #special-cards2 .card.bg-danger:hover .btn, #special-cards2 .card.bg-danger:focus .btn { color: var(--white) !important; background-color: var(--blue) !important; } #special-cards2 .card.bg-info:hover .card-title, #special-cards2 .card.bg-info:focus .card-title, #special-cards2 .card.bg-info:hover .card-text, #special-cards2 .card.bg-info:focus .card-text { color: var(--info) !important; } #special-cards2 .card.bg-info:hover .btn, #special-cards2 .card.bg-info:focus .btn { color: var(--white) !important; background-color: var(--info) !important; } #special-cards2 .card.bg-warning:hover .card-title, #special-cards2 .card.bg-warning:focus .card-title, #special-cards2 .card.bg-warning:hover .card-text, #special-cards2 .card.bg-warning:focus .card-text { color: var(--warning) !important; } #special-cards2 .card.bg-warning:hover .btn, #special-cards2 .card.bg-warning:focus .btn { color: var(--white) !important; background-color: var(--warning) !important; } #special-cards2 .card.bg-success:hover .card-title, #special-cards2 .card.bg-success:focus .card-title, #special-cards2 .card.bg-success:hover .card-text, #special-cards2 .card.bg-success:focus .card-text { color: var(--green) !important; } #special-cards2 .card.bg-success:hover .btn, #special-cards2 .card.bg-success:focus .btn { color: var(--white) !important; background-color: var(--green) !important; } #special-cards2 .card:before { content: ''; border-radius: 100%; width: 100%; height: 100%; position: absolute; left: -50%; top: -30%; z-index: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #special-cards2 .card:after { content: ''; border-radius: 100%; width: 110%; height: 50%; position: absolute; right: -40%; bottom: -25%; z-index: 0; -webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } #special-cards2 .card:hover:before, #special-cards2 .card:focus:before, #special-cards2 .card:hover:after, #special-cards2 .card:focus:after { background: rgb(0 0 0 / 8%); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #Featured_Procedures { z-index: 1; padding: 70px 0; content-visibility: auto; contain: layout; } #TMJ_Disorder { z-index: 1; padding: 70px 0; content-visibility: auto; contain: layout; background: url(../img/tmj-disorder-treatment-bg.webp) var(--blue) no-repeat; background-position: 50% center; background-size: cover; } #Key_Points { z-index: 1; padding: 70px 0; content-visibility: auto; contain: layout; } #How_To_Buy { z-index: 1; padding: 70px 0; content-visibility: auto; contain: layout; background-color: var(--blue); } #New_Patients { z-index: 1; padding: 70px 0; /*content-visibility: auto; contain: layout;*/ background-color: var(--white); } #New_Patients a { color: var(--blue); text-decoration:none; } #New_Patients a:hover { color: var(--dark); } #New_Patients .title-text { color: var(--light); } #New_Patients .title-desc { color: var(--text-color-gray); } #New_Patients .text-sub-text { color: var(--dark); } #New_Patients .text-sub-text a { color: var(--dark); } #New_Patients .card { background-color: #fbfbfb00; transform: translateY(0px); -webkit-transition: transform 300ms linear 0s; -moz-transition: transform 300ms linear 0s; -o-transition: transform 300ms linear 0s; transition: transform 300ms linear 0s; /*box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18) !important; border: 1px solid rgba(179, 179, 179, 0.2) !important;*/ } #New_Patients .card .btn-danger { background-color: var(--blue); border-color: var(--blue); color: var(--white); } #New_Patients .card:hover, #New_Patients .card:focus { background-color: #fbfbfb00 !important; transform: translateY(-10px); -webkit-transition: transform 300ms linear 0s; -moz-transition: transform 300ms linear 0s; -o-transition: transform 300ms linear 0s; transition: transform 300ms linear 0s; } #New_Patients .card:hover .card-title, #New_Patients .card:focus .card-title, #New_Patients .card:hover .card-text, #New_Patients .card:focus .card-text { color: var(--blue) !important; } #New_Patients .card svg, #New_Patients .card svg { fill: var(--blue) !important; } #New_Patients .card:hover svg, #New_Patients .card:focus svg { fill: var(--blue) !important; } #New_Patients .card:hover .btn-danger, #New_Patients .card:focus .btn-danger { background-color: var(--light-blue); border-color: var(--light-blue); color: var(--text-color-dark-gray); } #New_Patients .btn-success { background-color: var(--light); border-color: var(--light); color: var(--text-color-dark-gray) !important; } #New_Patients .btn-success:hover, #New_Patients .btn-success:focus { background-color: var(--light-green); border-color: var(--light-green); color: var(--text-color-dark-gray); } #New_Patients .call-number-link { color: var(--dark) !important; } #New_Patients .call-number-link:hover, #New_Patients .call-number-link:focus { color: var(--blue) !important; } #New_Patients .card-graphic-arrow-one:after, .card-graphic-arrow-two:after, .card-graphic-arrow-three:after{ top: 40%; position: absolute; bottom: 0; width: 100%; content: ""; opacity: 0.4; background-repeat: no-repeat; z-index: -1; background-image: url(../img/arrow.svg); } #New_Patients .card-graphic-arrow-one:after { left: 217px; } #New_Patients .card-graphic-arrow-two:after { left: 210px; } #New_Patients .card-graphic-arrow-three:after { left: 240px; } #main-content { z-index: 1; padding: 70px 0 0 0; /*content-visibility: auto; contain: layout;*/ } #main-content h1 { font-size: calc(1rem + 1.8vw); font-weight: 400; text-align: center; color: var(--text-color-gray); font-size: 48px; line-height: 1.3; } #main-content p, #main-content ol, #main-content ul { font-size: 18px; font-weight: 400; text-align: left; } #main-content p b, #main-content ol li b, #main-content ul li b{ font-weight: 600; } #main-content h2 { margin: 30px 0 20px; } #main-content ul.list-with-icon { padding: 0; padding-left: 0; display: inline-block; } #main-content ul.list-with-icon li { position: relative; list-style: none; padding: 4px 0; padding-left: 30px; /* display: inline-block; */ width: 25%; float: left; text-align: left; } #main-content ul.list-with-icon li:before { content: '\f00c'; font-family: fontAwesome; left: 0px; position: absolute; color: var(--blue); font-size: 22px; line-height: 1.3; font-weight: normal; } #main-content p a, #main-content li a { color: var(--blue); font-weight: 500; text-decoration: none; } #main-content p a:hover, #main-content p a:focus, #main-content li a:hover, #main-content li a:focus { color: var(--text-color-dark-gray); } #main-content p a strong, #main-content p a b, #main-content p strong, #main-content li strong, #main-content li b { font-weight: 600 !important; } #main-content .btn-light { background-color: var(--light-blue); border-color: var(--light-blue); color: var(--text-color-dark-gray); } #main-content .btn-light:hover, #main-content .btn-light:focus { background-color: var(--blue); border-color: var(--blue); color: var(--white); } #main-content .btn-danger:hover, #main-content .btn-danger:focus { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark); } #our-office-carousal .carousel-inner { border-radius: 12px; } #our-office-carousal .carousel-control-next-icon, #our-office-carousal .carousel-control-prev-icon { width: 2.5rem; height: 2.5rem; background-size: 60% 60%; background-color: var(--blue) !important; border-radius: 50%; } #our-office-carousal .carousel-control-next-icon:hover, #our-office-carousal .carousel-control-next-icon:focus, #our-office-carousal .carousel-control-prev-icon:hover, #our-office-carousal .carousel-control-prev-icon:focus { background-color: var(--blue) !important; } #special-offers-slider { z-index: 2; background: var(--gray-6c6c6c); content-visibility: auto; contain: layout; } #special-offers-slider .carousel-inner .d-flex { height: 500px; } #special-offers-slider .carousel-inner .d-flex .btn:hover, #special-offers-slider .carousel-inner .d-flex .btn:focus { background: var(--light-gray); border-color: var(--light-gray); } #special-offers-slider .carousel-inner .carousel-item .carousel-caption { background-repeat: no-repeat; background-position: left bottom; background-position-x: left; background-position-y: bottom; } #special-offers-slider .carousel-control-next-icon, #special-offers-slider .carousel-control-prev-icon { width: 3rem; height: 3rem; background-size: 60% 60%; } #social-ratings { z-index: 1; /*background: var(--light);*/ padding: 70px 0; content-visibility: auto; contain: layout; } #social-ratings.disablePaddingBottom { padding-bottom: 70px; } #social-ratings .card { border-radius: 12px; position: relative; overflow: hidden; } #social-ratings .card .card-body { z-index: 1 } #social-ratings .card .stars mark { color: var(--bs-yellow); background: #ffffff !important; border: 1px solid rgb(0 0 0 / 5%); } #social-ratings .card:hover, #social-ratings .card:focus { box-shadow: 0 1rem 3rem rgba(0,0,0,.175); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #social-ratings .card.google:hover, #social-ratings .card.google:focus { background-color: var(--google) !important; } #social-ratings .card.facebook:hover, #social-ratings .card.facebook:focus { background-color: var(--facebook) !important; } #social-ratings .card.yelp:hover, #social-ratings .card.yelp:focus { background-color: var(--yelp) !important; } #social-ratings .card.sharecare:hover, #social-ratings .card.sharecare:focus { background-color: var(--sharecare) !important; } #social-ratings .card.healthgrades:hover, #social-ratings .card.healthgrades:focus { background-color: var(--healthgrades) !important; } #social-ratings .card:hover .stars mark, #social-ratings .card:focus .stars mark { background: transparent !important; color: var(--white); } #social-ratings .card:hover .card-text, #social-ratings .card:focus .card-text { color: var(--white) !important; } #social-ratings .card:before { content: ''; border-radius: 100%; width: 100%; height: 100%; position: absolute; left: -70%; top: 30%; z-index: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #social-ratings .card:after { content: ''; border-radius: 100%; width: 100%; height: 100%; position: absolute; right: -60%; bottom: 50%; z-index: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #social-ratings .card:hover:before, #social-ratings .card:focus:before, #social-ratings .card:hover:after, #social-ratings .card:focus:after { background: rgb(0 0 0 / 7%); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #Tagline_Box { z-index: 0; padding: 0px 0 0; /* content-visibility: auto; contain: layout;*/ background: var(--white); /* margin-top: -140px;*/ } #Tagline_Box .card.what-we-do-card .vr { opacity: 0.50; } #Tagline_Box .card.what-we-do-card { min-height: auto; margin-top: -110px; border-radius: 20px; content-visibility: auto; contain: layout; } /*#Tagline_Box .card.what-we-do-card .highlighted-cards { height: 270px; }*/ /*#Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover { background-position: center; background-size: cover; }*/ /*#Tagline_Box .card.what-we-do-card .highlighted-cards .high-card-1 .card-cover { background-image: url('../img/new-product-registration.webp'); } #Tagline_Box .card.what-we-do-card .highlighted-cards .high-card-2 .card-cover { background-image: url('../img/information-request-form.webp'); } #Tagline_Box .card.what-we-do-card .highlighted-cards .high-card-3 .card-cover { background-image: url('../img/research-and-development.webp'); }*/ /*#Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content, #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content { background: rgb(206 222 91 / 90%); } #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content h2, #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content h2 { color: var(--blue) !important; text-shadow: none; } #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:before, #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover:after { content: none; } #Tagline_Box .card.what-we-do-card:before, #Tagline_Box .card.what-we-do-card:after { content: none; } #Tagline_Box .card.what-we-do-card .card-text { color: var(--gray-6c6c6c); }*/ /*#Tagline_Box .card.what-we-do-card:hover .card-text, #Tagline_Box .card.what-we-do-card:focus .card-text { color: var(--gray-6c6c6c) !important; }*/ /*#Tagline_Box .card.what-we-do-card:hover .card-text span.slogan-text, #Tagline_Box .card.what-we-do-card:focus .card-text span.slogan-text { box-shadow: 0 2px 0 0 var(--bs-gray-200) !important; -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s; }*/ #top-header-blocks { z-index: 1; padding: 0px 0; /* content-visibility: auto; contain: layout;*/ background: var(--white); /* margin-top: -140px;*/ } #top-header-blocks .card.what-we-do-card { min-height: auto; margin-top: -110px; margin-bottom: 70px; border-radius: 0; content-visibility: auto; contain: layout; } /*#top-header-blocks .card.what-we-do-card .highlighted-cards { height: 270px; }*/ #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover { background-position: center; background-size: cover; border-bottom: 5px solid rgba(0,0,0,0) !important; transform: translateY(0); -webkit-transition: transform 300ms linear 0s; -moz-transition: transform 300ms linear 0s; -o-transition: transform 300ms linear 0s; transition: transform 300ms linear 0s; } /*#top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-1 .card-cover { background-image: url('../img/what-sets-our-office-apart.webp'); } #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-2 .card-cover { background-image: url('../img/what-oral-surgery-can-do-for-you.webp'); } #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-3 .card-cover { background-image: url('../img/worried-you-can-not-afford-an-oral-surgeon.webp'); }*/ #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 220px; height: 220px; margin: auto; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 220px; height: 220px; margin: auto; /*box-shadow: 0 -10px 10px -3px rgb(0 0 0 / 40%);*/ } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-img { } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-title a { color: var(--text-color-dark-gray); } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-desc { color: var(--dark-blue); font-weight: 400 !important; font-size: 118% !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-1 .card-cover .card-content, #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-3 .card-cover .card-content, #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-5 .card-cover .card-content { background: var(--light); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-2 .card-cover .card-content, #top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-4 .card-cover .card-content { background: var(--light); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-content { background: rgb(0 0 0 / 0); } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus { /*background: rgba(0,0,0,0);*/ border-bottom: 5px solid var(--light) !important; border-radius: 0; transform: translateY(-10px); -webkit-transition: transform 300ms linear 0s; -moz-transition: transform 300ms linear 0s; -o-transition: transform 300ms linear 0s; transition: transform 300ms linear 0s; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content { background: var(--white); box-shadow: 0 0 0 10px var(--light); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-title a, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-title a{ color: var(--blue) !important; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-desc, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-desc { color: var(--text-color-dark-gray) !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content .card-img, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content .card-img { fill: var(--text-color-gray); } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .btn-danger { background-color: var(--blue); border-color: var(--blue); color: var(--white) !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content .btn-danger, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content .btn-danger { background-color: var(--white); border-color: var(--white); color: var(--blue) !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content h2, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content h2 { color: var(--blue) !important; text-shadow: none; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:before, #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:after { content: none; } #top-header-blocks .card.what-we-do-card:before, #top-header-blocks .card.what-we-do-card:after { content: none; } #top-header-blocks .card.what-we-do-card .card-text { color: var(--gray-6c6c6c); } #top-header-blocks .card.what-we-do-card:hover .card-text, #top-header-blocks .card.what-we-do-card:focus .card-text { color: var(--gray-6c6c6c) !important; /* box-shadow: 0 0px 0 0 var(--green) !important; -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s;*/ } /*#top-header-blocks .card.what-we-do-card:hover .card-text span.slogan-text, #top-header-blocks .card.what-we-do-card:focus .card-text span.slogan-text { box-shadow: 0 2px 0 0 var(--bs-gray-200) !important; -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s; }*/ #top-header-blocks .our-services-div { content-visibility: auto; contain: layout; } #top-header-blocks p.lead { color: rgb(255 255 255 / 65%); } #top-header-blocks .card { border-radius: 0; position: relative; overflow: hidden; } #top-header-blocks .card picture, #top-header-blocks .card .card-body { z-index: 1 } /*#top-header-blocks .card:hover, #top-header-blocks .card:focus { box-shadow: 0 1rem 3rem rgba(0,0,0,.175); overflow: hidden; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; }*/ #top-header-blocks .card .btn { transition: unset; background-color: var(--green); font-size: 90%; color: var(--text-dark) !important; } #top-header-blocks .card .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: break-spaces; color: rgb(255 255 255 / 60%); } #top-header-blocks .card:hover .card-title, #top-header-blocks .card:focus .card-title { color: var(--text-dark) !important; } #top-header-blocks .card:hover .card-text, #top-header-blocks .card:focus .card-text { color: var(--text-dark) !important; } #top-header-blocks .our-services-div .card:hover .btn, #top-header-blocks .our-services-div .card:focus .btn { color: var(--text-dark) !important; background-color: var(--white) !important; } #top-header-blocks .card:before { content: ''; border-radius: 100%; width: 140%; height: 80%; position: absolute; right: -60%; top: -40%; z-index: 0; -webkit-transform: rotate(78deg); -moz-transform: rotate(78deg); -ms-transform: rotate(78deg); -o-transform: rotate(78deg); transform: rotate(78deg); } #top-header-blocks .card:after { content: ''; border-radius: 100%; width: 100%; height: 100%; position: absolute; right: 50%; bottom: -60%; z-index: 0; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg); } #top-header-blocks .card:hover:before, #top-header-blocks .card:focus:before, #top-header-blocks .card:hover:after, #top-header-blocks .card:focus:after { background: rgb(0 0 0 / 10%); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #top-header-blocks .our-services-div .card { background: var(--blue) !important; } #top-header-blocks .our-services-div .card .card-title { color: var(--white) !important; } #top-header-blocks .our-services-div .card:hover .card-title, #top-header-blocks .our-services-div .card:focus .card-title { color: var(--blue) !important; } #top-header-blocks .our-services-div .card:hover, #top-header-blocks .our-services-div .card:focus { background: var(--green) !important; box-shadow: none; overflow: hidden; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #How_To_Buy .btn-success:hover, #How_To_Buy .btn-success:focus { background-color: var(--white); border-color: var(--white); color: var(--text-dark); } .accreditations .middle-part { margin-top: -110px; z-index: 1; position: relative; margin-bottom: -100px; } #footer_section { z-index: 1; } #footer_section .maps-section { margin-top: -200px; margin-bottom: 70px; z-index: 1; /*position: relative; content-visibility: auto;*/ contain: layout; } #footer_section .social-nav li a { border-radius: 4px !important; } #footer_section .footer-menu-links a { color: var(--dark); } #footer_section .footer-menu-links a:hover, #footer_section .footer-menu-links a:focus { color: var(--blue); } #footer_section .copyright, #footer_section .footer-menu, #footer_section .accreditations, #footer_section .footer-content, { content-visibility: auto; contain: layout; } #footer_section .footer-content { padding: 0px 0 70px; background: var(--white); } #footer_section .footer-content .address-details .icon-square { width: 40px; height: 40px; background: rgb(255 255 255 / 50%) !important; color: var(--blue) !important; margin-right: 15px !important; } #footer_section .footer-content .text-muted { color: var(--text-color-dark-gray) !important; } #footer_section .footer-content .card { background-color: var(--light); } #footer_section .footer-content .btn-danger { background-color: var(--blue); border-color: var(--blue); color: var(--white) !important; } #footer_section .footer-content .btn-danger:hover, #footer_section .footer-content .btn-danger:focus { background-color: var(--dark-blue) !important; border-color: var(--dark-blue) !important; color: var(--light) !important; } #footer_section .footer-content .btn-info { background-color: var(--blue) !important; border-color: var(--blue) !important; color: var(--white) !important; } #footer_section .footer-content .btn-info:hover, #footer_section .footer-content .btn-info:focus { background-color: var(--dark-blue) !important; border-color: var(--dark-blue) !important; color: var(--light) !important; } #footer_section .footer-content .dropdown-item:hover, #footer_section .footer-content .dropdown-item:focus { background-color: var(--green); color: var(--text-dark) !important; } .icon-square { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; font-size: 1.5rem; border-radius: 50px; } #footer_section .footer-content .address-details p a { color: var(--text-color-dark-gray); } #footer_section .footer-content .address-details p a:hover, #footer_section .footer-content .address-details p a:focus { color: var(--blue); } #footer_section .footer-content .c2a-buttons .btn.btn-danger:hover, #footer_section .footer-content .c2a-buttons .btn.btn-danger:focus { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } #footer_section .footer-content .c2a-buttons .btn.btn-danger:focus, #footer_section .footer-content .c2a-buttons .btn.btn-info:focus { box-shadow: 0 0 0 0.25rem rgb(138 231 212 / 50%); } #footer_section .footer-content .c2a-buttons .btn.btn-info:hover, #footer_section .footer-content .c2a-buttons .btn.btn-info:focus { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } #footer_section .footer-content .c2a-buttons .btn.btn-success:hover, #footer_section .footer-content .c2a-buttons .btn.btn-success:focus { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } #footer_section .footer-content .dropdown-menu-dark .dropdown-item { color: var(--white); } #footer_section .footer-content .dropdown-menu-dark .dropdown-item:hover, #footer_section .footer-content .dropdown-menu-dark .dropdown-item:focus { background-color: var(--light-green) !important; color: var(--text-color-dark-gray); } #footer_section .footer-content .dropdown-menu-dark .dropdown-item.border-bottom { border-color: #3f8cbd !important; } #footer_section .footer-content .card.bg-light { background-color: var(--white) !important; border-color: var(--white) !important; } #patient-info .btn-danger { background-color: var(--blue); border-color: var(--blue); color: var(--white) !important; } #patient-info .btn-danger:hover, #patient-info .btn-danger:focus { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } #privacy p { font-size: 1rem; color: var(--text-dark); text-align:justify; } .access-ramp-icon { margin: 10px 0 0px; display: inline-block; width: 100%; padding: 0px; text-align: center; } .access-ramp-icon i { color: #0047ba; float: none; font-size: 42px; line-height: 50px; margin-right: 7px; margin-left: 7px; } .access-ramp-icon span { color: #0047ba; font-size: 16px; text-align: left; margin: 0; line-height: 1.3; display: inline-block; font-weight: 300; } .access-ramp-icon span b { font-weight: 600; } #footer_section .footer-menu { box-shadow: 0 20px 25px -30px rgb(0 0 0 / 60%); background:var(--light); } #footer_section .footer-menu .nav-pills li a { color: var(--text-color-gray); font-size: 16px; border-radius: 0; } #footer_section .footer-menu .nav-pills li a:hover, #footer_section .footer-menu .nav-pills li a:focus { color: var(--blue); background: transparent; } #footer_section .footer-menu .nav-pills .nav-link.active, #footer_section .footer-menu .nav-pills .show > .nav-link { color: var(--blue); background-color: transparent; } #footer_section .copyright { font-size: 14px; color: rgba(130, 130, 130, 0.8); background: var(--light3); letter-spacing: 1px; } #footer_section .copyright a { color: rgba(130, 130, 130, 0.8); } #footer_section .copyright a:hover, #footer_section .copyright a:focus { color: rgba(130, 130, 130, 5); } .modal-open .modal { -webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px); background-color: rgb(0 0 0 / 20%); } .modal-content { background-color: var(--white); border: none; border-radius: 12px; box-shadow: 0 0 80px -50px #000; } .modal-header { border-bottom: 5px solid #f3f3f3; padding: 1.2rem 1.5rem; } .modal-title { font-size: 1.25rem; font-weight: 600; color: var(--blue); } .modal-body { margin-bottom: 1.5rem; padding: 1.2rem 1.5rem; } .modal .modal-body a:hover { color: var(--green) !important; } .modal .modal-body .dr-notes { font-size: 18px; } .modal .modal-body .dr-notes ul.list-with-icon { padding: 0; padding-left: 0; display: inline-block; } .modal .modal-body .dr-notes ul.list-with-icon li { position: relative; list-style: none; padding: 4px 0; padding-left: 33px; /* display: inline-block; */ width: 100%; float: left; text-align: left; margin-bottom: 10px; } .modal .modal-body .dr-notes ul.list-with-icon li:before { content: '\f00c'; font-family: fontAwesome; left: 0px; position: absolute; color: var(--green); font-size: 20px; line-height: 1.3; font-weight: normal; } .modal #safetyRecommendationsVideo { border-radius: 6px; outline: none; } /* Back to top ****/ .back-to-top { position: fixed; bottom: 10px; right: 10px; overflow: hidden; visibility: hidden; opacity: 0; z-index: 4; } .back-to-top i { background: var(--white); color: var(--blue); height: 35px; width: 35px; line-height: 35px; font-size: 20px; padding: 0; text-shadow: 0 1px 2px rgba(0,0,0,.05); border-radius: 4px; text-align: center; } .backToTopIsvisible .back-to-top { visibility: visible; opacity: 1; } .back-to-top:hover { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .back-to-top:hover i { background-color: var(--blue); color: var(--white); border-radius: 4px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } #share-wrapper { z-index: 4; /*-webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);*/ background-color: rgba(255,255,255,.95); } #share-wrapper li a { display: inline-block } #share-wrapper li a i { width: 36px; height: 36px; background: var(--light); color: var(--blue); font-size: 20px; line-height: 36px; text-align: center; border-radius: 4px; } #share-wrapper li a:focus i, #share-wrapper li a:hover i { background: var(--blue); color: var(--white); } #expert-advice-widget-bottom-pop-up { z-index: 5; bottom: 55px; right: 10px; } #seachBoxCollapseCard { /*width: 350px;*/ } #seachBoxCollapseCard input.form-control:focus { box-shadow: none; background: transparent; color: var(--text-color-dark-gray); } #seachBoxCollapseCard:focus-within .card-body { background: var(--light-blue) !important; } .bg-danger { background-color: var(--blue) !important; } .border-danger { border-color: var(--blue) !important; } .text-danger { color: var(--blue) !important; } .btn-danger { background-color: var(--blue); border-color: var(--blue); } .bg-info { background-color: var(--info) !important; } .border-info { border-color: var(--info) !important; } .text-info { color: var(--info) !important; } .btn-info { background-color: var(--info); border-color: var(--info); } .bg-warning { background-color: var(--warning) !important; } .border-warning { border-color: var(--warning) !important; } .text-warning { color: var(--warning) !important; } .btn-warning { background-color: var(--warning); border-color: var(--warning); } .bg-success { background-color: var(--green) !important; } .border-success { border-color: var(--green) !important; } .text-success { color: var(--green) !important; } .btn-success { background-color: var(--green); border-color: var(--green); } .top-c2a-bar .btn-success { background: var(--green); border-color: var(--green) !important; color: var(--text-dark) !important; display: none !important; } .top-c2a-bar .btn-success:hover, .top-c2a-bar .btn-success:focus { background: var(--blue); border-color: var(--blue) !important; color: var(--white) !important; } .top-c2a-bar .btn-danger { background: var(--blue); border-color: var(--blue) !important; color: var(--white) !important; display: none !important; } .top-c2a-bar .btn-danger:hover, .top-c2a-bar .btn-danger:focus { background: var(--green) !important; border-color: var(--green) !important; color: var(--text-dark) !important; } .topbar-bg .social-nav li a { background: rgb(255 255 255 / 40%); /* color: #fff !important; */ font-size: 1rem !important; padding: 4px !important; line-height: 1.8 !important; } .topbar-bg .btn-success { background: var(--blue); border-color: var(--blue) !important; color: var(--white) !important; } .topbar-bg .btn-success:hover, .topbar-bg .btn-success:focus { background: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } .topbar-bg .btn-danger { background: var(--white); border-color: var(--white) !important; color: var(--blue) !important; } .topbar-bg .btn-danger:hover, .topbar-bg .btn-danger:focus { background: var(--green) !important; border-color: var(--green) !important; color: var(--text-dark) !important; } .topbar-bg .dropdown-menu { min-width: 15rem; } .topbar-bg .dropdown-menu .dropdown-item:hover, .topbar-bg .dropdown-menu .dropdown-item:focus { background: var(--light-green); border-color: var(--light-green); color: var(--text-color-dark-gray) !important; } #sub-page #main-slider .carousel-item .carousel-caption { margin-top: 60px; } #sub-page #main-slider #banner-caption .btn-success:hover, #sub-page #main-slider #banner-caption .btn-success:focus { background: var(--white); border-color: var(--white) !important; color: var(--text-dark) !important; } #sub-page #main-slider #banner-caption .btn-light:hover, #sub-page #main-slider #banner-caption .btn-light:focus { background: var(--green); border-color: var(--green) !important; color: var(--text-dark) !important; } #sub-page #main-slider .carousel-control-next, #sub-page #main-slider .carousel-control-prev { top: 0; } #sub-page #main-slider .carousel-inner { height: 300px; background-color: var(--dark-blue); } #sub-page #footer_section { box-shadow: none !important; } #sub-page #main-slider .carousel-inner .carousel-item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px); background-color: rgb(0 0 0 / 20%); } #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a { padding: 120px 0 0; } #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a .h3 { color: var(--white); } #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a a.btn:hover, #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a a.btn:focus { background-color: var(--light-gray); border-color: var(--light-gray); } /*#sub-page #main-content { margin-bottom: 250px; }*/ #sub-page #main-content h1 { margin-top: 30px; text-align: left; color: var(--blue); } #main-content .breadcrumb { font-size: 16px; line-height: 2; } #main-content .breadcrumb .breadcrumb-item a { color: var(--blue); text-decoration: none; } #main-content .breadcrumb .breadcrumb-item a:hover, #main-content .breadcrumb .breadcrumb-item a:focus { color: var(--text-color-dark-gray); } #main-content .breadcrumb .breadcrumb-item.active { color: var(--text-color-gray); } #main-content .breadcrumb-item + .breadcrumb-item::before { padding-right: 0.7rem; padding-left: 0.3rem; color: rgb(0 0 0 / 25%); content: var(--bs-breadcrumb-divider, "\f105"); font-family: 'FontAwesome'; } #sub-page.contact-page #main-content { padding-bottom: 0 !important; margin-bottom: 0; } #sub-page.contact-page #footer_section .footer-content { padding: 70px 0; } #sub-page #main-content .sub-page-image { border-radius: 12px; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; } #sub-page #main-content .sub-page-image img { border-radius: 0; margin: auto; } #main-content #special-offers-slider { box-shadow: none !important; /* background: var(--bs-gray-100) !important;*/ border-radius: 12px; } #main-content #special-offers-slider .carousel-control-next, #main-content #special-offers-slider .carousel-control-prev { width: 7%; } #main-content #special-offers-slider .carousel-control-prev { left: -20px; } #main-content #special-offers-slider .carousel-control-prev-icon { border-radius: 0 50% 50% 0 !important; } #main-content #special-offers-slider .carousel-control-next { right: -20px; } #main-content #special-offers-slider .carousel-control-next-icon { border-radius: 50% 0 0 50% !important; } .forms-list-with-icon{ } .forms-list-with-icon li { padding-left: 45px; } .forms-list-with-icon li:before { content: '\f0f6'; font-family: fontAwesome; left: 20px; position: absolute; color: var(--green); font-size: 22px; line-height: 1.3; font-weight: normal; opacity: 0.7; } .forms-list-with-icon .list-group-item { background-color: rgb(0 0 0 / 0.7%); border: 1px solid rgb(0 0 0 / 4%); margin-bottom: 10px; border-radius: 0; box-shadow: 0 .5rem 1rem rgba(0,0,0,.0); -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s; } .forms-list-with-icon .list-group-item .text-blue { color:var(--blue) !important; } .forms-list-with-icon .list-group-item .text-green { color: var(--green) !important; } .forms-list-with-icon .list-group-item:hover, .forms-list-with-icon .list-group-item:focus { background-color: rgb(255 255 255 / 1%); border: 1px solid rgb(0 0 0 / 5%); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s; } .forms-list-with-icon .list-group-item:hover:before, .forms-list-with-icon .list-group-item:focus:before { opacity: 1; color: var(--blue); } .forms-list-with-icon .list-group-item:hover .text-secondary, .forms-list-with-icon .list-group-item:focus .text-secondary { color: var(--text-color-dark-gray) !important; } .forms-list-with-icon .list-group-item:hover a.btn:hover, .forms-list-with-icon .list-group-item:focus a.btn:focus{ color: var(--text-color-dark-gray) !important; background-color: var(--light-green) !important } #main-content #special-offers-slider p, #main-content #special-offers-slider ol, #main-content #special-offers-sliderul { font-weight: 400; text-align: center; } #sub-page.contact-page #footer_section { box-shadow: none !important; } #sub-page.contact-page #footer_section .maps-section iframe { border-radius: 0; } #sub-page.contact-page #footer_section .access-ramp-icon { margin: 40px 0 50px; text-align: left; } #sub-page #special-cards { padding: 70px 0 210px; } #sub-page #special-cards.disablePaddingBottom { padding-bottom: 70px; } #sub-page #expert-advice-widget, #expert-advice-widget.mobile-mode { content-visibility: auto; contain: layout; } #sub-page.contact-page #footer_section .footer-content { content-visibility: visible; contain: layout; } #sub-page.contact-page #footer_section .copyright, #sub-page.contact-page #footer_section .footer-menu, #sub-page.contact-page #footer_section .accreditations, #sub-page.contact-page #footer_section .maps-section { content-visibility: auto; contain: layout; } /* Contact form styles*/ .contact-form { background: var(--white); /*border-radius: 0;*/ border: none; } .contact-form textarea { height: 100px } .contact-form .form-control, .contact-form .form-select { color: var(--dark-blue) ; border-radius: 4px; } .contact-form .intl-tel-input { display: block; } .contact-form .f-group { background: var(--bs-gray-100); padding: 10px; border-radius: 4px; } .contact-form label.form-label { color: var(--blue); } .contact-form #messageTextCounter { font-size: 12px; opacity: 0.6; } .contact-form .card-subtitle { color: var(--text-color-gray) !important; font-weight: 500 !important; } .contact-form .btn[type=submit] { background: var(--blue) !important; border-color: var(--blue) !important; color: var(--white); } .contact-form .btn[type=submit]:focus { box-shadow: 0 0 0 0.25rem rgb(138 231 212 / 50%); } .contact-form .btn[type=submit]:hover, .contact-form .btn[type=submit]:focus { background: var(--dark-blue) !important; border-color: var(--dark-blue) !important; color: var(--white); } .contact-form .f-group .form-control[valid="false"], .contact-form .f-group .form-control[aria-invalid="true"], .contact-form .f-group .form-select[valid="false"], .contact-form .f-group .form-select[aria-invalid="true"]{ border-color: #dc3545; background-repeat: no-repeat; } .contact-form .f-group .form-control[valid="false"], .contact-form .f-group .form-control[aria-invalid="true"] { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .contact-form .f-group .form-select[valid="false"], .contact-form .f-group .form-select[aria-invalid="true"] { padding-right: 4.125rem; background-position: right 0.75rem center,center right 2.25rem; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .contact-form .f-group .form-control[valid="false"]:focus, .contact-form .f-group .form-control[aria-invalid="true"]:focus, .contact-form .f-group .form-select[valid="false"]:focus, .contact-form .f-group .form-select[aria-invalid="true"]:focus{ border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%); } .contact-form .f-group.has-error .g-recaptcha { background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .contact-form .f-group .form-control[valid="true"], .contact-form .f-group .form-control[aria-invalid="false"], .contact-form .f-group .form-select[valid="true"], .contact-form .f-group .form-select[aria-invalid="false"]{ border-color: #198754; color: #198754; background-repeat: no-repeat; } .contact-form .f-group .form-control[valid="true"], .contact-form .f-group .form-control[aria-invalid="false"] { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .contact-form .f-group .form-select[valid="true"], .contact-form .f-group .form-select[aria-invalid="false"] { padding-right: 4.125rem; background-position: right 0.75rem center,center right 2.25rem; background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .contact-form .f-group .form-control[valid="true"]:focus, .contact-form .f-group .form-control[aria-invalid="false"]:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%); } .contact-form .f-group.has-success .g-recaptcha { background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .modal-body .contact-form { border-radius: 0; border: none; } .secure-shield { margin: 0 0 0 15px; display: inline-block; width: auto; } .secure-shield .security-shield-icon { float: left; margin-right: 7px; width: 42px; height: 42px; } .secure-shield p { color: var(--text-color-gray); font-size: 12px !important; font-weight: 400; text-align: left; margin: 0; line-height: 1.2; display: inline-block; } .contact-form .f-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--logo-gray); } .contact-form .f-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: var(--logo-gray); } .contact-form .f-group .form-control:-ms-input-placeholder { /* IE 10+ */ color: var(--logo-gray); } .contact-form .f-group .form-control:-moz-placeholder { /* Firefox 18- */ color: var(--logo-gray); } /* Contact form styles*/ /*3rd level menu css*/ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(2); } }*/ @-webkit-keyframes zoom { from { -webkit-transform: scale(1, 1); } to { -webkit-transform: scale(1.5, 1.5); } } @keyframes zoom { from { transform: scale(1, 1); } to { transform: scale(1.5, 1.5); } } .dropdown-menu.show { -webkit-animation: fadeIn 0.3s alternate; animation: fadeIn 0.3s alternate; } .nav-item.dropdown.dropdown-mega { position: static; } .nav-item.dropdown.dropdown-mega .dropdown-menu { width: 90%; top: auto; left: 5%; } .navbar-toggler { border: none; padding: 0; outline: none; } .navbar-toggler:focus { box-shadow: none; } .navbar-toggler .hamburger-toggle { position: relative; display: inline-block; width: 50px; height: 50px; z-index: 11; float: right; } .navbar-toggler .hamburger-toggle .hamburger { position: absolute; transform: translate(-50%, -50%) rotate(0deg); left: 50%; top: 50%; width: 50%; height: 50%; pointer-events: none; } .navbar-toggler .hamburger-toggle .hamburger span { width: 100%; height: 4px; position: absolute; background: #333; border-radius: 2px; z-index: 1; transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out; left: 0px; } .navbar-toggler .hamburger-toggle .hamburger span:first-child { top: 10%; transform-origin: 50% 50%; transform: translate(0% -50%) !important; } .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) { top: 50%; transform: translate(0, -50%); } .navbar-toggler .hamburger-toggle .hamburger span:last-child { left: 0px; top: auto; bottom: 10%; transform-origin: 50% 50%; } .navbar-toggler .hamburger-toggle .hamburger.active span { position: absolute; margin: 0; } .navbar-toggler .hamburger-toggle .hamburger.active span:first-child { top: 45%; transform: rotate(45deg); } .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) { left: 50%; width: 0px; } .navbar-toggler .hamburger-toggle .hamburger.active span:last-child { top: 45%; transform: rotate(-45deg); } .icons { display: inline-flex; margin-left: auto; } .icons a { transition: all 0.2s ease-in-out; padding: 0.2rem 0.4rem; color: #ccc !important; text-decoration: none; } .icons a:hover { color: white; text-shadow: 0 0 30px white; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.455em; vertical-align: -0.045em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.4em solid; color: #1f244187; } .dropend .dropdown-menu[data-bs-popper] { left: 99%; } /*3rd menu level css ends*/ .topbar-bg { background-color: var(--light); } .topbar-bg .btn:hover, .topbar-bg .btn:focus, .topbar-bg .btn-outline-danger.dropdown-toggle.show, .topbar-bg .btn-outline-danger:active { background-color: var(--light-blue) !important; color: var(--text-dark) !important; } .topbar-bg .btn:focus { box-shadow: 0 0 0 0.25rem rgb(138 231 212 / 30%) !important; } .topbar-bg .dropdown-menu-dark .dropdown-item { color: var(--white); } .topbar-bg .dropdown-menu-dark .dropdown-item.border-bottom { border-bottom: 1px solid #3e8abb !important; } .topbar-bg .hstack .vr { background-color: var(--text-color-gray); opacity: 0.2; } #Quick-Contact-switcher { position: fixed; z-index: 1000; top: 180px; right: -170px; width: 170px; background: #fff; padding: 20px 0 20px 20px; border-left: 4px solid var(--blue); border-right: none; box-shadow: -2px 0 4px rgba(0,0,0,.1); border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #toggle-switcher { display: block; width: 106px; height: auto; background: var(--blue); position: absolute; left: -110px; top: 54px; text-align: center; cursor: pointer; border: 1px solid rgba(255,255,255,.3); border-top-left-radius: 14px; border-bottom-left-radius: 14px; border-right: none; padding: 0 0; margin: 0 0; white-space: pre-line; box-shadow: -2px 0 4px rgba(0,0,0,.1); -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -moz-animation-name: epilepsy; -webkit-animation-name: epilepsy; -o-animation-name: epilepsy; animation-name: epilepsy; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate } #Quick-Contact-switcher p { } #Quick-Contact-switcher .sidePanelDoct { color:#595a5c; font-size:19px; font-weight:700; margin:4px 0 10px; border-bottom:2px dotted #ccc; padding:0 0 8px; text-align:center; line-height:1.1 } #Quick-Contact-switcher .sidePanelDoct b { font-weight:700; color:#f1686a } .quick-contact-tab { visibility: visible; opacity: 1; -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s } .quick-contact-tab.is-visible { visibility:visible; opacity:1; -webkit-transition:all .6s; -moz-transition:all .6s; transition:all .6s } .quick-contact-tab.is-fade-out { opacity:1 } #sub_page #main-content h1 { font-size: 36px; } #accreditations_section { margin-bottom: 180px; } .fs-9{font-size:11px !important; text-align:center; } /*lightbox css*/ .lightbox .ratio-16x9 { background: none !important; } .lightbox .ratio img { border: 5px solid #f3f2f2; } .lightbox .modal-body { margin-bottom: 0px !important; } .lightbox .modal-xl { max-width: 100%; } .lightbox .modal-content { box-shadow: none; } .lightbox .p-3 { padding: 10px !important; } .lightbox .btn-close { width: 1em; height: 1em; border: 0; border-radius: 2.25rem; opacity: 1; background-color: #b3b3b3 !important; right: 62px !important; top: -14px !important; /*border: 5px solid #043e5e;*/ } .lightbox .carousel-control-next { right: 90px; } .lightbox .carousel-control-prev { left: 90px; } .lightbox .carousel-control-next, .lightbox .carousel-control-prev { width: 4.5%; /*background-color: #b3b3b3 !important; border-radius: 25rem;*/ } .lightbox .h-75 { height: 8.5% !important; } #tech hr { height: 3px; color: #1090d9; opacity: 1; } #accordion-section .accordion-item { border: 2px solid rgba(15, 107, 152, 0.31) !important; margin-top: 20px; } #accordion-section .accordion-button:not(.collapsed) { color: #fff !important; background-color: #1090d9 !important; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } #accordion-section .accordion-body p { font-size: 16px !important; } /*light box css ends*/ #easy_contact .easy-contact-btn { background-color: var(--blue); color: var(--white) !important; width: 60px; height: 60px; text-align: center; line-height: 60px; } #easy_contact a { font-weight: 100 !important; color: var(--blue); font-size: 16px !important; } #easy_contact .box { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; /*transition: all 1s ease;*/ } #easy_contact .box:hover { -webkit-transform: scale(1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); /* IE 9 */ -webkit-transform: scale(1.2,1.2); /* Safari and Chrome */ } #easy_contact a:hover { color: var(--text-color-gray) !important; } .btn-info:hover { background-color: var(--light-blue) !important; border-color: var(--light-blue) !important; color: var(--text-dark) !important; } /*image gallery css starts*/ .gallery { --box-shadow-selected: 0 10px 10px 2px rgba(0, 0, 0, 0.4); --box-shadow-closer: 0 5px 5px 2px rgba(0, 0, 0, 0.6); --box-shadow-farther: 0 3px 3px 2px rgba(0, 0, 0, 0.4); padding: 0 3rem; } .gallery > input { position: fixed; left: -1000%; top: -1000%; } .gallery > input:not([id=close]):checked ~ .gallery-content { display: flex; animation: fade-in 0.75s forwards; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs li:has(label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs li:has(label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs li:has(label[for=item-1]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs li:has(label[for=item-1]) + li, .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs li:has(label[for=item-1]) + li, .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs li:has(label[for=item-1]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs li:has(label[for=item-1]) + li + li, .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs li:has(label[for=item-1]) + li + li, .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs li:has(label[for=item-1]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs li:has(+ li label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs li:has(+ li label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-1]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-1]), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-1]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-1:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-1:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-1:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs li:has(label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs li:has(label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs li:has(label[for=item-2]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs li:has(label[for=item-2]) + li, .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs li:has(label[for=item-2]) + li, .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs li:has(label[for=item-2]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs li:has(label[for=item-2]) + li + li, .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs li:has(label[for=item-2]) + li + li, .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs li:has(label[for=item-2]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs li:has(+ li label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs li:has(+ li label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-2]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-2]), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-2]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-2:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-2:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-2:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs li:has(label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs li:has(label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs li:has(label[for=item-3]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs li:has(label[for=item-3]) + li, .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs li:has(label[for=item-3]) + li, .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs li:has(label[for=item-3]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs li:has(label[for=item-3]) + li + li, .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs li:has(label[for=item-3]) + li + li, .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs li:has(label[for=item-3]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs li:has(+ li label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs li:has(+ li label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-3]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-3]), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-3]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-3:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-3:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-3:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs li:has(label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs li:has(label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs li:has(label[for=item-4]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs li:has(label[for=item-4]) + li, .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs li:has(label[for=item-4]) + li, .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs li:has(label[for=item-4]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs li:has(label[for=item-4]) + li + li, .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs li:has(label[for=item-4]) + li + li, .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs li:has(label[for=item-4]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs li:has(+ li label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs li:has(+ li label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-4]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-4]), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-4]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-4:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-4:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-4:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs li:has(label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs li:has(label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs li:has(label[for=item-5]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs li:has(label[for=item-5]) + li, .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs li:has(label[for=item-5]) + li, .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs li:has(label[for=item-5]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs li:has(label[for=item-5]) + li + li, .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs li:has(label[for=item-5]) + li + li, .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs li:has(label[for=item-5]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs li:has(+ li label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs li:has(+ li label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-5]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-5]), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-5]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-5:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-5:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-5:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs li:has(label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs li:has(label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs li:has(label[for=item-6]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs li:has(label[for=item-6]) + li, .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs li:has(label[for=item-6]) + li, .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs li:has(label[for=item-6]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs li:has(label[for=item-6]) + li + li, .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs li:has(label[for=item-6]) + li + li, .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs li:has(label[for=item-6]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs li:has(+ li label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs li:has(+ li label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-6]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-6]), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-6]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-6:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-6:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-6:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs li:has(label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs li:has(label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs li:has(label[for=item-7]) { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs li:has(label[for=item-7]) + li, .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs li:has(label[for=item-7]) + li, .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs li:has(label[for=item-7]) + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs li:has(label[for=item-7]) + li + li, .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs li:has(label[for=item-7]) + li + li, .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs li:has(label[for=item-7]) + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs li:has(+ li label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs li:has(+ li label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs li:has(+ li label[for=item-7]) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs li:has(+ li + li label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs li:has(+ li + li label[for=item-7]), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs li:has(+ li + li label[for=item-7]) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:not(:hover), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:not(:hover) { box-shadow: none; scale: 1; z-index: 0; top: 0; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:hover, .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:hover + li, .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:hover + li + li, .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:has(+ li:hover), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery > input[name=gallery-item]#item-7:checked ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-7:focus ~ .gallery-thumbs:hover li:has(+ li + li:hover), .gallery > input[name=gallery-item]#item-7:focus-visible ~ .gallery-thumbs:hover li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery-thumbs { display: flex; flex-wrap: wrap; list-style-type: ""; gap: 0.5rem; margin-top: 10rem; margin-bottom: 1rem; position: relative; } .gallery-thumbs li { cursor: pointer; border-radius: 2px; width: 10%; transform-origin: 50% 100%; transition: all 0.4s cubic-bezier(0.39, 1.17, 0.49, 1.1); position: relative; top: 0; outline: 1px solid #eee; z-index: 10; flex: 1 0 auto; } .gallery-thumbs li label { cursor: pointer; } .gallery-thumbs li img { width: 100%; height: 100%; object-fit: cover; } .gallery-thumbs li .description { display: none; } .gallery-thumbs li:hover { scale: 1.5; top: -15px; z-index: 30; box-shadow: var(--box-shadow-selected); } .gallery-thumbs li:hover + li { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery-thumbs li:hover + li + li { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery-thumbs li:has(+ li:hover) { box-shadow: var(--box-shadow-closer); z-index: 20; scale: 1.2; top: -10px; } .gallery-thumbs li:has(+ li + li:hover) { box-shadow: var(--box-shadow-farther); scale: 1.1; top: -5px; } .gallery-content { display: none; position: fixed; inset: 0; padding: 2rem 3rem 0; opacity: 0; flex-flow: column; z-index: 90; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); } .gallery-content .close { cursor: pointer; font-size: 2rem; flex-basis: 100%; margin-left: auto; scale: 1; transition: all 0.4s cubic-bezier(0.39, 1.17, 0.49, 1.1); flex: 0; } .gallery-content .close:hover, .gallery-content .close:focus { scale: 1.5; color: #fff; } .gallery-content .close input { position: fixed; left: -1000%; top: -1000%; } .gallery-content .item { display: none; flex-wrap: wrap; flex-flow: column; position: relative; height: clamp(75%, 80vh, 80vh); width: 100%; } .gallery-content .item .image-frame { position: relative; display: flex; overflow: hidden; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); height: 100%; z-index: 10; } .gallery-content .item .image-frame:before, .gallery-content .item .image-frame:after { content: ""; display: block; position: absolute; top: 0; height: 100%; transform: skewX(-10deg); width: 50%; z-index: 10; } .gallery-content .item .image-frame:before { left: -25%; backdrop-filter: blur(5px); } .gallery-content .item .image-frame:after { left: -50%; backdrop-filter: sepia(0.5); } .gallery-content .item img { filter: grayscale(1); width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; } .gallery-content .description { color: #fff; padding: 1rem; position: absolute; font-size: clamp(0.85rem, 2vw, 1.1rem); background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px); left: 0; bottom: 0; width: 100%; z-index: 20; } .gallery [name=gallery-item]#item-1:checked ~ .gallery-content .item-1 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-1:checked ~ .gallery-content .item-1 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-1:checked ~ .gallery-content .item-1 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-1:checked ~ .gallery-content .item-1 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-2:checked ~ .gallery-content .item-2 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-2:checked ~ .gallery-content .item-2 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-2:checked ~ .gallery-content .item-2 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-2:checked ~ .gallery-content .item-2 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-3:checked ~ .gallery-content .item-3 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-3:checked ~ .gallery-content .item-3 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-3:checked ~ .gallery-content .item-3 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-3:checked ~ .gallery-content .item-3 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-4:checked ~ .gallery-content .item-4 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-4:checked ~ .gallery-content .item-4 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-4:checked ~ .gallery-content .item-4 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-4:checked ~ .gallery-content .item-4 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-5:checked ~ .gallery-content .item-5 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-5:checked ~ .gallery-content .item-5 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-5:checked ~ .gallery-content .item-5 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-5:checked ~ .gallery-content .item-5 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-6:checked ~ .gallery-content .item-6 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-6:checked ~ .gallery-content .item-6 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-6:checked ~ .gallery-content .item-6 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-6:checked ~ .gallery-content .item-6 .image-frame img { animation: colour 2s ease-in forwards; } .gallery [name=gallery-item]#item-7:checked ~ .gallery-content .item-7 { display: flex; animation: fade-in 1s ease-out; } .gallery [name=gallery-item]#item-7:checked ~ .gallery-content .item-7 .image-frame:before { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-7:checked ~ .gallery-content .item-7 .image-frame:after { animation: slide-in 0.5s ease-in 2 forwards; } .gallery [name=gallery-item]#item-7:checked ~ .gallery-content .item-7 .image-frame img { animation: colour 2s ease-in forwards; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slide-in { 100% { left: 120%; } } @keyframes colour { 100% { filter: grayscale(0); } } @keyframes stacking-fix { 0%, 100% { z-index: 10; } } /*image gallery css ends*/ @media(max-width:767px) { #New_Patients .card:after { display: none; } .lightbox .carousel-control-next { right: 45px; } .lightbox .carousel-control-prev { left: 45px; } .lightbox .btn-close { width: 0.8em; height: 0.8em; right: 16px !important; } .dropend .dropdown-toggle::after { transform: rotate(90deg); } #default-menu .dropdown-menu, #services-menu .dropdown-menu { margin-left: 0px; } #default-menu .dropdown-menu.show .sub-menu { margin-left: 15px !important; } } #default-menu .navbar-nav .nav-link.dropdown-toggle.show:focus { } #sub-page.contact-page #footer_section .social-nav { display: block; } #OurServicesCarousel .carousel-inner { /*padding: 1em;*/ } #OurServicesCarousel .card { margin: 0 15px; box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); border: none; } #OurServicesCarousel .carousel-control-prev, #OurServicesCarousel .carousel-control-next { background-color: rgb(16 144 217 / 30%); width: 6vh; height: 6vh; border-radius: 8px; top: 50%; transform: translateY(-50%); } #OurServicesCarousel .carousel-control-prev { left: -70px; } #OurServicesCarousel .carousel-control-next { right: -70px; } #OurServicesCarousel .card { margin: 0 15px; /*box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18) !important; border: 1px solid rgba(179, 179, 179, 0.2) !important;*/ } /*.thumbnail { width: 100px; cursor: pointer; transition: transform 0.3s; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; } .modal:target { display: flex; } .modal-content { max-width: 90%; max-height: 90%; } .close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; text-decoration: none; }*/ @media (min-width: 768px) { #OurServicesCarousel .carousel-item { margin-right: 0; /*flex: 0 0 25%;*/ flex: 0 0 33.333333%; display: block; } #OurServicesCarousel .carousel-inner { display: flex; } #AllServicesCarousel .carousel-item { margin: 0 10px; /*flex: 0 0 25%; flex: 0 0 33.333333%;*/ display: block; width:30%; } #AllServicesCarousel .carousel-inner { /*display: flex;*/ } } #OurServicesCarousel .card .img-wrapper { max-width: 100%; height: 13em; display: flex; justify-content: center; align-items: center; } /*#AllServicesCarousel .card .img-wrapper { max-width: 31%; height: 13em; display: flex; justify-content: center; align-items: center; }*/ #OurServicesCarousel .card img { max-height: 100%; } @media (max-width: 767px) { #OurServicesCarousel .card .img-wrapper { height: 17em; } #AllServicesCarousel .carousel-item { margin: 0 10px; /*flex: 0 0 25%; flex: 0 0 33.333333%;*/ display: block; width: 98%; } #AllServicesCarousel .carousel-inner { /*display: flex;*/ } } #our-services-cards { z-index: 1; padding: 70px 0 300px; /* content-visibility: auto; contain: layout;*/ background: var(--light3); /* margin-top: -140px;*/ } #our-services-cards .card.what-we-do-card { min-height: auto; margin-top: -420px; margin-bottom: 70px; border-radius: 20px; content-visibility: auto; contain: layout; } #our-services-cards .card.what-we-do-card:before, #our-services-cards .card.what-we-do-card:after { content: none; } #our-services-cards .card.what-we-do-card .card-text { color: var(--gray-6c6c6c); } #our-services-cards .card.what-we-do-card:hover .card-text, #our-services-cards .card.what-we-do-card:focus .card-text { color: var(--gray-6c6c6c) !important; /* box-shadow: 0 0px 0 0 var(--success) !important; -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s;*/ } /*#our-services-cards .card.what-we-do-card:hover .card-text span.slogan-text, #our-services-cards .card.what-we-do-card:focus .card-text span.slogan-text { box-shadow: 0 2px 0 0 var(--bs-gray-200) !important; -webkit-transition: box-shadow 300ms linear 0s; -moz-transition: box-shadow 300ms linear 0s; -o-transition: box-shadow 300ms linear 0s; transition: box-shadow 300ms linear 0s; }*/ #our-services-cards .card.what-we-do-card:hover .card-title, #our-services-cards .card.what-we-do-card:focus .card-title { color: var(--green) !important; } #our-services-cards .our-services-div { /*content-visibility: auto; contain: layout;*/ } #our-services-cards p.lead { color: rgb(255 255 255 / 65%); } #our-services-cards .card { border-radius: 12px; position: relative; overflow: hidden; } #our-services-cards .card picture, #our-services-cards .card .card-body { z-index: 1 } #our-services-cards .card:hover, #our-services-cards .card:focus { background: var(--white) !important; box-shadow: 0 1rem 3rem rgba(0,0,0,.175); overflow: hidden; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } /*#our-services-cards .card .btn { transition: unset; background-color: rgb(255 255 255 / 12%); font-size: 90%; }*/ #our-services-cards .card .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: break-spaces; color: rgb(255 255 255 / 60%); } #our-services-cards .card:hover .card-title, #our-services-cards .card:focus .card-title { color: var(--text-dark) !important; } #our-services-cards .card:hover .card-text, #our-services-cards .card:focus .card-text { color: var(--text-dark) !important; } #our-services-cards .card .btn, #our-services-cards .card .btn { color: var(--white) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } #our-services-cards .card:hover .btn, #our-services-cards .card:focus .btn { color: var(--text-dark) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-services-cards .card.all-services-item:hover .btn, #our-services-cards .card.all-services-item:focus .btn { color: var(--white) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-services-cards .card.all-services-item:hover .btn p, #our-services-cards .card.all-services-item:focus .btn p { color: var(--white) !important; } #our-services-cards .all, #our-services-cards .all { color: var(--white) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } #our-services-cards .all:hover, #our-services-cards .all:focus { color: var(--text-dark) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-services-cards .card:before { content: ''; border-radius: 10%; width: 130%; height: 80%; position: absolute; right: -70%; top: -33%; z-index: 0; -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -o-transform: rotate(-22deg); transform: rotate(-22deg); } #our-services-cards .card:after { content: ''; border-radius: 10%; width: 100%; height: 100%; position: absolute; right: 4%; bottom: -88%; z-index: 0; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(65deg); } #our-services-cards .card:hover:before, #our-services-cards .card:focus:before, #our-services-cards .card:hover:after, #our-services-cards .card:focus:after { background: rgba(0, 162, 255, 0.08); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } /* misc */ #our-misc-cards { z-index: 1; padding: 10px; /* content-visibility: auto; contain: layout;*/ /*background: var(--light3); margin-top: -140px;*/ } #our-misc-cards .card.what-we-do-card { min-height: auto; margin-top: -420px; margin-bottom: 70px; border-radius: 20px; content-visibility: auto; contain: layout; } #our-misc-cards .card.what-we-do-card:before, #our-misc-cards .card.what-we-do-card:after { content: none; } #our-misc-cards .card.what-we-do-card .card-text { color: var(--gray-6c6c6c); } #our-misc-cards .card.what-we-do-card:hover .card-text, #our-misc-cards .card.what-we-do-card:focus .card-text { color: var(--gray-6c6c6c) !important; } #our-services-cards .card.what-we-do-card:hover .card-title, #our-services-cards .card.what-we-do-card:focus .card-title { color: var(--green) !important; } #our-misc-cards .our-services-div { /*content-visibility: auto; contain: layout;*/ } #our-misc-cards p.lead { color: rgb(255 255 255 / 65%); } #our-misc-cards .card { border-radius: 12px; position: relative; overflow: hidden; background: var(--light3); min-height:370px; } #our-misc-cards .card picture, #our-misc-cards .card .card-body { z-index: 1 } #our-misc-cards .card:hover, #our-misc-cards .card:focus { background: var(--white) !important; box-shadow: 0 1rem 3rem rgba(0,0,0,.175); overflow: hidden; -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } #our-misc-cards .card .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: break-spaces; color: rgb(255 255 255 / 60%); } #our-misc-cards .card:hover .card-title, #our-misc-cards .card:focus .card-title { color: var(--text-dark) !important; } #our-misc-cards .card:hover .card-text, #our-misc-cards .card:focus .card-text { color: var(--text-dark) !important; } #our-misc-cards .card .btn, #our-misc-cards .card .btn { color: var(--white) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } #our-misc-cards .card:hover .btn, #our-misc-cards .card:focus .btn { color: var(--text-dark) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-misc-cards .card.all-services-item:hover .btn, #our-misc-cards .card.all-services-item:focus .btn { color: var(--white) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-misc-cards .card.all-services-item:hover .btn p, #our-misc-cards .card.all-services-item:focus .btn p { color: var(--white) !important; } #our-misc-cards .all, #our-misc-cards .all { color: var(--white) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } #our-misc-cards .all:hover, #our-misc-cards .all:focus { color: var(--text-dark) !important; background-color: var(--light-blue) !important; box-shadow: none; } #our-misc-cards .card:before { content: ''; border-radius: 10%; width: 130%; height: 80%; position: absolute; right: -70%; top: -33%; z-index: 0; -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -o-transform: rotate(-22deg); transform: rotate(-22deg); } #our-misc-cards .card:after { content: ''; border-radius: 10%; width: 100%; height: 100%; position: absolute; right: 4%; bottom: -88%; z-index: 0; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(65deg); } #our-misc-cards .card:hover:before, #our-misc-cards .card:focus:before, #our-misc-cards .card:hover:after, #our-misc-cards .card:focus:after { background: rgba(0, 162, 255, 0.08); -webkit-transition: background 300ms linear 0s; -moz-transition: background 300ms linear 0s; -o-transition: background 300ms linear 0s; transition: background 300ms linear 0s; } @media(max-width:767px) { .horizontal .doctible-review-date-and-stars { display: block; } #review-widget { width: 100%; } #OurServicesCarousel .carousel-control-next { right: -10px; } #OurServicesCarousel .carousel-control-prev { left: -10px; } #top-header-blocks .card.what-we-do-card { margin-bottom: 0; } #main-slider .carousel-item { background-position-x: 67%; background-position-y: top; background-position: 67% top; } #default-menu .navbar-nav .nav-link.active, #default-menu .navbar-nav .nav-link.active:hover, #default-menu .navbar-nav .nav-link.active:focus { color: var(--blue) !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 200px; height: 200px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content svg{ width: 130px; height: 130px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-img { width: 90px !important; height: 90px !important; } #default-menu .navbar-brand { position: relative; top: 0; margin-left:0px; } #default-menu { background: var(--white); padding: 0px 0 !important; } #default-menu .navbar-brand img { filter: brightness(0.9) contrast(1.4); -o-filter: brightness(0.9) contrast(1.4); -ms-filter: brightness(0.9) contrast(1.4); -moz-filter: brightness(0.9) contrast(1.4); -webkit-filter: brightness(0.9) contrast(1.4); } #default-menu .navbar-nav .nav-link { color: var(--text-color-gray); } #footer_section .footer-menu .nav-pills li a { margin: 3px; } #default-menu .navbar-nav .dropdown-item, #services-menu .navbar-nav .dropdown-item { white-space: break-spaces; } .topbar-bg .gap-3 { gap: 0.6rem !important; } #Tagline_Box .card.what-we-do-card { padding: 0 !important } #Tagline_Box .card.what-we-do-card .card-title { margin-bottom: 0.5rem; font-size: 30px !important; padding-bottom: 15px !important; } #Tagline_Box .card.what-we-do-card .hstack .card-text { font-size: 18px !important; } #reviews-slider .carousel-control-next { right: -50px; } #reviews-slider .carousel-control-prev { left: -50px; } #slider-c2a .card-body .display-2 { font-size: 25px !important; } #slider-c2a .card-body .fs-2 { font-size: 20px !important; } #reviews-slider .review-box { min-height: 500px; } #Get-to-Know .bg-overlay svg { width: 80px; height: 80px; } #footer_section .footer-content .card { padding: 10px !important; } #our-services-cards .card.what-we-do-card .card-text .fs-460 { font-size: 360%; } #index-page #main-slider .carousel-inner { height: 600px; } #main-slider .carousel-item .carousel-caption { margin-top: 60px; } #main-slider .carousel-control-next, #main-slider .carousel-control-prev { top: 25px; } /*media query for gallery image*/ @media (min-width: 0px) and (max-width: 767.98px) { .gallery-thumbs li { width: 100%; } } /* @media (min-width: 992px) and (max-width: 1199.98px) { .gallery-thumbs li { width: 100%; } } @media (min-width: 1200px) { .gallery-thumbs li { width: 100%; } }*/ /*ends*/ /*#sub-page #main-slider .carousel-inner { height: 650px; }*/ #index-page #main-slider .carousel-item .carousel-caption { background-position: calc(20px) center; background-position-x: calc(20px) !important; background-position-y: center; background-image: none !important; } #index-page #main-slider .carousel-item .carousel-caption .card-body .display-4 { font-size: 24px; } #index-page #main-slider .carousel-item .carousel-caption .card-body .fs-3 { font-size: 22px; } /*#index-page #main-slider .carousel-item:nth-child(1) { background-image: url(../img/main-slider/slider-item-model-1.webp) !important; } #index-page #main-slider .carousel-item:nth-child(2) { background-image: url(../img/main-slider/slider-item-model-2.webp) !important; } #index-page #main-slider .carousel-item:nth-child(3) { background-image: url(../img/main-slider/slider-item-model-3.webp) !important; }*/ /*#index-page #main-slider .carousel-item:nth-child(2) { background-image: url(../img/main-slider/slider-item-bg-2.webp); } #index-page #main-slider .carousel-item:nth-child(3) { background-image: url(../img/main-slider/slider-item-bg-3.webp); } #index-page #main-slider .carousel-item:nth-child(4) { background-image: url(../img/main-slider/slider-item-bg-4.webp); } #index-page #main-slider .carousel-item:nth-child(5) { background-image: url(../img/main-slider/slider-item-bg-5.webp); } #index-page #main-slider .carousel-item:nth-child(6) { background-image: url(../img/main-slider/slider-item-bg-6.webp); } #index-page #main-slider .carousel-item:nth-child(7) { background-image: url(../img/main-slider/slider-item-bg-7.webp); }*/ /*#index-page #main-slider .carousel-item:nth-child(8) { background-image: url(../img/main-slider/slider-item-bg-8-xs.webp); }*/ /*#index-page #main-slider .carousel-item:nth-child(1) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-1.webp); } #index-page #main-slider .carousel-item:nth-child(2) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-2.webp); } #index-page #main-slider .carousel-item:nth-child(3) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-3.webp); } #index-page #main-slider .carousel-item:nth-child(4) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-4.webp); } #index-page #main-slider .carousel-item:nth-child(5) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-5.webp); } #index-page #main-slider .carousel-item:nth-child(6) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-6.webp); } #index-page #main-slider .carousel-item:nth-child(7) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-7.webp); } #sub-page #main-slider .carousel-item:nth-child(1) { background-image: url(../img/main-slider/slider-item-bg-sub-page.webp); }*/ #main-slider .carousel-item .carousel-caption { background-position: center bottom; background-position-x: center; background-position-y: bottom; } #expert-advice-widget { height: auto; padding-bottom: 5rem !important; } #expert-advice-widget picture { bottom: 0; position: relative !important; padding: 0; margin-top: 130px; display: block; } #expert-advice-widget p.title { background: var(--white); color: #6d757d !important; padding: 15px; border-radius: 50px; } #special-offers-slider .carousel-inner .carousel-item .carousel-caption { background-position: center bottom; background-position-x: center; background-position-y: bottom; } #special-offers-slider .carousel-item:nth-child(1) .carousel-caption { background-image: url(../img/special-offers/fixed-implant-dentures-offer-xs.webp); } #special-offers-slider .carousel-item:nth-child(2) .carousel-caption { background-image: url(../img/special-offers/lower-implant-dentures-offer-xs.webp); } #special-offers-slider .carousel-item .carousel-caption .d-flex { background: rgb(108 108 108 / 85%); height: 500px; } #special-offers-slider .carousel-control-next-icon, #special-offers-slider .carousel-control-prev-icon { width: 2rem; height: 2rem; background-size: 65% 65%; } #seachBoxCollapseCard { width: 100%; position: relative !important; display: block; } #seachBoxCollapseCard .card { margin: 10px 0 0 !important; box-shadow: none !important; } #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link { margin: 0px 0; padding: 10px 15px; } #expert-advice-widget-bottom-pop-up .toast { width: 260px !important; } #expert-advice-widget-bottom-pop-up .toast .toast-body img { width: 100% !important; height: auto; } #sub-page #main-content p, #sub-page #main-content ol, #sub-page #main-content ul { font-size: 16px; } #main-content #special-offers-slider .carousel-control-prev { left: 0; } #main-content #special-offers-slider .carousel-control-next { right: 0px; } #main-content #special-offers-slider .container-md { padding-right: 0 !important; padding-left: 0 !important; } #top-header-blocks .card.what-we-do-card .card-text .fs-460 { font-size: 360%; } #Tagline_Box .card.what-we-do-card .card-text .fs-460 { font-size: 360%; } #expert-advice-widget .quotes { margin-top: 0px; } #expert-advice-widget .slogan-text .fs-560 { font-size: 400%; } #main-content h1 { font-size: 32px; } #sub-page.contact-page #footer_section .footer-content { content-visibility: auto; contain: layout; } #main-slider .carousel-indicators [data-bs-target] { height: 20px; width: 20px; margin: 0 7px; } #main-content #special-offers-slider { border-radius: 0; } } @media(min-width:768px) { /*#index-page #main-slider .carousel-item:nth-child(1) { background-image: url(../img/main-slider/slider-item-bg-1.webp); } #index-page #main-slider .carousel-item:nth-child(2) { background-image: url(../img/main-slider/slider-item-bg-2.webp); } #index-page #main-slider .carousel-item:nth-child(3) { background-image: url(../img/main-slider/slider-item-bg-3.webp); } #index-page #main-slider .carousel-item:nth-child(4) { background-image: url(../img/main-slider/slider-item-bg-4.webp); } #index-page #main-slider .carousel-item:nth-child(5) { background-image: url(../img/main-slider/slider-item-bg-5.webp); } #index-page #main-slider .carousel-item:nth-child(6) { background-image: url(../img/main-slider/slider-item-bg-6.webp); } #index-page #main-slider .carousel-item:nth-child(7) { background-image: url(../img/main-slider/slider-item-bg-7.webp); } #index-page #main-slider .carousel-item:nth-child(8) { background-image: url(../img/main-slider/slider-item-bg-8.webp); }*/ /*#index-page #main-slider .carousel-item { -webkit-animation: zoomin 160s 1; -moz-animation: zoomin 160s 1; -o-animation: zoomin 160s 1; animation: zoomin 160s 1; animation-fill-mode: forwards; } #index-page #main-slider .carousel-item:nth-child(1) { background-image: url(../img/main-slider/slider-item-model-1.webp) !important; } #index-page #main-slider .carousel-item:nth-child(2) { background-image: url(../img/main-slider/slider-item-model-2.webp); } #index-page #main-slider .carousel-item:nth-child(3) { background-image: url(../img/main-slider/slider-item-model-3.webp); }*/ /*#index-page #main-slider .carousel-item:nth-child(4) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-4.webp); } #index-page #main-slider .carousel-item:nth-child(5) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-5.webp); } #index-page #main-slider .carousel-item:nth-child(6) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-6.webp); } #index-page #main-slider .carousel-item:nth-child(7) .carousel-caption { background-image: url(../img/main-slider/slider-item-model-7.webp); }*/ #index-page #main-slider .carousel-item > img { -webkit-animation: zoom 20s; animation: zoom 100s; } #special-offers-slider .carousel-item:nth-child(1) .carousel-caption { background-image: url(../img/special-offers/fixed-implant-dentures-offer.webp); } #special-offers-slider .carousel-item:nth-child(2) .carousel-caption { background-image: url(../img/special-offers/lower-implant-dentures-offer.webp); } /*#sub-page #main-slider .carousel-item:nth-child(1) { background-image: url(../img/main-slider/slider-item-bg-sub-page.webp); }*/ #sub-page #main-slider.Inspire .carousel-item:nth-child(1) .carousel-caption { background-image: url(../img/products/inspire/inspire.webp); } /*#sub-page #main-slider.Inspire .carousel-item:nth-child(2) .carousel-caption { background-image: url(../img/products/inspire/inspire-2.webp); } #sub-page #main-slider.Inspire .carousel-item:nth-child(3) .carousel-caption { background-image: url(../img/products/inspire/inspire-3.webp); }*/ } @media (max-width: 359.98px) { #index-page #main-slider .carousel-item > img { position: absolute; right: -375px; top: 40px; height: 100%; object-fit: cover; } #main-carousal .card-body { width: auto; } #sub-page #main-slider .carousel-inner { height: 280px; } #TMJ_Disorder { background-position: 66% center; } #TMJ_Disorder:before { content: ''; background: rgb(5 28 59 / 70%); width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; } .topbar-bg .dropdown-menu { min-width: 17rem; white-space: normal; } .topbar-bg .btn { padding-left: 0 !important; padding-right: 0px !important; font-size: 0 !important; } .topbar-bg .btn i { font-size: 18px; padding: 2px !important; margin: 0 !important; text-align: center; width: 35px; } #Tagline_Box .card.what-we-do-card .d-flex.bg-dark-blue { padding: 20px 0 !important; } #Tagline_Box .card.what-we-do-card .card-title { font-size: 24px !important; } #Tagline_Box .card.what-we-do-card .hstack { flex-direction: column; align-items: center; align-self: normal; gap: 0 !important; } #Tagline_Box .card.what-we-do-card .hstack .vr { width: 20%; min-height: 1px !important; margin: 15px auto !important; } #reviews-slider .review-box { min-height: 650px; padding: 25px 15px !important; } #reviews-slider .carousel-control-next { right: -25px; } #reviews-slider .carousel-control-prev { left: -25px; } #reviews-slider .carousel-control-next-icon, #reviews-slider .carousel-control-prev-icon { width: 2rem; height: 2rem; } #reviewsCarousal .carousel-item .carousel-caption svg { width: 30px; height: 30px; } #reviewsCarousal .carousel-item .carousel-caption .stars svg { width: 15px; height: 15px; } #our-services-cards .what-we-do-div .card .icon-square { width: 2rem; height: 2rem; } #footer_section .footer-content .card .address-details .icon-square { width: 2rem; height: 2rem; } /*#our-services-cards .card img { width: 248px; height: 186px; }*/ #sub-page #main-slider .carousel-item .carousel-caption img { width: 100%; } .navbar-brand img { width: 210px; height: 74px; } #index-page #main-slider .carousel-item .carousel-caption .card-body .btn-success { font-size: 14px !important; } #expert-advice-widget picture { width: 280px; height: 329px; margin-left: auto; margin-right: auto; } #special-cards .card img { width: 248px; height: 164px; } #special-cards2 .card img { width: 248px; height: 164px; } #our-office-carousal .carousel-inner picture img { width: 296px; height: 182px; } #main-content ul.list-with-icon li { width: 100%; } #special-offers-slider .carousel-item .carousel-caption .d-flex .btn { margin-bottom: 15px; } #top-header-blocks .card img { width: 248px; height: 186px; } /*#footer_section .accreditations a img { width: 296px; height: 131px; }*/ #sub-page.contact-page #footer_section .address-details { margin-bottom: 0 !important; } .secure-shield .security-shield-icon { margin-right: 6px; width: 30px; height: 40px; margin-top: 6px; } .secure-shield p { font-size: 10px !important; width: 70%; } .contact-form .g-recaptcha > div { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #sub-page #main-content .sub-page-image img { width: 296px !important; height: 183px; } #expert-advice-widget .quotes { margin-top: 200px; } } @media (min-width: 360px) and (max-width: 575.98px) { #index-page #main-slider .carousel-item > img { position: absolute; right: -375px; top: 40px; height: 100%; object-fit: cover; } #main-carousal .card-body { width: auto; } #sub-page #main-slider .carousel-inner { height: 280px; } #TMJ_Disorder { background-position: 68% center; } #TMJ_Disorder:before { content: ''; background: rgb(5 28 59 / 70%); width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; } #our-services-cards .card img { /*width: 268px; height: 201px;*/ } #sub-page #main-slider .carousel-item .carousel-caption img { width: 290px; height: 200px; } .topbar-bg .dropdown-menu { min-width: 17rem; } .topbar-bg .btn { /*padding-left: 0 !important; padding-right: 0px !important; font-size: 0 !important;*/ } .topbar-bg .btn i { font-size: 18px; padding: 2px !important; margin: 0 !important; text-align: center; width: 35px; } #Tagline_Box .card.what-we-do-card .d-flex.bg-dark-blue { padding: 20px 0!important; } #Tagline_Box .card.what-we-do-card .card-title { font-size: 24px !important; } #Tagline_Box .card.what-we-do-card .hstack { flex-direction: column; align-items: center; align-self: normal; gap: 0 !important; } #Tagline_Box .card.what-we-do-card .hstack .vr { width: 20%; min-height: 1px !important; margin: 15px auto !important; } #reviews-slider .review-box { min-height: 600px; padding: 25px 15px !important; } #reviews-slider .carousel-control-next { right: -25px; } #reviews-slider .carousel-control-prev { left: -25px; } #reviews-slider .carousel-control-next-icon, #reviews-slider .carousel-control-prev-icon { width: 2rem; height: 2rem; } #reviewsCarousal .carousel-item .carousel-caption svg { width: 30px; height: 30px; } #reviewsCarousal .carousel-item .carousel-caption .stars svg { width: 15px; height: 15px; } #our-services-cards .what-we-do-div .card .icon-square { width: 2rem; height: 2rem; } #footer_section .footer-content .card .address-details .icon-square { width: 2rem; height: 2rem; } .container { width: 340px; } .navbar-brand img { width: 210px; height: 74px; } #index-page #main-slider .carousel-item .carousel-caption .card-body .btn-success { font-size: 14px !important; } #expert-advice-widget picture { width: 300px; height: 352px; margin-left: auto; margin-right: auto; } #expert-advice-widget .slogan-text { } #expert-advice-widget .slogan-text span { display: inline-block; } #special-cards .card img { width: 268px; height: 178px; } #special-cards2 .card img { width: 268px; height: 178px; } #our-office-carousal .carousel-inner picture img { width: 316px; height: 195px; } #main-content ul.list-with-icon li { width: 100%; } #top-header-blocks .card img { width: 268px; height: 201px; } /*#footer_section .accreditations a img { width: 316px; height: 140px; }*/ #sub-page.contact-page #footer_section .address-details { margin-bottom: 0 !important; } .secure-shield .security-shield-icon { margin-right: 6px; width: 30px; height: 40px; margin-top: 5px; } .secure-shield p { font-size: 10px !important; width: 75%; } .contact-form .g-recaptcha > div { -webkit-transform: scale(0.818); -moz-transform: scale(0.818); -ms-transform: scale(0.818); -o-transform: scale(0.818); transform: scale(0.818); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #sub-page #main-content .sub-page-image img { width: 316px !important; height: 195px; } #special-offers-slider .carousel-item .carousel-caption .d-flex .btn { margin-bottom: 15px; } #expert-advice-widget .quotes { margin-top: 200px; } } @media (min-width: 576px) and (max-width: 767.98px) { #index-page #main-slider .carousel-item > img { position: absolute; right: -175px; top: 40px; height: 100%; object-fit: cover; } #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a .h3 { width: 70%; margin: auto; margin-top: 20px; } #TMJ_Disorder { background-position: 62% center; } #reviews-slider .review-box { min-height: 570px; } #OurServicesCarousel .carousel-control-next { right: -20px; } #OurServicesCarousel .carousel-control-prev { left: -20px; } .topbar-bg .dropdown-menu { min-width: 18rem; } #slider-c2a .card-body .display-2 { font-size: 34px !important; } #our-services-cards .card img { width: 100%; height: 100%; } #sub-page #main-slider .carousel-item .carousel-caption img { width: 400px; height: 275px; } /*#index-page #main-slider .carousel-inner { height: 680px; }*/ /*.navbar-brand img { width: 180px; height: 102px; }*/ #expert-advice-widget picture { margin-left: auto; margin-right: auto; width: 350px; height: 411px; } #expert-advice-widget picture img{ width: 350px; height: 411px; } #special-cards .card.bg-warning .card-text { min-height: 67px; } #special-cards .card img { width: 198px; height: 131px; } #special-cards2 .card.bg-warning .card-text { min-height: 67px; } #special-cards2 .card img { width: 198px; height: 131px; } #our-office-carousal .carousel-inner picture img { width: 516px; height: 319px; } #main-content ul.list-with-icon li { width: 50%; } #top-header-blocks .card img { width: 198px; height: 149px; } /*#footer_section .accreditations a img { width: 246px; height: 109px; }*/ .secure-shield { width: auto; } #sub-page #main-content .sub-page-image img { width: 516px !important; height: 319px; } } @media (min-width: 768px) and (max-width: 991.98px) { #New_Patients .card-graphic-arrow-one:after, #New_Patients .card-graphic-arrow-three:after { left: 260px; } #New_Patients .card-graphic-arrow-two:after { display:none; } #index-page #main-slider .carousel-item > img { position: absolute; right: -380px; top: 0; height: 100%; object-fit: cover; } #AllServicesCarousel .carousel-item { margin: 0 10px; /*flex: 0 0 25%; flex: 0 0 33.333333%;*/ display: block; width: 47%; } #AllServicesCarousel .carousel-inner { /*display: flex;*/ } #our-services-cards #AllServicesCarousel .card img { width: 100% !important; height: 100% !important; } .lightbox .btn-close { right: 45px !important; top: -16px !important; } #review-widget { width: 100%; } #sub-page #main-slider .carousel-inner .carousel-item .subpage-slider-c2a .h3 { width: 70%; margin: auto; margin-top: 25px; } #expert-advice-widget { height: 700px; } #main-slider .carousel-item { background-position-x: 70%; background-position-y: top; background-position: 70% top; } #default-menu .navbar-nav .nav-link.active, #default-menu .navbar-nav .nav-link.active:hover, #default-menu .navbar-nav .nav-link.active:focus { color: var(--blue) !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 180px; height: 180px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content svg { width: 110px; height: 110px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-img { width: 90px !important; height: 90px !important; } #default-menu .navbar-brand { position: relative; top: 0; } #default-menu { background: var(--white); padding: 0px 0 !important; } #default-menu .navbar-brand img { filter: brightness(0.9) contrast(1.4); -o-filter: brightness(0.9) contrast(1.4); -ms-filter: brightness(0.9) contrast(1.4); -moz-filter: brightness(0.9) contrast(1.4); -webkit-filter: brightness(0.9) contrast(1.4); } #default-menu .navbar-nav .nav-link { color: var(--text-color-gray); } #TMJ_Disorder { background-position: 57% center; } .topbar-bg .dropdown-menu { min-width: 16rem; } .topbar-bg .gap-3 { gap: 0.6rem !important; } #default-menu .navbar-brand img { width: 300px; height: 105px; } #main-slider .carousel-item .carousel-caption { margin-top: 50px; } #Tagline_Box .card.what-we-do-card { padding: 0 !important } #Tagline_Box .card.what-we-do-card .card-title { margin-bottom: 0.5rem; font-size: 30px !important; padding-bottom: 15px !important; } #Tagline_Box .card.what-we-do-card .hstack .card-text { font-size: 18px !important; } #reviews-slider .carousel-control-next { right: -50px; } #reviews-slider .carousel-control-prev { left: -50px; } #slider-c2a .card-body .display-2 { font-size: 40px; } #slider-c2a .card-body .fs-2 { font-size: 24px !important; } #reviews-slider .review-box { min-height: 480px; } #Get-to-Know .bg-overlay svg { width: 80px; height: 80px; } #footer_section .footer-content .card { padding: 10px !important; } #our-services-cards .card img { width: 154px; height: 116px; } #our-services-cards .card .card-title { font-size: 18px !important; } #our-services-cards .card .card-text { font-size: 16px !important; } #sub-page #main-slider .carousel-item .carousel-caption { background-repeat: no-repeat; background-position: calc(180px) center; background-position-x: calc(180px); background-position-y: center; } #index-page #main-slider .carousel-item .carousel-caption { background-position: calc(180px) center; background-position-x: calc(180px) !important; background-position-y: center; } #index-page #main-slider .carousel-item .carousel-caption .card-body .display-4 { font-size: 30px; } #index-page #main-slider .carousel-item .carousel-caption .card-body .fs-3 { font-size: 22px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content h2 { font-size: 30px; } .navbar-brand img { width: 225px; height: 62px; } #expert-advice-widget p.title { font-size: 46px; } #expert-advice-widget p.sub-title { font-size: 30px; } #expert-advice-widget p.sub-title span { font-size: 32px; } #expert-advice-widget p.description { font-size: 32px; } #expert-advice-widget picture { bottom: -115px; right: -200px !important; } #special-cards .card:not(.bg-warning) .card-text { min-height: 75px; } #special-cards .card.bg-warning .card-text { min-height: 41px; } #special-cards .card img { width: 288px; height: 191px; } #special-cards2 .card:not(.bg-warning) .card-text { min-height: 75px; } #special-cards2 .card.bg-warning .card-text { min-height: 41px; } #special-cards2 .card img { width: 288px; height: 191px; } #our-office-carousal .carousel-inner picture img { width: 696px; height: 430px; } #main-content ul.list-with-icon li { width: 50%; } #special-offers-slider .carousel-item .carousel-caption .d-flex { background: rgb(108 108 108 / 85%); } #top-header-blocks .card img { width: 168px; height: 126px; } /*#footer_section .accreditations a img { width: 336px; height: 149px; }*/ #seachBoxCollapseCard { width: 100%; position: relative !important; display: block; } #seachBoxCollapseCard .card { margin: 10px 0 0 !important; box-shadow: none !important; } #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link { margin: 0px 0; padding: 10px 15px; } #sub-page #main-content .sub-page-image img { width: 696px !important; height: 430px; } #main-content #special-offers-slider .carousel-control-prev { left: -10px; } #main-content #special-offers-slider .carousel-control-next { right: -10px; } #main-content #special-offers-slider .container-md { padding-right: 0 !important; padding-left: 0 !important; } #expert-advice-widget .description { font-size: 250%; } #main-content h1 { font-size: 36px; } #OurServicesCarousel .carousel-inner { display: block; } #OurServicesCarousel .carousel-control-next { display: none; } #OurServicesCarousel .carousel-control-prev { display: none; } #OurServicesCarousel .carousel-item { flex: none; display: inline !important; width: 33.333333%; padding-bottom: 35px; margin-right: auto; margin-left: auto; } } #pills-tabContent Video { margin-top: 0px; width:100%; max-width:500px; } #pills-home-tab { border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .nav1-link { color: black; position: relative; display: flex; flex-direction: column; align-items: center; margin-right: 15px; /* Add space between the tabs */ } .triangle-icon { margin-top: -3px; /* Adjust this value to position the triangle icon higher */ display: none; /* Default state is hidden */ } /* Triangle icon is always visible for Video 1 initially */ #pills-home-tab .triangle-icon { display: inline; } .nav1-link.active .triangle-icon { display: inline; } /* Adjust the video container to move it up */ .video-container { margin-top: 0px; /* Adjust this value as needed to move the video up */ } /* Adjust the position of the triangle icon for Video 2 */ #pills-profile-tab .triangle-icon { margin-top:-5px; /* Align with the triangle icon for Video 1 */ } .video-container video { width: 100%; max-width: 400px; } @media(min-width:992px) { #index-page #main-slider .carousel-item .carousel-caption .card-body .display-4 { font-size: 40px; } #index-page #main-slider .carousel-item .carousel-caption .card-body .fs-3 { font-size: 24px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content h2 { font-size: 30px; } #Tagline_Box .card.what-we-do-card .highlighted-cards .card-cover .card-content h2 { font-size: 30px; } #top-header-blocks .our-services-div .display-5 { font-size: 40px; } .windowScrolled.sidebarSocialIconsVisible #default-menu { z-index: 10; } .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav { position: fixed; left: 0; top: 200px; background: #fff; padding: 10px 6px 10px 4px; border-radius: 0; box-shadow: -40px 0 60px -10px #000; margin: 0 !important; padding: 2px 0px !important; font-size: 100% !important; display: block; } .windowScrolled.sidebarSocialIconsVisible .top-c2a-bar .btn-danger, .windowScrolled.sidebarSocialIconsVisible .top-c2a-bar .btn-success { display: block !important; } .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav li { display: table; margin: 5px 5px !important; } .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav li a { padding: 5px !important; } .windowScrolled.sidebarNumberButtonVisible { } .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button { margin: 0; position: fixed; right: -10px; top: 211px; writing-mode: vertical-lr; padding: 10px 6px 10px 6px !important; box-shadow: 15px 0 60px -10px #000; border-radius: 21px 0 0 21px !important; font-size: 18px !important; } .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button i { font-size: 22px !important; } .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button.extnlSiteBtn { top: 260px !important; right: 0px !important; } .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button.extnlSiteBtn i { font-size: 18px !important; } .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button i { font-size: 26px; vertical-align: text-top; margin-right: 0; margin-bottom: 5px; } .windowScrolled.stickyHeaderEnabled .top-c2a-bar { margin-bottom: 0 !important; } .windowScrolled.stickyHeaderEnabled .topbar-bg { /*-webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px);*/ background-color: var(--light); position: fixed; top: 0; left: auto; right: auto; width: 100%; /*z-index:100;*/ } .windowScrolled.stickyHeaderEnabled .topbar-bg#dropdown ul li { z-index: 10000; position: fixed; } .windowScrolled.stickyHeaderEnabled #default-menu { position: fixed !important; top: 47px; width: 100%; height: auto; /*-webkit-backdrop-filter: saturate(180%) blur(15px); backdrop-filter: saturate(180%) blur(15px);*/ /*background-color: rgba(255, 255, 255, 0.95); padding: 18px 0 !important;*/ } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand { /*position: absolute; top: -45px;*/ /* background: #fff; */ /* padding: 10px; */ /* border-radius: 4px; */ /* box-shadow: 0 0px 50px -40px #000;*/ } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand img { /*filter: brightness(0.9) contrast(1.4); -o-filter: brightness(0.9) contrast(1.4); -ms-filter: brightness(0.9) contrast(1.4); -moz-filter: brightness(0.9) contrast(1.4); -webkit-filter: brightness(0.9) contrast(1.4);*/ z-index: 10000; } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link.active, .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link.active:hover, .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link.active:focus { color: var(--blue) !important; } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link:not(.active) { color: var(--text-color-gray); } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link:not(.active):hover, .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link:not(.active):focus { color: var(--text-color-dark-gray); } /*.windowScrolled.stickyHeaderEnabled .topbar-bg .hstack .social-nav li a { color: var(--text-color-gray) !important; }*/ .windowScrolled.stickyHeaderEnabled .topbar-bg .hstack .social-nav li a:hover, .windowScrolled.stickyHeaderEnabled .topbar-bg .hstack .social-nav li a:focus { color: var(--white) !important; } /*.windowScrolled.stickyHeaderEnabled .topbar-bg .hstack a { color: var(--text-color-gray) !important; }*/ .windowScrolled.stickyHeaderEnabled .topbar-bg .hstack a:hover, .windowScrolled.stickyHeaderEnabled .topbar-bg .hstack a:focus { color: var(--text-dark) !important; } .windowScrolled.stickyHeaderEnabled .topbar-bg .hstack .vr { background-color: var(--text-color-gray); opacity: 0.2; } /*.windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand img { width: 200px; height: auto; }*/ .windowScrolled.stickyHeaderEnabled #main-slider { margin-top: 70px; } .windowScrolled.stickyServiceMenuEnabled { } .windowScrolled.stickyServiceMenuEnabled #services-menu { position: sticky !important; top: 54px; width: 100%; background: var(--white); z-index: 9; padding: 0; } .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav { margin-right: 0 !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { #New_Patients .card-graphic-arrow-one:after { left: 135px; } #New_Patients .card-graphic-arrow-two:after { left: 135px; } #New_Patients .card-graphic-arrow-three:after { left: 135px; } #index-page #main-slider .carousel-item > img { position: absolute; right: -250px; top: 0; height: 100%; object-fit: cover; } #review-widget { width: 80%; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-title { font-size: 20px !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-desc { font-size: 100% !important; } #New_Patients .card .card-title { font-size: 150% !important; } #OurServicesCarousel .carousel-inner { display: block; } #OurServicesCarousel .carousel-control-next { display: none; } #OurServicesCarousel .carousel-control-prev { display: none; } #OurServicesCarousel .carousel-item { flex: none; display: inline !important; width: 33.333333%; padding-bottom: 35px; margin-right: auto; margin-left: auto; } #main-slider .carousel-item { background-position-x: 60%; background-position-y: top; background-position: 60% top; } #TMJ_Disorder { background-position: 60% center; } .topbar-bg .dropdown-menu { min-width: 18rem; } .topbar-bg .gap-3 { gap: 0.6rem !important; } #default-menu .navbar-brand { top: -31px; } #default-menu .navbar-brand img { width: 210px; height: 74px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 150px; height: 150px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content svg { width: 110px; height: 110px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-img { width: 70px !important; height: 70px !important; } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand { margin-top: 15px; } #slider-c2a .card-body .display-2 { font-size: 54px; } #slider-c2a .card-body .fs-2 { font-size: 28px !important; } #reviews-slider .review-box { min-height: 450px; } #Get-to-Know .bg-overlay svg { width: 80px; height: 80px; } #footer_section .footer-content .card { padding: 10px !important; } #our-services-cards .card img { width: 234px; height: 176px; } #index-page #main-slider .carousel-item .carousel-caption { background-position: 130% center; background-position-x: 130%; background-position-y: center; } #expert-advice-widget picture { right: -30px !important; } #expert-advice-widget p.title { font-size: 48px; } #expert-advice-widget p.sub-title { font-size: 26px; } #expert-advice-widget p.sub-title span { font-size: 34px; } #expert-advice-widget picture { bottom: -106px; } #special-cards .card p.card-title { font-size: 22px !important; } #special-cards .card:not(.bg-warning) .card-text { min-height: 145px; } #special-cards .card.bg-warning .card-text { min-height: 79px; } #special-cards .card img { width: 168px; height: 115px; } #special-cards2 .card p.card-title { font-size: 22px !important; } #special-cards2 .card:not(.bg-warning) .card-text { min-height: 145px; } #special-cards2 .card.bg-warning .card-text { min-height: 79px; } #special-cards2 .card img { width: 248px; height: 164px; } #our-office-carousal .carousel-inner picture img { width: 468px; height: 289px; } #main-content ul.list-with-icon li { width: 33.333333%; } #top-header-blocks .card img { width: 160px; height: 190px; padding: 15px; } /*#footer_section .accreditations a img { width: 296px; height: 131px; }*/ #services-menu .navbar-nav .nav-link, #default-menu .navbar-nav .nav-link { padding-right: 0.3rem !important; padding-left: 0.3rem !important; } .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav { width: 72%; } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand { padding: 0; } .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav .nav-link { padding-left: 0.7rem !important; white-space: normal; text-align: center; } #sub-page #main-content .sub-page-image img { width: 468px !important; height: 289px; } #special-offers-slider .carousel-inner .carousel-item .carousel-caption p.title { font-size: 24px !important; } #special-offers-slider .carousel-inner .carousel-item .carousel-caption p.title .offer-name { font-size: 30px !important; } #expert-advice-widget .description { font-size: 270%; } #main-content h1 { font-size: 36px; } } @media(min-width:992px) and (max-width:1199px) { #default-menu .navbar-nav .nav-link { font-size: 14px !important; } } @media(min-width:1200px) and (max-width:1399px) { #default-menu .navbar-nav .nav-link { font-size: 14px !important; } } @media(min-width:768px) and (max-width:991px) { #sunbit, #carecredit, #paragraph { margin-bottom: 20px; } #sunbit img, #carecredit img { max-width: 100%; height: auto; } .fw-600.fs-3.py-4.mt-2 { font-size: 1.5rem; padding: 5px 0; } } @media (min-width: 1200px) and (max-width: 1399.98px) { #New_Patients .card-graphic-arrow-one:after { left: 175px; } #New_Patients .card-graphic-arrow-two:after { left: 175px; } #New_Patients .card-graphic-arrow-three:after { left: 185px; } #expert-advice-widget { height: 700px; } #main-slider .carousel-item { background-position-x: 60%; background-position-y: top; background-position: 60% top; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .card-img { width: 80px !important; height: 80px !important; } #footer_section .footer-content .card { padding: 10px !important; } #default-menu .navbar-brand img { width: 260px; height: 91px; margin-top: 6px; } #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content { width: 180px; height: 180px; } #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content svg { width: 110px; height: 110px; } #slider-c2a .card-body .display-2 { font-size: 60px; } #slider-c2a .card-body .fs-2 { font-size: 30px !important; } #reviews-slider .review-box { min-height: 480px; } #our-services-cards .card img { width: 213px; height: 160px; } #special-cards .card img { width: 213px; height: 141px; } #special-cards2 .card img { width: 308px; height: 204px; } #our-office-carousal .carousel-inner picture img { width: 558px; height: 344px; } #top-header-blocks .card img { /*width: 213px;*/ height: 100px; } /*#footer_section .accreditations a img { width: 356px; height: 158px; }*/ .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav .nav-link { padding-left: 0.7rem !important; } #sub-page #main-content .sub-page-image img { width: 558px !important; height: 344px; } #special-offers-slider .carousel-inner .carousel-item .carousel-caption p.title { font-size: 24px !important; } #special-offers-slider .carousel-inner .carousel-item .carousel-caption p.title .offer-name { font-size: 30px !important; } #expert-advice-widget .description { font-size: 300%; } #expert-advice-widget picture { bottom: -87px; } #main-content h1 { font-size: 42px; } } @media (min-width: 1400px) { .doc-credential { display: inline !important; } } @media (min-width: 576px) and (max-width: 1199.98px) { #video-pills .video-container { display: flex; justify-content: center; align-items: center; } #video-pills video { width: 100%; height: auto; } } /* @media (prefers-color-scheme: dark) { :root { --blue: #f06669; --green: #59a147; --info: #39afea; --warning: #f0b41d; --light-gray: #adadad; --white: #212121; --text-dark: #212529; --google: #ea4335; --facebook: #3b5998; --twitter: #1da1f2; --youtube: #ff0000; --linkedin: #0077b5; --pinterest: #e60023; --instagram: #e1306c; --yelp: #af0606; --sharecare: #1aba9c; --healthgrades: #0203ea; --gray-6c6c6c: #131212; } .border-bottom { border-bottom: 1px solid #262626 !important; } .dropdown-menu { border-top-color: rgb(255 255 255 / 15%); } .bg-danger { background-color: #431c1d !important; } .bg-info { background-color: #0d3245 !important; } .bg-success { background-color: #1e3618 !important; } .bg-warning { background-color: #3b2c06 !important; } .font-color-2 { color: #03b9a3; } .text-white { color: #a6a6a6 !important; } #covid-update-bar { background-color: #1d1901; } #covid-update-accordion .accordion-body a:hover { color: var(--light-gray); } .social-nav li a { background: #131313; } .btn-warning { background-color: #131313; border-color: #131313; color: var(--warning) !important; } .btn-warning:hover { color: var(--text-dark) !important; background-color: var(--warning) !important; border-color: var(--warning) !important; } .btn-danger { background-color: #131313; border-color: #131313; color: var(--blue); } .btn-danger:hover { color: var(--text-dark) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } .btn-success { background-color: #131313; border-color: #131313; color: var(--green); } .btn-success:hover { color: var(--text-dark) !important; background-color: var(--green) !important; border-color: var(--green) !important; } .btn-info { background-color: #131313; border-color: #131313; color: var(--info); } .btn-info:hover { color: var(--text-dark) !important; background-color: var(--info) !important; border-color: var(--info) !important; } #default-menu .header-call-button:hover { background: var(--blue); color: var(--text-dark) !important; } .bg-white { background-color: var(--white) !important; } #seachBoxCollapseCard input { background-color: transparent !important; } .card { border-color: rgb(19 19 19); } #seachBoxCollapseCard form input:not(:placeholder-shown) ~ button[type="submit"]:hover { background: var(--green); color: var(--text-dark) !important; } .form-control { color: var(--light-gray) !important; } #slider-c2a .card { background-color: rgb(33 33 33 / 85%); border-color: rgb(33 33 33 / 85%); } #slider-c2a .card .btn.bg-transparent { color: var(--light-gray) !important; } .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand { background: #131212; } .sidebarSocialIconsVisible #default-menu .social-nav { background: var(--white); } #expert-advice-widget { background: var(--white); } #expert-advice-widget .title { color: var(--light-gray) !important; } #expert-advice-widget .slogan-bar { background: #131212; } .text-dark { color: #bbbbbb !important; } body { color: var(--light-gray) !important; } #top-header-blocks { background: #131212; } .icon-square { background-color: #131313 !important; } #footer_section .accreditations.bg-light { background: #131212 !important; } #social-ratings .card .stars mark { background: var(--white) !important; border-collapse: rgb(255 255 255 / 5%); } #social-ratings .card:hover .stars mark, #social-ratings .card:focus .stars mark, #social-ratings .card:hover .card-text, #social-ratings .card:focus .card-text { color: #fff !important; } #footer_section .copyright { color: rgb(255 255 255 / 30%); } #footer_section .copyright a { color: rgb(255 255 255 / 40%); } #footer_section .copyright a:hover, #footer_section .copyright a:focus { color: rgb(166 166 166); } .modal-header { border-bottom: 5px solid var(--text-dark); } .text-primary { color: #3987f9 !important; } .back-to-top i { background: rgb(255 255 255 / 20%) none repeat scroll 0 0; color: var(--light-gray); } .back-to-top:hover i { background-color: var(--bs-info); color: var(--white); } #acess-icons { background: var(--white); border-color: var(--white); } #acess-icons .accessibility-title { color: var(--white); } #acess-icons li i, #acess-icons li { color: var(--light-gray); } #acess-icons li:focus, #acess-icons li:hover { background: #131313; outline-color: var(--white); outline-offset: -6px; color: var(--green); } #acess-icons li:focus i, #acess-icons li:hover i { color: var(--green); } #acess-icons li.activeState, #acess-icons li.activeState i { color: var(--green) !important; } #resetAll.resetAllActivated, #resetAll.resetAllActivated i { color: var(--light-gray) !important; } #resetAll.resetAllActivated:focus, #resetAll.resetAllActivated:focus i, #resetAll.resetAllActivated:hover, #resetAll.resetAllActivated:hover i { color: var(--info) !important; } #acess-icons .accessibility-footer a.btn-link { color: var(--light-gray); } #accessibility-button i, #accessibility-button.opened i { color: var(--white) !important; } #accessibility-button.opened i { box-shadow: 0 0 0 11px var(--white) inset, 0 0 35px -10px #000; } #top-header-blocks .card.what-we-do-card .card-text, #top-header-blocks .card.what-we-do-card:hover .card-text, #top-header-blocks .card.what-we-do-card:focus .card-text { color: var(--light-gray) !important; } #footer_section .accreditations img { filter: grayscale(1) contrast(0) brightness(1.2); } .contact-form .f-group { background: var(--text-dark); } .contact-form .form-control, .contact-form .form-select { color: var(--blue) !important; } .contact-form .f-group .form-control[valid="true"], .contact-form .f-group .form-control[aria-invalid="false"], .contact-form .f-group .form-select[valid="true"], .contact-form .f-group .form-select[aria-invalid="false"] { color: #198754 !important; } #social-ratings .card img { opacity: 0.8; } #social-ratings .card:hover img, #social-ratings .card:focus img { opacity: 1; } .pe-videos-content-page a img { border: 1px solid var(--bs-gray-800) !important; } .pe-videos-content-page .pe-videos-content-page-heading { color: var(--light-gray) !important; } .access-ramp-icon i, .access-ramp-icon span { color: var(--light-gray); } #our-services-cards { background: #131212; } #our-services-cards .card.what-we-do-card .card-text, #our-services-cards .card.what-we-do-card:hover .card-text, #our-services-cards .card.what-we-do-card:focus .card-text { color: var(--light-gray) !important; } @media (max-width: 991.98px) { .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand { background: transparent; } #default-menu .d-flex.border-top { border-top: 1px solid #131313 !important; } #default-menu .navbar-toggler, #services-menu .navbar-toggler { color: var(--white) !important; border-color: var(--screw-gray-color) !important; background: var(--screw-gray-color) !important; } #special-offers-slider .carousel-item .carousel-caption .d-flex { background: rgb(0 0 0 / 85%); } #share-wrapper { background-color: rgb(0 0 0 / 95%); } #share-wrapper li a i { background: var(--white); } } } */ .financing-btn { color: var(--white) !important; background-color: var(--blue) !important; border-color: var(--blue) !important; } .financing-btn:hover { color: var(--text-dark) !important; background-color: var(--light-blue) !important; box-shadow: none; } #service-page h2 { font-size: 1.8rem; color:var(--blue); } #service-page h3 { font-size: 1.5rem; }