File: /home/seoprovi/srisrihariguruchandsramajibiswasthyaprakalpa.com/assets/css/style.css
/******************************************************************************************
|||||||||||||||||||||||||||||||| MASTER STYLESHEET FOR Medics |||||||||||||||||||||||||||||
********************************************************************************************
Template Name: Medics
Template URL: http://medics.themechampion.com/html/index.html
Author: ThemeChampion
Author URI: www.themechampion.com
Description: HTML Template for Medical, Health Clinic & Pharmacy. Suitable for Dentalcare, Skincare, pharmacy, pediatrician and hospitals.
Version: 1.0
Tags: clinic, corona, coronavirus, corporate, covid 19, dental, dentist, doctor, hospital, medical, medicine, pharmacy, surgeon, skin
****************************************************************************************
||||||||||||| TABLE OF CONTENT for Pediatrician Stylesheet ||||||||||||||||||||||
****************************************************************************************
* 1. Background Color and defaulat margin-padding
* 2. Font Poppins
* 3. Common Css
* 4. Header style
* 5 Hero Slider
* 6 Range area
* 7 Req appointment
* 8 Navigation Menu
* 9 Main Navigation
*10 Hdrvariation1_Navigation
*11 Hero about area
*12 experience-area
*13 Medical Services
*14 Team area
*15 Call titme
*16 Features area
*17 advance area
*18 special area
*19 progressbar
*20 doctor area
*21 contact form
*22 Appoint contact
*23 brand area
*24 consult area
*25 footer-area
*26 blog-page
*27 404-page
*28 blog-grid
*29 blog-list
*30 contact-page
*31 doctors-area 1
*32 service-details-page
*33 info-area-css
*34 Portfolio area
*35 Pricing area
*36 slider content
*37 medical servicse
*38 shop-page
*39 hover-effect
*40 Slide effect
*41 homepage slider
*42 Intro-Area
*43 Advanced-Area
*44 Services-Area
*45 Range-Area
*46 Doctors-Area 2
*47 Appoinment-Area
*48 News-Area
*49 Media Query Responsive
*********************************************************************************************
|||||||||||||||||||||||||||| End TABLE OF CONTENT ||||||||||||||||||||||||
**********************************************************************************************/
/*
* 1. Background Color and defaulat margin-padding
*/
.pt-90 {
padding-top: 90px !important;
}
.pb-90 {
padding-bottom: 90px;
}
.pt-80 {
padding-top: 80px !important;
}
.pb-80 {
padding-bottom: 80px;
}
.pt-30 {
padding-top: 30px;
}
.pb-30 {
padding-bottom: 30px;
}
.gray-bg {
background: #f6f6f6;
}
.white-bg {
background: #fff;
}
.black-bg {
background: #072365;
}
.white {
color: #fff;
}
.black {
color: #072365;
}
.align-center {
align-items: center;
}
/*
*2. Fonts Poppins
*/
@font-face {
font-family: 'poppinsmedium';
src: url('../fonts/poppins-font/poppins-medium-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-medium-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsmedium_italic';
src: url('../fonts/poppins-font/poppins-mediumitalic-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-mediumitalic-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsregular';
src: url('../fonts/poppins-font/poppins-regular-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-regular-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinssemibold';
src: url('../fonts/poppins-font/poppins-semibold-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-semibold-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinssemibold_italic';
src: url('../fonts/poppins-font/poppins-semibolditalic-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-semibolditalic-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsthin';
src: url('../fonts/poppins-font/poppins-thin-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-thin-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsthin_italic';
src: url('../fonts/poppins-font/poppins-thinitalic-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-thinitalic-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsblack';
src: url('../fonts/poppins-font/poppins-black-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-black-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsblack_italic';
src: url('../fonts/poppins-font/poppins-blackitalic-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-blackitalic-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsbold';
src: url('../fonts/poppins-font/poppins-bold-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-bold-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsbold_italic';
src: url('../fonts/poppins-font/poppins-bolditalic-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-bolditalic-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsextrabold';
src: url('../fonts/poppins-font/poppins-extrabold-webfont.html') format('woff2'),
url('../fonts/poppins-font/poppins-extrabold-webfont-2.html') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: RusticLoveTattoo;
src: url(../fonts/RusticLoveTattoo.otf);
}
/*
* 3. Common Css
*/
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a:focus {
outline: 0 solid
}
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
color: #072365;
font-family: 'Poppins', sans-serif;
}
body {
color: #545051;
font-family: 'Open Sans', sans-serif;
}
.selector-for-some-widget {
box-sizing: content-box;
}
a:hover {
text-decoration: none
}
button:focus {
outline: 0;
outline: 5px auto -webkit-focus-ring-color;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
.container {
max-width: 1170px;
}
::selection {
background: #17b3ab;
color: #fff;
}
.display-none {
display: none;
}
.collapse:not(.show) {
display: block;
}
/*
* 4. Header style
*/
.pediatric_header .navbar-nav {
flex-direction: unset;
}
.pediatric_header .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.pediatric_header .headerTop {
padding:15px 0px;
}
.pediatric_header .sticky_header .logo {
width: 196px;
}
#main-navigation {
position: relative;
}
.pediatric_header #main-navigation-wrapper.navbar-default {
width: 100%;
float: left;
height: 66px;
background: transparent;
z-index: 1009;
border-radius: 0px;
border: 0px;
padding: 0;
}
.pediatric_header .navbar-collapse.collapse {
padding: 0 15px;
}
.pediatric_header #main-navigation-wrapper .navbar-nav {
margin-left: 0;
margin-right: 0;
position: relative;
align-items: center;
}
.pediatric_header #main-navigation-wrapper .nav>li {
padding: 18px 0px;
}
.pediatric_header #main-navigation-wrapper .nav>li>a {
padding: 4px 20px;
font-size: 15px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
border-right: 1px dashed #383838;
font-family: 'Poppins', sans-serif;
}
.pediatric_header #main-navigation-wrapper .nav>li {
padding: 21px 0 22px;
line-height: normal;
}
.pediatric_header #main-navigation-wrapper .nav>li>a {
border-right: 0px;
padding: 0 15px;
}
.pediatric_header #main-navigation-wrapper .nav>li:last-child>a {
border: 0px;
}
.pediatric_header #main-navigation-wrapper .navbar-nav li .dropdown-submenu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 243px;
font-size: 14px;
text-align: left;
list-style: none;
background-clip: padding-box;
padding: 0;
border: none;
border-radius: 0;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
transition: all .4s ease;
background: #fff;
transform: translate3d(-20px, 0, 0);
-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
}
.pediatric_header #main-navigation-wrapper .navbar-nav li:hover .dropdown-submenu,
.pediatric_header #main-navigation-wrapper .navbar-nav .open .dropdown-submenu {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li {
width: 100%;
position: relative;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu {
opacity: 0;
visibility: hidden;
top: 0;
left: 90%;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.second_submenu {
opacity: 1;
visibility: visible;
left: 100%;
top: 0;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu {
opacity: 0;
visibility: hidden;
top: 0;
left: 90%;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.third_submenu {
opacity: 1;
visibility: visible;
left: 100%;
top: 0;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li a {
display: block;
clear: both;
line-height: 1.42857143;
color: #072365;
white-space: nowrap;
padding: 14px 25px;
border-bottom: 1px solid #cec8ba;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.50px;
font-family: 'Poppins', sans-serif;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:last-child a {
border: none;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li>a:focus,
.pediatric_header #main-navigation-wrapper .dropdown-submenu li a:hover {
background: #17b3ab;
color: #fff;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
font-weight: 600;
}
.pediatric_header #main-navigation-wrapper .navbar-nav li.dropdown-submenu i {
display: inline;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>a {
padding-left: 40px !important;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li>a::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 2px;
left: 18px;
opacity: 0;
position: absolute;
top: 24px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 10px;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>a::before {
opacity: 1;
}
@keyframes fadeItIn {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
.pediatric_header .sticky_header {
position: fixed;
top: 0;
z-index: 9999;
background: #e9c865;
background: -moz-linear-gradient(top, #e9c865 0%, #d0ac54 100%);
background: -webkit-linear-gradient(top, #e9c865 0%, #d0ac54 100%);
background: linear-gradient(to bottom, #e9c865 0%, #d0ac54 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9c865', endColorstr='#d0ac54', GradientType=0);
float: left;
width: 100%;
height: 78px;
}
.pediatric_header #main-navigation-wrapper.navbar-default.sticky_header {
margin: 0px;
}
.pediatric_header .logo-menu {
float: left;
margin: 14px 0 14px 25px;
display: none;
}
.pediatric_header .dropdown-submenu-active:before {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #12121b;
content: "";
position: absolute;
top: 0 !important;
right: 24px;
}
.pediatric_header #main-navigation-wrapper .nav>li.dropdown:hover:before {
width: 0;
height: 0;
content: "";
position: absolute;
bottom: -7px !important;
z-index: 1010;
text-align: center;
left: 20px;
}
.pediatric_header #main-navigation-wrapper.navbar-default .navbar-nav>.open>a,
.pediatric_header #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:focus,
.pediatric_header #main-navigation-wrapper.navbar-default .navbar-nav>.open>a:hover,
.pediatric_header #main-navigation-wrapper.navbar-default .navbar-nav>li:hover>a,
.pediatric_header #main-navigation-wrapper.navbar-default .navbar-nav>li>a.active {
background: none;
color: #072264;
}
.pediatric_header #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
display: none;
}
.search-column {
position: relative;
margin: 0;
padding-left: 12px;
padding-top: 20px;
}
.search-btn {
color: #fff;
font-size: 18px;
font-weight: 600;
display: block;
transition: .3s;
background: none;
border: none;
padding: 0;
line-height: normal;
padding: 22px 0;
}
.search-btn:focus {
outline: none;
}
.search-btn:hover {
opacity: .8;
}
.search-column.search-fl {
float: left;
margin-left: 10px;
margin-right: 0px;
}
.search-column.search-fl:before {
display: none;
}
.search-btn.black-search-btn {
background: url(../images/search-btn.html) no-repeat center center;
}
.searchlink {
background-image: url(../img/interface/search.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: right;
font-size: 20px;
height: auto;
padding: 12px 11px;
position: relative;
}
.search-btn {
width: 40px;
height: 26px;
background: url(../img/interface/search.png) no-repeat center center !important;
border: 0px;
float: left;
padding: 0px;
}
.searchform {
display: none;
position: absolute;
width: 349px;
height: 65px;
line-height: 31px;
top: 44px;
right: 0;
padding: 0 15px;
cursor: default;
border-radius: 2px;
border-style: solid;
border-width: 1px;
border-color: #016CB4;
box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);
margin-left: -105px;
z-index: 9999999;
background-color: #fff;
}
.searchlink.open .searchform {
display: block;
}
#search {
display: block;
position: relative;
}
#s {
width: 215px;
background: #fff;
padding: 0 11px;
border: 1px solid #d9d9d9;
border-right: none;
color: #072264;
margin: 14px 0;
font-size: 14px;
}
.modal {
padding-right: 0px;
background-color: rgba(4, 4, 4, 0.8);
}
.modal-backdrop.in {
z-index: 9;
position: relative;
}
.modal-dialog {
top: 30%;
width: 60%;
position: absolute;
left: 20%;
right: 20%;
margin: 0 auto;
}
.modal-content {
border-radius: 0px;
border: none;
top: 40%;
position: relative;
}
.modal-body {
background-color: unset;
color: white;
width: 100%;
float: left;
padding: 55px;
}
.modal-body h3 {
margin-bottom: 20px;
font-weight: 400;
color: #072264;
}
.modal-body .search-form {
width: 100%;
float: left;
position: relative;
}
.search-form input::placeholder {
color: #242424;
}
.search-form input:focus {
outline: none;
}
.search_lghtbox_btn {
position: absolute;
right: 0px;
background: url(../images/search_popup_icon.html) no-repeat;
width: 18px;
height: 18px;
border: 0;
top: 8px;
}
.hero-about-text h2 {
font-size: 60px;
color: #072264;
font-weight: 700;
margin: 0;
margin-bottom: 10px;
}
.hero-about-text h4 {
font-size: 20px;
color: #fff;
font-weight: 600;
margin: 0;
}
.hero-about-text h4 span {
color: #072264;
}
.hero-about-area {
padding-top: 16%;
padding-bottom: 7%;
background-size: cover;
background-position: center;
margin-top: 0px;
background-image: url(../img/banner/inner-banner-1.png);
}
.banner-2 {
padding-top: 16%;
padding-bottom: 7%;
background-size: cover;
background-position: center;
margin-top: 0px;
background-image: url(../img/banner/inner-banner-2.jpg);
}
.footer-area {
width: 100%;
float: left;
display: block;
padding: 80px 0 85px 0;
background: #04204b;
}
.footer-area p {
color: #d8e0f4;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-align: left;
padding: 30px 0 20px 0;
font-weight: 400;
}
.footer-area h2,
.footer-area h1 {
font-size: 24px;
color: #fff;
font-weight: 600;
padding-bottom: 10px;
}
.footer-area .text-foot {
width: 100%;
float: left;
display: block;
}
.footer-area .text-foot li {
width: 100%;
float: left;
display: inline-flex;
color: #d8e0f4;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-align: left;
padding-bottom: 15px;
font-weight: 400;
}
.footer-area .text-foot li i {
width: 40px;
font-size: 22px;
padding-top: 3px;
color: #17b3ab;
}
.footer-area .text-foot li a {
color: #d8e0f4;
position: relative;
webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-ms-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;
}
.footer-area .text-foot li a:hover {
color: #17b3ab;
text-decoration: none;
font-weight: 600;
}
.footer-area .text-foot li:hover a {
padding: 0 0 0 18px !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.footer-area .text-foot li a::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 1px;
border-radius: 0;
left: 0;
opacity: 0;
position: absolute;
top: 12px;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
width: 15px;
}
.footer-area .text-foot li:hover a::before {
opacity: 1;
}
.footer-box .input-group {
float: left;
width: 100%;
overflow: hidden;
margin-top: 24px;
position: relative;
}
.footer-box .input-group button {
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 1000;
padding: 0;
line-height: 0;
height: auto;
background: transparent;
border: 0;
}
.footer-box .input-group button i {
font-size: 24px;
width: 40px;
height: 46px;
line-height: 46px;
text-align: center;
background: #DE2068;
color: #fff;
float: left;
}
.footer-box .input-group .form-control {
background: #fff;
border-radius: 0;
border-color: #072264;
font-size: 14px;
color: #989a9c;
font-family: 'Open Sans', sans-serif;
height: 46px;
}
.footer-box .input-group .form-control::placeholder {
color: #989a9c;
}
.footer-box .social {
margin: 0;
padding: 0;
width: 100%;
float: left;
margin-top: 30px;
}
.footer-box .social li {
display: inline-block;
list-style: none;
}
.footer-box .social li a i {
color: #fff;
padding: 10px 15px;
text-align: center;
font-size: 27px;
}
.footer-box .social li a:hover {
text-decoration: none;
}
.footer-box .social li a:hover i {
color: #17b3ab;
}
.footer-bottom {
background: #072365;
padding: 30px 0;
float: left;
display: block;
width: 100%;
}
.footer-bottom p {
font-size: 16px;
color: #cdcecf;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-align: center;
margin: 0px;
}
.footer-bottom p a {
font-size: 18px;
color: #fff;
}
.footer-bottom p a:hover {
font-size: 18px;
color: #17b3ab;
}
.single-doctores:before {
position: absolute;
content: "";
background: linear-gradient(to bottom, rgba(30, 87, 153, 0.03) 0%, rgba(20, 38, 99, 0.47) 45%, rgba(20, 38, 99, 1) 100%);
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.single-doctores:hover:before {
opacity: 1;
visibility: visible;
}
.single-doctores {
transition: .3s;
}
.theme-btn:hover {
color: #fff;
}
.doctor-text {
opacity: 0;
visibility: hidden;
transition: .3s;
}
.single-doctores:hover .doctor-text {
opacity: 1;
visibility: visible;
height: 126px;
}
.slider-area {
background-color: #EDF1F9;
padding-top: 115px;
padding-bottom: 85px;
position: relative;
z-index: 1;
background-size: contain;
background-position: center;
}
.slider-title h2 {
font-size: 40px;
color: #072264;
font-weight: 700;
margin-bottom: 15px;
}
.slider-title p {
font-size: 16px;
color: #4f5256;
line-height: 24px;
padding-bottom: 30px;
}
.slider-title {
max-width: 745px;
margin: auto;
}
.slider-content {
max-width: 370px;
box-shadow: 0 0 8px 1px #33333329;
padding: 64px 20px;
text-align: center;
background-color: #fff;
transition: 0.3s;
}
.slider-content p {
font-size: 16px;
font-style: italic;
color: #4f5256;
line-height: 27px;
margin: 0;
}
.slider-content img {
margin-bottom: 40px;
}
.slider-info {
display: flex;
align-items: center;
}
.slider-inner-text h4 {
font-size: 18px;
color: #072264;
font-weight: 700;
margin: 0;
}
.slider-inner-text p {
font-size: 16px;
color: #5c5d60;
font-weight: 400;
margin: 0;
}
.slider-inner-text {
margin-left: 10px;
}
.slider-info {
padding-top: 25px;
}
.owl-carousel .owl-item img {
display: block;
width: auto;
}
.single-slider-active .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
padding-left: 10px;
padding-top: 10px;
}
.single-slider-active .owl-item.active.center .slider-content {
background: #17b3ab;
color: #fff;
}
.single-slider-active .owl-item.active.center .slider-content i {
color: #072364;
}
.single-slider-active .owl-item.active.center .slider-content p {
color: #fff;
}
.single-slider-active.owl-carousel .owl-item img {
display: block;
width: auto;
text-align: center;
margin: auto;
margin-bottom: 20px;
}
.slder.slider-1 {
position: absolute;
bottom: 0;
left: 0;
}
.sli.sli-2 {
position: absolute;
right: -33px;
top: -40px;
}
.modal-body.td {
padding: 0;
border: 0;
box-shadow: none;
}
.serch-btn input {
width: 100%;
height: 60px;
padding: 0 30px;
border-radius: 5px;
border: 0;
font-weight: 600;
}
.modal-content {
border: 0;
box-shadow: none;
background: transparent !important;
}
.serch-btn {
position: relative;
}
.serch-btn button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 114px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 0;
background: #0066FF;
color: #fff;
font-weight: 600;
}
body.is-cursor-active {
cursor: none;
}
body.is-cursor-active .cursor .cursor__shape {
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
body.is-cursor-active .cursor.is-mouse-down .cursor__cursor {
transform: scale(0.9) translate3d(-50%, -50%, 0) rotate(0deg);
}
.cursor {
position: fixed;
top: 0;
left: 0;
z-index: 502;
pointer-events: none;
}
.cursor.is-active .cursor__cursor {
transform: scale(1) translate3d(-50%, -50%, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__right-chevron] .cursor__right-chevron {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__left-chevron] .cursor__left-chevron {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__close] .cursor__close {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__grab] .cursor__grab {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__hamburger] .cursor__hamburger {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor svg {
position: absolute;
top: 50%;
left: 50%;
stroke: #fff;
fill: none;
transform: translate(-50%, -50%);
width: 40px;
height: 50px;
}
.cursor svg line {
stroke: #fff;
}
.cursor[data-cursor=cursor__right-chevron] .cursor__right-chevron {
transform: scale(0.1) translate3d(-20px, 0, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__left-chevron] .cursor__left-chevron {
transform: scale(0.1) translate3d(20px, 0, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__grab] .cursor__grab {
transform: scale(0.1) translate3d(0, 10px, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__close] .cursor__close {
transform: scale(0.1) translate3d(0, 0, 0) rotate(-180deg);
}
.cursor[data-cursor=cursor__hamburger] .cursor__hamburger {
stroke: 2px solid #fff;
transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor__cursor {
border-radius: 50%;
background-color: blue;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 0% 0%;
transform: scale(0) translate3d(-50%, -50%, 0) rotate(0deg);
filter: drop-shadow(5px 10px 20px rgba(0, 0, 0, 0.3));
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
width: 40px;
height: 40px;
}
.cursor__shape {
opacity: 0;
transform-origin: 50% 50%;
transition: none;
transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);
}
.left,
.right {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-family: "inconsolata", "courier new", monospace;
font-weight: bold;
color: #fff;
letter-spacing: 0.25em;
font-size: 0.8em;
height: 25vh;
}
.left {
left: 0;
}
.right {
left: 50%;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
.top.left {
background-color: MidnightBlue;
}
.top.right {
background-color: Orange;
height: 100vh;
width: 100%;
background: transparent;
}
.bottom.left {
background-color: MediumAquamarine;
}
.bottom.right {
background-color: tomato;
}
.cloder {
position: absolute;
width: 100%;
}
.sheap-1 {
position: absolute;
top: 55px;
left: 10px;
}
.team-1 {
position: relative;
overflow: hidden;
z-index: 9;
transition: .3s;
}
.team-1:before {
position: absolute;
content: "";
background: #072264;
height: 100%;
width: 100%;
left: 0;
top: 100%;
z-index: -1;
transition: .3s;
}
.team-1:hover::before {
top: 0;
}
.team-1:hover {
color: #fff;
background: #17b3ab;
}
.cal-wrap {
position: relative;
}
.cal-wrap i {
position: absolute;
right: 10px;
top: 17px;
}
.contact-form label {
color: #4f5256;
font-size: 16px;
font-weight: 400;
margin: 0;
display: block;
}
textarea {
width: 95%;
height: 80px;
border: 0b-b;
border: 0;
border-bottom: 2px solid #c6c4c4;
font-size: 16px;
color: #4f5256;
margin-top: 0;
}
.team-box {
border: 5px solid #fff;
}
.list-l {
width: 165px;
}
.doctor-list {
display: flex;
align-items: center;
justify-content: normal;
}
.port-plus {
opacity: 0;
visibility: hidden;
}
.port-wrapper:hover .port-plus {
opacity: 1;
visibility: visible;
}
.port-wrapper {
transition: .3s;
}
.port-plus {
opacity: 0;
visibility: hidden;
transition: .3s;
}
.s-icon a img {
margin-right: 15px;
transition: 0.3s;
}
.s-icon a img:hover {
scale: 1.15;
}
.d-social h4 {
font-size: 18px;
color: #072264;
font-weight: 700;
margin-bottom: 20px;
}
.section-title {
text-align: center;
}
.featured-area {
padding: 100px 0;
}
.nav-link {
font-size: 16px;
color: #072365;
font-weight: 600;
}
.single-featured {
position: relative;
}
.footer-area.cc {
padding-top: 144px !important;
}
.nice-select .list {
z-index: 10;
left: unset;
right: 0
}
.slider-area .single-slider-active.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {
margin-right: 0;
padding-left: 0;
margin: 0 -4px;
}
.dropdown-item {
padding: 8px !important;
color: #072264 !important;
font-size: 16px;
}
.dropdown-menu {
top: -38px !important;
}
.header-pos {
z-index: 9999;
}
#collapseExample {
margin: 0;
}
#collapseExample li a {
font-size: 16px;
padding: 9px;
}
#collapseExample li {
margin: 0px 10px;
}
.off-canvas-menu ul li a i {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.off-canvas-menu ul li a {
position: relative;
}
.off-canvas-menu ul li a[aria-expanded="true"] i.fas.fa-sort-up {
opacity: 1;
visibility: visible;
}
.off-canvas-menu ul li a[aria-expanded="false"] i.fas.fa-sort-down {
opacity: 1;
visibility: visible;
top: 46%;
}
button:focus-within {
outline: 0;
border: 0;
border: 0 !important;
}
.theme-btn:hover::before {
width: 100%;
}
.foot-scoail a {
transition: .3s;
}
.foot-scoail a:hover {
color: #17b3ab;
}
#collapseExample2 {
margin: 0;
}
#collapseExample {
margin: 0;
}
#collapseExample3 {
margin: 0;
}
#collapseExample4 {
margin: 0;
}
#collapseExample5 {
margin: 0;
}
#collapseExample li a {
font-size: 16px;
padding: 9px;
}
#collapseExample3 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample4 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample5 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample li {
margin: 0px 10px;
}
#collapseExample3 li {
margin: 0px 10px;
}
#collapseExample4 li {
margin: 0px 10px;
}
#collapseExample5 li {
margin: 0px 10px;
}
.height100 {
height: 1000px;
}
.go-top {
position: fixed;
bottom: 1em;
right: 2.5em;
text-decoration: none;
color: white;
background-color: #17b3ab;
font-size: 21px;
z-index: 999;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: 0.2s;
}
.go-top:hover {
background: #072264;
;
}
.go-top:hover i {
color: #fff !important;
background: ;
}
.nav-item {
margin-bottom: 5px;
}
header.pediatric_header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2000;
}
.pediatric_header .mobileLogo {
display: none;
}
.header-bar-btn a {
font-size: 15px;
color: #fff;
background: #de2068;
font-weight: 500;
padding: 10px 30px;
position: relative;
}
.home .hero-area a.theme-btn:hover {
color: #072365 !important;
}
.home .hero-area .theme-btn::before {
background: #fff;
}
.header-bar-btn {
text-align: right;
display: flex;
float: right;
align-items: center;
}
.header-left-bar a {
font-size: 16px;
color: #FFFFFF;
margin-right: 11px;
}
.commingsoonheader .header-left-bar a,
.maintenaceHeader .header-left-bar a,
.errorHeader .header-left-bar a {
color: #4f5256;
}
.child-call img {
animation: hu__hu__ infinite 5s ease-in-out
}
@keyframes hu__hu__ {
50% {
transform: translateY(10px)
}
}
.header-left-bar a i {
color: #17b3ab;
padding-right: 5px;
}
.header-left-bar {
height: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.navbar-default .container {
background-color: #17b3ab;
height: 115px;
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.25);
align-items: center;
border-bottom: 5px solid #072264;
}
.searchh {
position: absolute;
right: 0;
top: 95px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.searchh input {
height: 40px;
border: 0;
padding: 20px;
border-radius: 5px;
border: 1px solid #FBF2F5;
}
.searchh.activee {
opacity: 1;
visibility: visible;
}
.desktopLogo {
float: left;
width: 30%;
}
.hero-area {
background-size: cover;
background-position: center;
}
.hero-text {
position: relative;
}
.owl-item.active .hero-area .hero-text p {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.hero-text p {
font-size: 25px;
color: #17b3ab;
font-weight: 600;
font-style: italic;
margin: 0;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.owl-item.active .hero-area .hero-text h3 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.owl-item.active .hero-area .hero-text a.theme-btn {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.hero-text h3 {
font-size: 65px;
color: #FFFFFF;
font-weight: 700;
margin-bottom: 0px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.hero-text a.theme-btn {
margin-top: 30px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.hero-text h3 span {
position: relative;
}
.hero-text h3 span:before {
position: absolute;
content: "";
background: #DE2068;
height: 5px;
width: 100%;
bottom: 10px;
}
.hero-bottom-area {
position: relative;
}
.hero-bottom-area .bb-bgg {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.row.bb-bg {
background: #17b3ab;
padding: 65px;
}
.home .row.bb-bg {
padding: 65px 65px 0 65px;
}
.bb-img {
height: 83px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.bb-text h3 {
font-size: 24px;
color: #152763;
font-weight: 600;
}
.bb-text p {
font-size: 16px;
color: #FFFFFF;
font-weight: 400;
margin: 0;
}
.s1 {
position: absolute;
right: 22px;
top: -50px;
}
.s2 {
position: absolute;
right: -58px;
bottom: 35px;
}
.video-containt {
padding-right: 50px;
}
.video-img {
position: relative;
text-align: right;
}
.video-icon {
position: absolute;
left: -31px;
bottom: -45px;
}
.vv {
position: absolute;
right: 0;
}
.section-title h3 span {
position: relative;
}
.child-containt .coo span {
display: table;
}
.section-title h3 span:before {
position: absolute;
content: "";
height: 5px;
width: 100%;
background: #DE2068;
bottom: 2px;
}
.video-text p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
margin-bottom: 35px;
}
.ita-text {
padding: 0 45px;
}
.ita-text p {
font-size: 18px;
color: #383A3D;
font-weight: 600;
margin: 0;
line-height: 32px;
margin-bottom: 9px;
font-style: italic;
}
.ita-text span {
color: #17b3ab;
font-size: 18px;
font-style: italic;
font-weight: 600;
}
.ita-text {
margin-bottom: 35px;
}
.video-text p:last-child {
margin: 0;
}
.video-text {
border-bottom: 1px solid #E9E9EA;
padding-bottom: 20px;
margin-bottom: 15px;
}
.video-mane {
display: flex;
align-items: center;
}
.video-mane img {
margin-right: 20px;
}
.vv-text h4 {
font-size: 20px;
color: #072264;
margin-bottom: 10px;
font-weight: 500;
}
.vv-text a {
color: #DE2068;
font-size: 16px;
font-weight: 600;
}
.vv-text a i {
margin-right: 10px;
}
.video-area {
padding: 120px;
}
.single-service {
display: flex;
margin-bottom: 35px;
}
.ser-img {
max-width: 70px;
width: 70px;
margin-right: 15px;
}
.ser-img img {
max-width: 70px;
}
.service-text h3 {
color: #072264;
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.service-text p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
.avel p {
font-size: 30px;
color: #17b3ab;
font-weight: 900;
font-style: italic;
}
.avel {
margin-left: 95px;
border-top: 2px dashed #17b3ab;
padding-top: 25px;
}
.servict-containt {
margin-left: -40px;
}
.service-area {
position: relative;
padding-bottom: 0;
}
.service-bg {
position: absolute;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.container {
max-width: 1170px;
}
.hero-bottom-area .bb-bgg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 20%;
background: #00ada3;
}
.row.bb-bg {
padding-left: 0;
}
.bgg {
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 247, 244, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(222, 247, 244, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(222, 247, 244, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#def7f4', GradientType=0);
}
.adven-right {
display: flex;
justify-content: space-around;
margin-bottom: 45px;
margin-top: 10px;
}
.single-add {
padding: 0 32px;
}
.single-add img {
display: block;
margin-bottom: 12px;
}
.single-add a {
color: #072264;
font-size: 18px;
font-weight: 600;
}
.adven-right:last-child {
margin: 0;
}
.row.bgh {
background: #fff;
padding: 100px 60px;
}
.row.bgh {
background: #fff;
padding: 110px 60px;
}
.advan-left {
height: 102%;
border-right: 1px solid#D6DBDB;
padding-right: 34px;
}
.advan-left p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin-bottom: 45px;
}
.advantege-area {
padding: 120px 0;
background: url(../img/homepage3/ad-img.png) no-repeat right;
}
.ad-img {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.child-area {
background: #072365;
height: 550px;
display: flex;
align-items: center;
margin-bottom: 70px;
padding-top: 110px;
}
.child-form {
background: #17b3ab;
padding: 70px 30px;
margin-bottom: -70px;
}
.child-form h3 {
font-size: 30px;
font-weight: 700;
color: #fff;
}
.single-input input {
width: 100%;
font-size: 16px;
background: #B4F4F1;
height: 55px;
border: 0;
padding: 0 20px;
color: #072264;
margin-bottom: 30px;
}
.single-input textarea {
width: 100%;
height: 120px;
border: 0;
background: #B4F4F1;
color: #072264;
padding: 15px 20px;
font-size: 16px;
margin-bottom: 35px;
}
.section-title.coo h3 {
color: #fff;
}
.child-containt p {
font-size: 16px;
color: #FFFFFF;
font-weight: 400;
margin-bottom: 30px;
}
.child-call a {
display: block;
font-size: 36px;
font-weight: 700;
color: #FFFFFF;
margin: 0;
}
.doctor-btn {
text-align: right;
margin-top: 10px;
}
.doctor-title {
margin-bottom: 40px;
}
.doctor-title p {
text-align: left;
}
.doctor-area-3 {
padding: 110px 0 120px 0;
}
.single-doctor {
position: relative;
}
.doctor-text {
text-align: center;
position: absolute;
top: 50%;
margin: auto;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.doctor-text h3 {
font-size: 24px;
color: #fff;
margin-bottom: 5px;
font-weight: 700;
}
.doctor-text span {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.pluse {
position: absolute;
bottom: 0;
right: 0;
}
.single-doctor:before {
position: absolute;
content: "";
background: #17b3ab;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
}
.single-doctor:hover .pluse {
opacity: 0;
visibility: hidden;
}
.pluse {
transition: .3s;
}
.single-doctor {
position: relative;
transition: .3s;
}
.single-doctor:hover.single-doctor::before {
opacity: .5;
visibility: visible;
}
.single-doctor:hover .doctor-text {
opacity: 1;
visibility: visible;
}
.theme-btn {
font-size: 18px;
font-weight: 600;
background: #DE2068;
padding: 10px 35px;
display: inline-block;
position: relative;
z-index: 99;
color: #fff !important;
}
.theme-btn:hover::before {
width: 100%;
}
.sslig {
height: 70px;
width: 70px;
background: #17B3AB;
text-align: center;
line-height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
cursor: pointer;
margin-bottom: 10px;
}
.sslig img {
margin: 0;
}
.sslig:hover {
background: #DE246A;
box-shadow: 0px 0px 19px 7px #0722640;
}
.hi-icon-effect-2 .hi-icon {
color: #eea303;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.hi-icon-effect-2 .hi-icon:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
::-webkit-input-placeholder {
/* Edge */
opacity: 1;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
opacity: 1;
}
::placeholder {
opacity: 1;
}
.scroll-header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: unset;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
background: unset;
}
.slider-area {
background-color: #def7f4;
padding-top: 115px;
padding-bottom: 70px;
}
.slider-title h2 {
font-size: 40px;
color: #072264;
font-weight: 700;
margin-bottom: 15px;
}
.slider-title p {
font-size: 16px;
color: #4f5256;
line-height: 24px;
}
.slider-title {
margin: auto;
}
.slider-content {
box-shadow: 0 0 8px 1px #33333329;
padding: 64px 20px;
text-align: center;
background-color: #fff;
}
.slider-content i {
font-size: 100px;
font-family: Cooper Std;
padding: 0px;
margin: 0px;
color: #de2068;
line-height: 80px;
}
.slider-content p {
font-size: 16px;
font-style: italic;
color: #4f5256;
line-height: 27px;
margin: 0;
}
.slider-content img {
margin-bottom: 40px;
}
.slider-info {
display: flex;
align-items: center;
}
.slider-inner-text h4 {
font-size: 18px;
color: #072264;
font-weight: 700;
margin: 0;
}
.slider-inner-text p {
font-size: 16px;
color: #5c5d60;
font-weight: 400;
margin: 0;
}
.slider-inner-text {
margin-left: 10px;
}
.slider-info {
padding-top: 25px;
}
.owl-carousel .owl-item img {
display: block;
width: auto;
}
.owl-item.active.center .slider-content {
background: #17b3ab;
color: #fff;
}
.owl-item.active.center .slider-content p {
color: #fff;
}
.baby1 {
position: absolute;
left: -46px;
right: 26%;
margin: auto;
max-width: 556px;
top: 88px;
z-index: 9;
}
.bb-img:hover img {
transform: scale(1.1);
}
.bb-img img {
transition: .3s;
}
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
opacity: 1;
color: #4f5256;
/* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
opacity: 1;
/* Firefox */
color: #4f5256;
}
::-ms-input-placeholder {
/* Microsoft Edge */
opacity: 1;
/* Firefox */
color: #4f5256;
}
.theme-btn::before {
position: absolute;
content: "";
width: 0%;
height: 100%;
top: 0;
right: 0;
z-index: -1;
transition: .3s;
left: auto;
background: #072365;
}
.owl-dots {
display: none;
}
.single-widget.ffd.ff {
margin: 0;
}
#collapseExample2 {
margin: 0;
}
.ccfdf button {
position: absolute;
right: 0;
height: 100%;
color: #fff;
background: #de2068;
border: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
visibility: hidden;
}
.ccfdf .srch {
position: absolute;
right: 0;
height: 40px;
color: #fff;
background: #17b3ab;
border: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
padding-top: 09px;
text-align: center;
top: 14px;
}
.height100 {
height: 1000px;
}
.sas {
line-height: 16px;
left: -3px !important;
}
.header-left address {
margin: 0;
font-size: 16px;
color: ;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
.hero-area {
z-index: 0;
}
.headerButton a.acctivee {
padding-left: 25px !important;
}
.headerTop .row {
align-items: center;
}
.hero-area {
height: 980px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
padding: 0;
}
.home .hero-area {
padding: 0;
}
.home .hero-containt {
margin-top: 0;
}
.hero-text {
position: relative;
}
.owl-item.active .hero-area .hero-text p {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.hero-containt {
width: 60%;
}
.hero-text h1 {
font-size: 60px;
color: #072365;
font-weight: bold;
margin-bottom: 0px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
line-height: 100%;
margin-bottom: 17px;
}
.hero-text p {
font-size: 18px;
color: #03d2be;
font-weight: 600;
font-style: italic;
margin: 0;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
line-height: 1.4;
display: block;
}
.owl-item.active .hero-area .hero-text h1 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.owl-item.active .hero-area .hero-text .exper-button {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.hero-text .exper-button {
margin-top: 15px !important;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.hero-containt .exper-button a {
background: #de2068;
font-weight: 600;
font-size: 18px;
color: #fff;
padding: 17px 38px;
border-radius: 3px;
display: inline-block;
transition: .3s;
line-height: 24px;
}
.hero-active.owl-carousel .owl-dots {
position: absolute;
right: 20px;
width: 20px;
height: 100%;
top: 0;
display: none;
flex-direction: column;
justify-content: center;
}
.hero-active.owl-carousel .owl-dot span {
border: 2px solid #fff;
width: 15px;
height: 15px;
display: block;
border-radius: 50%;
margin: 5px 5px;
transition: all 0.5s ease-in-out;
}
.hero-active.owl-carousel button.owl-dot.active span {
background: #0064FA;
border-color: #0064FA;
}
/*
*7 req appointment
*/
.form-request form.form_wrap input.form-control,
.form-request form.form_wrap input,
.form-request form.form_wrap textarea,
.Appoint-contact-area form.form_wrap input.form-control,
.Appoint-contact-area form.form_wrap input,
.Appoint-contact-area form.form_wrap textarea,
.contact-area input.form-control,
.contact-area .form-area input,
.contact-area .form-area textarea {
height: 60px;
margin-bottom: 10px !important;
font-size: 17px;
color: #4f5256;
border: 0;
border-bottom: 1px solid #c9c9c9;
border-radius: 0;
padding: 0;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
form.form_wrap i,
.Appoint-contact-area form.form_wrap i,
.contact-area .form-area i {
font-size: 24px;
color: #555;
position: absolute;
top: 20px;
right: 18px;
}
.form-teart form.home-req i
{
font-size: 22px;
color: #555;
position: absolute;
right: 45px;
margin-top: 12px;
}
.form-request form.form_wrap textarea,
.Appoint-contact-area form.form_wrap textarea,
.contact-area .form-area textarea {
height: 90px;
margin-top: 35px;
}
.form-request form.form_wrap .btn-submit,
.Appoint-contact-area form.form_wrap .btn-submit,
.contact-area .form-area .btn-submit {
margin-top: 30px;
}
input[type="time"]+i.icofont-clock-time {
background: #fff;
}
button.find-btn-submit {
background: transparent;
width: 45px;
position: absolute;
height: 50px;
right: 0;
outline: 0px;
border: 0;
opacity: 1;
}
.d-social {
margin-top: 60px;
}
.blog-area .blog-left-area.listt {
padding-left: 0;
}
.doctors-img {
text-align: center;
}
.blog-gied-text .angle-left {
bottom: -30px;
}
.eye-area a,
.eye-list-img {
text-align: center;
}
.doctor-containt .list-l {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.list-l ul li {
display: flex;
flex-wrap: wrap;
}
.list-l ul li span {
padding-left: 10px;
margin-left: 10px;
}
.list-l ul li strong {
margin-right: 15px;
min-width: 165px;
display: inline-block;
}
.list-l ul li span {
position: relative;
}
.list-l ul li span:before {
position: absolute;
content: "";
height: 1px;
width: 10px;
background: #072365;
left: -10px;
top: 50%;
transform: translateY(-50%);
}
span a:first-child {
padding-left: 0;
}
span a:first-child:before {
display: none;
}
ul li span a,
.list-l ul li a:last-child {
color: #4F5256;
font-size: 16px !important;
font-weight: 400 !important;
position: relative;
padding-left: 20px;
}
ul li span a::before,
.list-l ul li a:last-child:before {
position: absolute;
content: "";
height: 1px;
width: 10px;
background: #072365;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.blog-area .blog-list-i {
margin-left: 0;
}
.happy-single-slider {
min-height: 350px;
}
.ssom img {
width: 100%;
}
.contact-location {
display: flex;
align-items: center;
justify-content: end;
height: 100%;
float: right;
}
.contact-location .left-location {
width: auto;
display: inline-flex;
float: left;
padding: 0 30px;
margin: 0;
border-right: 1px dashed #072365;
}
.contact-location .left-location i {
position: relative;
border-radius: 70px;
font-size: 36px;
color: #DE2068;
text-align: center;
line-height: 49px;
margin-right: 12px;
}
.contact-location .left-location .info {
position: relative;
float: right;
width: auto;
}
.contact-location .left-location h4 {
font-size: 15px;
font-weight: 500;
color: #072365;
margin: 0;
padding-top: 3px;
letter-spacing: .3px;
}
.contact-location .left-location h6 {
font-size: 18px;
font-weight: 600;
color: #DE2068;
margin: 0;
padding-top: 5px;
letter-spacing: 0;
}
a.header-requestbtn {
font-size: 14px;
color: #072365;
background: #17b3ab;
display: block;
float: right;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
padding: 14px 20px;
font-family: 'Montserrat', sans-serif;
margin: 3px 0px;
text-align: center;
}
.contact-location .left-location.textright {
padding-right: 0;
border-right: 0;
}
a.header-requestbtn:before {
background: #333;
color: #fff;
}
/*
*9 Main Navigation
*/
.logo-menu {
float: left;
margin: 14px 0 14px 25px;
display: none;
}
.dropdown-submenu-active:before {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #12121b;
content: "";
position: absolute;
top: 0 !important;
right: 24px;
}
#main-navigation-wrapper .nav>li.dropdown:hover:before {
width: 0;
height: 0;
content: "";
position: absolute;
bottom: -7px !important;
z-index: 1010;
text-align: center;
left: 20px;
}
#main-navigation-wrapper.navbar-default .navbar-nav>.open>a,
#main-navigation-wrapper.navbar-default .navbar-nav>.open>a:focus,
#main-navigation-wrapper.navbar-default .navbar-nav>.open>a:hover,
#main-navigation-wrapper.navbar-default .navbar-nav>li:hover>a,
#main-navigation-wrapper.navbar-default .navbar-nav>li>a.active {
background: none;
color: #17b3ab;
}
#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
display: none;
}
/*
*10 hdrvariation1_Navigation end
*/
.header-nav-right {
width: auto;
float: right;
display: flex;
}
.header-socials {
float: right;
padding-left: 20px;
}
.header-socials i {
color: #fff;
font-size: 16px;
margin: 0px;
line-height: 64px;
text-align: center;
}
.header-socials a:before {
background: #17b3ab;
}
.header-socials i:hover {
color: #17b3ab;
}
.search-column {
position: relative;
margin: 0;
padding-left: 12px;
padding-top: 20px;
}
.search-btn:focus {
outline: none;
}
.search-btn:hover {
opacity: .8;
}
.search-column.search-fl {
float: left;
margin-left: 10px;
margin-right: 0px;
}
.search-column.search-fl:before {
display: none;
}
.search-btn.black-search-btn {
background: url(../images/search-btn.html) no-repeat center center;
}
.searchlink {
background-image: url(../img/interface/search.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
display: block;
float: right;
font-size: 20px;
height: auto;
padding: 12px 11px;
position: relative;
}
.searchform {
display: none;
position: absolute;
width: 349px;
height: 65px;
line-height: 31px;
top: 44px;
right: 0;
padding: 0 15px;
cursor: default;
border-radius: 2px;
border-style: solid;
border-width: 1px;
border-color: #016CB4;
box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);
margin-left: -105px;
z-index: 9999999;
background-color: #fff;
}
.searchlink.open .searchform {
display: block;
}
#search {
display: block;
position: relative;
}
#s {
width: 215px;
background: #fff;
padding: 0 11px;
border: 1px solid #d9d9d9;
border-right: none;
color: #072365;
margin: 14px 0;
font-size: 14px;
}
.sbtn {
display: block;
position: absolute;
background: none;
border: 1px solid #0064FA;
color: #fff;
font-size: 15px;
cursor: pointer;
right: 0px;
top: 14px;
width: 105px;
background-color: #0064FA;
}
.modal {
padding-right: 0px;
background-color: rgba(4, 4, 4, 0.8);
}
.modal-backdrop.in {
z-index: 9;
position: relative;
}
.modal-dialog {
top: 30%;
width: 60%;
position: absolute;
left: 20%;
right: 20%;
margin: 0 auto;
}
.modal-content {
border-radius: 0px;
border: none;
top: 40%;
position: relative;
}
.modal-body {
background-color: unset;
color: white;
width: 100%;
float: left;
padding: 55px;
}
.modal-body h3 {
margin-bottom: 20px;
font-weight: 400;
color: #072365;
}
.modal-body .search-form {
width: 100%;
float: left;
position: relative;
}
.modal-header .close {
color: #fff;
}
.search_lightbox_input {
width: 100%;
float: left;
border-bottom: 1px solid #242424 !important;
border: 0px;
font-size: 18px;
color: #242424;
background: transparent;
padding: 5px 0;
}
.search-form input::placeholder {
color: #242424;
}
.search-form input:focus {
outline: none;
}
.search_lghtbox_btn {
position: absolute;
right: 0px;
background: url(../images/search_popup_icon.html) no-repeat;
width: 18px;
height: 18px;
border: 0;
top: 8px;
}
/*
*11 Hero about area style start
*/
.hero-about-text h2 {
font-size: 60px;
color: #072365;
font-weight: 700;
margin: 0;
margin-bottom: 10px;
}
.hero-about-text h4,
.hero-about-text h4 a {
font-size: 20px;
color: #17b3ab;
font-weight: 600;
margin: 0;
}
.hero-about-text h4 span {
color: #072365;
}
/*
*12 experience-area style start
*/
.experience-area {
position: relative;
z-index: 1;
}
.shape.shape-1 {
position: absolute;
bottom: 0;
max-width: 550px;
}
.shape.shape-2 {
position: absolute;
left: 0;
bottom: 0;
}
.exper-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.exper-content p {
font-size: 20px;
color: #4f5256;
font-weight: 500;
font-style: italic;
}
.exper-text p {
font-size: 16px;
color: #4f5256;
margin-bottom: 20px;
line-height: 26px;
}
.exper-info h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin: ;
margin-bottom: 8px;
}
.exper-info h4 {
font-size: 16px;
color: #005ce6;
font-weight: 400;
margin: 0;
}
.exper-all-content {
padding-top: 120px;
padding-bottom: 69px;
}
.exper-info {
padding-top: 20px;
}
/*
*13 Medical Services style start
*/
.service-title {
margin-bottom: 50px;
}
.Medical-Services-area {
padding-top: 110px;
padding-bottom: 120px;
}
.Medical-Services-area-2 {
padding-top: 110px;
padding-bottom: 45px;
}
.service-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
line-height: 48px;
}
.service-title p {
font-size: 16px;
color: #4f5256;
margin: 0;
font-weight: 400;
}
.explore {
display: flex;
align-items: center;
}
.care-text {
margin-left: 20px;
width: 80%;
}
.care-text h4 {
font-size: 22px;
color: #072365;
font-weight: 600;
margin: 0;
margin-bottom: 4px;
}
.care-text h4 a {
font-size: 22px;
color: #072365;
font-weight: 600;
margin: 0;
margin-bottom: 4px;
}
.care-text h4 a:hover {
color: #de2068;
}
.care-text p {
font-size: 16px;
color: #4f5256;
margin: 0;
}
.medi-service-box {
margin-bottom: 70px;
}
.exper-button a {
background: #de2068;
font-weight: 600;
font-size: 16px;
color: #fff;
padding: 14px 30px;
line-height: 1;
border-radius: 3px;
display: inline-block;
transition: .3s;
}
.exper-button a:hover {
background: #17b3ab;
}
.exper-flexe {
display: flex;
align-items: center;
}
.exper-inner {
margin-left: 107px;
}
.exper-inner {
position: absolute;
right: 0;
bottom: 35px;
}
/*
*14 Team area style Start
*/
.team-area .row {
align-items: center;
}
.team-title p {
font-size: 16px;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
position: relative;
width: 204px;
}
.team-title p::after {
position: absolute;
background: #DE2068;
width: 60px;
content: "";
height: 1px;
top: 50%;
right: 60px;
}
.team-content h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin: 0;
}
.viwe {
background: #DE2068;
font-size: 16px;
color: #fff;
font-weight: 600;
display: inline-block;
padding: 18px 40px;
line-height: 1;
border-radius: 6px;
}
.team-text p {
font-size: 16px;
color: #072365;
line-height: 24px;
margin: 0;
font-weight: 400;
}
.Doctor-Team {
margin-top: 0;
position: relative;
}
.team-box {
background-color: #f5f6f8;
}
.doctor-team-content h3 {
font-size: 24px;
color: #072365;
font-weight: 700;
margin-bottom: 10px;
}
.doctor-team-content h4 {
font-size: 18px;
color: #DE2068;
font-weight: 600;
margin-bottom: 10px;
}
.doctor-team-content p {
font-size: 16px;
color: #4f5256;
line-height: 24px;
margin-bottom: 10px;
}
.View-Profile {
font-size: 16px;
color: #DE2068;
font-weight: 600;
border-bottom: 2px solid #DE2068;
transition: .3s;
}
.View-Profile:hover {
color: #17b3ab;
border-color: #17b3ab;
}
.doctor-team-content {
padding: 30px 20px;
background: #FFFFFF;
}
.shape.shape-5 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
/*
*15 Call titme style Start
*/
.call-time-area {
background-color: #0164f9;
height: 225px;
display: flex;
align-items: center;
}
.call-time-info {
display: flex;
align-items: center;
}
.call-time-text p {
font-size: 22px;
color: #fff;
font-weight: 600;
font-style: italic;
margin: 0;
}
.call-time-text h3 {
font-size: 40px;
color: #fff;
font-weight: 700;
margin: 0;
}
.call-box {
background: #de2068;
font-size: 24px;
font-weight: 600;
color: #fff;
display: inline-block;
padding: 14px 30px;
line-height: 1;
border-radius: 3px;
border: 0;
}
.time-button {
position: absolute;
right: 0;
}
.call-time-area {
background-color: #072365;
height: 225px;
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
.shape.shape-6 {
position: absolute;
right: 0;
}
.call-box:hover {
background: #17b3ab !important;
color: #fff;
}
/*
*16 Features area style Start
*/
.features-area {
padding-top: 110px;
padding-bottom: 42px;
}
.fea-title {
max-width: 800px;
margin: auto;
margin-bottom: 70px;
}
.fea-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.fea-title p {
font-size: 16px;
color: #072365;
margin: 0;
line-height: 24px;
}
.features-content {
display: flex;
}
.features-all-content {
margin-bottom: 70px;
}
.features-text h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
}
.features-text p {
font-size: 16px;
color: #072365;
margin: 0;
}
.features-text {
padding-left: 20px;
}
.features-info img {
max-width: 200px;
}
/*
*17 advance area style start
*/
.advance-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 45px;
}
.advance-text {
padding-top: 20px;
}
.advance-text p {
font-size: 16px;
color: #4f5256;
line-height: 26px;
}
.advance-text h6 {
font-size: 18px;
color: #4f5256;
line-height: 26px;
font-weight: 500;
font-style: italic;
padding: 0 30px;
}
.advance-sixnesar {
text-align: right;
}
.advance-area {
padding-top: 110px;
padding-bottom: 120px;
}
.special-list {
display: flex;
align-items: center;
}
.special-inner li {
list-style: none;
}
.special-inner img {
position: absolute;
left: 0;
}
.special-inner li a {
position: ;
padding-right: ;
margin-left: 25px;
}
.special-inner {
color: #072365;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
font-family: 'Open Sans', sans-serif;
}
.special-inner li img {
margin-top: 5px;
}
.special-inner li {
margin-bottom: 20px;
}
.special-inner li {
color: #545051;
font-size: 18px;
color: ;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
list-style: none;
}
.special-inner i {
padding-right: 8px;
color: #17b3ab;
}
.special-right {
margin-left: 80px;
}
.special-content {
margin-bottom: 30px;
}
.special-content h3 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.special-flx {
display: flex;
align-items: center;
}
.walk-clex {
margin-left: 30px;
}
/*
*18 special area style start
*/
.special-area {
position: relative;
z-index: 1;
}
.special-wrapper {
background-color: #02B9B1;
padding: 60px 40px;
}
.special-wrapper h3 {
font-size: 30px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.walk-box p {
font-size: 18px;
color: #fff;
font-weight: 500;
font-family: 'Open Sans', sans-serif;
}
.special-button a {
background: #fff;
font-weight: 600;
font-size: 16px;
color: #072365;
padding: 18px 30px;
line-height: 1;
display: inline-block;
border-radius: 3px;
}
.special-button {
padding-top: 10px;
}
.specia-logo {
position: absolute;
bottom: 48px;
right: 15px;
max-width: 170px;
}
.wlak.walk-1 {
position: absolute;
left: -9px;
z-index: -1;
bottom: 13px;
}
.special-area {
position: relative;
z-index: 1;
padding-top: 115px;
padding-bottom: 100px;
}
.special-content p {
padding-right: 61px;
}
/*
*19 progressbar
*/
.progressbar-area {
padding-top: 120px;
padding-bottom: 120px;
background-size: cover;
background-position: center;
background-image: url(../img/background/progress-bg.png)
}
.single-circle-progressber h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin: 0;
}
.circle-progressbar-wrap {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.single-circle-progressber {
text-align: center;
}
.progressbar-percentage {
position: absolute;
left: 0;
top: 50%;
width: 100%;
line-height: 40px;
font-size: 24px;
color: #17b3ab;
font-weight: 600;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
}
/*
*20 doctor area
*/
.doctor-content p {
font-size: 16px;
color: #fff;
margin: 0;
margin-bottom: 30px;
padding-top: 10px;
}
.doctor-content h3 {
font-size: 40px;
font-weight: 700;
color: #fff;
}
.doctor-content span {
font-size: 48px;
color: #DE2068;
font-weight: 700;
font-style: italic;
}
.doctor-buttn {
background: #17b3ab;
color: #fff;
font-weight: 600;
display: inline-block;
padding: 18px 30px;
line-height: 1;
border: 0;
border-radius: 4px;
}
.doctor-content {
max-width: 506px;
}
.doctor-wrap {
padding-top: 110px;
padding-bottom: 350px;
}
.doctor-area {
background-size: cover;
background-position: center;
background-image: url(../img/background/expert-bg.png);
}
/*
*21 contact form
*/
.contact-area {
padding-top: 31px;
margin-top: -370px;
}
.boxsed-shawo {
background: #fff;
box-shadow: 0px 6px 7px 2px #00000024;
padding: 60px;
}
.form-area h1 {
text-align: left;
font-weight: 700;
padding-bottom: 30px;
color: #072365;
font-size: 32px;
line-height: 50px;
margin: 0;
}
.contact-form input {
width: 95%;
height: 55px;
border: 0;
border-bottom: 2px solid #c6c4c4;
margin-bottom: 30px;
font-size: 16px;
}
.form-title h3 {
text-align: left;
font-weight: 700;
padding-bottom: 30px;
color: #072365;
font-size: 32px;
line-height: 50px;
margin: 0;
}
.form-title-2 {
opacity: 0;
visibility: hidden;
margin-bottom: 33px;
}
textarea {
width: 95%;
height: 80px;
border: 0b-b;
border: 0;
border-bottom: 2px solid #c6c4c4;
font-size: 16px;
color: #4f5256;
margin-top: 15px;
}
.contact-button button {
width: 100%;
background: #02B9B1;
font-size: 16px;
color: #fff;
font-weight: 600;
border: 0;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
}
.form-title h3 {
font-size: 30px;
color: #072365;
font-weight: 700;
}
.form-title {
margin-bottom: 30px;
}
.contact-button {
padding-top: 45px;
}
/*
*22 Appoint contact
*/
.Appoint-contact-area {
padding-top: 120px;
background-color: #f5f7fe;
padding-bottom: 70px;
position: relative;
z-index: 1;
}
.Appoint-contact-area .boxsed-shawo {
box-shadow: 0 0 0 8px #dee0e5;
border-radius: 4px;
}
.apoin.apoin-2 {
position: absolute;
bottom: 0;
left: 0;
max-width: 750px;
}
/*
*23 brand area
*/
.brand-active.owl-carousel .owl-item img {
display: block;
width: auto;
text-align: center;
margin: auto;
}
.brand-active {
padding-top: 80px;
}
.brand-active .owl-dots {
display: none;
}
/*
*24 consult area
*/
.consult-area {
background-size: cover;
background-position: center;
}
.consul-text h2 {
font-size: 48px;
color: #072365;
font-weight: 800;
margin-bottom: 15px;
}
.consul-text p {
font-size: 36px;
color: #DE2068;
font-weight: 800;
}
.boxse-apoin {
font-size: 20px;
color: #fff;
font-weight: 400;
background: #de2369;
padding: 18px 40px;
display: inline-block;
line-height: 1;
border-radius: 4px;
}
.consul-text p {
margin-left: 65px;
margin-bottom: 40px;
}
.consul-text p img {
position: absolute;
left: 14px;
}
.consul-text {
max-width: 685px;
padding-top: 110px;
padding-bottom: 115px;
}
/*
*25 footer-area
*/
.footer-box {
padding-top: 40px;
}
.footer-area h2,
.footer-area h1 {
font-size: 24px;
color: #fff;
font-weight: 600;
padding-bottom: 10px;
}
.footer-area .text-foot {
width: 100%;
float: left;
display: block;
}
.footer-area .text-foot li i {
width: 40px;
font-size: 22px;
padding-top: 3px;
color: #02B9B1;
}
.footer-area .text-foot li a:hover {
color: #02B9B1;
text-decoration: none;
}
.footer-area .text-foot li:hover a {
padding: 0 0 0 18px !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.footer-area .text-foot li a::before {
background: #fff none repeat scroll 0 0;
content: "";
height: 1px;
border-radius: 0;
left: 0;
opacity: 0;
position: absolute;
top: 12px;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
width: 15px;
}
.footer-area .text-foot li:hover a::before {
opacity: 1;
}
.footer-box .input-group {
float: left;
width: 100%;
overflow: hidden;
margin-top: 24px;
position: relative;
}
.footer-box .input-group button {
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 99999999;
padding: 0;
line-height: 0;
height: auto;
background: transparent;
border: 0;
}
.footer-box .input-group .form-control::placeholder,
.form_wrap input#datepicker::placeholder {
color: #989a9c;
}
.footer-box .social {
margin: 0;
padding: 0;
width: 100%;
float: left;
margin-top: 30px;
}
.footer-box .social li {
display: inline-block;
list-style: none;
}
.footer-box .social li a i {
color: #fff;
padding: 10px 15px;
text-align: center;
font-size: 27px;
}
.footer-box .social li a:hover {
text-decoration: none;
}
.footer-box .social li a:hover i {
color: #DE2068;
}
.footer-bottom {
background: #072365;
padding: 30px 0;
float: left;
display: block;
width: 100%;
}
.footer-bottom p {
font-size: 16px;
color: #cdcecf;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-align: center;
margin: 0px;
}
.footer-bottom p a {
font-size: 18px;
color: #fff;
}
.footer-bottom p a:hover {
font-size: 18px;
color: #DE2068;
}
/*
*26 blog-page
*/
.blog-img {
position: relative;
margin-bottom: 30px;
}
.blog-img-hov {
position: absolute;
bottom: 30px;
left: 30px;
}
.hove-top a {
color: #FFFFFF;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
}
.hove-top {
margin-bottom: 10px;
}
.hove-top a i {
font-size: 18px;
color: #de2068;
margin-right: 8px;
}
.hover-bb h3 {
margin: 0;
color: #FFFFFF;
font-size: 22px;
font-weight: 700;
}
.blog-img img {
width: 100%;
}
.blog-containt p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
}
.socal-cc h3 {
font-size: 18px;
color: #4F5256;
font-weight: 400;
margin: 0;
}
.blog-socil {
border-bottom: 1px solid #B7B9B9;
padding-bottom: 19px;
padding-top: 20px;
margin-bottom: 30px;
position: relative;
}
.blog-socail-icon {
position: absolute;
top: 20px;
margin: auto;
left: 82px;
}
.blog-socail-icon a {
font-size: 18px;
color: #949494;
margin: 0 5px;
}
.comment-title h3 {
font-size: 24px;
color: #072365;
font-size: ;
font-weight: 600;
margin: 0;
}
.comment-title {
margin-bottom: 30px;
}
.single-comment {
display: flex;
margin-bottom: 25px;
}
.single-comment a {
background: #D6D7D9;
width: 70px;
height: 50px;
text-align: center;
line-height: 50px;
margin-right: 15px;
}
.commnet-text-area {
background: #F5F5F5;
padding: 20px 30px;
}
.commnet-text-area span {
font-size: 18px;
color: #17b3ab;
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.commnet-text-area h3 {
font-size: 16px;
color: #4F5256;
font-weight: 600;
margin: 0;
line-height: 30px;
}
.commnet-text-area p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
line-height: 30px;
margin-bottom: 0px;
}
.commnet-text-area a {
background: transparent;
color: #de2068;
font-size: 16px;
font-weight: 400;
margin: 0;
height: auto !important;
line-height: ;
width: auto !important;
}
.single-comment a img {
max-width: 29px;
}
.single-comment.mad {
padding-left: 30px;
}
.blog-area {
padding: 120px 0;
}
.blog-form-area {
background: #F5F5F5;
padding: 50px 30px;
}
.blog-form-area h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin-bottom: 25px;
}
.blog-form-area input {
width: 100%;
height: 60px;
border: 1px solid #BDBDBD;
padding: 0 20px;
font-size: 16px;
font-weight: 400;
color: #4F5256;
margin-bottom: 25px;
}
.blog-form-area textarea {
height: 135px;
font-size: 16px;
padding: 14px 20px;
border: 1px solid #ADADAD;
width: 100%;
margin-top: 0;
margin-bottom: 25px;
}
.blog-form-area button {
font-size: 18px;
font-weight: 600;
color: #fff;
background: #17b3ab;
border: 0;
padding: 10px 30px;
border-radius: 3px;
}
.blog-search {
position: relative;
}
.blog-search input {
width: 100%;
height: 50px;
padding: 0 15px;
font-size: 16px;
color: ;
border: 1px solid #DCDEE0;
}
.blog-search a {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #1B1C1D;
font-weight: 700;
}
.sec-title h3 {
font-size: 24px;
font-weight: 600;
color: #072365;
margin: 0;
}
.sec-title {
margin-bottom: 10px;
}
.cata-area {
padding: 60px 0;
}
.cata-area ul li a {
color: #4F5256;
font-size: 18px;
font-size: ;
font-weight: 400;
padding: 10px 0;
display: block;
border-bottom: 1px solid #DFE0DE;
position: relative;
padding-left: 18px;
font-weight: 600;
}
.cata-area ul li a:before {
position: absolute;
content: "";
background: #E76093;
height: 1px;
width: 10px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.cata-area ul li:last-child a {
border: 0;
}
.single-post p {
font-size: 16px;
font-weight: 400;
margin-bottom: 6px;
}
.single-post i {
font-size: 21px;
color: #17b3ab;
margin-right: 11px;
}
.single-post {
padding: 8px 0;
border-bottom: 1px solid #CFD0CD;
margin-bottom: 15px;
}
.single-post a {
font-size: 16px;
color: #17b3ab;
font-weight: 700;
}
.blog-left-area {
padding-right: 40px;
}
.foot-input input {
width: 100%;
height: 45px;
padding: 0 15px;
background: none;
border: 0;
color: #989a9c;
font-size: 14px;
background: #072365;
}
/*
* 27 404-page
*/
.opps-area {
text-align: center;
background-size: cover;
background-position: center;
margin-top: 0px;
padding-top: 15%;
padding-bottom: 15%;
background: #eaf5fb;
background-image: url(../img/404-page.jpg);
}
.opps-containt h3 {
font-size: 160px;
color: #17b3ab;
font-weight: 700;
margin: 0;
line-height: 160px;
}
.opps-containt h4 {
font-size: 36px;
color: #072365;
font-weight: 700;
margin: ;
}
.opps-containt p {
font-size: 18px;
color: #072365;
font-weight: 700;
margin: 0;
}
/*
*28 blog-grid
*/
.bolg-gied-area {
padding: 90px 0 120px 0;
}
.angle-left {
position: absolute;
bottom: 0;
right: 0;
}
.single-blog-gied {
border-radius: 5px;
box-shadow: 0 0px 3px #0000006e;
margin-top: 30px;
min-height: 555px;
padding-bottom: 15px;
}
.gied-ttx {
position: relative;
}
.blog-gied-text {
padding: 30px 25px;
}
.datee {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.datee a {
font-size: 16px;
color: #de2068;
font-weight: 600;
}
.datee a {
display: flex;
align-items: center;
}
.datee a i {
color: #de2068;
font-family: ;
font-size: 17px;
margin-right: 7px;
}
.gied-ttx h3 {
font-size: 22px;
color: #072365;
font-weight: 700;
}
.gied-ttx p {
margin: 0;
font-size: 16px;
color: #4F5256;
font-weight: 400;
}
.angle-left a {
font-size: 17px;
color: #de2068;
}
/*
*29 blog-list-page-css-start
*/
.blog-left-area.listt {
padding-right: 0;
padding-left: 40px;
}
.blog-text.ttx a {
background: #de2068;
text-align: center;
font-size: 18px;
color: #fff;
text-transform: ;
font-weight: 600;
padding: 10px 35px;
border-radius: 3px;
display: inline-block;
}
.blog-text.ttx p {
margin-bottom: 35px;
}
.blog-left-area.listt {
margin-bottom: 50px;
}
.blog-list-i ul li {
display: inline-block;
text-align: center;
margin: 0 4px;
}
.blog-list-i {
text-align: left;
margin-left: 40px;
}
.blog-list-i ul li a {
font-size: 16px;
color: #072365;
font-weight: 700;
height: 36px;
width: 36px;
background: #F5F6F8;
display: inline-grid;
text-align: center;
line-height: 36px;
border-radius: 3px;
border: 1px solid #b8babf;
}
.accctive {
background: #17b3ab !important;
color: #fff !important;
}
/*
*30 contact-page-css-start
*/
.single-contact {
text-align: center;
}
.single-contact p a,
.single-contact p {
font-size: 20px;
color: #072365;
font-weight: 400;
margin: 0;
}
.single-contact img {
margin-bottom: 15px;
}
.contect-location i {
color: #de2068;
font-size: 60px;
}
.single-contact {
margin-bottom: 40px;
}
.contect-location {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.single-contact:last-child {
margin: 0;
}
.contuct-area {
padding: 120px 0;
}
.contact-map {
height: 650px;
background-size: cover;
background-position: center;
}
/*
*31 doctors-area-css-start 1
*/
.doctors-fl {
display: flex;
align-items: center;
}
.doctores-detailes-area {
padding: 120px 0 60px 0;
}
.doctor-containt h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.doctor-list {
display: flex;
align-items: center;
justify-content: space-between;
}
.list-l ul li a {
color: #4F5256;
font-size: 16px;
font-weight: 600;
}
.list-l ul li {
margin: ;
margin-bottom: 10px;
}
.list-r ul li a {
color: #4F5256;
font-size: 16px;
font-weight: 400;
position: relative;
padding-left: 20px;
}
.list-r ul li {
margin-bottom: 10px;
position: ;
}
.list-r ul li a:before {
position: absolute;
content: "";
height: 1px;
width: 10px;
background: #072365;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.ddoct h4 {
font-size: 18px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.doctor-list {
margin-bottom: 20px;
}
.doctor-into {
background: #17b3ab;
padding: 50px 30px;
}
.doctor-into h3 {
font-size: 24px;
color: #FDFDFD;
font-weight: 700;
margin-bottom: 20px;
}
.doctor-into-l p {
font-size: 18px;
color: #FDFDFD;
font-weight: 500;
display: ;
}
.doctor-into-l {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px dashed #fff;
height: 50px;
}
.doctor-into-fl {
margin-bottom: 20px;
}
.doctor-into button {
font-size: 16px;
color: #072365;
font-weight: 600;
background: #fff;
border: 0;
padding: 10px 22px;
border-radius: 3px;
}
.about-doctors h3 {
font-size: 24px;
color: #072365;
font-weight: 700;
margin-bottom: 10px;
}
.about-doctors p {
font-size: 16px;
color: #072365;
font-weight: 400;
line-height: 23px;
margin-bottom: 15px;
}
.doctor-into-l p {
margin: 0;
}
.doctor-into-l:last-child {
border: 0;
}
.doctor-into {
position: relative;
overflow: hidden;
}
.doctor-into img {
position: absolute;
right: -7px;
bottom: 0;
max-width: 100px;
}
.work-tab-area {
padding-bottom: 110px;
}
.nav-link {
background: #072365;
border-radius: 0 !important;
margin: 0 3px;
font-size: 18px;
color: #fff;
padding: 10px 33px;
transition: 0.3s;
}
.nav-link:hover {
color: #fff;
background: #DE2068;
}
.work-tab ul {
margin-bottom: 25px !important;
}
.work-tab-text h4 {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin-bottom: 20px;
}
.work-tab-text p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
}
.work-tab-text p:last-child {
margin: 0;
}
.happy-area {
padding: 120px 0;
background-size: cover;
background-position: center;
background-image: url(../img/background/doctor-details-bg.png);
}
.hapy-section h3 {
font-size: 40px;
font-weight: 700;
margin-bottom: 25px;
}
.hapy-section p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
width: 700px;
margin: 0;
}
.hapy-section {
margin-bottom: 50px;
}
.happy-single-slider {
background: #fff;
padding: 40px 25px;
}
.happy-slider-title {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.happy-slider-title img {
margin-right: 15px;
}
.ti-text h3 {
font-size: 18px;
color: #072365000;
margin: 0;
font-weight: 700;
padding: 7px 0;
}
.ti-text a {
color: #5C5D60;
font-weight: 400;
font-size: 16px;
}
.quote a {
font-size: 30px;
color: #d9dee8;
}
.quote {
position: absolute;
right: 25px;
}
.happy-single-slider p {
color: #4F5256;
font-weight: 400;
margin: 0;
font-size: 16px;
line-height: 28px;
}
.happy-slider-title img {
width: auto !important;
}
/*
*32 service-details-page-css-start
*/
.sercive-area {
padding: 120px 0;
}
.single-list {
height: 50px;
width: 100%;
background: #EDF1F9;
position: relative;
margin-bottom: 10px;
display: flex;
align-items: center;
border-left: 2px solid#072365;
transition: .3s;
cursor: pointer;
}
.single-list a {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50px;
text-align: center;
border-left: 1px solid #E1E5ED;
height: 50px;
line-height: 50px;
color: #072365;
transition: .3s;
}
.single-list h3 {
color: #072365;
font-size: 18px;
margin: 0;
padding-left: 15px;
transition: .3s;
}
.single-list:hover {
background: #072365;
}
.single-list:hover a {
color: #fff;
}
.single-list:hover h3 {
color: #fff;
}
.contact-time {
border: 5px solid #EDEFF2;
padding: 40px 30px;
}
.contact-time h3 {
font-size: 24px;
color: #072365;
font-weight: 700;
}
.single-contact-time p a {
color: #072365;
}
.single-contact-time p {
font-size: 18px;
color: #072365;
font-weight: 600;
padding-left: 50px;
position: relative;
}
.single-contact-time p i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 37px;
color: #17b3ab;
}
.single-contact-time p:last-child {
margin: 0;
}
.service-link-area {
margin-bottom: 80px;
}
.doctor-into {
margin-bottom: 80px;
}
.eye-area a {
margin-bottom: 50px;
display: block;
}
.eye-area h3 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 22px;
}
.eye-area p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin: 0;
}
.eye-area {
margin-bottom: 30px;
}
.about-doctors-area {
padding-bottom: 40px;
padding-top: 60px;
}
.eye-list {
display: flex;
justify-content: space-between;
}
.eye-list-lf h3 {
font-size: 24px;
color: #072365;
font-weight: 700;
margin: ;
margin-bottom: 25px;
}
.eye-list-lf ul li a i {
font-size: 20px;
color: #17b3ab;
margin-right: 7px;
position: absolute;
left: -25px;
}
.eye-list-lf ul li a {
color: #4F5256;
font-size: 16px;
font-weight: 600;
position: relative;
}
.eye-list-lf ul li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.eye-list {
margin-bottom: 50px;
}
.single-pruse {
background: #fff;
box-shadow: 0 0 10px #0000003d;
}
.single-pruse ul li a i {
color: #17b3ab;
font-size: 18px;
font-weight: 900;
margin-right: 5px;
}
.single-pruse {
padding-top: 95px !important;
padding: 30px;
margin-bottom: 25px;
min-height: 370px;
}
.single-pruse h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
border-bottom: 1px solid #ECECEC;
margin: ;
padding-bottom: 10px;
}
.single-pruse h3 span {
font-size: 46px;
color: #17b3ab;
font-weight: 700;
}
.single-pruse ul li {
margin-bottom: 10px;
}
.single-pruse ul li a {
font-size: 16px;
color: #072365;
font-weight: 500;
position: relative;
background: transparent !important;
padding: 0;
margin: 0;
}
.single-pruse ul li:last-child {
margin: 0;
}
.midd .single-pruse ul li a i {
color: #DE2068;
font-size: 18px;
font-weight: 900;
}
.pps-lidtt a {
color: #fff;
background: #17b3ab;
padding: 10px 30px;
display: inline-block;
border-radius: 3px;
font-size: 18px;
font-weight: 600;
}
.pruse-area {
padding-bottom: 115px;
}
.single-pruse {
position: relative;
}
.imh {
position: absolute;
height: 100px;
width: 100px;
background: #17b3ab;
line-height: 100px;
text-align: center;
top: -34px;
border-radius: 3px;
box-shadow: 0 0 10px #17b3ab4A;
}
.pps-lidtt.midd .imh {
background: #DE2068;
box-shadow: 0 0 10px #DE206852;
}
.pps-lidtt.midd h3 span {
color: #DE2068;
}
.pps-lidtt.midd a {
background: #DE2068;
}
.llff {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.pp {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin: 0;
}
.doctor-into.mrd {
margin: 0;
}
.pruse-area.ptt {
padding-top: 150px;
background-size: cover;
background-position: center;
background-image: url(../img/services/bgg.jpg)
}
.single-pruse {
transition: 0.3s;
}
.single-pruse:hover {
background: #EEEFF2;
}
.pps-lidtt.midd h3 {
border-bottom: 1px solid #DEDEDE;
}
.about-doctors-area.tedd {
padding-bottom: 35px;
padding-top: 120px;
}
.imgg {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
padding-top: 20px;
flex-wrap: wrap;
}
.imgg img {
margin: 5px;
width: calc(100%/2 - 10px);
}
.eye-list-lf.teart {
margin-bottom: 30px;
}
.eye-list-lf.teart h3 {
font-size: 40px;
}
.form-teart {
margin-bottom: 50px;
background: #fff;
border: 5px solid #EFF0F3;
padding: 50px 15px;
}
.form-teart h3 {
font-size: 30px;
color: #072365;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #F0F2F4;
}
.form-teart input {
width: 100%;
height: 50px;
background: #EDEFF2;
border: 0;
padding: 0 20px;
margin-bottom: 20px;
font-size: 16px;
color: #4F5256;
font-weight: 400;
}
span.dropdown-iconform {
position: relative;
height: 0;
}
span.dropdown-iconform i {
position: absolute;
bottom: -50px;
z-index: 1;
right: 30px;
width: 0;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
color: #545051;
}
.form-teart button {
width: 100%;
height: 50px;
background: #17b3ab;
border: 0;
border-radius: 3px;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.form-teart .nice-select {
width: 100%;
height: 50px;
line-height: 50px;
font-size: 16px;
color: #635282;
font-weight: 400;
display: inline-block;
margin-bottom: 20px;
background: #EDEFF2;
border: 0;
border-radius: 0;
appearance: none;
}
.form-teart .nice-select .option:hover,
.form-teart .nice-select .option.focus,
.form-teart .nice-select .option.selected.focus {
background-color: #DE2068;
color: #fff;
}
.form-teart .nice-select .option.selected.focus {
background-color: #DE2068 !important;
}
.work-tab-text h4 {
font-size: 16px;
color: #4F5256;
font-weight: 500;
margin-bottom: 20px;
font-style: italic;
}
.shop-area {
padding: 120px 0;
}
.zoom-img {
text-align: center;
border: 5px solid #F2F1F1;
padding: 50px 0;
}
.zoom-containt-top h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin-bottom: 10px;
}
.zoom-containt-top span {
color: #0064F9;
font-weight: 600;
font-size: 18px;
display: block;
margin-bottom: 10px;
}
.zoom-ster {
display: flex;
align-items: center;
}
.zoom-ster p {
margin: 0;
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin-left: 15px;
}
.single-ster {
display: flex;
align-items: center;
}
.single-ster a {
margin-right: 4px;
color: #F2D015;
}
.zoom-containt-top {
border-bottom: 1px solid #E6E7E7;
padding-bottom: 15px;
margin-bottom: 15px;
}
/*
*33 info-area-css-start
*/
.single-info p {
margin: 0;
font-size: 18px;
color: #fff;
font-weight: 400;
}
.single-info img {
margin-right: 30px;
}
/*
*34 Portfolio area style Start
*/
.portfolio-area {
padding-top: 120px;
padding-bottom: 90px;
}
.port-wrapper {
margin-bottom: 30px;
}
.port-img {
position: relative;
z-index: 1;
}
.port-plus {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.port-plus a h3 {
display: inline-block;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 24px;
}
/*
*35 Pricing area Start
*/
.pricing-area {
padding-top: 110px;
padding-bottom: 60px;
}
.pricing-title {
margin-bottom: 40px;
}
.pricing-title h3 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 25px;
}
.pricing-title p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
margin: 0;
}
/*
*36 slider content style here
*/
.title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.slider-content i {
font-size: 100px;
font-family: Cooper Std;
padding: 0px;
margin: 0px;
color: #DE2068;
line-height: 80px;
}
.single-slider-active .owl-item.active.center .slider-content i {
color: #17b3ab;
}
/*
*37 medical servicse area Start
*/
.transparent {
padding-top: 100px;
padding-bottom: 60px;
}
.medi-service-area {
background-size: cover;
background-position: center;
padding-top: 110px;
padding-bottom: 90px;
background-color: #F5F6F8;
background-image: url(../img/services/services.jpg)
}
.med-service-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.medi-content p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
margin: 0;
margin-bottom: 20px;
}
.medi-content p:last-child {
margin-bottom: 0;
}
.medi-content h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 30px;
}
.medi-service {
text-align: center;
background: #ddd;
padding: 70px 50px 50px 50px;
border: 1px solid #E5E5E6;
}
.medi-service p {
font-size: 16px;
font-weight: 400;
}
.medi-service h4 {
font-size: 22px;
color: #072365;
font-weight: 600;
margin-bottom: 15px;
}
.medi-service.color-1 {
background-color: #F5F6F8;
}
.medi-service.color-2 {
background-color: #FFFFFF;
}
.care-content {
margin-left: 0;
}
.carning-text {
text-align: center;
}
.medi-service-area.transparent {
background: none;
}
.home .position-relative {
padding-bottom: 75px;
}
.home .featured-area {
padding-bottom: 100px;
}
.position-relative {
padding-bottom: 100px;
}
.socail-doc a {
color: #fff;
margin: 10px;
transition: .3s;
}
.skin-area {
padding-bottom: 55px;
}
.single-card {
text-align: center;
box-shadow: 0 0 5px #00000054;
margin-bottom: 60px;
}
.ssom {
overflow: hidden;
}
.single-doctores:before {
position: absolute;
content: "";
background: linear-gradient(to bottom, rgba(30, 87, 153, 0.03) 0%, rgba(20, 38, 99, 0.47) 45%, rgba(20, 38, 99, 1) 100%);
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.single-doctores:hover:before {
opacity: 1;
visibility: visible;
}
.single-doctores {
transition: .3s;
}
.theme-btn:hover {
color: #fff;
}
.doctor-text {
opacity: 0;
visibility: hidden;
transition: .3s;
}
.single-doctores:hover .doctor-text {
opacity: 1;
visibility: visible;
height: 126px;
}
.card-text {
background: transparent;
position: relative;
padding: 40px 40px 25px 40px;
}
.socail-doc a:hover {
color: #17b3ab;
}
.card-text h3::before {
position: absolute;
content: "";
height: 1px;
width: 70px;
border: 1px dashed #17b3ab;
left: 0;
right: 0;
margin: auto;
border: ;
bottom: -15px;
}
.card-text h3 {
font-size: 24px;
color: #072365;
font-weight: 700;
margin-bottom: 30px;
position: relative;
}
.says-title {
margin-bottom: 65px;
}
.says-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 30px;
}
.says-title p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
margin: 0;
padding-right: 407px;
}
.slider-area {
background-color: #EDF1F9;
padding-top: 110px;
padding-bottom: 85px;
position: relative;
z-index: 1;
background-size: contain;
background-position: center;
}
.slider-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 15px;
}
.slider-title p {
font-size: 16px;
color: #4f5256;
line-height: 24px;
padding-bottom: 30px;
}
.slider-title {
max-width: 745px;
margin: auto;
}
.slider-content {
max-width: 370px;
box-shadow: 0 0 8px 1px #33333329;
padding: 64px 20px;
text-align: center;
background-color: #fff;
transition: 0.3s;
}
.slider-content p {
font-size: 16px;
font-style: italic;
color: #4f5256;
line-height: 27px;
margin: 0;
}
.slider-content img {
margin-bottom: 40px;
}
.slider-info {
display: flex;
align-items: center;
}
.slider-inner-text h4 {
font-size: 18px;
color: #072365;
font-weight: 700;
margin: 0;
}
.slider-inner-text p {
font-size: 16px;
color: #5c5d60;
font-weight: 400;
margin: 0;
}
.slider-inner-text {
margin-left: 10px;
}
.slider-info {
padding-top: 25px;
}
.owl-carousel .owl-item img {
display: block;
width: auto;
}
.single-slider-active .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
padding-left: 10px;
padding-top: 10px;
}
.single-slider-active .owl-item.active.center .slider-content {
background: #17b3ab;
color: #fff;
}
.single-slider-active .owl-item.active.center .slider-content p {
color: #fff;
}
.single-slider-active.owl-carousel .owl-item img {
display: block;
width: auto;
text-align: center;
margin: auto;
margin-bottom: 20px;
}
.slder.slider-1 {
position: absolute;
bottom: 0;
left: 0;
}
.sli.sli-2 {
position: absolute;
right: -33px;
top: -40px;
}
/*
*38 shop-page-css
*/
.shop-productt-area {
padding-bottom: 80px;
}
.zoom-df {
display: flex;
align-items: center;
}
.zoom-df h3 {
font-size: 16px;
font-weight: 400;
margin: 0;
width: 144px;
}
.zoom-df p {
font-size: 16px;
color: #0164F9;
font-weight: 400;
margin: 0;
}
.zoom-df {
margin-bottom: 20px;
}
.zoom-df.zomm-ll .nice-select {
background: #F5F6F8;
border-radius: 3px;
height: 35px;
line-height: 35px;
text-align: center !important;
}
.zoom-df.zomm-ll h3 {
width: 124px;
}
.zoom-containt-bottom a,
.fecure-containt a,
.fetured-btn a {
color: #fff;
background: #17b3ab;
padding: 8px 30px;
border-radius: 3px;
display: inline-block;
margin-top: 25px;
font-weight: 600;
font-size: 16px;
}
.review-area {
width: 100%;
}
.descriptionp h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin-bottom: 10px;
margin-top: 15px;
}
.descriptionp p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin: 0;
}
.descriptionp {
padding: 20px 0;
border-bottom: 1px solid #F0F0F0;
}
.add h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin: ;
margin-bottom: 10px;
}
.add {
padding: 20px 0;
padding-bottom: 12px;
}
.add-fl {
display: flex;
align-items: center;
}
.add-fl ul li a {
color: #4F5256;
font-size: 16px;
color: ;
font-weight: 400;
width: ;
}
.add-fl ul {
width: 150px;
}
.add-fl ul li {
margin-bottom: 8px;
}
.rev-title h3 {
font-size: 24px;
color: #072365;
font-weight: 600;
margin-bottom: 10px;
}
.rev-title {
padding: 20px 0;
}
.rev-title p {
font-size: 16px;
color: #252525;
font-weight: 400;
margin: 0;
}
.revire-fl {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.re-img {
margin-right: 15px;
}
.re-text p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
margin: 0;
}
.re-text p span {
color: #de2068 !important;
}
.re-ttc h3 {
font-size: 16px;
color: #252525;
margin-bottom: 10px;
font-weight: 400;
}
.re-ttc p {
font-size: 16px;
margin: 0;
font-weight: 400;
}
.re-ttc {
margin-bottom: 20px;
margin-top: 40px;
}
.single-re-input lable {
font-size: 16px;
color: #4F5256;
font-weight: 400;
display: block;
}
.single-re-input textarea {
height: 150px;
background: #FAFAFA;
border-radius: 5px;
border: 1px solid#F0F0F0;
width: 100%;
margin: 0;
}
.single-re-input label {
font-size: 16px;
color: ;
font-weight: 400;
margin: 0;
font-size: ;
display: block;
}
.single-re-input {
margin-bottom: 30px;
margin-top: 30px;
}
.single-re-input input {
background: #FAFAFA;
border: 1px solid#F0F0F0;
border-radius: 5px;
width: 100%;
height: 50px;
}
.re-form button {
background: #de2068;
font-size: 16px;
color: #fff;
font-weight: 600;
border: 0;
padding: 5px 30px;
border-radius: 3px;
}
.modal-body.td {
padding: 0;
border: 0;
box-shadow: none;
}
.serch-btn input {
width: 100%;
height: 60px;
padding: 0 30px;
border-radius: 5px;
border: 0;
font-weight: 600;
}
.modal-content {
border: 0;
box-shadow: none;
background: transparent !important;
}
.serch-btn {
position: relative;
}
.serch-btn button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 114px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 0;
background: #DE2068;
color: #fff;
font-weight: 600;
}
body.is-cursor-active {
cursor: none;
}
body.is-cursor-active .cursor .cursor__shape {
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
body.is-cursor-active .cursor.is-mouse-down .cursor__cursor {
transform: scale(0.9) translate3d(-50%, -50%, 0) rotate(0deg);
}
.cursor {
position: fixed;
top: 0;
left: 0;
z-index: 502;
pointer-events: none;
}
.cursor.is-active .cursor__cursor {
transform: scale(1) translate3d(-50%, -50%, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__right-chevron] .cursor__right-chevron {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__left-chevron] .cursor__left-chevron {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__close] .cursor__close {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__grab] .cursor__grab {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor.is-active[data-cursor=cursor__hamburger] .cursor__hamburger {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor svg {
position: absolute;
top: 50%;
left: 50%;
stroke: #fff;
fill: none;
transform: translate(-50%, -50%);
width: 40px;
height: 50px;
}
.cursor svg line {
stroke: #fff;
}
.cursor[data-cursor=cursor__right-chevron] .cursor__right-chevron {
transform: scale(0.1) translate3d(-20px, 0, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__left-chevron] .cursor__left-chevron {
transform: scale(0.1) translate3d(20px, 0, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__grab] .cursor__grab {
transform: scale(0.1) translate3d(0, 10px, 0) rotate(0deg);
}
.cursor[data-cursor=cursor__close] .cursor__close {
transform: scale(0.1) translate3d(0, 0, 0) rotate(-180deg);
}
.cursor[data-cursor=cursor__hamburger] .cursor__hamburger {
stroke: 2px solid #fff;
transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);
}
.cursor__cursor {
border-radius: 50%;
background-color: blue;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 0% 0%;
transform: scale(0) translate3d(-50%, -50%, 0) rotate(0deg);
filter: drop-shadow(5px 10px 20px rgba(0, 0, 0, 0.3));
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
width: 40px;
height: 40px;
}
.cursor__shape {
opacity: 0;
transform-origin: 50% 50%;
transition: none;
transform: scale(0.1) translate3d(0, 0, 0) rotate(0deg);
}
.left,
.right {
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-family: "inconsolata", "courier new", monospace;
font-weight: bold;
color: #fff;
letter-spacing: 0.25em;
font-size: 0.8em;
height: 25vh;
}
.left {
left: 0;
}
.right {
left: 50%;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
.top.left {
background-color: MidnightBlue;
}
.top.right {
background-color: Orange;
height: 100vh;
width: 100%;
background: transparent;
}
.bottom.left {
background-color: MediumAquamarine;
}
.bottom.right {
background-color: tomato;
}
.cloder {
position: absolute;
width: 100%;
}
.sheap-1 {
position: absolute;
top: 55px;
left: 10px;
}
.team-1 {
position: relative;
overflow: hidden;
z-index: 9;
transition: .3s;
}
.team-1:before {
position: absolute;
content: "";
background: #072365;
height: 100%;
width: 100%;
left: 0;
top: 100%;
z-index: -1;
transition: .3s;
}
.team-1:hover::before {
top: 0;
}
.team-1:hover {
color: #fff;
}
.contact-form label {
color: #4f5256;
font-size: 16px;
font-weight: 400;
margin: 0;
display: block;
}
textarea {
width: 95%;
height: 80px;
border: 0b-b;
border: 0;
border-bottom: 2px solid #c6c4c4;
font-size: 16px;
color: #4f5256;
margin-top: 0;
}
.team-box {
border: 5px solid #fff;
}
.list-l {
width: 165px;
}
.doctor-list {
display: flex;
align-items: center;
justify-content: normal;
}
.features-all-content {
margin-bottom: 35px;
border-bottom: 1px dotted;
padding-bottom: 35px;
}
.port-plus {
opacity: 0;
visibility: hidden;
}
.port-wrapper:hover .port-plus {
opacity: 1;
visibility: visible;
}
.port-wrapper {
transition: .3s;
}
.port-plus {
opacity: 0;
visibility: hidden;
transition: .3s;
}
.s-icon a img {
margin-right: 15px;
transition: 0.3s;
}
.s-icon a img:hover {
scale: 1.15;
}
.d-social h4 {
font-size: 18px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
.dental-care img {
transition: 0.3s;
margin-bottom: 25px;
}
.dental-care img:hover {
scale: 1.1;
}
.ssom img {
transition: 0.3s;
}
.ssom img:hover {
scale: 1.1;
}
.re-text {
font-weight: 400;
}
.re-text span {
color: #de2068;
}
.team-box {
overflow: hidden;
margin-top: 30px;
}
.team-box:hover img {
transform: scale(1.1);
}
.team-img {
overflow: hidden;
}
.team-img img {
transition: .3s;
}
.section-title h3 {
font-size: 36px;
color: #072365;
font-weight: 700;
margin: 0;
text-align:left;
margin-bottom: 20px;
}
.featured-area {
padding: 100px 0;
}
.nav-link {
font-size: 16px;
color: #072365;
font-weight: 600;
}
.single-featured {
position: relative;
}
.feet-img {
text-align: center;
background: #F4F8FD;
height: 285px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.fetured-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
margin-top: 20px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.fetured-btn a {
background: #02B9B1;
font-size: 12px;
}
.single-featured span {
position: absolute;
top: 10px;
background: #17b3ab;
left: 10px;
width: 65px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 5px;
font-size: 12px;
color: #FFFFFF;
font-weight: 600;
}
.love {
position: absolute;
top: 10px;
right: 10px;
color: #BCC3CE;
}
.fecure-containt h3 {
font-size: 18px;
color: #072365;
font-weight: 600;
margin-bottom: 15px;
}
.fecure-containt {
padding: 35px 20px;
}
.fecure-containt h4 {
font-size: 24px;
color: #02B9B1;
font-weight: 600;
margin-bottom: 20px;
}
.fetured-btn a {
padding: 9px 25px;
font-size: 16px;
}
.single-featured {
border: 1px solid #D9DFE7;
border-radius: 5px;
transition: .3s;
margin-bottom: 30px;
}
.singl-top::before {
position: absolute;
content: "";
background: #fff;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
transition: .3s;
}
.single-featured:hover .singl-top::before {
opacity: .6;
visibility: visible;
}
.single-featured:hover .fetured-btn {
opacity: 1;
visibility: visible;
}
.love:hover {
color: #17b3ab;
}
.love {
transition: .3s;
}
.pluse-2 {
position: absolute;
right: 0;
bottom: 90px;
}
.shop-area .row {
border-bottom: 1px solid #F0F0F0;
padding-bottom: 50px;
}
.shop-area {
padding-bottom: 50px;
}
.nav-link {
font-size: 18px;
color: #fff;
font-weight: 600;
}
.doctors-info-area.bb {
margin-bottom: -78px;
}
.footer-area.cc {
padding-top: 144px !important;
}
.doctors-info-area {
margin-bottom: -78px;
margin-top: -86px;
}
.port-img {
position: relative;
z-index: 1000;
}
.port-img::before {
position: absolute;
content: "";
background: linear-gradient(transparent, #072365);
height: 100%;
width: 100%;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.port-img:hover::before {
opacity: 1;
visibility: visible;
}
.port-plus {
z-index: 999;
}
.single-blog-gied:hover img {
transform: scale(1.1);
}
.se-img {
overflow: hidden;
}
.se-img img {
transition: .3s;
height: 302px;
width: 100%;
}
.nice-select .list {
z-index: 10;
left: unset;
right: 0
}
.single-table {
text-align: center;
}
.single-table h3 {
font-size: 30px;
color: ;
font-size: ;
font-weight: 700;
margin-bottom: 40px;
}
.tabbil-area {
padding: 100px 0;
}
.doctors-info-area {
margin-bottom: -78px;
margin-top: -92px;
position: relative;
z-index: 9;
}
.Appoint-contact-area.pbbs {
padding-bottom: 187px;
}
.blog-img {
position: relative
}
.blog-img::before {
position: absolute;
content: "";
background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);
background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgba(4, 79, 193, 1) 100%);
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 28%, rgba(30, 87, 153, 0.04) 31%, rgba(30, 87, 153, 0.1) 35%, rgb(0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#044fc1', GradientType=0);
height: 100%;
width: 100%;
transition: .3s;
}
.faq-area {
padding-top: 120px;
padding-bottom: 120px;
}
.faq-content h4:before {
position: absolute;
content: "";
width: 70px;
height: 2px;
background: #DE2068;
top: 50%;
transform: translateY(-50%);
left: 50px;
}
.faq-content h2 {
font-weight: 700;
margin-bottom: 20px;
}
.faq-content h1 {
font-weight: 700;
margin-bottom: 30px;
}
.faq-content p {
margin-bottom: 30px;
}
.faq-content a {
background: #DE2068;
color: #fff;
padding: 10px 34px;
}
.faq-content a:hover {
padding: 10px 34px;
}
.faq-content h4 {
color: #072365;
font-size: 16px;
position: relative;
}
.card-header .btn.btn-link.btn-block.text-left {
text-decoration: none;
}
.card {
margin-bottom: 13px;
border: none;
}
.card-header button i {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
text-align: center;
background: #F7F7F7;
line-height: 20px;
display: none;
}
.card-header button {
position: relative;
}
.card-header button[aria-expanded="true"] i.fa-chevron-down {
display: block;
}
.card-header button[aria-expanded="false"] i.fa-chevron-up {
display: block;
}
.appoin-box a::before {
background: #0064F7 !important;
}
.appoin-box a:hover::before {
background: #0064F7 !important;
height: 641% !important;
}
.faq-area .collapse:not(.show) {
display: none;
}
.btn.btn-link.btn-block.text-left.collapsed:hover {
color: #DE2068;
}
.btn.btn-link.btn-block.text-left.collapsed {
color: #072365;
transition: 0.3s;
}
.btn-link:hover {
color: #DE2068;
text-decoration: underline;
}
.btn-link {
font-weight: 500;
color: #DE2068;
text-decoration: none;
}
.card-header {
border-bottom: none;
}
.single-info {
height: 100%;
}
.news-blog-title {
margin-bottom: 10px;
}
.news-blog-title h2 {
font-size: 40px;
color: #072365;
font-weight: 700;
margin-bottom: 20px;
}
input:focus {
outline: none;
box-shadow: none;
}
textarea:focus {
outline: none;
box-shadow: none;
}
.happy-single-slider {
background: #fff;
padding: 40px 25px;
width: auto;
}
.slider-area .single-slider-active.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {
margin-right: 0;
padding-left: 0;
margin: 0 -4px;
}
.header-off-btn.menu-trigger {
display: block;
background: rgb(88, 165, 254);
background: -webkit-linear-gradient(0deg, rgb(1, 86, 169) 0%, rgb(0, 146, 109) 100%);
background: -webkit-linear-gradient(0deg, rgb(1, 86, 169) 0%, rgb(0, 146, 109) 100%);
background: #DE2068;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#58a5fe', endColorstr='#20d1fd', GradientType=1);
text-align: center;
height: 40px;
line-height: 40px;
width: 40px;
z-index: 9;
position: absolute;
right: 23px;
top: 50%;
border-radius: 5px;
transform: translateY(-50%);
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.off-canvas-menu {
width: 300px;
background: #fff;
position: fixed;
height: 100%;
z-index: 99999;
top: 0;
left: -100%;
transition: .3s;
}
.off-canvas-menu .header-btn {
margin-top: 30px;
text-align: center;
}
.header-btn.off a {
margin: 0;
}
.close-menu a {
position: absolute;
right: 20px;
height: 32px;
color: #072365;
text-align: center;
line-height: 32px;
border-radius: 50%;
top: 15px;
background: #ffff;
width: 32px;
}
.off-canvas-menu.active {
left: 0;
}
.off-canvas-menu ul li a {
color: #999;
padding: 0;
display: block;
padding: 20px 0;
font-size: 16px;
border-bottom: 1px solid #dddddd87;
}
.off-canvas-overlay {
position: fixed;
height: 100%;
width: 100%;
background: #072365;
z-index: -1;
opacity: 0;
-webkit-transition: .3s;
transition: .3s;
}
.off-canvas-overlay.active {
opacity: .6;
z-index: 999;
cursor: pointer;
}
.off-canvas-menu ul {
margin-top: 65px;
padding: 0;
list-style: none;
}
.header-off-btn span {
background: #283B91;
height: 4px;
width: 30px;
display: block;
border-radius: 14px;
margin-bottom: 4px;
}
.header-off-btn {
position: absolute;
left: auto;
z-index: 2;
width: 30px;
height: 22px;
cursor: pointer;
right: 70px;
}
.off-canvas-menu ul li {
margin: 0 20px;
}
.off-canvas-menu {
display: block;
}
.header-off-btn.menu-trigger a {
color: #fff;
font-size: 18px;
}
.ofcanvas a {
display: block;
padding: 7px 20px;
color: #fff;
text-align: ;
}
.off-canvas-overlay.active {
opacity: .5;
visibility: visible;
}
.header-btn.of-log {
display: flex;
height: auto;
justify-content: center;
margin-top: 50px;
}
.header-mainmenu-2 .header-off-btn.menu-trigger a {
color: #2F6F76;
}
.header-off-btn.menu-trigger.right {
display: none !important;
}
.theme-btn.cc {
transition: 0.2s !important;
}
.dropdown-item {
padding: 8px !important;
color: #072365 !important;
font-size: 16px;
}
.dropdown-menu {
top: -38px !important;
}
.header-pos {
z-index: 9999;
}
#collapseExample {
margin: 0;
}
#collapseExample li a {
font-size: 16px;
padding: 9px;
}
#collapseExample li {
margin: 0px 10px;
}
.off-canvas-menu ul li a i {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.off-canvas-menu ul li a {
position: relative;
}
.off-canvas-menu ul li a[aria-expanded="true"] i.fas.fa-sort-up {
opacity: 1;
visibility: visible;
}
.off-canvas-menu ul li a[aria-expanded="false"] i.fas.fa-sort-down {
opacity: 1;
visibility: visible;
top: 46%;
}
button:focus-within {
outline: 0;
border: 0;
border: 0 !important;
}
/*
*39 hover-effect
*/
.theme-btn::before {
position: absolute;
content: "";
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #072365;
z-index: -1;
transition: .3s;
}
.theme-btn {
position: relative;
z-index: 99;
overflow: hidden;
border:none;
}
.theme-btn:hover::before {
width: 100%;
}
.foot-scoail a {
transition: .3s;
}
.foot-scoail a:hover {
color: #00ACA2;
}
#collapseExample2 {
margin: 0;
}
#collapseExample {
margin: 0;
}
#collapseExample3 {
margin: 0;
}
#collapseExample4 {
margin: 0;
}
#collapseExample5 {
margin: 0;
}
#collapseExample li a {
font-size: 16px;
padding: 9px;
}
#collapseExample3 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample4 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample5 li a {
font-size: 16px;
padding: 9px;
}
#collapseExample li {
margin: 0px 10px;
}
#collapseExample3 li {
margin: 0px 10px;
}
#collapseExample4 li {
margin: 0px 10px;
}
#collapseExample5 li {
margin: 0px 10px;
}
.height100 {
height: 1000px;
}
.go-top:hover i {
color: #fff !important;
}
.nav-item {
margin-bottom: 5px;
}
.comingsoon-page {
width: 100%;
background-size: cover;
text-align: center;
background: url(../img/background/comingbg.jpg) no-repeat #f4f4f4;
}
.com-soon-page-container {
padding: 10% 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.comingsoon-page h2 {
font-size: 60px;
color: #072365;
font-weight: 700;
margin: 60px 0;
}
ul.coming-list {
width: 100%;
margin: 0px 0px 50px;
padding: 0px;
float: left;
}
ul.coming-list li {
list-style: none;
display: inline-block;
width: 136px;
border-radius: 4px;
border: 3px solid #072365;
text-align: center;
text-transform: uppercase;
color: #072365;
padding: 37px 0px;
margin: 10px 20px;
background: #DE2068;
padding: 40px 10px;
}
ul.coming-list li .number {
font-size: 72px;
font-weight: 700;
line-height: 40px;
color: #fff;
}
ul.coming-list li .day {
font-size: 22px;
font-weight: 700;
width: 100%;
float: left;
color: #fff;
padding-top: 10px;
}
.maintenance {
width: 100%;
float: left;
text-align: center;
padding: 80px 0px;
background: #f7f7f7;
margin-top: -35px;
height: 100vh;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.main-containt {
width: 100%;
}
.main-containt h4 {
font-size: 30px;
font-weight: 700;
padding: 0px;
margin: 0px;
}
.maintenance h4 {
margin-bottom: 30px;
}
.bs-slider {
overflow: hidden;
max-height: 700px;
position: relative;
background: #072365;
width: 100%;
}
.bs-slider:hover {
cursor: -moz-grab;
cursor: -webkit-grab;
}
.bs-slider:active {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider>.carousel-inner>.item>img,
.bs-slider>.carousel-inner>.item>a>img {
margin: auto;
width: 100% !important;
}
/*
*40 Slide effect
*/
.fade {
opacity: 1;
}
.fade:not(.show) {
opacity: 1;
}
.fade .item {
top: 0;
z-index: 1;
opacity: 0;
width: 100%;
position: absolute;
left: 0 !important;
display: block !important;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
top: auto;
position: relative;
}
.fade .item.active {
opacity: 1;
z-index: 2;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
/*
*41 homepage slider
*/
.slider-section {
width: 100%;
float: left;
position: relative;
z-index: -1;
margin-top: -35px;
}
.indicators-line>.carousel-indicators {
right: 2%;
top: 40% !important;
width: auto;
white-space: nowrap;
left: auto;
display: block;
margin-right: 0;
margin-left: 0;
}
.indicators-line>.carousel-indicators li {
display: block;
padding: 0;
width: 16px;
height: 16px;
border: 2px solid #072365;
overflow: hidden;
position: relative;
border-radius: 50%;
-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
z-index: 10;
cursor: pointer;
background: transparent;
margin: 8px 0;
box-sizing: border-box;
}
.indicators-line>.carousel-indicators .active {
background: #0064FA;
border-color: #0064FA;
}
/*
*43 SLIDE CAPTION
*/
.slide_style_left {
text-align: left !important;
}
.slide_style_right {
text-align: right !important;
}
.slide_style_center {
text-align: center !important;
}
.slide-text {
left: 0;
top: 28%;
right: 0;
position: absolute;
width: 100%;
}
.slide-text .text-area {
float: left;
width: 690px;
display: block;
}
.slide-text h1 {
padding: 0;
color: #072365;
font-size: 60px;
font-style: normal;
line-height: 75px;
margin-bottom: 10px;
display: inline-block;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
font-weight: 700;
}
.slide-text p {
font-size: 18px;
margin: 0;
font-weight: 600;
color: #072365;
display: block;
padding: 0 0 43px;
font-style: italic;
font-family: 'Open Sans', sans-serif;
}
.slide-text a.btn-default {
color: #fff;
font-weight: 400;
background-image: none;
background: none;
font-size: 17px;
margin-right: 10px;
text-align: center;
padding: 13px 37px;
border: none;
text-transform: capitalize;
background: #DE2068;
font-family: 'Open Sans', sans-serif;
}
.slide-text a:hover,
.slide-text a:active {
color: #ffffff;
background: #17b3ab;
}
/*
*42 Intro-Area
*/
.no-padding {
padding: 0 !important;
}
.intro-area .row,
.range-area .row {
margin: 0;
}
.intro-area {
width: 100%;
float: left;
display: block;
padding: 30px 0;
border-bottom: 8px solid #DE2068;
}
.intro-box {
display: inline-flex;
width: 100%;
padding: 5px 40px;
border-right: 1px dashed #072365;
}
.intro-box i {
font-size: 48px;
padding-top: 7px;
padding-right: 12px;
color: #DE2068;
}
.intro-box .inr {
width: auto;
display: block;
}
.intro-box .inr h2 {
color: #141517;
font-size: 24px;
font-weight: 600;
padding-bottom: 10px;
margin: 0;
}
.intro-box .inr p {
font-size: 16px;
color: #666;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
/*
*43 Advanced-Area
*/
.advanced-area {
width: 100%;
float: left;
display: block;
padding: 110px 0 150px 0;
}
.advanced-area h1 {
text-align: center;
font-weight: 800;
padding-bottom: 65px;
color: #072365;
font-size: 40px;
margin: 0;
}
.advanced-area .adv-img {
width: 100%;
float: left;
display: block;
position: relative;
}
.advanced-area .adv-img .main {
width: 100%;
float: left;
padding-left: 30px;
}
.advanced-area .adv-img .first {
width: auto;
position: absolute;
top: -25px;
right: -30px;
z-index: -1;
}
.advanced-area .adv-img .second {
width: auto;
position: absolute;
left: 0px;
bottom: -30px;
z-index: -1;
}
.advanced-area .adv-detail {
width: 100%;
float: left;
display: block;
padding-left: 70px;
position: relative;
}
.advanced-area .adv-detail p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
.advanced-area .adv-link {
float: left;
width: 100%;
display: block;
padding: 30px 0;
}
.advanced-area .adv-link a {
font-size: 16px;
color: #111;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 8px 0;
float: left;
width: 100%;
}
.advanced-area .adv-link a:hover {
color: #17b3ab;
text-decoration: none;
}
.advanced-area .adv-link a i {
color: #17b3ab;
padding-right: 12px;
font-size: 23px;
}
.advanced-area .adv-indi {
width: 100%;
float: left;
display: block;
}
.advanced-area .adv-indi h2 {
font-size: 24px;
color: #111;
font-weight: 600;
padding-bottom: 10px;
margin: 0;
}
.advanced-area .adv-indi h4 {
font-size: 16px;
color: #DE2068;
font-weight: 500;
}
.advanced-area .adv-bottom {
width: 700px;
display: inline-flex;
position: absolute;
right: 0 !important;
padding: 25px 50px;
bottom: 0;
background: #17b3ab;
bottom: -235px;
height: 185px;
}
.adv-bottom h3 {
text-align: left;
font-weight: 600;
color: #fff;
font-size: 30px;
width: 420px;
padding-right: 50px;
border-right: 5px solid #fff;
line-height: 40px;
padding-left: 0;
margin: 0;
display: flex;
align-items: center;
}
.adv-bottom ul {
width: 100%;
float: left;
display: block;
padding-left: 50px;
}
.adv-bottom ul li {
font-size: 18px;
color: #fff;
padding: 8px 0;
border-bottom: 2px dashed #fff;
display: inline-flex;
width: 100%;
}
.adv-bottom ul li:last-child {
border-bottom: 0;
}
.adv-bottom ul li b {
font-weight: 500;
width: 135px;
}
.modal-title {
color: #fff;
font-size: 16px;
padding-left: 7px
}
/*
*44 Services-Area
*/
.services-area {
width: 100%;
float: left;
display: block;
padding: 110px 0 120px 0;
background-image: url(../img/banner/banner-1.png);
background-position: center;
}
.services-area h1 {
text-align: center;
font-weight: 800;
padding-bottom: 10px;
color: #072365;
font-size: 40px;
}
.services-area p {
text-align: center;
font-weight: 400;
color: #4f5256;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
padding-bottom: 40px;
}
.services-box {
width: 100%;
float: left;
display: block;
padding: 20px;
background: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.services-box .per-box {
width: 25%;
float: left;
display: flex;
border: 1px solid #e6e6e6;
padding: 40px;
transition: all 0.7s;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
.services-box .per-box:nth-child(1n+0) {
border-left: 1px solid transparent;
}
.services-box .per-box:nth-child(4n+0) {
border-right: 1px solid transparent;
}
.services-box .per-box:nth-child(1),
.services-box .per-box:nth-child(2),
.services-box .per-box:nth-child(3),
.services-box .per-box:nth-child(4) {
border-top: 1px solid transparent;
}
.services-box .per-box:nth-child(5),
.services-box .per-box:nth-child(6),
.services-box .per-box:nth-child(7),
.services-box .per-box:nth-child(8) {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.services-box .per-box:nth-child(9),
.services-box .per-box:nth-child(10),
.services-box .per-box:nth-child(11),
.services-box .per-box:nth-child(12) {
border-bottom: 1px solid transparent;
}
.services-box .per-box img {
width: auto;
float: none;
margin: auto;
display: block;
}
.services-box .per-box h3 {
font-size: 18px;
font-weight: 600;
color: #072365;
text-align: center;
padding-top: 20px;
margin: auto;
}
.services-box .per-box:hover {
text-decoration: none;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.services-box .per-box:hover h3 {
color: #17b3ab;
}
/*
*46 Doctors-Area 2
*/
section.docor-area-team-wrap {
background-image: url(../img/background/team-shape.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #f0f0f2;
background-position: bottom center;
}
.doctors-area {
width: 100%;
float: left;
display: block;
padding: 110px 0 100px 0;
background: #fff;
}
.doctors-area h1 {
text-align: center;
font-weight: 800;
padding-bottom: 0;
color: #072365;
font-size: 36px;
margin-bottom: 0;
}
.doc-box {
width: 100%;
float: left;
display: block;
padding-bottom: 15px;
background: #f5f6f8;
margin-top: 50px;
}
.product-box {
width: 100%;
float: left;
display: block;
margin-bottom: 30px;
position: relative;
overflow: hidden;
transition: all 0.3s;
}
.product-box img {
width: 100%;
}
.product-box .pro-text {
width: 100%;
height: 50%;
position: absolute;
text-align: center;
left: 0;
right: 0;
background: linear-gradient(transparent, #072365);
top: 100%;
transition: all 0.5s;
}
.product-box:hover .pro-text {
top: 50%;
padding-top: 200px;
}
.product-box .pro-text ul {
margin: 0;
padding: 0;
width: 100%;
}
.product-box .pro-text ul li {
display: inline-block;
list-style: none;
}
.product-box .pro-text ul li a i {
font-size: 24px;
padding: 10px 15px;
color: #fff;
}
.product-box .pro-text ul li a:hover {
text-decoration: none;
}
.product-box .pro-text ul li a:hover i {
color: #DE2068;
}
.doc-box h2 {
font-size: 24px;
color: #072365;
font-weight: 600;
padding-bottom: 15px;
text-align: center;
margin: 0;
}
.doc-box h4 {
font-size: 18px;
color: #DE2068;
font-weight: 600;
text-align: center;
}
.con-link {
width: 100%;
float: left;
display: block;
padding-top: 100px;
}
.con-link img {
width: auto;
float: none;
display: block;
margin: 15px auto;
}
/*
* 47 Appoinment-Area
*/
.appoinment-area {
width: 100%;
float: left;
display: block;
padding: 120px 0;
background-image: url(../img/banner/banner-3.png);
background-position: left;
background-repeat: no-repeat;
height: 780px;
margin-bottom: 120px;
}
.appoinment-area h1 {
text-align: left;
font-weight: 700;
padding-bottom: 20px;
color: #fff;
font-size: 40px;
line-height: 50px;
margin: 0;
}
.appoinment-area h2 {
font-size: 48px;
font-weight: 700;
font-style: italic;
color: #DE2068;
padding-bottom: 20px;
margin: 0;
}
.appoinment-area p {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
line-height: 28px;
margin: 0;
}
.appoinment-area .btn-app {
background: #17b3ab;
padding: 14px 20px;
color: #fff;
font-weight: 600;
border-radius: 3px;
margin-top: 30px;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
}
.appoinment-area .form-area {
width: 100%;
float: left;
display: block;
padding: 40px 60px;
background: #fff;
position: relative;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
margin-top: 40px;
}
.appoinment-area .form-area h1 {
text-align: left;
font-weight: 700;
padding-bottom: 30px;
color: #072365;
font-size: 32px;
line-height: 50px;
margin: 0;
}
.appoinment-area .form-area input {
height: 60px;
margin-bottom: 10px;
font-size: 17px;
color: #072365;
border: 0;
border-bottom: 1px solid #c9c9c9;
border-radius: 0;
padding: 0;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
}
.appoinment-area .form-area input,
.appoinment-area .form-area textarea {
height: 60px;
margin-bottom: 10px;
font-size: 17px;
color: #072365;
border: 0;
border-bottom: 1px solid #c9c9c9;
border-radius: 0;
padding: 0;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
.appoinment-area .form-area i {
font-size: 24px;
color: #555;
position: absolute;
top: 20px;
right: 18px;
}
.appoinment-area .form-area textarea {
height: 90px;
margin-top: 35px;
}
.appoinment-area .form-area input::placeholder,
.appoinment-area .form-area textarea::placeholder {
color: #666;
}
.appoinment-area .form-area .btn-submit {
margin-top: 30px;
}
.calendar {
margin-bottom: 200px;
}
.class-link {
color: #333333;
text-decoration: none;
}
.class-link:hover {
color: #ffbb00;
}
.calendar {
padding: 8px;
background: #ffffff;
border-radius: 4px;
font-size: 18px;
border: 1px solid #333333;
}
.ui-datepicker {
background: #ffffff;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
z-index: 9 !important;
}
.ui-datepicker-header {
height: 50px;
line-height: 50px;
color: #ffffff;
background: #DE2068;
margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
width: 20px;
height: 20px;
text-indent: 9999px;
border-radius: 100%;
cursor: pointer;
overflow: hidden;
margin-top: 12px;
}
.ui-datepicker-prev {
float: left;
margin-left: 12px;
}
.ui-datepicker-prev:after {
transform: rotate(45deg);
margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
float: right;
margin-right: 12px;
}
.ui-datepicker-next:after {
transform: rotate(-135deg);
margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
content: '';
position: absolute;
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
border-color: #333333;
}
.ui-datepicker-title {
text-align: center;
font-size: 25px;
}
.ui-datepicker-calendar {
width: 100%;
text-align: center;
}
.ui-datepicker-calendar thead tr th span {
display: block;
width: 40px;
color: #DE2068;
margin-bottom: 5px;
font-size: 18px;
}
.ui-state-default {
display: block;
text-decoration: none;
color: #333333;
line-height: 40px;
font-size: 16px;
}
.ui-state-default:hover {
color: #ffffff;
background: #DE2068;
border-radius: 50px;
transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-state-highlight {
color: #ffffff;
background-color: #DE2068;
border-radius: 50px;
}
.ui-state-active {
color: #ffffff;
background-color: #DE2068;
border-radius: 50px;
}
.ui-datepicker-unselectable .ui-state-default {
color: #eee;
border: 2px solid transparent;
}
.icon {
margin-left: -30px;
margin-top: -26px;
position: relative;
color: #DE2068;
font-size: 20px;
}
/*
* 48 News-Area
*/
.news-area {
width: 100%;
float: left;
display: block;
padding: 90px 0 0px 0;
background: #fff;
margin-bottom: 90px;
}
.news-area h1 {
text-align: center;
font-weight: 800;
padding-bottom: 25px;
color: #072365;
font-size: 40px;
margin: 0;
}
.news-area p {
text-align: center;
font-weight: 400;
color: #4f5256;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
padding-bottom: 40px;
margin: 0;
}
.news-box {
width: 100%;
float: left;
display: block;
position: relative;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
padding-bottom: 30px;
margin-bottom: 30px;
}
.news-box .news-inn {
width: 100%;
float: left;
display: block;
position: relative;
overflow: hidden;
}
.news-inn img {
max-width: 100%;
transition: all 0.3s;
display: block;
width: 100%;
height: auto;
transform: scale(1);
}
.news-inn:hover img {
transform: scale(1.3);
}
.news-box .news-text {
display: block;
width: 100%;
float: left;
padding: 30px;
}
.news-box .liner {
display: flex;
width: 100%;
float: left;
padding-bottom: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
.news-box .liner h4 {
color: #DE2068;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}
.news-box .news-text a h2 {
color: #072365;
font-size: 22px;
font-weight: 700;
text-align: left;
padding: 20px 0;
margin: 0;
}
.news-box .news-text a:hover {
text-decoration: none;
}
.news-box .news-text a:hover h2 {
color: #DE2068;
}
.news-box .news-text p {
color: #4f5256;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
text-align: left;
padding-bottom: 0;
margin: 0;
}
.news-box .i-btn {
float: right;
width: auto;
display: block;
position: absolute;
right: 30px;
bottom: 20px;
}
.news-box i {
color: #DE2068;
font-size: 24px;
}
.google-map__contact {
border: none;
outline: none;
display: block;
width: 100%;
height: 560px;
}
/*
*49 . Media Query Responsive
*/
/*Start Home Css*/
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.banner-2 {
padding-top: 22%;
}
.banner {
padding-top: 22%;
}
.hero-text h3 {
font-size: 50px;
}
.hero-text p {
font-size: 21px;
}
.theme-btn {
font-size: 16px;
}
.hero-bottom-area .bb-bgg {
display: none;
}
.hero-bottom-area {
background: #17b3ab;
}
.section-title h3 {
font-size: 40px;
margin-bottom: 20px;
}
.row.bgh {
position: relative;
}
.service-text h3 {
font-size: 22px;
}
.service-text p {
font-size: 14px;
}
.avel p {
font-size: 26px;
}
.baby1 {
position: absolute;
left: 0;
right: 33%;
margin: auto;
max-width: 479px;
top: 88px;
}
}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.hero-text h3 {
font-size: 50px;
}
.hero-text p {
font-size: 21px;
}
.theme-btn {
font-size: 16px;
}
.hero-area {
height: 140vh;
padding-top: 320px;
}
.hero-bottom-area .bb-bgg {
display: none;
}
.hero-bottom-area {
background: #17b3ab;
}
.section-title h3 {
font-size: 31px;
margin-bottom: 20px;
}
.row.bgh {
position: relative;
}
.service-text h3 {
font-size: 22px;
}
.service-text p {
font-size: 14px;
}
.avel p {
font-size: 26px;
}
.header-bar-btn a {
font-size: 14px;
}
.video-text p {
font-size: 14px;
margin-bottom: 15px;
}
.ita-text p {
font-size: 16px !important;
line-height: 26px;
}
.ita-text span {
font-size: 16px;
}
.ita-text {
margin-bottom: 15px;
}
.avel p {
font-size: 24px;
}
.section-title h3 span::before {
bottom: 4px;
}
.baby1 {
position: absolute;
left: 0;
right: 37%;
margin: auto;
max-width: 453px;
top: 131px;
}
.pediatric_header .header-menu {
display: none;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.banner-2 {
padding-top: 21%;
}
.banner {
padding-top: 21%;
}
}
/* LG Device :992px. */
@media (min-width: 1025px) and (max-width: 1200px) {
.pediatric_header .header-menu ul li {
display: inline-block;
margin-left: 21px;
}
.hero-area {
height: 900px;
padding-top: 400px;
}
.header-off-btn.menu-trigger.right {
display: none !important;
}
.pediatric_header .header-menu {
display: block;
}
}
/* MD Device :768px. */
@media (max-width: 700px) {
.pediatric_header .headerTop .pull-right {
display: none;
}
.hero-about-area {
padding-top: 150px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pediatric_header .header-bar-area {
display: none;
}
.pediatric_header .header-left-bar a {
font-size: 14px;
}
.hero-text h3 {
font-size: 40px;
}
.hero-text p {
font-size: 19px;
}
.theme-btn {
font-size: 16px;
}
.hero-area {
height: 100vh;
padding-top: 269px;
}
.hero-bottom-area .bb-bgg {
display: none;
}
.hero-bottom-area {
background: #17b3ab;
}
.section-title h3 {
font-size: 31px;
margin-bottom: 20px;
}
.row.bgh {
position: relative;
}
.service-text h3 {
font-size: 22px;
}
.service-text p {
font-size: 14px;
}
.avel p {
font-size: 26px;
}
.pediatric_header .header-bar-btn a {
font-size: 12px;
}
.video-text p {
font-size: 14px;
margin-bottom: 15px;
}
.ita-text p {
font-size: 16px !important;
line-height: 26px;
}
.ita-text span {
font-size: 16px;
}
.ita-text {
margin-bottom: 15px;
}
.avel p {
font-size: 24px;
}
.section-title h3 span::before {
bottom: 4px;
}
.pediatric_header .header-menu ul li {
margin-left: 20px;
}
.pediatric_header .header-menu ul li a {
font-size: 12px;
}
.row.bg {
height: 119px;
}
.hero-text h3 span::before {
bottom: 7px;
}
.bb-img img {
max-width: 50px;
}
.bb-img {
height: 62px;
}
.bb-text h3 {
font-size: 20px;
margin-bottom: 6px;
}
.bb-text p {
font-size: 14px;
}
.video-img {
width: 430px;
margin: auto;
margin-bottom: 57px;
}
.video-icon {
max-width: 231px;
bottom: -19px;
}
.servict-containt {
margin-left: 0;
}
.service-bg {
display: none;
}
.row.bgh {
background: #fff;
padding: 100px 0px;
}
.child-form {
padding: 31px 30px;
}
.single-doctor {
margin-bottom: 30px;
}
.footer-fast {
margin-bottom: 30px;
}
.single-widget {
width: 300px;
}
.service-area {
text-align: center;
}
.servict-containt {
text-align: left;
}
.baby1 {
position: unset;
max-width: 500px;
width: 100%;
margin: auto;
}
.hero-area {
height: 662px;
padding-top: 269px;
}
.pediatric_header .header-menu {
display: none;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
}
/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.pediatric_header .header-bar-area {
display: none;
}
.pediatric_header .header-left-bar a {
font-size: 14px;
}
.hero-text h3 {
font-size: 30px;
margin-bottom: 0px;
}
.hero-text p {
font-size: 19px;
}
.theme-btn {
font-size: 14px;
}
.hero-area {
height: 500px;
padding-top: 187px;
text-align: center;
}
.hero-bottom-area .bb-bgg {
display: none;
}
.hero-bottom-area {
background: #17b3ab;
}
.section-title h3 {
font-size: 31px;
margin-bottom: 15px;
text-align: center;
}
.row.bgh {
position: relative;
}
.service-text h3 {
font-size: 22px;
}
.service-text p {
font-size: 14px;
}
.avel p {
font-size: 26px;
}
.pediatric_header .header-bar-btn a {
font-size: 14px;
}
.video-area {
padding: 100px 0;
}
.video-text p {
font-size: 14px;
margin-bottom: 15px;
}
.ita-text p {
font-size: 16px !important;
line-height: 26px;
}
.ita-text span {
font-size: 16px;
}
.ita-text {
margin-bottom: 15px;
}
.avel p {
font-size: 24px;
}
.section-title h3 span::before {
bottom: 4px;
}
.pediatric_header .header-menu ul li {
margin-left: 20px;
}
.pediatric_header .header-menu ul li a {
font-size: 12px;
}
.row.bg {
height: auto;
padding: 30px 0;
}
.bb-img img {
max-width: 50px;
}
.bb-img {
height: 62px;
}
.bb-text h3 {
font-size: 20px;
margin-bottom: 6px;
}
.bb-text p {
font-size: 14px;
}
.video-img {
width: 300px;
margin: auto;
margin-bottom: 57px;
}
.video-icon {
max-width: 158px;
bottom: -19px;
}
.servict-containt {
margin-left: 0;
}
.service-bg {
display: none;
}
.row.bgh {
background: #fff;
padding: 100px 0px;
}
.child-form {
padding: 31px 30px;
}
.single-doctor {
margin-bottom: 30px;
}
.footer-fast {
margin-bottom: 30px;
}
.single-widget {
width: 300px;
}
.pediatric_header .header-menu {
display: none;
}
.header-loho a img {
max-width: 170px;
}
.single-bb {
text-align: center;
margin-bottom: 30px;
}
.bb-img {
justify-content: center;
}
.row.bb-bg {
padding-right: 0;
}
.vv {
max-width: 76px;
}
.video-containt {
padding: 0;
}
.advan-left {
padding: 0;
margin-bottom: 30px;
border: 0;
text-align: center;
}
.advan-left p {
font-size: 14px;
margin-bottom: 25px;
}
.adven-right {
justify-content: space-between;
}
.child-area {
height: auto;
padding: 120px 0;
margin: 0;
}
.child-form {
margin-bottom: 30px;
}
.child-containt {
text-align: center;
}
.doctor-area {
padding: 50px 0;
}
.section-title {
text-align: center;
}
.advantege-area {
padding: 120px 0;
background: none;
}
.doctor-title {
margin-bottom: 30px;
}
.doctor-btn {
text-align: center;
margin-bottom: 30px;
}
.single-doctor img {
width: 100%;
}
.pluse {
width: 79px !important;
}
.s2 {
position: absolute;
right: 0;
bottom: -40px;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.service-area {
text-align: center;
padding-bottom: 0;
}
.servict-containt {
text-align: left;
}
.baby1 {
position: unset;
max-width: 300px;
width: 100%;
margin: auto;
}
}
@media(max-width: 622px) and (min-width: 481px) {
.pediatric_header .headerTop .col-sm-3,
.pediatric_header .headerTop .col-sm-9 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.contact-location {
float: left;
width: 100%;
margin-top: 16px;
margin-left: -35px;
}
}
@media(max-width: 1199px) and (min-width: 992px) {
.hero-about-area {
margin-top: 0;
}
.slder.slider-1 {
display: none;
}
}
@media (max-width: 1199px) {
.pediatric_header .ccfdf {
padding: 0 1%;
}
.pediatric_header .searchh input {
width: 100%;
}
.pediatric_header .mobileLogo {
width: 30%;
text-align: left;
padding: 0 15px;
}
.pediatric_header .mobileLogo img {
padding-top: 15px;
}
.cart-icn {
display: none;
}
.pediatric_header .mobileLogo {
display: inline;
text-align: center;
width: 100%;
}
.pediatric_header .desktopLogo {
display: none;
}
.pediatric_header .header-left-bar a {
color: #383A3D;
float: left;
}
.pediatric_header .navbar-default .container {
height: auto;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu {
opacity: 1;
visibility: visible;
left: 0;
}
.opps-area,
.banner-2 {
margin-top: 0;
}
.pediatric_header #main-navigation-wrapper.navbar-default {
height: 68px;
float: unset;
}
.pediatric_header .navbar-header {
width: 100%;
float: none;
margin: 0px !important;
}
.pediatric_header .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.pediatric_header .navbar-default .navbar-toggle {
border: medium none;
display: block;
margin: 8px 0px 9px;
padding: 15px 10px;
}
.pediatric_header .navbar-default .navbar-toggle {
border: medium none;
display: block;
margin: 15px 0px 15px;
padding: 15px 10px;
float: right;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.pediatric_header .navbar-default .navbar-toggle .icon-bar {
background: #fff;
width: 25px;
height: 3px;
display: block;
width: 32px;
height: 2px;
border-radius: 1px;
padding: 2px 0 1px;
margin-top: 5px;
}
.pediatric_header .navbar-collapse.collapse {
display: none !important;
height: 0 !important;
padding-bottom: 0;
overflow: auto !important;
width: 100%;
}
.pediatric_header .navbar-default .navbar-collapse {
background: #12121b;
padding: 0px 0px !important;
padding-bottom: 0px !important;
margin: 0;
}
.pediatric_header .navbar-collapse.collapse.show {
display: block !important;
height: auto !important;
max-height: 80vh;
}
.pediatric_header #main-navigation-wrapper .navbar-collapse {
border-color: #232333;
border-radius: 0px;
background: #072365;
-webkit-box-shadow: 0px 5px 7px 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 5px 7px 6px rgba(0, 0, 0, 0.25);
box-shadow: 0px 5px 7px 6px rgba(0, 0, 0, 0.25);
text-align: center;
}
.pediatric_header #main-navigation-wrapper .nav {
width: 100%;
}
.pediatric_header .header-nav-right {
width: 100%;
display: block;
}
.pediatric_header .acctivee::before {
display: none;
}
.pediatric_header .headerButton {
width: 100%;
margin: 0;
padding: 10px 15px;
}
.search-column {
display: none;
}
.pediatric_header #main-navigation-wrapper .nav>li {
padding: 0;
}
.pediatric_header .header-socials {
display: none;
}
.pediatric_header .headerButton a {
background: #DE2068;
}
.pediatric_header .acctivee {
padding: 15px 10px !important;
}
.pediatric_header .navbar-default .navbar-toggle:hover {
border-color: #fff;
background: none !important;
background-color: transparent;
}
.pediatric_header #main-navigation-wrapper .nav>li {
padding: 0;
text-align: left;
width: 100%;
}
.pediatric_header #main-navigation-wrapper .nav>li.ccdda {
display: none;
}
.searchh {
opacity: 1;
visibility: visible;
position: relative;
right: 0 !important;
top: 0;
padding: 10px 0;
width: 95%;
margin: 15px;
}
.searchh input,
.ccfdf button {
border-radius: 0;
}
.ccfdf {
right: 25px;
}
i.fa.fa-chevron-down {
float: right;
color: #fff;
z-index: 9999;
position: absolute;
top: 0;
right: 9px;
padding: 20px 16px;
}
.pediatric_header #main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
right: auto;
transform: translate3d(0px, 0px, 0px);
transition: none !important;
display: none;
top: auto;
float: none;
background: #113b7d;
box-shadow: 0 0 0 #fff;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu>li>a {
color: #fff;
border-bottom: 1px solid #2d528c;
}
.pediatric_header #main-navigation-wrapper .nav>li>a {
display: block;
width: 100%;
padding: 16px 25px;
border-bottom: 1px solid #2d528c !important;
border-right: 0px;
position: relative;
font-size: 15px;
color: #fff;
}
.pediatric_header #main-navigation-wrapper .nav>li>a {
padding: 16px 20px;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.second_submenu {
left: 0;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li>ul.dropdown-submenu {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
right: auto;
transform: translate3d(0px, 0px, 0px);
transition: none !important;
display: none;
top: auto;
float: none;
background: #de2068 none repeat scroll 0 0;
box-shadow: 0 0 0 #fff;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.third_submenu {
left: 0;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:last-child a {
border-top: 1px solid #2d528c;
}
.pediatric_header #main-navigation-wrapper .dropdown-submenu li:hover a {
padding-left: 35px;
}
.pediatric_header .contact-location .left-location h6 {
font-size: 16px;
}
.pediatric_header .headerTop {
padding: 15px;
background: #fff;
}
}
@media(max-width: 480px) {
.searchh {
width: unset;
}
.pediatric_header .header-bar-btn {
display: none;
}
.pediatric_header .header-left-bar a {
font-size: 14px;
margin: 0 10px 0 0;
}
.pediatric_header .header-left-bar {
display: block;
}
.pediatric_header .headerTop {
padding: 30px 0;
}
.single-add {
padding: 0;
}
.pediatric_header .mobileLogo {
width: 53%;
float: left;
}
.pediatric_header .mobileLogo a.logo {
margin-bottom: 0;
}
.pediatric_header .navbar-default .navbar-toggle {
margin: 1px 0px 9px;
}
.pediatric_header .mobileLogo img {
padding-top: 10px;
max-width: 160px;
float: left;
}
a.logo {
width: 100%;
text-align: center;
float: left;
margin-bottom: 20px;
}
}
/* XL Device :1200px. */
@media (min-width: 1449px) and (max-width: 1740px) {
.slide-text {
top: 24%;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.specia-logo {
bottom: 45px;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* XL Device :1200px. */
@media (min-width: 992px) and (max-width: 1024px) {
.pediatric_header .header-logo img {
max-width: 131px;
}
.nav-link {
padding: 10px 30px;
}
.single-pruse {
padding: 30px 38px;
}
.about-right-sight {
display: none;
}
.about-bootom-area {
display: none;
}
.sheap-1 {
display: none;
}
.toggle-bar {
display: block;
position: absolute;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
right: -571px;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.slder.slider-1 {
display: none;
}
}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.about-text h4 {
font-size: 16px;
}
.about-site-menu ul li {
margin: 0 12px;
}
.about-site-menu li a {
font-size: 16px;
}
.nav-link {
padding: 10px 35px;
}
.sheap-1 {
display: none;
}
.exper-title h2 {
font-size: 30px;
}
.exper-content p {
font-size: 19px;
}
.shape.shape-1 {
max-width: 498px;
}
.service-title h2 {
font-size: 30px;
}
.care-text p {
font-size: 12px;
}
.call-time-text h3 {
font-size: 30px;
}
.time-button {
right: 15px;
}
.features-text h3 {
font-size: 20px;
}
.hero-about-area {
padding-top: 130px;
padding-bottom: 120px;
}
.medi-content p {
font-size: 16px;
}
.team-wrap {
padding-top: 60px;
}
.team-text {
padding-top: 62px;
}
.team-text p {
font-size: 15px;
}
.team-area.height {
min-height: 388px;
}
.Doctor-Team {
padding-bottom: 60px;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
}
.specia-logo {
position: absolute;
bottom: 73px;
max-width: 116px;
}
.wlak.walk-1 {
bottom: 13px;
}
.special-inner li {
margin-bottom: 12px;
}
.doctor-wrap {
padding-bottom: 350px;
}
.doctor-team-area {
padding-top: 0px;
padding-bottom: 50px;
}
.about-site-menu li a {
font-size: 13px;
padding: 18px 13px;
}
.about-site-menu ul li {
margin: 0 0;
}
.sli.sli-2 {
display: none;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.pediatric_header .navbar-nav {
padding: 0 20px;
border-radius: 5px;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.footer-area {
padding-top: 50px;
padding-bottom: 50px;
}
.about-bootom-area {
display: none;
}
.about-right-sight {
display: none;
}
.toggle-bar {
display: block;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
}
.toggle-bar i {
font-size: 25px;
color: #fff;
cursor: pointer;
}
.hero-about-area {
padding-top: 90px;
padding-bottom: 80px;
margin-top: 0;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
}
/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.header-off-btn.menu-trigger.right {
display: block !important;
}
.footer-fast a img {
max-width: 130px;
margin-bottom: ;
}
.footer-area {
padding-top: 40px;
}
.team-img img {
width: 100%;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -8px;
}
.about-right-sight {
display: none;
}
.menu-area {
display: none;
}
.header-logo {
position: relative;
}
.header-logo img {
max-width: 140px;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
}
.hero-about-text h2 {
margin-bottom: 10px;
}
.hero-about-text h4 {
font-size: 16px;
}
.footer-area {
padding-top: 50px;
padding-bottom: 50px;
}
.foot-fl {
display: flex;
justify-content: start;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-off-btn.menu-trigger.right {
display: block !important;
}
.slider-area {
padding-bottom: 30px;
}
}
.google-map__contact {
border: none;
outline: none;
display: block;
width: 100%;
height: 560px;
}
/* XL Device :1200px. */
@media (min-width: 1449px) and (max-width: 1740px) {
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
@media (max-width: 991px) {
.hero-about-area,
.banner-2 {
padding-top: 240px;
padding-bottom: 85px;
}
.hero-about-text h2 {
font-size: 40px;
}
}
@media screen and (max-width: 1919px) {
.intro-box .inr h2 {
font-size: 20px;
}
}
@media (min-width: 481px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
}
@media(max-width: 622px) and (min-width: 481px) {
.headerTop .col-sm-3,
.headerTop .col-sm-9 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.contact-location {
float: left;
width: 100%;
margin-top: 16px;
margin-left: -35px;
}
}
@media(max-width: 1199px) and (min-width: 992px) {
.hero-about-area {
margin-top: 0;
}
.slder.slider-1 {
display: none;
}
}
@media (max-width: 1199px) {
#main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu {
opacity: 1;
visibility: visible;
left: 0;
}
.opps-area,
.banner-2 {
margin-top: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.acctivee::before {
display: none;
}
.headerButton {
width: 100%;
margin: 0;
padding: 10px 15px;
}
.search-column {
display: none;
}
.header1 #main-navigation-wrapper .nav>li {
padding: 0;
}
.header-socials {
display: none;
}
.headerButton a {
background: #17b3ab;
}
.acctivee {
padding: 15px 10px !important;
}
.navbar-default .navbar-toggle:hover {
border-color: #fff;
background: none !important;
background-color: transparent;
}
#main-navigation-wrapper .nav>li {
display: block;
padding: 0;
text-align: left;
width: 100%;
}
i.fa.fa-chevron-down {
float: right;
color: #fff;
z-index: 9999;
position: absolute;
top: 0;
right: 9px;
padding: 20px 16px;
}
#main-navigation-wrapper .navbar-nav>li>.dropdown-submenu {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
right: auto;
transform: translate3d(0px, 0px, 0px);
transition: none !important;
display: none;
top: auto;
float: none;
background: #003f9d;
box-shadow: 0 0 0 #fff;
}
#main-navigation-wrapper .dropdown-submenu>li>a {
border-bottom: 1px solid #002f75 !important;
}
#main-navigation-wrapper .nav>li>a {
display: block;
width: 100%;
padding: 16px 25px;
border-bottom: 1px solid #002f75 !important;
border-right: 0px;
position: relative;
font-size: 15px;
color: #fff;
}
.header1 #main-navigation-wrapper .nav>li>a {
padding: 16px 20px;
}
#main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.second_submenu {
left: 0;
}
#main-navigation-wrapper .dropdown-submenu li>ul.dropdown-submenu {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
right: auto;
transform: translate3d(0px, 0px, 0px);
transition: none !important;
display: none;
top: auto;
float: none;
background: #17b3ab none repeat scroll 0 0;
box-shadow: 0 0 0 #fff;
}
#main-navigation-wrapper .dropdown-submenu li:hover>ul.dropdown-submenu.third_submenu {
left: 0;
}
#main-navigation-wrapper .dropdown-submenu li:hover a {
padding-left: 35px;
}
.contact-location .left-location h6 {
font-size: 16px;
}
.headerTop {
padding: 30px 15px;
}
}
@media (min-width:991px) and (max-width:1160px) {
.appoinment-area {
height: 830px;
}
}
@media (min-width:767px) and (max-width:991px) {
.appoinment-area {
height: 750px;
}
.services-area {
margin-top: 150px;
}
.advanced-area .adv-detail {
margin-bottom: 60px;
}
}
@media (min-width:481px) and (max-width:575px) {
.home .appoinment-area {
margin-bottom: 90px !important;
}
}
@media(min-width:576px) and (max-width:707px) {
.home .appoinment-area {
margin-bottom: 160px !important;
}
.home .news-area {
padding-top: 95px;
}
}
@media(min-width:708px) and (max-width:725px) {
.home .appoinment-area {
margin-bottom: 120px !important;
}
.home .news-area {
padding-top: 105px;
}
}
@media(min-width:726px) and (max-width:767px) {
.home .appoinment-area {
margin-bottom: 90px !important;
}
}
@media(max-width: 480px) {
a.logo {
width: 100%;
text-align: center;
float: left;
margin-bottom: 30px;
}
.contact-location {
display: block;
}
.contact-location .left-location {
border: none;
}
.contact-location .left-location.textright {
margin-top: 5px;
}
.sheap-1 {
display: none;
}
.appoinment-area {
margin-bottom: 60px !important;
}
}
/* XL Device :1200px. */
@media (min-width: 1449px) and (max-width: 1740px) {
.slide-text {
top: 24%;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.specia-logo {
bottom: 45px;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* XL Device :1200px. */
@media (min-width: 992px) and (max-width: 1024px) {
.header-logo img {
max-width: 131px;
}
.nav-link {
padding: 10px 30px;
}
.single-pruse {
padding: 30px 38px;
}
.about-right-sight {
display: none;
}
.about-bootom-area {
display: none;
}
.sheap-1 {
display: none;
}
.toggle-bar {
display: block;
position: absolute;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
right: -571px;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.slder.slider-1 {
display: none;
}
}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.about-text h4 {
font-size: 16px;
}
.about-site-menu ul li {
margin: 0 12px;
}
.about-site-menu li a {
font-size: 16px;
}
.nav-link {
padding: 10px 14px;
}
.sheap-1 {
display: none;
}
.exper-title h2 {
font-size: 30px;
}
.exper-content p {
font-size: 19px;
}
.shape.shape-1 {
max-width: 498px;
}
.service-title h2 {
font-size: 30px;
}
.care-text p {
font-size: 12px;
}
.call-time-text h3 {
font-size: 30px;
}
.time-button {
right: 15px;
}
.features-text h3 {
font-size: 20px;
}
.hero-about-area {
padding-top: 130px;
padding-bottom: 120px;
}
.medi-content p {
font-size: 16px;
}
.team-text p {
font-size: 15px;
}
.team-area.height {
min-height: 388px;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
}
.specia-logo {
position: absolute;
bottom: 73px;
max-width: 116px;
}
.wlak.walk-1 {
bottom: 13px;
}
.special-inner li {
margin-bottom: 12px;
}
.doctor-wrap {
padding-bottom: 350px;
}
.doctor-team-area {
padding-top: 0px;
padding-bottom: 50px;
}
.about-site-menu li a {
font-size: 13px;
padding: 18px 13px;
}
.about-site-menu ul li {
margin: 0 0;
}
.sli.sli-2 {
display: none;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {
padding: 20px;
border-radius: 5px;
}
.header-off-btn.menu-trigger.right {
display: block !important;
}
.sheap-1 {
display: none;
}
.dropdown:hover .dropdown-menu {
display: none;
}
.about-site-menu ul li {
margin: 0 6px;
}
.about-right {
right: -108px;
}
.about-text h5 {
font-size: 16px;
}
.about-text h4 {
font-size: 12px;
}
.about-right {
right: -98px;
}
.header-logo img {
max-width: 131px;
}
.about-site-menu li a {
font-size: 12px;
}
.special-inner li {
text-align: left;
}
.exper-content p {
font-size: 16px;
margin-bottom: 10px;
}
.shape.shape-1 {
max-width: 498px;
}
.care-text p {
font-size: 16px;
line-height: 24px;
}
.exper-info h4 {
font-size: 16px;
}
.exper-text p {
font-size: 16px;
margin-bottom: 8px;
line-height: 22px;
}
.exper-inner {
bottom: 21px;
}
.shape.shape-1 {
max-width: 375px;
}
.exper-info h3 {
font-size: 18px;
}
.service-title p {
font-size: 16px;
}
.exper-inner img {
max-width: 150px;
}
.call-time-text h3 {
font-size: 30px;
}
.shape.shape-2 {
max-width: 490px;
}
.time-button {
right: 15px;
}
.features-text h3 {
font-size: 22px;
margin-bottom: 10px;
}
.hero-about-area {
padding-top: 90px;
padding-bottom: 80px;
}
.team-text p {
font-size: 16px;
line-height: 22px;
}
.team-area.height {
min-height: 360px;
}
.dental-care img {
max-width: 50px;
}
.care-text h4 {
font-size: 16px;
margin-bottom: 2px;
}
.medi-service-box {
margin-bottom: 35px;
}
.service-title {
margin-bottom: 30px;
}
.doctor-team-content h3 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content h4 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content p {
font-size: 16px;
line-height: 22px;
margin-bottom: 4px;
}
.View-Profile {
font-size: 16px;
border-bottom: 2px solid #0061f2a8;
}
.call-box {
font-size: 16px;
}
.shape.shape-6 {
max-width: 150px;
}
.call-time-area {
height: 180px;
}
.features-text p {
font-size: 16px;
line-height: 22px;
}
.fea-title {
margin-bottom: 30px;
}
.features-all-content {
margin-bottom: 40px;
}
.about-call img {
max-width: 24px;
}
.about-right {
right: -9px;
}
.advance-title {
margin-bottom: 40px;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
.special-wrapper h3 {
margin-bottom: 20px;
}
.special-inner li a {
font-size: 16px;
}
.special-inner li {
margin-bottom: 10px;
}
.doctor-wrap {
padding-bottom: 350px;
}
.blog-left-area {
padding: 0;
padding-bottom: 80px;
}
.advanced-area .adv-indi h2 {
font-size: 20px;
}
.opps-containt h3 {
font-size: 110px;
line-height: 110px;
}
.opps-containt h4 {
font-size: 30px;
}
.opps-containt p {
font-size: 16px;
}
.about-bootom-area {
display: none;
}
.about-right-sight {
display: none;
}
.toggle-bar {
display: block;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
}
.toggle-bar i {
font-size: 25px;
color: #fff;
cursor: pointer;
}
.hero-about-area {
padding-top: 90px;
padding-bottom: 80px;
margin-top: 0;
}
.advace-thumb {
text-align: center;
margin-bottom: 40px;
}
.advace-thumb img {
max-width: 400px;
}
.special-all-content {
margin-bottom: 50px;
}
.doctor-content span {
font-size: 38px;
color: #0063f6;
font-weight: 700;
font-style: italic;
}
.blog-right {
margin-bottom: 0px;
}
.blog-left-area.listt {
padding-right: 0;
padding-left: 0;
}
.contact-fl {
padding-top: 90px;
width: 100%;
}
.contact-fl address {
display: flex;
justify-content: space-around;
margin-bottom: 0;
}
.contact-fl address .single-contact {
margin-bottom: 0;
}
.contact-fl address .single-contact:last-child {
margin-bottom: 0;
}
.contact-time {
margin-bottom: 40px;
}
.pps-lidtt {
margin-top: 62px;
}
.doctor-containt h3 {
font-size: 30px;
}
.doctor-into {
margin-bottom: 50px !important;
}
.llff {
display: block;
}
.sli.sli-2 {
display: none;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.header-off-btn.menu-trigger.right {
display: block !important;
}
.care-text {
width: 100%;
margin-left: 0;
}
.single-pruse {
transition: 0.3s;
text-align: left;
}
.sheap-1 {
display: none;
}
.shape .shape-2 {
display: none;
}
.shape .shape-1 {
display: none;
}
.exper-content p {
font-size: 16px;
margin-bottom: 8px;
}
.exper-text p {
font-size: 16px;
margin-bottom: 10px;
line-height: 22px;
}
.exper-all-content {
text-align: center;
}
.exper-inner img {
max-width: 100px;
}
.exper-info h3 {
font-size: 16px;
margin-bottom: 5px;
}
.exper-info h4 {
font-size: 12px;
}
.exper-inner {
right: 20px;
bottom: 44px;
}
.exper-flexe {
margin-top: -10px;
}
.service-title p {
font-size: 16px;
}
.service-title {
margin-bottom: 20px;
}
.special-inner li {
padding-left: 20px;
text-align: left;
}
.care-text h4 {
font-size: 16px;
margin-bottom: 0px;
}
.care-text p {
font-size: 16px;
line-height: 20px;
}
.medi-service-box {
margin-bottom: 30px;
}
.exper-button a {
font-size: 16px;
padding: 14px 25px;
}
.exper-button {
padding-bottom: 30px;
}
.doctor-team-content h3 {
font-size: 18px;
margin-bottom: 6px;
}
.doctor-team-content h4 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content {
padding: 10px 20px;
}
.team-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.call-time-info {
display: block;
}
.call-box {
font-size: 15px;
padding: 14px 26px;
}
.call-time-content {
text-align: center;
}
.call-time-text h3 {
font-size: 20px;
}
.time-button {
position: unset;
}
.call-time-text {
margin-bottom: 20px;
}
.fea-title p {
font-size: 16px;
line-height: 22px;
}
.fea-title {
margin-bottom: 15px;
}
.features-info img {
max-width: 25px;
}
.features-text {
padding-left: 10px;
}
.features-text h3 br {
display: none;
}
.features-text h3 {
font-size: 18px;
margin-bottom: 8px;
}
.features-text p {
font-size: 16px;
}
.features-all-content {
margin-bottom: 25px;
}
.footer-fast a img {
max-width: 130px;
margin-bottom: ;
}
.team-img img {
width: 100%;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -8px;
}
.about-right-sight {
display: none;
}
.menu-area {
display: none;
}
.header-logo {
position: relative;
}
.header-logo img {
max-width: 140px;
}
.hero-about-area {
margin-top: 0;
}
.toggle-bar {
display: block;
position: absolute;
right: 0;
top: -2px;
width: 40px;
height: 40px;
background: #044fbf;
line-height: 45px;
text-align: center;
border-radius: 4px;
}
.explore {
display: block;
text-align: center;
}
.dental-care img {
margin-bottom: 10px;
}
.hero-about-area {
padding-top: 30px;
padding-bottom: 50px;
}
.hero-about-text h2 {
margin-bottom: 10px;
}
.hero-about-text h4 {
font-size: 16px;
}
.textarea.text-center p {
font-size: 16px;
}
.foot-fl .single-widget {
margin-bottom: 30px;
}
.footer-fast {
margin-bottom: 30px;
}
.advance-title {
margin-bottom: 30px;
}
.advace-thumb {
margin-bottom: 30px;
text-align: center;
}
.advance-text {
text-align: center;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
.single-circle-progressber {
margin-bottom: 30px;
}
.circle-progressbar-wrap {
margin-bottom: 10px;
}
.special-all-content {
text-align: center;
}
.special-content p {
padding-right: 0;
font-size: 16px;
margin-bottom: 10px;
}
.special-inner li {
margin-bottom: 14px;
}
.special-wrapper h3 {
font-size: 20px;
margin-bottom: 20px;
}
.specia-logo {
max-width: 90px;
}
.special-button a {
padding: 18px 18px;
}
.special-wrapper {
background-color: #17b3ab;
padding: 30px 40px;
}
.wlak.walk-1 {
display: none;
}
.doctor-wrap {
text-align: center;
}
.doctor-content span {
font-size: 30px;
}
.form-title h3 {
font-size: 17px;
}
.special-content h3 {
font-size: 22px;
margin-bottom: 10px;
}
.consul-text {
text-align: center;
}
.consul-text p {
font-size: 27px;
}
.brand-active.owl-carousel .owl-item img {
max-width: 130px;
}
.apoin.apoin-2 {
max-width: 285px;
}
.brand-active {
padding-top: 55px;
}
.blog-left-area {
padding: 0;
padding-bottom: 80px;
}
.single-comment a {
background: #D6D7D9;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
margin-right: 15px;
flex: 0 0 50px;
}
.single-comment.mad {
padding-left: 0;
}
.commnet-text-area a {
background: transparent;
}
.blog-containt p {
font-size: 16px;
line-height: 23px;
}
.comment-area {
padding-bottom: 60px;
}
.opps-containt h3 {
font-size: 85px;
line-height: 80px;
}
.opps-containt h4 {
font-size: 20px;
margin-bottom: 5px;
}
.opps-containt p {
font-size: 16px;
}
.advance-title.text-center.mb-70 h2 br {
display: none;
}
.special-inner li a {
font-size: 16px;
margin: 0;
text-align: left !important;
}
.foot-fl {
display: flex;
justify-content: start;
}
.consul-text p img {
position: absolute;
left: -66px;
max-width: 47px;
}
.se-img img {
width: 100%;
}
.blog-right {
margin-bottom: 40px;
}
.blog-left-area.listt {
padding-right: 0;
padding-left: 0;
}
.blog-left-area.listt {
padding-right: 0;
padding-left: 0;
}
.blog-left-area.listt {
margin-bottom: 0;
}
.contact-map {
height: 400px;
}
.blog-form-area h3 {
font-size: 22px;
}
.blog-form-area input {
width: 100%;
height: 40px;
border: 1px solid #BDBDBD;
padding: 0 20px;
font-size: 16px;
font-weight: 400;
color: #4F5256;
margin-bottom: 15px;
}
.blog-form-area textarea {
height: 86px;
}
.doctors-img img {
margin-bottom: 40px;
}
.nav-link {
font-size: 16px;
padding: 10px 14px;
}
.doctor-containt h3 {
font-size: 30px;
color: #072365;
font-weight: 700;
}
.hapy-section p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
width: auto;
margin: 0;
}
.port-img img {
width: 100%;
}
.pricing-title p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
margin: 0;
}
.contact-time {
margin-bottom: 40px;
}
.eye-list {
display: block;
}
.eye-list-lf {
margin-bottom: 30px;
}
.doctor-containt h3 {
font-size: 30px;
}
.doctor-into {
margin-bottom: 50px !important;
}
.llff {
display: block;
justify-content: space-between;
margin-bottom: 25px;
}
.imgg {
display: block;
text-align: center;
}
.imgg img:last-child {
margin: 0;
}
.sli.sli-2 {
display: none;
}
.single-slider-active .owl-item.active.center .slider-content {
background: #17b3ab;
color: #fff;
margin: auto;
}
.faq-content {
width: auto;
margin-bottom: 50px;
}
.faq-content h1 {
font-size: 30px;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.header-off-btn.menu-trigger.right {
display: block !important;
}
.single-pruse {
transition: 0.3s;
text-align: left;
}
.sheap-1 {
display: none;
}
.team-area.height {
min-height: 184px;
}
.doctor-team-content h3 {
font-size: 15px;
margin-bottom: 6px;
}
.doctor-team-content h4 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content p {
font-size: 16px;
color: #4f5256;
line-height: 22px;
margin-bottom: 10px;
}
.View-Profile {
font-size: 16px;
}
.slider-area {
padding-bottom: 30px;
}
.advanced-area .adv-img {
margin-bottom: 30px;
}
}
/* XL Device :1200px. */
@media (min-width: 1449px) and (max-width: 1740px) {
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.specia-logo {
bottom: 45px;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
.slide-text {
left: 0;
top: 17%
}
}
/* XL Device :1200px. */
@media (min-width: 992px) and (max-width: 1024px) {}
/* LG Device :992px. */
@media (max-width: 1199px) {
.range-area .rng {
width: 34px;
}
.skillbar {
margin-bottom: 10px;
}
.news-box .liner h4 {
font-size: 13px;
min-width: 120px;
}
.slide-text h1 {
font-size: 48px;
line-height: 48px;
}
.slide-text {
top: 17%;
padding: 0 15px;
}
.indicators-line>.carousel-indicators {
display: none;
}
.home .doctors-area {
padding: 100px 0 100px 0 !important;
}
}
@media (max-width: 991px) {
.intro-box {
margin-top: 15px;
}
.advanced-area .adv-bottom {
height: 185px;
}
.slide-text {
left: 0;
top: 23%
}
.services-box .per-box {
min-height: 260px;
}
.skill-area .txt {
padding-bottom: 20px;
}
.skill-area {
padding-right: 50px;
}
.slide-text h1 {
font-size: 22px;
margin: 0px;
}
.slide-text p {
font-size: 15px;
width: 65%;
}
.blog-left-area.listt {
margin-bottom: 0;
}
.blog-list-i {
text-align: left;
margin-left: 0;
margin-bottom: 30px;
}
.pruse-area.ptt {
padding-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.services-box .per-box {
width: 50%;
border: 1px solid #e6e6e6 !important;
}
.banner-2 {
padding-top: 13%;
padding-bottom: 13%;
}
.advanced-area .adv-img .first {
right: 0;
}
.for-mobile {
display: none !important;
}
.upper-range {
position: static !important;
}
.Medical-Services-area {
padding-top: 40px;
}
.medi-thumb {
text-align: center;
padding: 30px 0 0 0;
}
}
@media (max-width: 480px) {
.contact-location .left-location {
padding: 0 !important;
}
.contact-location .left-location h4 {
font-size: 14px !important;
}
.advanced-area {
padding-bottom: 50px !important;
}
button.btn.btn-link.btn-block.text-left {
font-size: 14px !important;
}
.hero-about-text h2 {
font-size: 12vw !important;
}
.advanced-area .adv-img .main {
padding-left: 0;
}
.no-padding {
padding: 0 15px !important;
}
.advanced-area .adv-img .second {
width: 160px;
left: -30px;
}
.advanced-area .adv-img .first {
right: -13px;
}
.advanced-area .adv-detail {
padding: 20px 20px 70px !important;
}
.advanced-area .adv-bottom {
bottom: 0;
height: auto;
left: 0;
position: relative;
width: 100%;
margin-top: 30px;
}
.advanced-area .adv-bottom {
display: flow-root;
width: 100%;
position: relative;
}
.adv-bottom h3 {
font-size: 16px;
width: 100%;
padding-right: 0;
padding-left: 0;
border-right: 0;
}
.adv-bottom ul li {
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
.adv-bottom ul {
padding-left: 0;
}
.adv-bottom ul li b {
width: 100px;
}
.services-box .per-box {
width: 100%;
border: 1px solid #e6e6e6 !important;
}
.for-mobile {
width: 100%;
float: left;
display: block;
height: 500px;
}
.for-mobile {
height: 510px;
}
.range-img {
height: auto;
}
.doc-box {
margin-bottom: 20px;
}
.con-link img {
margin-bottom: 20px;
}
.appoinment-area {
height: 820px;
}
.appoinment-area h2 {
font-size: 40px;
padding-bottom: 10px;
}
.appoinment-area .form-area {
padding: 25px;
}
.appoinment-area .form-area input,
.appoinment-area .form-area textarea {
height: 48px;
}
.bs-slider>.carousel-inner>.item>img,
.bs-slider>.carousel-inner>.item>a>img {
height: 260px;
}
.slide-text {
display: none;
}
.banner-2 {
padding-top: 13%;
padding-bottom: 13%;
}
.zoom-containt-top h3 {
padding-top: 20px;
}
.shop-area {
padding-top: 100px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.advanced-area .adv-bottom {
bottom: -55%;
}
.exper-title h2 {
font-size: 30px;
}
.exper-content p {
font-size: 19px;
}
.shape.shape-1 {
max-width: 498px;
}
.service-title h2 {
font-size: 30px;
}
.care-text p {
font-size: 16px;
}
.call-time-text h3 {
font-size: 30px;
}
.time-button {
right: 15px;
}
.features-text h3 {
font-size: 20px;
}
.hero-about-area {
padding-top: 130px;
padding-bottom: 120px;
}
.team-text p {
font-size: 16px;
}
.team-area.height {
min-height: 388px;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
}
.specia-logo {
position: absolute;
bottom: 73px;
max-width: 116px;
}
.wlak.walk-1 {
bottom: 13px;
}
.special-inner li {
margin-bottom: 12px;
}
.doctor-wrap {
padding-bottom: 350px;
}
.about-site-menu li a {
font-size: 13px;
padding: 18px 13px;
}
.about-site-menu ul li {
margin: 0 0;
}
.sli.sli-2 {
display: none;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
/* SM Small Device */
@media (max-width: 767px) {
.bolg-gied-area .container,
.pruse-area .container {
overflow: visible;
}
header.header1 {
position: static;
}
.home .hero-area {
text-align: left;
padding-top: 19px;
height: 300px;
}
.hero-text h1 {
font-size: 30px;
}
.hero-text p {
font-size: 18px;
margin-bottom: 10px !important;
}
.hero-active.owl-carousel .owl-dots {
width: 100%;
position: static;
flex-direction: row;
}
.hero-active.owl-carousel .owl-dot span {
border: 2px solid #0064FA;
}
.contact-area .container {
overflow: visible;
}
.container {
overflow: hidden;
}
.hero-containt .exper-button a {
font-size: 16px;
padding: 10px 30px;
}
section.appoinment-area .container {
overflow: visible;
}
.advanced-area .adv-detail {
padding: 20px 20px 260px;
}
.advanced-area .adv-bottom {
bottom: -10px;
}
.advanced-area .adv-img .main {
padding-right: 30px;
padding-left: 30px;
}
.single-blog-gied {
height: auto !important;
min-height: 520px;
padding-bottom: 10px;
}
.single-blog-gied .se-img img {
height: 100%;
}
.blog-gied-text .angle-left {
bottom: -25px;
}
.contact-fl address {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin-bottom: 0;
}
.contact-fl address .single-contact {
min-width: calc(100%/2 - 40px);
margin-left: 20px;
margin-right: 20px;
}
.card-header button i {
right: 0 !important;
}
.shape.shape-2 {
display: none;
}
.shape.shape-1 {
display: none;
}
.slide-text {
top: 13%;
}
.slide-text p {
padding-bottom: 25px;
}
.exper-content p {
font-size: 16px;
margin-bottom: 8px;
}
.exper-text p {
font-size: 16px;
margin-bottom: 10px;
line-height: 22px;
}
.exper-all-content {
text-align: center;
}
.exper-inner img {
max-width: 100px;
}
.exper-info h3 {
font-size: 16px;
margin-bottom: 5px;
}
.exper-info h4 {
font-size: 12px;
}
.exper-inner {
right: 20px;
bottom: 44px;
}
.exper-flexe {
margin-top: -10px;
}
.advanced-area .adv-indi h2 {
font-size: 20px;
}
.service-title p {
font-size: 16px;
}
.service-title {
margin-bottom: 20px;
}
.dental-care img {
max-width: 40px;
}
.care-text h4 {
font-size: 18px;
margin-bottom: 8px;
}
.care-text p {
font-size: 16px;
line-height: 20px;
}
.medi-service-box {
margin-bottom: 30px;
}
.exper-button a {
font-size: 16px;
padding: 14px 25px;
}
.exper-button {
padding-bottom: 30px;
}
.doctor-team-content h3 {
font-size: 18px;
margin-bottom: 6px;
}
.doctor-team-content h4 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content {
padding: 10px 20px;
}
.team-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.call-time-info {
display: block;
}
.call-box {
font-size: 15px;
padding: 14px 26px;
}
.call-time-content {
text-align: center;
}
.call-time-text h3 {
font-size: 30px;
}
.time-button {
position: unset;
}
.call-time-text {
margin-bottom: 20px;
}
.fea-title p {
font-size: 16px;
line-height: 22px;
padding-bottom: 50px;
}
.fea-title {
margin-bottom: 15px;
}
.features-info img {
max-width: 25px;
}
.features-text {
padding-left: 10px;
}
.features-text h3 br {
display: none;
}
.features-text h3 {
font-size: 18px;
margin-bottom: 8px;
}
.features-text p {
font-size: 16px;
}
.features-all-content {
margin-bottom: 25px;
}
.footer-fast a img {
max-width: 130px;
margin-bottom: ;
}
.team-img img {
width: 100%;
}
.hero-about-area {
margin-top: 0;
}
.explore {
display: block;
text-align: center;
}
.dental-care img {
margin-bottom: 10px;
}
.hero-about-area {
padding-top: 70px;
padding-bottom: 70px;
}
.hero-about-text h2 {
margin-bottom: 10px;
}
.hero-about-text h4 {
font-size: 16px;
}
.textarea.text-center p {
font-size: 16px;
}
.foot-fl .single-widget {
margin-bottom: 30px;
}
.footer-fast {
margin-bottom: 30px;
}
.advance-title {
margin-bottom: 30px;
}
.advace-thumb {
margin-bottom: 30px;
}
.advance-text {
text-align: center;
}
.advance-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
}
.single-circle-progressber {
margin-bottom: 30px;
}
.circle-progressbar-wrap {
margin-bottom: 10px;
}
.special-all-content {
text-align: center;
}
.special-content p {
padding-right: 0;
font-size: 16px;
margin-bottom: 10px;
}
.special-inner li {
margin-bottom: 14px;
}
.special-wrapper h3 {
font-size: 20px;
margin-bottom: 20px;
}
.specia-logo {
max-width: 90px;
}
.special-button a {
padding: 18px 14px;
}
.special-wrapper {
background-color: #17b3ab;
padding: 30px 40px;
}
.wlak.walk-1 {
display: none;
}
.doctor-wrap {
text-align: left;
}
.doctor-content span {
font-size: 30px;
}
.form-title h3 {
font-size: 30px;
}
.special-content h3 {
font-size: 36px;
margin-bottom: 10px;
}
.consul-text {
text-align: center;
}
.consul-text p {
font-size: 27px;
}
.brand-active.owl-carousel .owl-item img {
max-width: 130px;
}
.apoin.apoin-2 {
max-width: 285px;
}
.brand-active {
padding-top: 55px;
}
.blog-left-area {
padding: 0;
padding-bottom: 80px;
}
.single-comment a {
background: #D6D7D9;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
margin-right: 15px;
flex: 0 0 50px;
}
.single-comment.mad {
padding-left: 0;
}
.commnet-text-area a {
background: transparent;
}
.blog-containt p {
font-size: 16px;
line-height: 23px;
}
.comment-area {
padding-bottom: 60px;
}
.opps-containt h3 {
font-size: 85px;
line-height: 80px;
}
.opps-containt h4 {
font-size: 20px;
margin-bottom: 5px;
}
.opps-containt p {
font-size: 16px;
}
.advance-title.text-center.mb-70 h2 br {
display: none;
}
.special-inner li a {
font-size: 16px;
margin: 0;
text-align: left !important;
}
.foot-fl {
display: flex;
justify-content: start;
}
.consul-text p img {
position: absolute;
left: -66px;
max-width: 47px;
}
.consul-text p {
font-size: 27px;
display: inline-block;
position: relative;
}
.se-img img {
width: 100%;
}
.blog-right {
margin-bottom: 40px;
}
.blog-left-area.listt {
padding-right: 0;
padding-left: 0;
}
.blog-left-area.listt {
padding-right: 0;
padding-left: 0;
}
.blog-left-area.listt {
margin-bottom: 0;
}
.contact-fl {
padding-top: 90px;
}
.contact-map {
height: 400px;
}
.blog-form-area h3 {
font-size: 22px;
}
.blog-form-area input {
width: 100%;
height: 40px;
border: 1px solid #BDBDBD;
padding: 0 20px;
font-size: 16px;
font-weight: 400;
color: #4F5256;
margin-bottom: 15px;
}
.blog-form-area textarea {
height: 86px;
}
.doctors-img img {
margin-bottom: 40px;
}
.nav-link {
font-size: 16px;
padding: 10px 14px;
}
.hapy-section p {
font-size: 16px;
color: #4F5256;
font-weight: 400;
width: auto;
margin: 0;
}
.port-img img {
width: 100%;
}
.pricing-title p {
font-size: 16px;
color: #4f5256;
font-weight: 400;
margin: 0;
}
.contact-time {
margin-bottom: 40px;
}
.pps-lidtt {
text-align: center;
margin-top: 80px;
}
.eye-list {
display: block;
}
.eye-list-lf {
margin-bottom: 30px;
}
.dde p {
font-size: 16px;
}
.doctor-containt h3 {
font-size: 30px;
}
.doctor-into {
margin-bottom: 50px !important;
}
.llff {
display: block;
justify-content: space-between;
margin-bottom: 25px;
}
.imgg {
display: block;
text-align: center;
}
.imgg img:last-child {
margin: 0;
}
.sli.sli-2 {
display: none;
}
.single-slider-active .owl-item.active.center .slider-content {
background: #17b3ab;
color: #fff;
margin: auto;
}
.faq-content {
width: auto;
margin-bottom: 50px;
}
.faq-content h1 {
font-size: 30px;
}
.slider-content {
margin: auto;
}
.slider-info {
width: 370px;
margin: auto;
}
.owl-stage-outer {
margin-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.team-area.height {
min-height: 184px;
}
.doctor-team-content h3 {
font-size: 15px;
margin-bottom: 6px;
}
.doctor-team-content h4 {
font-size: 16px;
margin-bottom: 6px;
}
.doctor-team-content p {
font-size: 16px;
color: #4f5256;
line-height: 22px;
margin-bottom: 10px;
}
.View-Profile {
font-size: 16px;
}
}
@media(max-width:1199px) {
.hero-active.owl-carousel.owl-loaded.owl-drag {
padding-top: 0;
}
}
@media(max-width:767px) and (min-width:480px) {
.contact-location .left-location {
width: 50% !important;
}
.contact-location {
height: auto !important;
margin-left: 0px !important;
}
.contact-location .left-location {
padding: 0 10px !important;
}
.headerTop .contact-location .left-location h4 {
font-size: 14px;
}
.services-area {
margin-top: -30px !important;
}
}
@media (min-width:767px) and (max-width:767px) {
body .services-area {
margin-top: -90px !important;
}
}
@media(min-width:575px) and (max-width:730px) {
.advanced-area .adv-bottom {
width: 550px !important;
height: auto !important;
margin: 0 0;
padding: 15px 15px !important;
}
.advanced-area .adv-img .main {
padding-right: 30px;
}
.doctors-info-area .single-info p {
font-size: 15px;
}
}
@media(max-width:620px) {
.headerTop .col-sm-3 {
text-align: center;
}
.special-list {
flex-wrap: wrap;
}
.special-inner.special-left {
margin-bottom: 0px;
}
.special-inner {
width: 100%;
text-align: left;
}
.special-right {
margin-left: 0px !important;
}
ul#pills-tab .nav-item {
width: 100%;
}
.home ul#pills-tab .nav-item {
width: auto;
}
.home ul#pills-tab {
justify-content: center !important;
}
.home .nav-pills .nav-link {
padding: 10px 15px;
}
.doctor-into button {
font-size: 15px !important;
}
}
@media(max-width:575px) {
.hero-containt {
width: 100%!important;
box-sizing: border-box;
text-align: center;
}
.appoinment-area {
background-position: left top !important;
min-height: 720px;
height: 100% !important;
padding-bottom: 20px !important;
}
.news-area {
padding-top: 0 !important;
}
.advanced-area .adv-bottom {
max-width: 100%;
height: auto !important;
margin: 0 0;
padding: 10px 15px 20px !important;
}
.advanced-area .adv-img .main {
padding: 0 25px !important;
}
.advanced-area .adv-img {
margin-bottom: 30px;
}
.hove-top {
margin-bottom: 5px;
}
.hove-top a {
font-size: 13px;
margin-right: 10px;
}
.blog-img .blog-img-hov {
bottom: 0;
left: 10px;
padding: 5px 0;
}
.hover-bb h3 {
font-size: 19px;
margin: 0 0 5px 0;
}
.imgg img {
width: calc(100% - 10px);
margin-bottom: 30px;
}
}
@media(max-width:575px) and (min-width:480px) {
.advanced-area .adv-img .first {
right: 13px;
}
.advanced-area .adv-img {
overflow: hidden;
padding: 30px 0px 30px;
}
.advanced-area .adv-img {
margin-bottom: 0;
}
}
@media(min-width:991px) and (max-width:1100px) {
.footer-box .social li a i:first-child {
padding-left: 0;
}
}
@media(max-width:991px) {
div.doctors-info-area {
margin-bottom: 10px;
margin-top: 10px;
position: static;
z-index: 9;
}
div.doctors-info-area .single-info {
padding: 20px;
}
.zoom-containt {
margin-top: 15px;
}
}
@media(max-width:520px) {
.list-l ul li strong {
width: 100%;
display: block;
}
}
@media(min-width:768px) {
a.play.mob-vdo-btn {
left: -56px;
right: auto !important;
}
}
@media(min-width:768px) {
img.shape.shape-3 {
display: none;
}
.skill-area {
padding-bottom: 0;
}
}
@media(min-width:768px) and (max-width:1030px) {
.list-l ul li strong {
width: 100%;
display: block;
}
}
.home .doctors-area {
padding: 180px 0 100px 0;
}
.home .news-area {
padding-top: 110px !important;
}
.appoint-wrap .brand-active {
padding: 120px 0 50px 0;
}
@media(max-width:767px) {
.appoint-wrap .consul-text h2 {
font-size: 38px;
}
.child-containt .coo span {
display: inline;
}
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.serve-detail-two .about-doctors-area,
.dr-detail-wrap .about-doctors-area {
padding-top: 20px;
}
button.btn.btn-link.btn-block:focus {
outline: 0;
border: 0 !important;
box-shadow: none;
}
.faq-wrap .bolg-gied-area {
padding: 110px 0 120px 0;
}
.pricing-wrap .single-pruse {
min-height: 500px;
}
.home ul#pills-tab {
border-bottom: 1px solid #D9DFE7;
margin-bottom: 30px !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.home .nav-pills .nav-link {
background: none !important;
color: #072264;
border: 0 !important;
}
.home ul#pills-tab .nav-item {
margin-bottom: 0;
}
.home .nav-link:hover,
.home .nav-pills .nav-link.active,
.home .nav-pills .show>.nav-link {
color: #072264;
background: none !important;
display: inline-block;
}
.home .nav-pills .nav-link.active:before {
position: absolute;
content: "";
background: #02B9B1;
height: 5px;
width: 95%;
bottom: 0;
border-radius: 9px;
left: 0;
right: 0;
margin: auto;
}
.home .view-area .container {
position: relative;
overflow: visible;
}
.home .home-slider-circle {
position: absolute;
left: -60px;
bottom: -60px;
}
.serve-detail-two .single-pruse {
min-height: 370px;
}
.serve-3 .happy-area {
padding-top: 110px;
}
@media(max-width:575px) {
.home .hero-area {
padding-top: 0;
background-image: none !important;
background: #0b2364;
}
.home .hero-text h3 span:before {
bottom: 2px;
}
}
@media(min-width:576px) and (max-width:767px) {
.home .hero-img {
width: 50vw;
display: block;
}
.home .hero-text h3 span:before {
bottom: 2px;
}
}
.home .view-slider {
margin-top: 15px;
}
@media(min-width:768px) and (max-width:1199px) {
.home .hero-area {
height: 700px;
padding-top: 160px;
}
}
@media(min-width:701px) and (max-width:767px) {
.pediatric_header .headerTop .pull-right {
display: block;
position: absolute;
right: 0;
display: block;
}
}
@media (min-width: 1200px) {
.home .hero-containt {
padding-top: 16%;
}
.pediatric_header .navbar-collapse.collapse {
display: flex !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.pediatric_header .navbar-nav {
float: right;
margin: 0;
width: 80%;
}
.pediatric_header .navbar-header {
display: none;
}
.pediatric_header .nav li i.fa {
display: none;
}
.pediatric_header .nav li.submenu_child i {
display: inline-block;
}
.pediatric_header .nav li.submenu_child i {
position: absolute;
top: 40%;
right: 12px;
color: #979797;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
font-size: 12px;
}
.pediatric_header .nav li.submenu_child:hover i {
color: #fff;
}
}
@media(max-width:1200px) {
.hero-active.owl-carousel.owl-loaded.owl-drag {
padding-top: 0;
}
}
@media(max-width:767px) {
header.header1 {
position: static;
}
.hero-area {
text-align: left;
padding-top: 10px;
height: 300px;
}
.hero-containt {
width: 300px;
box-sizing: border-box;
margin-top: 35px;
}
.hero-text h1 {
font-size: 30px;
}
.hero-text p {
font-size: 18px;
margin-bottom: 10px !important;
}
.hero-active.owl-carousel .owl-dots {
width: 100%;
position: static;
flex-direction: row;
}
.hero-active.owl-carousel .owl-dot span {
border: 2px solid #0064FA;
}
.container {
overflow: hidden;
}
.hero-containt .exper-button a {
font-size: 16px;
padding: 10px 30px;
}
}
@media(max-width:767px) and (min-width:480px) {
.headerTop .contact-location .left-location h4 {
font-size: 14px;
}
}
@media(max-width:620px) {
.headerTop .col-sm-3 {
text-align: center;
}
}
@media(min-width:991px) and (max-width:1100px) {
.footer-box .social li a i:first-child {
padding-left: 0;
}
}
@media(max-width:1199px) {
.pediatric_header .ccfdf {
display: none;
}
.footer-box .input-group {
margin-top: 0px;
}
}
@media(max-width:767px) {
.home .row.bgh,
.home .video-area {
padding-top: 120px;
padding-bottom: 120px;
}
.hero-about-area,
.banner-2 {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media(min-width:768px) {
img.shape.shape-3 {
display: none;
}
}