/*-------Reset-css---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #696969;
line-height: 20px;
font-size:16px;
}
p {
padding-bottom: 15px;
line-height: 24px;
font-size:15px;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*-----------Top-Bar--------------*/
.Top-Bar {
background: #0a3a63;
padding: 8px 0px;
color: #fff;
}
.Top-Bar .T-Address h5 {
font-size: 14px;
float:left;
}
.Top-Bar .T-Address h4 {
margin-left: 130px;
font-size: 14px;
}
.Top-Bar .T-Address .fa {
margin-right: 5px;
}
.Social-Icon-Box li {
list-style-type: none;
display: inline;
margin-right: 4px;
font-size: 16px;
}
.Social-Icon-Box li a .fa {
color:#fff;
}
.Social-Icon-Box li a:hover .fa {
color:#00973c;
}
.Social-Icon-Box {
float:right;
}
.classy-navbar .nav-brand img {
width:150px;
}
.LOGO-SECTION .Logo-Box .Icon img {
width:32px;
}
.LOGO-SECTION .Logo-Box .Icon {
float:left;
}
.LOGO-SECTION .Logo-Box .Info {
margin-left:45px;
}
.LOGO-SECTION .Logo-Box .Info h5 {
font-size: 15px;
font-weight: 700;
line-height: 1.18;
margin-bottom: 6px;
font-family: 'Quicksand', sans-serif;
color: #333333;
}
.LOGO-SECTION .Logo-Box .Info p {
font-size: 14px;
}
.LOGO-SECTION .LOGO {
width: 160px;
}
.LOGO-SECTION {
padding:25px 0px 0px;
}
.LOGO-SECTION .Logo-Box {
padding-top: 5px;
}
/*----------Topbar----------*/
/*================================================
07 - HEADER CSS
==================================================*/
.header-top-area {
background: #182333 none repeat scroll 0 0;
}
.header-top-left {
position: relative;
padding: 12px 0;
z-index: 1;
}
.header-top-left:after {
position: absolute;
content: "";
top: 0;
height: 100%;
left: -2432px;
width: 2800px;
background: #15538c none repeat scroll 0 0;
z-index: -1;
transform: skew(
-30deg
);
}
.header-top-left p {
color: #fff;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 0px;
}
.header-top-right {
padding: 12px 0;
}
.header-top-right ul {
text-align: right;
}
.header-top-right ul li {
display: inline-block;
margin-left: 10px;
}
.header-top-right ul li a {
display: block;
font-size: 14px;
color: rgb(227, 227, 227);
}
.header-top-right ul li a:hover {
color: #fff
}
.header-logo-area {
padding: 5px 0px 16px;
}
.header-logo-area .site-logo a img {
width: 170px;
}
.site-logo {
margin: 0px 0;
}
.header-widget-box {
display: table;
vertical-align: middle;
text-align: right;
float: right;
padding-top: 45px;
}
.single-header-widget:first-child {
padding-left: 0
}
.single-header-widget {
display: table-cell;
text-align: left;
vertical-align: middle;
padding-left: 20px;
border-right: 1px solid #eee
}
.single-header-widget:last-child {
border-right: 0px solid #eee
}
.header-widget-icon {
width: 55px;
height: 55px;
float: left;
line-height: 55px;
text-align: center;
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 50%;
margin-right: 8px;
font-size: 24px;
color: #ff6d34;
position: relative;
}
.header-widget-icon img {
width: 36px;
padding-top: 8px;
margin: 0 auto;
}
.header-widget-icon:after {
position: absolute;
content: '';
left: 50%;
top: -3px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
height: 10px;
border-radius: 50%;
background-color: #fff;
}
.header-widget-text {
overflow: hidden;
margin-right: 5px;
margin-top: 5px;
}
.header-widget-text h3 {
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
color: #072948;
font-size: 17px;
margin-bottom: 5px;
font-weight: 600;
}
/*----------------Nav-Bar--------------------*/
.main-menu-area {
background: #FFF;
color: #000;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
margin-left: 0px;
margin-top: 0px;
border-bottom: 1px solid #e6e6e6;
}
.main-menu-area .navbar-default {
border: none;
margin: 0;
z-index: 999;
position: absolute;
width: 100%;
margin-top: -30px;
background: #fff;
}
.main-menu-area .navbar-default .navbar-collapse.collapse {
padding:0px;
}
.main-menu-area .logo {
height: 100%;
padding: 5px 0px 20px;
position: relative;
}
.main-menu ul li a:hover .fa {
font-size: 15px;
font-weight: 600;
}
.main-menu ul li a .fa {
font-size: 15px;
font-weight: 600;
}
.main-menu ul li .dropdown-menu li a {
border-bottom:1px solid #ccc;
}
.navbar-right {
float: none !important;
margin: 0 auto;
}
.logo a {
color: #fff;
font-size: 24px;
font-weight: 700;
letter-spacing: 2px;
position: relative;
text-transform: uppercase;
z-index: 9999;
}
.logo-two {
text-align: center;
background-color: #15aa19;
max-width: 390px;
margin: auto;
padding: 15px;
}
.main-menu ul li a {
display: block;
font-size: 15px;
transition: .5s ease;
font-weight: 400;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
color: aliceblue;
}
.main-menu-area .navbar-default .navbar-nav > .active > a,
.main-menu-area .navbar-default .navbar-nav > .active > a:focus,
.main-menu-area .navbar-default .navbar-nav > .active > a:hover {
background-color: transparent;
}
.main-menu-area .navbar-nav > li > a:focus,
.main-menu-area .navbar-nav > li > a:hover {
background-color: transparent;
}
.main-menu-area .dropdown-menu > .active > a,
.main-menu-area .dropdown-menu > .active > a:focus,
.main-menu-area .dropdown-menu > .active > a:hover {
background-color: #f5f5f5;
color:#000;
}
.main-menu ul li .dropdown-menu li a {
}
.main-menu ul li .dropdown-menu {
width: 210px;
border-top: 3px solid #00968;
}
.main-menu ul li .dropdown-menu-Width-Adj {
width: 170px;
}
.main-menu-area .dropdown-menu > li > a:focus,
.main-menu-area .dropdown-menu > li > a:hover {
background-color: #f5f5f5;
}
.main-menu-area .navbar-default .navbar-nav > .open > a,
.main-menu-area .navbar-default .navbar-nav > .open > a:focus,
.main-menu-area .navbar-default .navbar-nav > .open > a:hover {
/*color: #fff; */
background-color: transparent;
}
.main-menu ul li a i.fa-angle-down {
position: relative;
top: 1px;
left: 3px;
-webkit-transition:.5s ease;
-moz-transition:.5s ease;
-ms-transition:.5s ease;
-o-transition:.5s ease;
transition:.5s ease;
}
.main-menu ul li:hover i.fa-angle-down {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}
.navbar-right .dropdown-menu {
left: 0;
}
.main-menu ul li ul {
box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
margin: 0px;
text-align: left;
padding:15px 5px !important;
background:#fff !important;
}
.main-menu ul li ul li {
display: block;
position: relative;
}
.main-menu ul li ul li a {
display: block;
padding: 5px 15px !important;
color: #072948;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #cccccc4d !important;
text-transform: capitalize;
}
.main-menu ul li ul li a:hover {
background-color: transparent !important;
color:#15538c !important;
}
.main-menu ul li a:hover {
color:#15538c !important;
}
.main-menu ul li ul li.right-top ul {
margin: 0px;
padding: 0px;
top: 0;
position: absolute;
text-align: left;
left: 120%;
visibility:hidden;
opacity: 0;
-webkit-transition:.5s ease;
-moz-transition:.5s ease;
-ms-transition:.5s ease;
-o-transition:.5s ease;
transition:.5s ease;
z-index: 9999;
width: 200px;
border-left: 1px solid #eee;
}
.main-menu ul li ul li.right-top:hover ul {
opacity: 1;
visibility: visible;
display: block;
left: 100%;
}
@media screen and (min-width: 768px) {
.main-menu ul li ul {
box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
margin: 0px;
padding: 0px;
position: absolute;
text-align: left;
left: 0;
top: 120%;
visibility:hidden;
opacity: 0;
-webkit-transition:.5s ease;
-moz-transition:.5s ease;
-ms-transition:.5s ease;
-o-transition:.5s ease;
transition:.5s ease;
z-index: 9999;
width: 200px;
}
.main-menu ul li:hover ul {
margin-top: 0px;
opacity: 1;
visibility: visible;
display: block;
top: 100%;
}
.main-menu ul li ul li.right-top {
margin: 0;
padding: 0;
box-shadow: none;
border: none;
float: none;
}
}
.affix {
position: fixed;
width: 100%;
top: 0;
right: 0;
background-color: #fff;
z-index: 999;
box-shadow: 0 0 25px #000;
margin-top: 0px;
}
.affix .main-menu ul li a {
display: block;
font-weight: 500;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #3a3838;
}
.main-menu-area .logo img {
position: relative;
z-index: 999;
width: 160px;
}
.Top-Box ul li {
list-style-type: none;
display: inline;
float: left;
margin-right: 40px;
color:#fff;
}
.Top-Box {
float:right;
}
.Top-Bar p {
color: #fff;
font-size: 11px;
font-weight: 400;
}
.Top-Bar p a {
font-size: 16px;
color: #fff;
margin-left: 12px;
letter-spacing: 2px;
padding-top: 2px;
text-decoration: none;
}
.Top-Bar p a:hover {
text-decoration:none;
color:#adce60;
}
.main-menu-area .main-menu .navbar-nav {
padding: 15px 0px 0px;
box-shadow: 0px 0px 9px 0px rgba(6, 22, 58, 0.07);
}
.main-menu-area .main-menu .navbar-nav .Appointment-Btn {
border-radius: 29px;
background-color: #adce60;
}
.main-menu-area .main-menu .navbar-nav .Appointment-Btn a {
color:#fff !important;
padding:10px 20px ;
}
.main-menu-area .main-menu .navbar-nav .Appointment-Btn a:hover {
background-color: #698760;
border-radius: 29px;
}
.main-menu-area .main-menu .navbar-nav li a {
/* font-family: 'Poppins', sans-serif; */
font-weight: 600;
font-size: 15px;
padding: 35px 25px 20px;
color: #080808;
}
.main-menu-area .main-menu .navbar-nav li:after {
border: 1px solid #c2c2c2;
content: "";
height: 20px;
left: -1px;
margin-top: -3px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
.main-menu-area .main-menu .navbar-nav .Line:after {
border: 1px solid transparent;
}
/*----------------*/
.main-menu-area .M-ADJ {
padding:10px 0px 0px;
}
.main-menu-area .main-menu .Right-ADJ {
float:right !important
}
.main-menu-area .main-menu .Right-ADJ a {
color: #080808 !important;
}
.main-menu-area .main-menu .navbar-nav .Right-ADJ:after {
border: 1px solid #c2c2c2;
content: "";
height: 22px;
left: -1px;
margin-top: -4px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
.main-menu ul li ul li a {
display: block;
padding: 5px 15px !important;
color: #072948;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #cccccc4d !important;
text-transform: capitalize;
}
.main-menu-area .main-menu ul li ul li:after {
border: 1px solid transparent !important;
content: "";
height: 8px;
left: -1px;
margin-top: -9px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
/*-----------slider----------------*/
.slider #myCarousel .fa {
margin-top:100%;
}
.carousel-indicators li {
padding: 0;
width: 16px;
height: 16px;
border: 2px solid #fff;
text-indent: 0;
overflow: hidden;
text-align: left;
position: relative;
letter-spacing: 1px;
background: transparent;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 5px;
-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;
}
.carousel-indicators li:last-child {
margin-right: 0;
}
.carousel-indicators .active {
width:16px;
height:16px;
margin: 1px 5px 1px 1px;
box-shadow: 0 0 0 2px #fff;
background-color: transparent;
position: relative;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.carousel-indicators .active:before {
transform: scale(0.5);
background-color:#0a82bb ;
content:"";
position: absolute;
left:-2px;
top:-2px;
width:16px;
height: 16px;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.slider .fa-angle-left:before {
content: "\f104";
background: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
display: block;
padding-top: 10px;
}
.slider .fa-angle-right:before {
background: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
display: block;
padding-top: 10px;
}
.carousel-control.left {
background-image: none;
}
.carousel-control.right {
background-image: none;
}
.breakpoint-on .dd-trigger {
height: 28px;
width: 30px;
background-color: #2c3e50;
top: 2px;
right: 15px;
left: auto;
display: block;
border-radius: 2px;
}
.breakpoint-on .dd-trigger::after {
content: "\f107" !important;
font-size: 12px;
color: #fff;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*--------Heading-Box-------*/
.Heading-Box {
text-align:center;
margin:30px auto 35px;
}
.Heading-Box h4 {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #647589;
}
.Heading-Box h2 {
font-size: 45px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 30px;
margin-top: 20px;
}
.Heading-Box img {
margin:0 auto;
}
/*-------About-Home---------*/
.About-Home {
padding:100px 0px;
}
.About-Home .Left-Adj {
text-align: left;
margin: 0px auto 35px;
}
.About-Info-Box {
text-align:center;
width:80%;
margin:0 auto;
}
/*----------H-Service----------*/
.H-Service {
padding:20px 10px 100px;
}
.Center-Adj-Btn {
margin: 70px auto 0px !important;
display: table;
}
.H-Service .Heading-Box {
text-align: center;
margin: 30px auto 80px;
}
.H-Service .H-Service-Box .IMG img {
position:relative;
}
.H-Service .H-Service-Box .IMG a {
padding: 6px 20px;
display: inline-block;
position: absolute;
left: 0px;
letter-spacing: 0px;
background: #15538c !important;
font-weight: 500;
text-decoration: none;
color: #fff;
margin-top: -18px;
text-transform: uppercase;
}
.H-Service-Box .IMG-Content h4 {
font-family: 'Poppins', sans-serif;
color: #223645;
font-weight: 600;
font-size: 24px;
letter-spacing: 0px;
margin-bottom: 20px;
}
.H-Service-Box .IMG-Content {
padding: 55px 35px 50px;
background: #fff;
}
.H-Service-Box .IMG-Content h4 a {
color: #223645;
text-decoration: none;
}
.H-Service-Box .IMG-Content .Read-BTN {
color: #647589;
font-weight: 500;
font-size: 15px;
text-decoration: none;
display: table;
text-align: center;
margin: 0px auto 0px;
}
.H-Service-Box .IMG-Content .Read-BTN:hover {
color:#0a82bb;
}
.H-Service-Box .IMG-Content .Read-BTN .fa {
font-size: 13px;
margin-left: 3px;
}
.H-Service-Bootom {
/*---padding: 259px 0px 60px; */
background: #223645;
margin-top: -44%;
height: 560px;
}
/*-------Service-Home----------*/
.Service-Home {
padding:50px 0px;
position:relative;
background-image: url(../images/Service-Bg.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}
.Service-Home::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Service-Home::before {
background: linear-gradient(
-90deg
, rgb(0 0 0 / 89%), rgb(3 37 53 / 95%));
}
.Service-Home .Heading-Box h2 {
font-size: 45px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-bottom: 30px;
margin-top: 20px;
}
.Service-Home .Heading-Box h4 {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
}
.tab{
margin-top: 18%;
padding: 0px;
}
.tab .nav-tabs{
display: table;
width: 100%;
margin: 0;
border: none;
position: absolute;
}
.tab .nav-tabs li{ width: 16%; }
.tab .nav-tabs li a{
color:#395f7b;
font-size: 42px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
padding: 8px 25px 10px;
margin: 0 2px 3px 0;
border: none;
border-radius: 0;
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a i{
border: 1px solid #ccc;
padding: 5px 12px;
height: 65px;
width: 70px;
background: #fff;
border-radius: 14%;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover{
color: #0da57d;
background: linear-gradient(#fcfcfc, #f5f5f5, #fcfcfc);
border: none;
background: transparent;
}
.tab .nav-tabs li a:before{
content: "";
background: linear-gradient(#1dd1a1 50%, #0da57d 50%);
height: 100%;
width: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease-out 0s;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before{
opacity: 0;
transform: translateY(-21.5px) scale(0.3);
}
.tab .tab-content{
color: #c1c1c1;
/* background: linear-gradient(#fcfcfc,#f5f5f5,#fcfcfc); */
font-size: 16px;
letter-spacing: 1px;
line-height: 20px;
padding: 15px;
position: relative;
width: 420px;
margin: 0 auto;
}
@media only screen and (max-width: 479px){
.tab .nav-tabs li{
width: 100%;
text-align: center;
}
.tab .nav-tabs li a{ margin: 0 0 15px; }
}
.tab .nav-tabs li:nth-child(1){
left:10px;
bottom: -170px;
}
.tab .nav-tabs li:nth-child(2){
left: -8%;
bottom: 15px;
}
.tab .nav-tabs li:nth-child(3){
left: -5%;
bottom: 135px;
}
.tab .nav-tabs li:nth-child(4){
bottom: 135px;
left: 2%;
}
.tab .nav-tabs li:nth-child(5){
right: -4%;
bottom: 15px;
}
.tab .nav-tabs li:nth-child(6){
right: 3%;
bottom: -142px;
}
.tab .nav-tabs li a .fa {
font-size:40px;
}
.tab-content .tab-pane .Service-Info {
text-align:center;
}
.tab-content .tab-pane .Service-Info .fa {
font-size: 40px;
color: #009688;
display: table;
margin: 0 auto 32px;
}
.tab-content .tab-pane .Service-Info h4 {
font-size: 21px;
font-weight: 600;
margin-bottom: 16px;
}
.tab-content .tab-pane .Service-Info h4 a {
text-decoration:none;
color:#e12454;
}
/*-------Why-choose-------*/
.Why-choose {
padding:80px 0px 0px;
}
.Why-choose .Clr-01 {
background:#1d3e56 !important;
background-image: url(../images/why-Bg-3.png);
}
.Why-choose .Clr-01 .Inner {
background-image: url(../images/why-Bg-3.png)!important;
}
.Why-choose .Clr-02 .Inner {
background-image: url(../images/why-Bg-4.png) !important;
}
.Why-choose .Clr-02 {
background:#055679 !important
}
.Why-choose .Why-Box {
padding:60px 55px;
height: 100%;
position: relative;
background: #223645;
}
.No-Padding {
padding:0px;
}
.Why-choose .Why-Box .Inner {
background-repeat: no-repeat;
background-image: url(../images/why-Bg-1.png);
}
.Why-choose .Why-Box .Inner span {
display: inline-block;
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
background: #fff;
border-radius: 50%;
margin-bottom: 20px;
}
.Why-choose .Why-Box .Inner span img {
padding-top: 20px;
text-align: center;
margin: 0 auto;
}
.Why-choose .Heading-Box {
text-align: center;
margin: 30px auto 80px;
}
.Why-choose .Why-Box h4 {
font-size: 22px;
margin-bottom: 28px;
color:#fff;
}
.Why-choose .Why-Box a {
color:#0a82bb;
letter-spacing: 1px;
text-decoration: underline;
text-transform: uppercase;
font-weight: 600;
margin-top: 5px;
display: table;
}
.Why-choose .Why-Box .Inner p {
color: #c0d0dc;
}
/*-----------------*/
.About-Home .Clinic-Icon {
position: absolute;
z-index: 9;
right: -42px;
top: 50%;
transform: translateY(-50%);
}
.About-Home .Clinic-IMG {
position:relative;
}
.About-Home .About-Info-Box {
text-align: left;
width: 100%;
margin: 0 auto;
z-index: 999;
}
.About-Home .A-Inner-Main {
width:90%;
}
/*------------.Blog-Home------------*/
.Blog-Home{
padding: 50px 0px;
}
.Blog-Home .Blog-Box .B-Inner h5 {
color: rgb(50 167 222);
margin-bottom: 25px;
}
.Blog-Home .Blog-Box:hover .B-Inner {
position:relative;
color: #fff;
}
.Blog-Home .Blog-Box:hover .B-Inner-02 .Left-B span p {
margin-left: 51px;
padding-top: 8px;
color: #fff;
}
.Blog-Home .Blog-Box .button-area .btn-icon {
border-radius: 35px;
padding-left: 74px;
padding-right: 50px;
padding-top: 19px;
padding-bottom: 22px;
background-color: rgb(255 255 255);
box-shadow: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
color: #131212;
text-transform: uppercase;
}
.Blog-Home .Blog-Box:hover .button-area .btn-icon {
background-color: rgb(10 130 187);
color: #fff;
}
.Blog-Home .Blog-Box:hover .button-area .btn-icon:hover {
background-color: rgb(22 97 156);
color: #fff;
}
.Blog-Home .Blog-Box:hover .B-Inner-02 .Right-B {
float: right;
padding-top: 12px;
color: #fff;
}
.Blog-Home .Blog-Box:hover .B-Inner h4 {
color: #f3f1f1;
}
.Blog-Home .Blog-Box:hover .B-Inner-02 {
position:relative;
}
.Blog-Home .Blog-Box .Bg-Padding {
padding:40px 30px;
}
.Blog-Home .Blog-Box .B-Inner h4 {
font-size: 22px;
line-height: 26px;
letter-spacing: -.03em;
margin-bottom: 20px;
color: #223645;
font-weight: 600;
}
.Blog-Home .Blog-Box .B-Inner-02 .Right-B span .fa {
font-size: 15px;
margin-right: 5px;
}
.Blog-Home .Heading-Box {
text-align: center;
margin: 30px auto 70px;
}
.Blog-Home .Blog-Box .B-Inner-02 .Left-B {
float:left;
}
.Blog-Home .Blog-Box .B-Inner-02 .Left-B span img {
float:left;
}
.Blog-Home .Blog-Box .B-Inner-02 .Left-B span p {
margin-left: 51px;
padding-top: 8px;
}
.Blog-Home .Blog-Box .B-Inner-02 .Right-B {
float:right;
padding-top:12px;
}
.Blog-Home .Blog-Box .B-Inner {
padding-bottom: 10px;
display: table;
border-bottom: 1px solid #ffffff;
margin-bottom: 30px;
}
.Blog-Home .button-area .btn-icon {
margin-top:50px;
}
.Blog-Home .Blog-Box {
position:relative;
overflow:hidden;
}
.Blog-Home .Blog-Box:hover .Blog-M {
opacity: 1;
visibility: visible;
transition: .4s;
}
.Blog-Home .Blog-Box .Blog-M {
position: absolute;
opacity: 0;
visibility: hidden;
transition: .4s;
}
.Blog-Home .Blog-Box .Blog-M:before {
position: absolute;
content: "";
background: rgba(34, 54, 69, 0.90);
width: 100%;
height: 100%;
}
/*---------Testimonial----------*/
.Testimonial {
padding:85px 0px;
}
.Testimonial .testimonial-item .Client-BOX .Icon-IMG img {
width: 80px;
background-color: #15538c;
box-shadow: 0px 16px 32px 0px rgb(143 181 105 / 40%);
transition: .4s;
border-radius: 50%;
padding: 14px;
margin-bottom: 32px;
}
.Testimonial .testimonial-item:hover .Client-BOX .Icon-IMG img {
background-color:#003267;
box-shadow: 0px 16px 32px 0px rgb(225 36 84 / 40%);
transition: .4s;
}
.Testimonial .Info .Patient-Box .Icon {
float:left;
}
.Testimonial .Info .Patient-Box .Info {
margin-left: 90px;
padding-top: 12px;
color: #647589;
font-size: 14px;
}
.Testimonial .Info .Patient-Box .Icon {
width: 70px;
}
.Testimonial .Info .Patient-Box .Info h4 {
font-size: 18px;
margin-bottom: 14px;
font-family: 'Poppins', sans-serif;
color: #223645;
font-weight:600;
}
.Testimonial .Info .Patient-Box .Info .Color-Green {
color: #15538c;
font-weight: 500;
font-style: italic;
}
.Testimonial .Client-BOX .Reivew {
padding: 5px 0px 40px;
}
.Testimonial .Client-BOX .Review-Title {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 15px;
font-weight: 600;
}
/*------rating--------*/
.star-rating {
display: table;
font-size: 18px;
margin-top: 0px;
margin-bottom: 20px;
}
.star-rating input {
display:none;
}
.star-rating label {
color:#ffae00;
cursor:pointer;
font-size: 20px;
}
.star-rating :checked ~ label {
color:#f90;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
color:#fc0;
}
.Testimonial .Heading-Box {
text-align: center;
margin: 30px auto 80px;
}
.owl-theme .owl-nav {
margin-top: 75px !important;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 10px 15px !important;
background: #003267 !important;
display: inline-block;
cursor: pointer;
border-radius: 0 !important;
}
.Patient-Box {
text-align: center;
margin: 0 auto;
display: table;
}
.testimonial-item .client-info .Icon-IMG {
margin: 0 auto;
display: table;
}
.testimonial-item {
text-align: center;
}
/*--------Counter---------*/
.Counter {
background: #223645;
padding:80px 0px 60px;
color:#fff;
}
.Counter .counter-Box .counter-value {
font-weight: 600;
color: #fff;
font-size: 50px;
margin: 20px auto 30px;
display: table;
}
.Counter .counter-Box {
margin: 0 auto;
display: table;
}
.Counter .counter-Box .counter-content p {
color: #43a9fb;
font-weight: 600;
font-size: 16px;
}
/*----------About-Doctor-Home---------*/
.About-Doctor-Home {
padding:100px 0px 0px;
}
.Left-Adj {
text-align: left;
margin: 30px auto 35px;
}
.Left-Adj img {
margin: 0px;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree h4 {
font-size: 26px;
margin-bottom: 15px;
color: #223645;
font-weight: 600;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree {
text-align: center;
padding:25px 0px 10px;
}
.About-Doctor-Home .Doctor-Main {
margin-top: 30px;
border-top: 6px solid #8bc34a;
}
.About-Doctor-Home .Docor-Img {
width: 80%;
margin: 44px auto;
padding: 3px;
border: 1px solid #ddd;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree h5 {
color: #157faf;
letter-spacing: 1px;
}
.About-Doctor-Home .Docor-Img ul li {
list-style-type:inline-block;
margin-right:10px;
display:inline-block;
}
.About-Doctor-Home .Docor-Img ul li a {
font-size: 14px;
color: #a0aab1;
}
.About-Doctor-Home .Docor-Img ul {
margin:0 auto 15px ;
display: table;
}
.About-Doctor-Home .A-B-Box {
display: table;
background: #fff;
padding: 50px 71px;
width: 95%;
margin: -20% auto 0px;
}
.About-Doctor-Home .Docor-Img ul li a:hover {
color: rgb(10 130 187);
}
/*------Read-More-Btn------*/
.button-area {
margin-top: 30px;
display: table;
}
.button-area .btn-icon {
border-radius: 35px;
padding-left: 74px;
padding-right: 50px;
padding-top: 19px;
padding-bottom: 22px;
background-color:rgb(21 83 140);
/*---------
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
----*/
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
color: #fff;
text-transform: uppercase;
}
.button-area .btn-icon:hover {
background-color: rgb(0 50 103);
/*-----------
box-shadow: 0px 8px 16px 0px rgb(125 178 73 / 20%);
----------*/
color: #fff;
transition: all 0.3s ease-out 0s;
}
.button-area .btn-icon span {
position: absolute;
left: 5px;
text-align: center;
width: 50px;
height: 50px;
top: 5px;
line-height: 50px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
/*---------Gallery-Home---------*/
.Gallery-Home {
padding:15px 0px 80px;
}
.Gallery-Home .Box{
width: 96%;
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 15px;
height: 245px;
}
.Work .btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c17;
outline: none;
}
.Gallery-Home .Box img{
width: 100%;
height: auto;
transform: scale3d(1, 1, 1);
transition: all 0.3s ease 0s;
}
.Gallery-Home .Box:hover img{ transform: scale3d(1.15, 1.15, 1); }
.Gallery-Home .Box .box-content{
width: 100%;
height: 100%;
background-color: rgb(14 14 14 / 63%);
padding-top: 12%;
color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
transition: all 0.3s ease 0s;
}
.Gallery-Home .Box:hover .box-content{ opacity: 1; }
.Gallery-Home .Box .box-content:before,
.Gallery-Home .Box .box-content:after{
content: "";
position: absolute;
top: 2px;
left: 2px;
right:2px;
bottom: 2px;
border: 1.5px solid #246bad;
opacity: 0;
z-index: -1;
transform: scale(1.5);
transition: all 0.6s ease 0.2s;
}
.Gallery-Home .Box:hover .content-inner .fa {
font-size: 22px;
font-weight: 400;
float: none;
display: table;
transition: .9s;
transform: rotate(
360deg
);
margin: 15% auto 0px;
color: #0c8ac3;
}
.Gallery-Home .Box:hover .content-inner p {
padding-top: 10px;
float: none;
margin-left: 0px;
color: #fff;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
}
.Gallery-Home .Box .box-content:before{
border-top: none;
border-bottom: none;
left: 2px;
right: 2px;
}
.Gallery-Home .Box .box-content:after{
border-left: none;
border-right: none;
top: 2px;
bottom: 2px;
}
.Gallery-Home .Box:hover .box-content:before,
.Gallery-Home .Box:hover .box-content:after{
opacity: 1;
transform: scale(1);
}
.Gallery-Home .Box .content-inner{
opacity: 0;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.Gallery-Home .Box:hover .content-inner{
opacity: 1;
transform: scale(1);
}
.Gallery-Home .Box .title{
font-size: 18px;
font-weight: 700;
color: #00fff2;
letter-spacing: 0px;
text-transform: uppercase;
margin: 0px 0 5px;
}
.Gallery-Home .Box .post{
display: block;
font-size: 14px;
font-weight: 600;
font-style: italic;
margin-bottom: 10px;
}
.Gallery-Home .Box .icon{
padding: 0;
margin: 0;
list-style: none;
z-index: 2;
}
.Gallery-Home .Box .icon li{ display: inline-block; }
.Gallery-Home .Box .icon li a{
display: block;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
margin-right: 5px;
position: relative;
transition: all 0.3s ease 0s;
}
.Gallery-Home .Box .icon li a:hover{ color: #000; }
.Gallery-Home .Box .icon li a:before{
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.Gallery-Home .Box .icon li a:hover:before{ transform: scale(1); }
@media only screen and (max-width:990px){
.Gallery-Home .Box{ margin-bottom: 0px; }
}
.Gallery-Home .buttons {
padding: 20px 0 15px;
margin: 0 auto 60px;
display: table;
}
.Gallery-Home .button {
transition: all .2s ease-in-out;
-webkit-appearance: none;
border-radius: 0;
font-family: inherit;
background: none;
font-weight: 600;
cursor: pointer;
outline: none;
color: #312f2f;
font-size: 16px;
padding:8px 22px;
text-transform: uppercase;
border: 1px solid #ddd;
margin-right: 10px;
transform: skew(
-14deg
);
}
.Gallery-Home .button:hover,
.Gallery-Home .button.active {
opacity: 1;
background: #0a82bb;
color: #fff;
transform: skew(
-14deg
);
}
/*-----------Footer-----------*/
.Footer {
padding:90px 0px 65px;
background: #13232f;
position: relative;
margin-top: -5px;
}
.Footer::before {
position: absolute;
content: "";
background-image: url(../images/Footer-Bg.png);
left: 0;
right: 0;
top: 0;
width: 100%;
min-height: 100%;
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
}
.Footer .Footer-Main .Title h4 {
font-size: 22px;
color: #fff;
display: block;
margin-bottom: 45px;
}
.Footer .Footer-Main p a {
text-decoration:none;
color: #91a1b4;
}
.Footer .Footer-Main p {
margin-bottom: 0px;
padding-bottom: 12px;
color: #9aacbb;
}
.Footer-Main .F-Post .Icon {
float:left;
}
.Footer-Main .F-Post .Info {
margin-left:98px;
}
.Footer-Main .F-ADJ .Info {
margin-left:35px;
}
.Footer-Main .F-ADJ .Icon .fa {
color: #1590c7;
font-size: 26px;
padding-top: 3px;
}
.Footer-Main .F-Post .Info h4 a {
color: #91a1b4;
font-size: 16px;
text-decoration: none;
margin-bottom: 8px;
display: table;
line-height: 20px;
}
.Footer-Main .F-ADJ .Info h4 {
padding-left: 5px;
font-size: 16px;
font-weight: 400;
color: #91a1b4;
line-height: 28px;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.Footer-Main .F-Post .Info h4 a:hover {
color:#0c8ac3;
}
.Footer-Main .F-Post .Info p {
color: #647589;
}
.Footer-Main .F-Post {
margin-bottom: 5px;
}
.Footer-Main .F-ADJ {
margin-bottom: 25px;
}
.Footer-Main ul li {
list-style-type:none;
display:inline-block;
}
.Footer-Main ul li a {
padding: 8px 9px;
border-radius: 50%;
margin-right: 10px;
background: #243d4f;
color: #425f74;
}
.Footer-Main ul li a:hover {
background: #1f7ed5;
color: #fff;
}
.Footer-Main ul li .fa {
width: 20px;
text-align: center;
}
.Footer-Main ul {
margin-top: 45px;
display: table;
}
.Footer-Strip {
padding: 25px 20px 5px;
background: #0d1b26;
color: #9aacbb;
text-align: center;
}
.Footer-Strip a {
color:#15538c;
}
.Footer .Footer-Main p a:hover {
text-decoration: none;
color:#1f7ed5;
}
.Footer-Main .Size-ADJ .Icon .fa {
color: #91a1b4;
font-size: 18px;
}
.Footer-Main .Size-ADJ .Info h4 {
padding-left: 0px;
font-size: 15px;
font-weight: 400;
color: #91a1b4;
line-height: 20px;
}
.Footer-Main .Size-ADJ .Info {
margin-left: 30px;
}
.Footer-Main .Size-ADJ {
margin-bottom: 14px;
}
.Footer-Main .Size-ADJ .Info h4 .Secondline {
display: block;
}
/*----------Breadcums----------*/
.Breadcums {
padding:100px 0px 0px;
position:relative;
background-image: url(../images/Slider01.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}
.Breadcums::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Breadcums::before {
background: linear-gradient(
-90deg
, rgb(0 0 0 / 83%), rgb(8 46 64 / 95%));
}
.Breadcums ul li {
list-style-type: none;
display: inline-block;
margin-right: 12px;
}
.Breadcums ul li:after {
position: absolute;
content: "|";
padding-left: 4px;
padding-top: 1px;
color: #2f2f2e;
}
.Breadcums ul {
background: #fff;
padding: 10px 20px;
float: right;
bottom: 0px;
}
.Breadcums h1 {
font-size: 46px;
font-weight: 700;
color: #fff;
padding: 45px 0px 60px;
}
.Breadcums ul li:last-child:after {
position: absolute;
content: "|";
padding-left: 4px;
padding-top: 1px;
color: transparent;
}
.Breadcums ul li {
color: #15548b;
}
.Breadcums ul li a {
text-decoration: none;
color: #757575;
}
.Breadcums ul li a:hover {
color:#15548b;
}
/*----------Contact-Page----------*/
.Contact-Page {
padding:100px 0px;
}
.form-control {
margin-bottom: 25px;
display: block;
width: 100%;
height: 46px;
padding: 8px 20px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 2px solid #dcdcdc;
border-radius: 30px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.Contact-Page .controls .form-control:focus {
border-color: rgb(143, 181, 105);
outline: 0;
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 150 136 / 19%);
}
.Contact-Page .Contact-Details-Box img {
width: 55px;
margin: 0 auto 25px;
}
.Contact-Page .Contact-Details-Box {
text-align: center;
background-color: #ffffff;
box-shadow: 0 10px 20px rgb(136 136 136 / 27%);
border: 1px solid #cccccc8c;
padding: 20px 5px;
height: 260px;
}
.Contact-Page .Contact-Details-Box h4 {
font-size: 21px;
color: #e12454;
margin-bottom: 16px;
font-weight: 500;
}
.Contact-Page .Bottom-Adj {
text-align: center;
margin: 30px auto 50px;
}
.Contact-Page .Contact-Size h2 {
font-size: 32px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 12px;
}
.Contact-Page .Contact-Size img {
width: 16%;
height: 2px;
}
.Contact-Page .Contact-Size h4 {
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #647589;
}
.Contact-Page .Contact-Top {
margin-top: 80px;
padding: 50px;
background: #e6e6e6e0;
}
.Contact-Page .Contact-Size {
text-align: left;
margin: 0px auto 35px;
}
/*----------Single-Service-Page----------*/
.Single-Service-Page {
padding:100px 0px;
}
.Single-Service-Page .Heading-Box h2 {
font-size: 40px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 25px;
margin-top: 50px;
}
.Single-Service-Page .Heading-Box img {
width: 100px;
height: 3px;
}
/**----------------*/
#accordion .panel{
border: none;
box-shadow: none;
border-radius: 0;
margin-bottom: 15px;
}
#accordion .panel-heading{
padding: 0;
border-radius:0;
border: none;
}
#accordion .panel-title a{
text-decoration: none;
display: block;
padding: 14px 30px 14px 70px;
font-size: 16px;
font-weight: 500;
color: #fff;
background: #14528b;
position: relative;
overflow: hidden;
transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed{
background: #f8f8f8;
color: #14528b;
}
#accordion .panel-title a.collapsed:hover{
color: #009688;
}
#accordion .panel-title a:before{
content: "";
width: 55px;
height: 100%;
background-color: rgb(0 0 0 / 28%);
position: absolute;
top: 0;
left: -13px;
transform: skewX(-25deg);
transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:hover:before{
background: #009688;
}
#accordion .panel-title a:after{
content: "\f047";
font-family: "FontAwesome";
font-weight: 500;
position: absolute;
left: 10px;
top: 50%;
color: #fff;
transform: translateY(-50%);
}
#accordion .panel-title a.collapsed:after{
color: #9f9f9f;
}
#accordion .panel-title a.collapsed:hover:after{
color: #fff;
}
#accordion .panel-body{
font-size: 14px;
color: #5a3245;
line-height: 25px;
padding: 20px 15px 20px 40px;
position: relative;
border: none;
position: relative;
transition: all 0.5s ease 0s;
}
#accordion .panel-body:before{
content: "";
width: 5px;
height: 40px;
background:#14528b;
position: absolute;
top: 30px;
left: 0;
}
#accordion .panel-body p{
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
margin-top: 50px;
}
#accordion .panel-title a .fa {
float: right;
}
#accordion .panel-title a.collapsed:hover {
color: #ffffff;
background: #14528b;
}
#accordion .panel-title a.collapsed:hover:before {
background:#0e3b64;
}
.S-Box-Main {
padding: 0px 35px 45px;
border: 1px solid #ccccccb3;
}
.panel-group h4 {
font-size: 22px;
font-weight: 500;
color: #ff0404;
padding-bottom: 25px;
font-style: oblique;
}
.Clr-red {
color:#ff0404;
font-weight: 400;
font-style: italic;
}
/*------------Our Services-Page--------------*/
.Our-Services-Page {
padding:100px 0px;
}
.Our-Services-Page .Services-Box {
text-align: center;
padding: 48px 20px 0px;
}
.Our-Services-Page .Services-Box .IMG .fa {
font-size: 45px;
font-weight: 500;
display: table;
margin: 0 auto 20px;
color: #0a82bb;
}
.Our-Services-Page .Services-Box .S-Info h4 {
color: #033b4a;
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.Our-Services-Page .Services-Box .S-Info p {
color: #9dabaf;
padding-bottom: 15px;
line-height: 20px;
}
.Our-Services-Page .Services-Box .S-Info a {
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
overflow: hidden;
margin-bottom: 0;
display: table;
margin: 3px auto 0px;
}
.Our-Services-Page .Services-Box:hover {
padding:50px 20px;
background-color: #0a82bb;
transition: all .4s;
margin-top: -25px!important;
margin-bottom: -40px!important;
overflow: hidden;
}
.Our-Services-Page .Services-Box-Inner {
height: 245px;
/* position: relative; */
overflow: hidden;
border: 1px solid #ccc9;
margin-bottom: 25px;
}
.Our-Services-Page .Services-Box:hover .S-Info a {
opacity: 1;
transition: all .3s;
overflow: hidden;
margin-bottom: 0;
background: #fff;
border-radius: 50%;
padding: 6px 13px;
font-size: 19px;
font-weight: 600;
}
.Our-Services-Page .Services-Box:hover .S-Info a:hover {
background:#033b4a;
color:#00d6a3;
}
.Our-Services-Page .Services-Box:hover .S-Info h4 {
color: #ffffff;
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.Our-Services-Page .Services-Box:hover .S-Info p {
color: #ffffff;
}
.Our-Services-Page .Services-Box:hover .IMG .fa {
color: #ffffff;
}
.Our-Services-Page .Heading-Box {
text-align: center;
margin: 30px auto 80px;
}
.Single-Service-Main .Info .Points .Icon {
float:left;
}
.Single-Service-Main .Info .Points .Icon .fa {
color: #15548b;
padding-top: 3px;
}
.Single-Service-Main .Info .Points .Info {
margin-left:22px;
}
.Single-Service-Main .Info .Points .Info p {
padding-bottom: 2px;
}
.Sub-heading {
font-weight: 500;
color: #4c4c4c;
font-style: italic;
}
/*---------Gallery-Page----------*/
.Gallery-Page {
padding:60px 0px;
}
.Gallery-Page .Heading-Box {
text-align: center;
margin: 30px auto 70px;
}
.Gallery-Page .Box {
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 30px;
height: 245px;
}
.Gallery-Home .Box:hover .content-inner p {
padding-top: 15px;
float: none;
margin-left: 0px;
color: #fff;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
}
/*-------------*/
.Blog-Page {
padding:100px 0px;
}
.Blog-Page .Details h4 {
font-weight: 600;
margin-bottom: 25px;
font-size: 24px;
margin-top: 50px;
}
.Blog-Page .Details .Points .Icon {
float:left;
}
.Blog-Page .Details .Points .Icon .fa {
font-size: 14px;
color: #25aae1;
padding-top: 5px;
display: table;
}
.Blog-Page .Details .Points .Info {
margin-left:25px;
}
.Blog-Page .Details .Blog-Pass {
margin-bottom:20px;
}
.Blog-Page .Icon {
float:left;
}
.Blog-Page .Icon img {
width: 78px;
border: 1px solid #ddd;
border-radius: 50%;
}
.Blog-Page .Info {
margin-left: 92px;
padding-top: 5px;
}
.Blog-Page .Info p {
line-height:16px;
}
.Blog-Page .Info span {
font-size: 13px;
font-weight: 600;
color: #6d6969;
}
.Blog-Page .Info p a {
font-size: 15px;
font-weight: 600;
line-height: 17px;
text-decoration: none;
color: #223645;
}
.Blog-Page h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
}
.Blog-Page .Sideblog .Points {
margin-bottom: 35px;
}
.Blog-Page .Sideblog {
width: 90%;
margin: 0 auto;
border-top: 4px solid #009688;
border-radius: 4px;
padding: 43px 15px;
border-bottom: 4px solid #009688;
}
.Blog-Page .Details .Points {
margin-left: 20px;
}
.Blog-Page .Heading-Box h2 {
font-size: 30px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 45px;
line-height: 40px;
}
.Blog-Page .Left-Adj img {
margin: 0px;
width: 90px;
height: 2px;
}
.Footer-Main .F-Post .Icon img {
width:75px;
}
.About-Page .Clinic-Icon {
position: absolute;
z-index: 9;
right: -42px;
top: 42%;
transform: translateY(-50%);
left: -90px;
}
.About-Doctor-Page {
padding:100px 0px;
}
.About-Doctor-Page .A-B-Box {
display: table;
background: #fff;
padding: 0px 50px;
width: 95%;
margin: 0px auto 0px;
}
.About-Doctor-Home .Doctor-Main {
margin-top: 30px;
border-top: 4px solid #2196f3;
}
.About-Doctor-Home .Docor-Img {
width: 85%;
margin: 30px auto;
padding: 3px;
border: 1px solid #ddd;
}
.Single-Service-Page .Single-Service-Main .Border-Adj {
border: 1px solid #cccccc8a;
border-bottom: none;
}
.H-Service .owl-theme .owl-nav {
display:none;
}
/*--------------*/
.Inner-Video a {
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
background: #0c8ac3;
font-size: 24px;
color: #fff;
position: relative;
z-index: 10;
display: inline-block;
border-radius: 95px;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.Inner-Video {
position: absolute;
margin-top: -50%;
display: table;
margin: -48% auto 0px 39%;
}
.video-Home {
margin-bottom: 60px;
}
.video-Home .Heading-Box {
text-align: center;
margin: 30px auto 60px;
}
.Inner-Video a::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #0c8ac3;
z-index: -1;
opacity: 0;
-webkit-animation: pulse-border-2 1.5s linear infinite;
-moz-animation: pulse-border-2 1.5s linear infinite;
-o-animation: pulse-border-2 1.5s linear infinite;
animation: pulse-border-2 1.5s linear infinite;
border-radius: 95px;
}
.Inner-Video a::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #0c8ac3;
z-index: -1;
opacity: 0;
-webkit-animation: pulse-border 1s linear infinite;
-moz-animation: pulse-border 1s linear infinite;
-o-animation: pulse-border 1s linear infinite;
animation: pulse-border 1s linear infinite;
border-radius: 95px;
}
@keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}
@keyframes pulse-border-2 {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.pulse-animation,
.pulse-animation:before,
.pulse-animation:after {
position: absolute;
top: 50%;
left: 50%;
height: 90px;
width: 90px;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
-khtml-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
-moz-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.6);
-webkit-animation: pulse-animation 3s infinite;
-khtml-animation: pulse-animation 3s infinite;
-moz-animation: pulse-animation 3s infinite;
-ms-animation: pulse-animation 3s infinite;
-o-animation: pulse-animation 3s infinite;
animation: pulse-animation 3s infinite;
}
.pulse-animation:before {
-webkit-animation-delay: 0.9s;
-khtml-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.pulse-animation:after {
-webkit-animation-delay: 0.6s;
-khtml-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes pulse-animation {
70% {
-webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulse-animation {
70% {
-webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.video-Home .img-full {
margin-bottom:50px;
}
.video-Home-Page {
padding:100px 0px;
margin-bottom: 0px;
}
.Home-Map {
margin: 50px 0px 0px;
}
.video-Home .Center-Adj-Btn {
margin: 25px auto 20px !important;
display: table;
}
.Service-Btn-List li {
list-style-type: none;
display: inline-block;
float: left;
margin-Right:25px;
}
.Service-Btn-List {
margin: 0 auto;
display: table;
}
/*----*/
.About-Home-Info .Points .Icon {
float:left;
}
.About-Home-Info .Points .Icon .fa {
color: #15528e;
font-size: 15px;
padding-top: 4px;
}
.About-Home-Info .Points .Info p {
padding-bottom:5px;
}
.About-Home-Info .Points {
margin-left: 20px;
}
.About-Home-Info .Points .Info {
margin-left:20px;
}
.About-Home-Info h4 {
font-size: 18px;
font-weight: 500;
color: #db2316;
margin-bottom: 20px;
}
.About-Home-Info {
margin-bottom: 31px;
display: table;
}
.About-Doctor-Page .Heading-Box h5 {
margin-bottom: 25px;
font-size: 16px;
}
.About-Doctor-Page .Heading-Box h2 {
margin-bottom: 15px;
margin-top: 20px;
}
/*-------------Laptop-View-Responsive-----------------*/
@media only screen and (max-width:1200px) {
.main-menu-area .navbar-default {
border: none;
margin: 0;
z-index: 999;
position: relative;
width: 100%;
margin-top: -30px;
background: #fff;
}
.header-widget-icon {
width: 50px;
height: 50px;
float: left;
line-height: 50px;
text-align: center;
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 50%;
margin-right: 10px;
font-size: 22px;
color: #ff6d34;
position: relative;
}
.header-widget-text {
overflow: hidden;
margin-right: 15px;
margin-top: 5px;
}
.Hide-Mini-Laptop {
display:none;
}
.Heading-Box h2 {
font-size: 42px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 25px;
margin-top: 18px;
}
.About-Home .Clinic-Icon {
position: absolute;
z-index: 9;
right: -55px;
top: 50%;
transform: translateY(-50%);
}
.button-area .btn-icon {
border-radius: 35px;
padding-left: 56px;
padding-right: 35px;
padding-top: 14px;
padding-bottom: 16px;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
color: #fff;
text-transform: uppercase;
}
.button-area .btn-icon span {
position: absolute;
left: 5px;
text-align: center;
width: 40px;
height: 40px;
top: 5px;
line-height: 40px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.button-area {
margin-top: 20px;
display: table;
}
.H-Service-Box .IMG-Content h4 {
font-family: 'Poppins', sans-serif;
color: #223645;
font-weight: 600;
font-size: 18px;
letter-spacing: 0px;
margin-bottom: 18px;
}
.H-Service .H-Service-Box .IMG a {
padding: 5px 14px;
display: inline-block;
position: absolute;
left: 25px;
letter-spacing: 0px;
font-weight: 600;
text-decoration: none;
color: #fff;
margin-top: -17px;
text-transform: uppercase;
}
.H-Service-Box .IMG-Content {
padding: 35px 15px;
background: #fff;
}
.H-Service-Box .IMG-Content .Read-BTN {
color: #647589;
font-weight: 500;
font-size: 14px;
text-decoration: none;
margin-top: 0px;
display: table;
}
.About-Home {
padding: 70px 0px 60px;
}
.H-Service .button-area .btn-icon {
margin-top: 50px;
}
.H-Service-Bootom {
background: #223645;
margin-top: -49%;
height: 425px;
}
.Counter {
background: #223645;
padding: 80px 0px 130px;
color: #fff;
}
.About-Doctor-Home .A-B-Box {
display: table;
background: #fff;
padding: 35px 45px;
width: 100%;
margin: -20% auto 0px;
}
.Blog-Home .Blog-Box .button-area .btn-icon {
border-radius: 30px;
padding-left: 52px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 15px;
background-color: rgb(255 255 255);
box-shadow: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
color: #131212;
text-transform: uppercase;
}
.button-area .btn-icon span {
position: absolute;
left: 5px;
text-align: center;
width: 35px;
height: 35px;
top: 5px;
line-height: 35px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.Gallery-Home {
padding: 10px 0px 25px;
}
.Gallery-Home .Box {
margin-bottom: 30px;
}
.Footer {
padding: 60px 0px 50px;
background: #13232f;
position: relative;
margin-top: -5px;
}
.Footer-Main .Size-ADJ .Icon .fa {
color: #91a1b4;
font-size: 20px;
}
.Footer-Main .Size-ADJ .Info {
margin-left: 28px;
}
.Footer-Main .Size-ADJ .Info h4 {
padding-left: 0px;
font-size: 15px;
font-weight: 500;
color: #91a1b4;
line-height: 24px;
}
.Footer .Footer-Main .Title h4 {
font-size: 21px;
color: #fff;
display: block;
margin-bottom: 30px;
margin-top: 30px;
}
.Footer-Main .F-ADJ .Icon .fa {
font-size: 22px;
padding-top: 4px;
}
.Footer-Main .F-ADJ .Info {
margin-left: 30px;
}
.Footer-Main .F-ADJ .Info h4 {
padding-left: 5px;
font-size: 16px;
font-weight: 500;
color: #91a1b4;
line-height: 27px;
}
.Footer-Main ul li a {
padding: 5px 9px;
border-radius: 50%;
margin-right: 10px;
background: #243d4f;
color: #425f74;
}
.Footer-Main ul li .fa {
width: 16px;
text-align: center;
}
}
/*------------Mini-Laptop-View-Responsive-----------------*/
@media only screen and (max-width:992px) {
.header-logo-area .Laptop-View {
display:none;
}
.main-menu-area .main-menu .navbar-nav li a {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 15px;
padding: 10px 15px 20px;
color: #072948;
}
.H-Service-Bootom {
background: #223645;
margin-top: -62%;
height: 420px;
}
.H-Service .Heading-Box {
text-align: center;
margin: 20px auto 50px;
}
.Heading-Box h2 {
font-size: 36px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 25px;
margin-top: 18px;
}
.Why-choose {
padding: 35px 0px;
}
.Why-choose .Why-Box .Inner span {
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
background: #fff;
border-radius: 50%;
margin-bottom: 16px;
}
.Why-choose .Why-Box .Inner span img {
padding-top: 22px;
text-align: center;
margin: 0 auto;
width: 30px;
}
.Why-choose .Why-Box h4 {
font-size: 18px;
margin-bottom: 20px;
color: #fff;
}
.Why-choose .Why-Box {
padding: 35px 30px;
height: 100%;
position: relative;
background: #223645;
text-align: center;
}
.Why-choose .Why-Box a {
letter-spacing: 0px;
text-decoration: underline;
text-transform: uppercase;
font-weight: 600;
display: table;
margin: 0 auto;
font-size: 14px;
}
.Testimonial .testimonial-item .Client-BOX .Icon-IMG img {
width: 70px;
transition: .4s;
border-radius: 50%;
padding: 14px;
margin: 0 auto 20px;
}
.Testimonial .Info .Patient-Box .Icon {
width: 65px;
}
.Testimonial .Info .Patient-Box .Info {
margin-left: 80px;
padding-top: 10px;
color: #647589;
font-size: 14px;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 6px 12px !important;
display: inline-block;
cursor: pointer;
border-radius: 0 !important;
}
.owl-theme .owl-nav {
margin-top: 50px !important;
}
.Testimonial {
padding: 0px 0px 60px;
}
.Counter .counter-Box .counter-icon img {
width: 80px;
margin: 0 auto;
}
.Counter .counter-Box .counter-value {
font-weight: 600;
color: #fff;
font-size: 38px;
margin: 20px auto 20px;
display: table;
}
.About-Doctor-Home .A-B-Box {
display: table;
background: #fff;
padding: 25px 30px;
width: 100%;
margin: -27% auto 0px;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree h4 {
font-size: 19px;
margin-bottom: 12px;
color: #223645;
font-weight: 600;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree h5 {
color: #e12454;
letter-spacing: 0px;
font-size: 13px;
}
.Why-choose .Clr-01 .Inner {
background-image: url(../images/why-Bg-3.png)!important;
background-size: contain;
}
.Why-choose .Clr-02 .Inner {
background-image: url(../images/why-Bg-4.png) !important;
background-size: contain;
}
.Why-choose .Why-Box .Inner {
background-repeat: no-repeat;
background-image: url(../images/why-Bg-1.png);
background-size: contain;
}
.main-menu-area .main-menu .navbar-nav li:after {
border: 0px solid #c2c2c2;
content: "";
height: 20px;
left: -1px;
margin-top: -3px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
.main-menu-area .main-menu .navbar-nav .Right-ADJ:after {
border: 0px solid #c2c2c2;
content: "";
height: 22px;
left: -1px;
margin-top: -4px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
}
/*-------------Tab-View-Responsive-----------------*/
@media only screen and (max-width:768px) {
.Service-Btn-List .Center-Adj-Btn {
margin: 5px auto 0px !important;
display: table;
}
.Service-Btn-List li {
list-style-type: none;
display: block;
float: none;
margin-Right: 0px;
}
.About-Home .Left-Adj {
text-align: CENTER;
margin: 0px auto 35px;
}
.main-menu-area .main-menu .navbar-nav {
padding: 6px 0px 10px;
box-shadow: 0px 0px 9px 0px rgb(6 22 58 / 7%);
}
.main-menu-area .navbar-default {
border: none;
margin: 0;
z-index: 999;
position: relative;
width: 100%;
margin-top: -8px;
background: #fff;
}
.header-top-right ul {
text-align: center;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.header-top-left p {
color: #fff;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 0px;
text-align: center;
}
.header-top-left:after {
position: relative;
content: "";
top: 0;
height: 100%;
left: -2432px;
width: 2800px;
background: #ff6d34 none repeat scroll 0 0;
z-index: -1;
}
.header-top-left {
position: relative;
padding: 8px 0;
z-index: 1;
background: #53aab2;
width: 65%;
margin: 0 auto;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: -52px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.header-logo-area {
padding: 5px 0 0px;
}
.site-logo {
margin: 5px 0 0px;
}
.navbar {
position: relative;
min-height: auto;
margin-bottom: 20px;
border: 1px solid transparent;
}
.header-widget-icon {
width: 40px;
height: 40px;
float: left;
line-height: 40px;
text-align: center;
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 50%;
margin-right: 10px;
font-size: 20px;
color: #ff6d34;
position: relative;
}
.header-widget-box {
display: table;
vertical-align: middle;
text-align: right;
float: none;
margin: 0 auto;
}
.main-menu-area .navbar-default .navbar-collapse.collapse {
padding: 0px;
margin-top: 0px;
}
.main-menu-area .main-menu .navbar-nav li a {
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 15px;
padding: 10px 15px 10px;
color: #072948;
}
.main-menu-area .main-menu .Right-ADJ {
float: none !important;
}
.main-menu-area .main-menu .Right-ADJ a {
color: #0d74a5 !important;
}
.main-menu-area .main-menu .navbar-nav li:after {
border: 0px solid #c2c2c2;
content: "";
height: 21px;
left: 0px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0px;
border-radius: 0;
}
.Breadcums {
padding: 40px 0px 0px;
position: relative;
background-image: url(../images/Slider01.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}
.Breadcums h1 {
font-size: 32px;
font-weight: 600;
color: #fff;
padding: 20px 0px 50px;
text-align: center;
}
.Breadcums ul {
background: #fff;
padding: 8px 10px;
float: none;
bottom: 0px;
margin: 0 auto;
display: table;
text-align: center;
}
.Breadcums ul li:last-child {
margin-right: 0px;
}
.Heading-Box h2 {
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 20px;
}
.Contact-Page {
padding: 10px 0px;
}
.Contact-Page .Contact-Top {
margin-top: 0px;
padding: 40px;
background: transparent;
}
.Heading-Box img {
margin: 0 auto;
width: 80px;
}
.Heading-Box h4 {
font-size: 15px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #647589;
}
.Heading-Box h2 {
font-size: 24px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 15px;
}
.Contact-Page .Contact-Details-Box img {
width: 40px;
margin: 0px auto 18px;
}
.Contact-Page .Contact-Details-Box h4 {
font-size: 18px;
color: #e12454;
margin-bottom: 15px;
font-weight: 500;
}
.Contact-Page .Contact-Details-Box {
text-align: center;
background-color: #ffffff;
box-shadow: none;
border: 1px solid #cccccc8c;
padding: 20px 5px 1px;
height: auto;
width: 95%;
margin: 0 auto 30px;
}
.About-Home .A-Inner-Main {
width: 100%;
margin-bottom: 60px;
}
.About-Home .Clinic-Icon {
position: absolute;
z-index: 9;
right: 70px;
top: 84%;
transform: translateY(-50%);
width: 50%;
display:none;
}
.Contact-Page .Contact-Size {
text-align: center;
margin: 0px auto 35px;
}
.Contact-Page .Contact-Size h2 {
font-size: 22px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 10px;
}
.Contact-Page .Contact-Size h4 {
font-size: 15px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #647589;
}
.About-Home .A-Inner-Main {
width: 100%;
margin-bottom: 35px;
}
.form-control {
margin-bottom: 20px;
display: block;
width: 98%;
height: 42px;
padding: 6px 15px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #dcdcdc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.button-area .btn-icon {
border-radius: 35px;
padding-left: 50px;
padding-right: 20px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0px;
position: relative;
color: #fff;
text-transform: uppercase;
}
.button-area .btn-icon span {
position: absolute;
left: 5px;
text-align: center;
width: 35px;
height: 35px;
top: 5px;
line-height: 35px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.button-area {
margin-top: 30px;
display: table;
margin: 0 auto 35px;
}
.Footer {
padding: 25px 0px 40px;
background: #13232f;
position: relative;
margin-top: -5px;
}
.Footer .Footer-Main .Title h4 {
font-size: 20px;
color: #fff;
display: block;
margin-bottom: 20px;
}
.Footer-Main .Size-ADJ .Icon .fa {
color: #91a1b4;
padding-top: 1px;
font-size: 20px;
}
.Footer-Main .Size-ADJ .Info h4 {
padding-left: 0px;
font-size: 15px;
font-weight: 500;
color: #91a1b4;
line-height: 20px;
}
.Footer .Footer-Main .Title h4 {
font-size: 20px;
color: #fff;
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.Footer-Main .F-Post .Icon img {
width:85%;
}
.Footer-Main .F-Post .Info h4 a {
color: #91a1b4;
font-size: 15px;
text-decoration: none;
margin-bottom: 8px;
display: table;
line-height: 20px;
}
.Footer-Main .F-Post .Info {
margin-left: 90px;
}
.Footer-Main .F-Post .Info p {
font-size: 14px;
color: #647589;
}
.Footer-Main .F-ADJ .Icon .fa {
font-size: 18px;
padding-top: 3px;
}
.Footer-Main .F-ADJ .Info {
margin-left: 28px;
}
.Footer-Main .F-ADJ .Info h4 {
padding-left: 0px;
font-size: 15px;
font-weight: 400;
color: #91a1b4;
line-height: 20px;
}
.Footer-Main ul li a {
padding: 4px 7px;
border-radius: 50%;
margin-right: 10px;
background: #243d4f;
color: #425f74;
}
.Footer-Main ul {
margin-top: 25px;
display: table;
}
.Footer-Strip {
padding: 20px 20px 50px;
background: #0d1b26;
color: #9aacbb;
text-align: center;
}
.Hide-Tap-View {
display:none;
}
.header-logo-area .site-logo a img {
width: 150px;
}
.main-menu-area .M-ADJ {
padding: 0px 0px 0px;
}
.Left-Adj {
text-align: center;
margin: 30px auto 35px;
}
.About-Home {
padding: 50px 0px 20px;
}
.button-area .btn-icon {
border-radius: 35px;
padding-left: 50px;
padding-right: 20px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0px;
position: relative;
color: #fff;
text-transform: uppercase;
}
.button-area .btn-icon span {
position: absolute;
left: 5px;
text-align: center;
width: 30px;
height: 30px;
top: 3px;
line-height: 30px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.H-Service {
padding: 0px 10px 5px;
}
.H-Service .H-Service-Box {
width: 98%;
border: 1px solid #ddd;
margin: 0 auto 30px;
}
.H-Service .H-Service-Box .IMG a {
padding: 5px 15px;
display: inline-block;
position: absolute;
left: 15%;
letter-spacing: 0px;
font-weight: 600;
text-decoration: none;
color: #fff;
margin-top: -15px;
text-transform: uppercase;
}
.H-Service .button-area .btn-icon {
margin-top: 10px;
}
.H-Service-Bootom {
background: #223645;
margin-top: -85%;
height: 350px;
}
.Why-choose .Heading-Box {
text-align: center;
margin: 12px auto 40px;
}
.Why-choose .Why-Box {
padding: 30px 26px;
height: 100%;
position: relative;
background: #223645;
text-align: center;
width: 85%;
margin: 0 auto;
}
.Why-choose .Clr-01 .Inner {
background-image: url(../images/why-Bg-3.png)!important;
background-position-x: center;
}
.Why-choose .Why-Box .Inner {
background-repeat: no-repeat;
background-image: url(../images/why-Bg-1.png);
background-position-x: center;
}
.Testimonial .Heading-Box {
text-align: center;
margin: 15px auto 40px;
}
.Testimonial .Client-BOX .Review-Title {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 12px;
font-weight: 600;
font-size: 17px;
}
.Testimonial .Info .Patient-Box .Info h4 {
font-size: 16px;
margin-bottom: 12px;
font-family: 'Poppins', sans-serif;
color: #223645;
font-weight: 500;
text-align: left;
}
.Testimonial .Info .Patient-Box .Info h5 {
font-size: 13px;
}
.owl-theme .owl-nav [class*=owl-] {
padding: 5px 9px !important;
}
.Testimonial {
padding: 0px 0px 35px;
}
.Testimonial .testimonial-item .Client-BOX .Icon-IMG img {
width: 65px;
transition: .4s;
border-radius: 50%;
padding: 12px;
margin: 0 auto 20px;
}
.Counter .counter-Box .counter-icon img {
width: 65px;
margin: 0 auto;
}
.Counter .counter-Box .counter-value {
font-weight: 600;
color: #fff;
font-size: 32px;
margin: 15px auto 15px;
display: table;
}
.Counter .counter-Box {
margin: 0 auto 30px;
display: table;
}
.Counter {
background: #223645;
padding: 50px 0px 35px;
color: #fff;
}
.About-Doctor-Home .Docor-Img {
width: 60%;
margin: 35px auto;
padding: 2px;
border: 1px solid #ddd;
}
.About-Doctor-Home .Doctor-Main {
margin-top: 4px;
border-top: 2px solid #8bc34a;
}
.Blog-Home {
padding: 0px 0px;
}
.Blog-Home .Blog-Box {
position: relative;
overflow: hidden;
display: table;
width: 83%;
margin: 0 auto 30px;
}
.Blog-Home .Blog-Box .B-Inner h4 {
font-size: 19px;
line-height: 24px;
letter-spacing: 0px;
margin-bottom: 15px;
color: #223645;
font-weight: 500;
}
.Blog-Home .Blog-Box .Bg-Padding {
padding: 40px 30px 5px;
}
.Blog-Home .Blog-Box .B-Inner {
padding-bottom: 5px;
display: table;
border-bottom: 1px solid #ffffff;
margin-bottom: 25px;
}
.Blog-Home .Blog-Box .B-Inner-02 .Right-B span .fa {
font-size: 14px;
margin-right: 4px;
}
.Gallery-Home .button {
transition: all .2s ease-in-out;
-webkit-appearance: none;
border-radius: 0;
font-family: inherit;
background: none;
font-weight: 500;
cursor: pointer;
outline: none;
color: #312f2f;
font-size: 15px;
padding: 6px 18px;
text-transform: uppercase;
border: 1px solid #ddd;
margin-right: 5px;
transform: skew(
-14deg
);
}
.Gallery-Home .buttons {
padding: 10px 0 12px;
margin: 0 auto 30px;
display: table;
}
.Footer .Footer-Main p {
margin-bottom: 0px;
padding-bottom: 10px;
color: #9aacbb;
}
.Footer-Main .F-Post {
margin-bottom: 15px;
}
.Footer-Main {
margin-top:25px;
}
.Why-choose .Clr-01 .Inner {
background-image: url(../images/why-Bg-3.png)!important;
background-size: contain;
}
.Why-choose .Clr-02 .Inner {
background-image: url(../images/why-Bg-4.png) !important;
background-size: contain;
}
.Why-choose .Why-Box .Inner {
background-repeat: no-repeat;
background-image: url(../images/why-Bg-1.png);
background-size: contain;
}
.About-Home .Clinic-IMG img {
width:85%;
margin:0 auto;
}
.About-Home .Clinic-IMG {
margin: 0 auto;
position: relative;
display: table;
}
.About-Doctor-Home .A-B-Box {
display: table;
background: #fff;
padding: 25px 30px;
width: 100%;
margin: -9% auto 0px;
}
.Our-Services-Page {
padding: 20px 0px 10px;
}
.Our-Services-Page .Heading-Box {
text-align: center;
margin: 20px auto 40px;
}
.Our-Services-Page .Services-Box .IMG .fa {
font-size: 40px;
font-weight: 500;
display: table;
margin: 0px auto 18px;
}
.Our-Services-Page .Services-Box .S-Info h4 {
color: #033b4a;
font-weight: 600;
font-size: 19px;
margin-bottom: 10px;
}
.Our-Services-Page .Services-Box:hover {
padding: 50px 20px 55px;
transition: all .4s;
margin-top: -33px!important;
margin-bottom: -41px!important;
}
.Our-Services-Page .Services-Box-Inner {
height: auto;
/* position: relative; */
overflow: hidden;
border: 1px solid #ccc9;
margin-bottom: 25px;
width: 75%;
margin: 0 auto 30px;
}
.Our-Services-Page .Services-Box {
text-align: center;
padding: 35px 20px 0px;
}
.Gallery-Page .Heading-Box {
text-align: center;
margin: 20px auto 35px;
}
.Heading-Box h4 {
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #647589;
}
.Contact-Page .Bottom-Adj {
text-align: center;
margin: 0px auto 40px;
}
.M-ADJ .row {
margin-right: 0px;
margin-left: 0px;
}
/*----Blog-Page--------*/
.Blog-Page .Heading-Box h2 {
font-size: 26px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 15px;
margin-top: 30px;
line-height: 35px;
text-align:left;
}
.Blog-Page .Sideblog {
width: 85%;
margin: 25px auto 0px;
border-top: 4px solid #009688;
border-radius: 4px;
padding: 30px 12px;
border-bottom: 3px solid #009688;
}
.Blog-Page .Icon img {
width: 70px;
border: 1px solid #ddd;
border-radius: 50%;
}
.Blog-Page .Info {
margin-left: 84px;
padding-top: 15px;
}
.Blog-Page .Info p {
margin-bottom: 0px;
padding-bottom: 6px;
}
.Blog-Page .Sideblog .Points {
margin-bottom: 30px;
}
.Blog-Page {
padding: 40px 0px 40px;
}
.Blog-Page h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
}
.video-Home .img-full {
margin: 0 auto 35px;
}
.Inner-Video a {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
background: #0c8ac3;
font-size: 18px;
color: #fff;
position: relative;
z-index: 10;
display: inline-block;
border-radius: 95px;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.Inner-Video {
position: absolute;
display: table;
margin: -37% auto 0px 42%;
}
.video-Home-Page {
padding: 20px 0px 25px;
margin-bottom: 0px;
}
.video-Home .Heading-Box {
text-align: center;
margin: 20px auto 35px;
}
.video-Home {
margin-bottom: 15px;
}
.Home-Map {
height: 130px !important;
margin: 25px auto 0px;
display: table;
width: 100%;
padding: 0px 15px;
}
}
/*-------------Mobile-View-Responsive-----------------*/
@media only screen and (max-width:480px) {
.video-Home-Page {
padding: 20px 0px 0px;
}
.Inner-Video {
position: absolute;
display: table;
margin: -45% auto 0px 41%;
}
.Blog-Home .Blog-Box {
position: relative;
overflow: hidden;
display: table;
width: 100%;
margin: 0 auto 0px;
padding: 20px 0px 0px;
}
.Blog-Home .button-area .btn-icon {
margin-top: 25px;
}
.Gallery-Home .button {
margin-bottom: 20px;
transition: all .2s ease-in-out;
-webkit-appearance: none;
border-radius: 0;
font-family: inherit;
background: none;
font-weight: 500;
cursor: pointer;
outline: none;
color: #312f2f;
font-size: 15px;
padding: 6px 18px;
text-transform: uppercase;
border: 1px solid #ddd;
margin-right: 5px;
transform: skew(
-14deg
);
}
.Gallery-Home .buttons {
padding: 10px 0 12px;
margin: 0 auto 0px;
display: table;
}
.header-top-left p {
color: #fff;
font-weight: 400;
text-transform: capitalize;
padding-bottom: 0px;
text-align: center;
font-size: 12px;
}
.header-top-left {
position: relative;
padding: 5px 0;
z-index: 1;
background: #0d74a5;
width: 88%;
margin: 0 auto;
}
.site-logo {
margin: 0px 0 5px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: -140px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
}
.header-logo-area .site-logo a img {
width: 135px;
}
.single-header-widget {
display: table-cell;
text-align: center;
vertical-align: middle;
padding-left: 25px;
border-right: 1px solid #eee;
}
.header-widget-icon {
width: 40px;
height: 40px;
float: none;
line-height: 40px;
text-align: center;
background: #f9f9f9 none repeat scroll 0 0;
border-radius: 50%;
margin-right: 10px;
font-size: 20px;
color: #ff6d34;
position: relative;
text-align: center;
margin: 0 auto 15px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: -55px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
}
.header-widget-box {
display: table;
vertical-align: middle;
text-align: right;
float: none;
margin: 0 auto;
display: none;
}
.main-menu-area .navbar-default .navbar-collapse.collapse {
padding: 0px;
margin-top: 0px;
}
.Strip .Strip-BOx h2 {
font-weight: 500;
font-size: 24px;
line-height: 30px;
color: #fff;
margin: 20px 0px 15px;
}
.About-Doctor-Home .Docor-Img {
width: 95%;
margin: 35px auto 5px;
padding: 1px;
border: 1px solid #ddd;
}
.About-Doctor-Home {
padding: 30px 0px 5px;
}
.Heading-Box h2 {
font-size: 22px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 15px;
}
.Left-Adj {
text-align: center;
margin: 30px auto 30px;
}
.About-Doctor-Home .Docor-Img .Doctor-Degree h4 {
font-size: 17px;
margin-bottom: 12px;
color: #223645;
font-weight: 600;
}
.Our-Services-Page .Services-Box .S-Info h4 {
color: #033b4a;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.Our-Services-Page .Services-Box .IMG .fa {
font-size: 38px;
font-weight: 500;
display: table;
margin: 0px auto 18px;
}
.Breadcums h1 {
font-size: 26px;
font-weight: 600;
color: #fff;
padding: 10px 0px 35px;
text-align: center;
}
.Breadcums ul li a {
text-decoration: none;
color: #757575;
font-size: 14px;
}
.Breadcums ul li:last-child {
margin-right: 0px;
font-size: 14px;
}
.Blog-Home .Heading-Box {
text-align: center;
margin: 20px auto 5px;
}
.Counter {
background: #223645;
padding: 40px 0px 0px;
color: #fff;
}
.Counter .counter-Box .counter-value {
font-weight: 600;
color: #fff;
font-size: 28px;
margin: 10px auto 10px;
display: table;
}
.Counter .counter-Box .counter-icon img {
width: 60px;
margin: 0 auto;
}
.About-Doctor-Home .A-B-Box {
display: table;
background: #fff;
padding: 10px 30px;
width: 100%;
margin: -9% auto 0px;
}
.Our-Services-Page .Services-Box-Inner {
height: auto;
/* position: relative; */
overflow: hidden;
border: 1px solid #ccc9;
margin-bottom: 25px;
width: 95%;
margin: 0 auto 30px;
}
.slider #myCarousel .fa {
margin-top: 70%;
}
.slider .fa-angle-left:before {
content: "\f104";
background: rgba(0,0,0,0.5);
width: 25px;
height: 25px;
display: block;
padding-top: 1px;
}
.slider .fa-angle-right:before {
background: rgba(0,0,0,0.5);
width: 25px;
height: 25px;
display: block;
padding-top: 1px;
}
.Single-Service-Page .Heading-Box h2 {
font-size: 24px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-bottom: 20px;
margin-top: 35px;
}
.Single-Service-Page .Heading-Box {
text-align: center;
margin: 30px auto 25px;
}
.S-Box-Main {
padding: 0px 10px 0px;
border: 1px solid #ccccccb3;
}
.panel-group h4 {
font-size: 18px;
font-weight: 500;
color: #e91e63;
padding-bottom: 20px;
font-style: oblique;
}
#accordion .panel-title a {
text-decoration: none;
display: block;
padding: 10px 10px 10px 56px;
font-size: 14px;
font-weight: 500;
color: #fff;
background: #0a82bb;
position: relative;
overflow: hidden;
transition: all 0.5s ease 0s;
}
.Single-Service-Page .panel-group {
margin-bottom: 0px;
margin-top: 30px;
}
.Single-Service-Page #accordion .panel-body {
font-size: 14px;
color: #5a3245;
line-height: 25px;
padding: 6px 10px 10px 25px;
position: relative;
border: none;
position: relative;
transition: all 0.5s ease 0s;
}
.Single-Service-Page #accordion .panel-body:before {
content: "";
width: 3px;
height: 32px;
background: #0a82bb;
position: absolute;
top: 12px;
left: 0;
}
.Single-Service-Page {
padding: 40px 0px;
}
.About-Home {
padding: 35px 0px 0px;
}
.Why-choose {
padding: 30px 0px 25px;
}
.owl-theme .owl-nav {
margin-top: 30px !important;
}
.Testimonial {
padding: 0px 0px 5px;
}
.Gallery-Home {
padding: 10px 0px 0px;
}
}