/*
Medical Theme CSS
*/
/*
Home CSS - 
1. General Css
2. Header Css
3. Banner
4. Widget Content Elements
5. Call To Action
6. About Clinic Section
7. Departments Collapse 
8. News Section
9. counter section
10. Footer
Inner Pages
1. About Us
2. Services page
3. Contact Us Page
4. Department Page
5. Timetable page
6. Physiotherapist Page
7. Blog Pages
8. Gallery Page
9. Testimonial page
10. Time tabel
11. Short Code
12. Responsive Design 
*/
/*--------------General Css---------------*/
html, body{
font-family: 'Open Sans', sans-serif;
background: #fff;
margin: 0px;
font-size: 15px;
padding: 0px;
}
h1, h2, h3 ,h4{
font-family: 'Lato', sans-serif;
color: #46494c;
}
.theme-color-text{
color: #09CAE8;
}
.theme-color-text-bold{
color: #09CAE8;
font-weight: 600;
}
.theme-color-back{
background: #09CAE8;
}
.title-text{
font-family: 'Lato', sans-serif;
}
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #099EB5;
    height: 29px;
}
::-webkit-scrollbar-track {
    background: #F3F3F3;
    border-radius: 10px;
}
/*Services*/
.tooltip-toggle {
  cursor: pointer;
  position: relative;
}
.tooltip-toggle::before {
  position: absolute    ;
  top: -20px;
  left: 20%;
  background-color: #2B222A;
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 1rem;
  text-transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 160px;
}
.tooltip-toggle::after {
  position: absolute;
  top: 27px;
  left: 30%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2B222A;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}
.tooltip-toggle::before, .tooltip-toggle::after {
  color: #efefef;
  font-family: monospace;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after {
  opacity: 1;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.button-close{
    text-align: center;
    font-size:.8em;
    font-weight:600;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    cursor: pointer;
    margin: 0px auto;
    color: #556669;
    background: linear-gradient(48deg, rgba(214,240,245,.8) 40%, rgba(235,255,240,0.9) 102%);
    /*border-radius: 30%;*/
    width: 100px;
    box-shadow: 2px 3px 4px #80B8CE;
    padding: 8px 0px;

}
.button-close:active{
    margin-top:2px;
    bottom:6.5%;
    box-shadow: 0px 0px 0px #80B8CE;
    padding: 11px 26px;
}
#services img{
    text-align: center;
    margin: 0 auto;
    padding: 40px;
    width: 220px;
}
#services>div>div{
    cursor: pointer;
        -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#services>div>div:hover{
    transform: scale(1.1);
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.service-modal{
    display:none;
    padding: 10px;
    z-index: 100000000;
    width: 100%;
    height: 100%;
    left: 0px;
    background: linear-gradient(48deg, rgba(214,240,245,.8) 40%, rgba(235,255,240,0.9) 102%);
    font-size: 1.2em;
    position: fixed;
    top: 0px;
}
.service-modal>.service-container{
    padding: 20px 0px;
    z-index: 1000000000;
        background: linear-gradient(176deg, #03A9F4 , #17AFE1);
    /*width: 90%;*/
    /*height: 85%;*/
    /*left: 5%;*/
    /*background: linear-gradient(48deg, rgba(53, 211, 236, 0.94) 40%, rgba(89,251,131,0.99) 102%);*/
    font-size: 1em;
    /*position: fixed;*/
    top: 10%;
    box-shadow: 2px 2px 1px #cccccc;
    border-radius: 10px;
}
.service-modal .title{
    padding:10px;
    color: white;
    font-weight:600;
    font-size:1.6em;
    text-align: center;
}
.service-modal ul li{
    color:white;
}
/*Specialities
*/
#specialities {
	position: relative;
	z-index: 99;
}
#specialities ul {
	margin-bottom: 0px;
}
#specialities li {
	background: #3dc5df;
	padding: 20px;
	color: #fff;
	text-align: center;
	font-size: 50px;
	padding: 40px 40px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#specialities li h5 {
	font-weight: bold;
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#specialities li p {
	color: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#specialities li:nth-child(1) {
	background: #3dc5df;
}
#specialities li:nth-child(2) {
	background: #39bad3;
}
#specialities li:nth-child(3) {
	background: #37b3cc;
}
#specialities li:nth-child(4) {
	background: #35acc4;
}
#specialities li:hover {
	color: #333333;
	background: #fff;
}
#specialities li p {
	font-size:14px;
}
#specialities li:hover p {
	color: #333333;
}
#specialities li:hover h5 {
	color: #333333;
}
#specialities .tittle-2 {
	margin-bottom: 20px;
}
#strengths .row{
    margin: 15px;
}
.strength_blocks_row {
  position: relative;
}
.strength_blocks_row:before {
  content: '';
  width: 100%;
  display: block;
  height: 110px;
  position: absolute;
  background: #fff;
  bottom: 0;
}
.strength_blocks_row.strength_blocks_row2 {
  background: #fff;
  padding: 40px 0;
}
.strength_blocks_row.strength_blocks_row2:before {
  display: none;
}
.strength_blocks_row.strength_blocks_row_home2 {
  z-index: 2;
}
.strength_block .inner {
    border: 2px dotted #fff;
    border-radius: 10px;
    /*margin:10px;*/
  padding: 30px;
}
.strength_block .inner .heading {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.strength_block .inner .heading h5 {
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
}
.strength_block .inner .heading h3 {
    color:white;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 21px;
  line-height: 1;
}
.strength_block .inner p {
  line-height: 24px;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  color: #d2f0ff;
  font-weight: 600;
}
.strength_block .inner a {
  text-transform: uppercase;
  color: #fff;
  font-family: 'Karla', sans-serif;
  font-weight: bold;
  display: inline-block;
}
.strength_block .inner a:after {
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  margin: 5px 0 0;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.strength_block .inner:hover a:after {
  width: 0;
}
.strength_block.strengths1 .inner {
  background:  no-repeat scroll right bottom #43b9f6;
}
.strength_block.strengths2 .inner {
  background: /*url(/images/2.png)*/ no-repeat scroll right bottom #6686ff;
}
.strength_block.strengths2 .inner p {
  color: #cfd9fe;
}
.strength_block.strengths3 .inner {
  background: /*url(/images/3.png)*/ no-repeat scroll right bottom #9878ff;
}
.strength_block.strengths3 .inner p {
  color: #dacfff;
}
.strength_block{
    margin-top : 20px;
    transition:ease-in-out .3s;
}
.strength_block:hover{
    transform:scale(1.05);
    transition:ease-in-out .3s;
}
img.strengths-icon{
    padding: 20px;    
}
.strengths-icon {
    background: rgba(255, 255, 255, 0.44);
    border-radius: 50%;
    line-height: 113px;
    width: 110px;
    height: 110px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 20px;
}
.strengths-icon:before{
    font-size: 60px;
    text-align: center;
    margin: 0px;
}
.strengths-title{
    text-align:center;
}
.pd-top-10 {
  padding-top: 10px;
}
.pd-top-15 {
  padding-top: 15px;
}
.pd-top-20{
  padding-top: 20px;
}
.pd-top-25{
  padding-top: 25px;
}
.pd-top-30{
  padding-top: 30px;
}
.pd-top-40{
  padding-top: 40px;
}
.pd-top-45{
  padding-top: 45px;
}
.pd-top-50{
  padding-top: 50px;
}
.pd-top-60{
  padding-top: 60px;
}
.pd-top-65{
  padding-top: 65px;
}
.pd-top-80 {
  padding-top: 80px;
}
.pd-top-100 {
  padding-top: 100px;
}
.pd-bottom-10{
  padding-bottom: 10px;
}
.pd-bottom-15 {
  padding-bottom: 15px;
}
.pd-bottom-20 {
  padding-bottom: 20px;
}
.pd-bottom-25 {
  padding-bottom: 25px;
}
.pd-bottom-30 {
  padding-bottom: 30px;
}
.pd-bottom-40 {
  padding-bottom: 40px;
}
.pd-bottom-45{
  padding-bottom: 45px;
}
.pd-bottom-50 {
  padding-bottom: 50px;
}
.pd-bottom-60 {
  padding-bottom: 60px;
}
.pd-bottom-65 {
  padding-bottom: 65px;
}
.pd-bottom-80 {
  padding-bottom: 80px;
}
.pd-bottom-100 {
  padding-bottom: 100px;
}
.pd-left-10 {
  padding-left: 10px;
}
.pd-left-15 {
  padding-left: 15px;
}
.pd-left-20 {
  padding-left: 20px;
}
.pd-right-5 {
  padding-right: 5px;
}
.pd-right-10 {
  padding-right: 10px;
}
.pd-right-15 {
  padding-right: 15px;
}
.pd-right-20 {
  padding-right: 20px;
}
.mg-top-10 {
  margin-top: 10px;
}
.mg-top-15 {
  margin-top: 15px;
}
.mg-top-20 {
  margin-top: 20px;
}
.mg-top-25 {
  margin-top: 25px;
}
.mg-top-30 {
  margin-top: 30px;
}
.mg-top-40 {
  margin-top: 40px;
}
.mg-top-45{
  margin-top: 45px;
}
.mg-top-50 {
  margin-top: 50px;
}
.mg-top-60 {
  margin-top: 60px;
}
.mg-top-65 {
  margin-top: 65px;
}
.mg-top-70 {
  margin-top: 70px;
}
.mg-top-80 {
  margin-top: 80px;
}
.mg-top-100 {
  margin-top: 100px;
}
.mg-bottom-5{
  margin-bottom: 5px;
}
.mg-bottom-10 {
  margin-bottom: 10px;
}
.mg-bottom-15 {
  margin-bottom: 15px;
}
.mg-bottom-20 {
  margin-bottom: 20px;
}
.mg-bottom-25 {
  margin-bottom: 25px;
}
.mg-bottom-30 {
  margin-bottom: 30px;
}
.mg-bottom-40 {
  margin-bottom: 40px;
}
.mg-bottom-45 {
  margin-bottom: 45px;
}
.mg-bottom-50 {
  margin-bottom: 50px;
}
.mg-bottom-60 {
  margin-bottom: 60px;
}
.mg-bottom-65 {
  margin-bottom: 65px;
}
.mg-bottom-70{
  margin-bottom: 70px;
}
.mg-bottom-80 {
  margin-bottom: 80px;
}
.mg-bottom-100 {
  margin-bottom: 100px;
}
.mg-left-5 {
  margin-left: 5px;
}
.mg-left-10 {
  margin-left: 10px;
}
.mg-left-15 {
  margin-left: 15px;
}
.mg-left-20 {
  margin-left: 20px;
}
.mg-right-5 {
  margin-right: 5px;
}
.mg-right-10 {
  margin-right: 10px;
}
.mg-right-15 {
  margin-right: 15px;
}
.mg-right-20 {
  margin-right: 20px;
}
a, a:hover, a:active, a:focus{
text-decoration: none;
}
a.in-theme{
color: #46494c;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-khtml-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
position: relative;
}
a.in-theme:hover {
color: #09CAE8;
}
ul, li{
margin:0px;
padding: 0px;
list-style-type: none;
}
.no-pad {
padding: 0px;
}
.no-pad-l{
padding-left: 0px;
}
.no-pad-r{
padding-right: 0px;
}
.overflow-visible{overflow: visible;}
.talign-center{text-align: center;}
.main-block{
width: 100%;
height: 100%;
float: left;
}
.custom-modal p:before{
font: normal normal normal 14px/1 FontAwesome;
content: "\f10d";
position: absolute;
font-size: 35px;
left: 0;
top: 0;
}
#success-modal p:before, #success-modal p:after{
color : green;
}
#error-modal p:before, #error-modal p:after{
color : red;
}
.custom-modal p:after {
font: normal normal normal 14px/1 FontAwesome;
content: "\f10e";
position: absolute;
font-size: 35px;
right: 0;
top: 0;
}
.custom-modal .modal-content {
padding: 1em 2em;
}
/*---------------Header Css----------------*/
header{
background: #fff;
}
/*Topbar*/
.mcare-main-container{
/*width: 100%;
height: 100%;
float: left;
background: #fff;*/
width: 100%;
height: 100%;
float: left;
background: #fff;
overflow: hidden;
position: relative;
}
.mcare-header-bg {
background: #fff;
float: left;
width: 100%;
}
.mcare-topbar-info {
min-height: 40px;
border-bottom: 1px solid #E4E4E4;
background: #f4f4f4;
position: relative;
z-index: 1;
}
.social-wrap-head li {
background: none;
float: left;
margin: 0px;
padding: 0px;
border-right: 1px solid #E4E4E4;
position: relative;
}
.social-wrap-head li:first-child{
border-left: 1px solid #E4E4E4;
}
.social-wrap-head li:last-child{
border-right: none;
}
.head-social-icon {
font-size: 14px;
height: 40px;
width: auto;
float: left;
padding: 0 13px;
color: #969696;
background: none;
transition: .5s;
line-height: 40px;
}
.social-wrap-head li:last-child .head-social-icon{
border-right: none;
}
.top-info-icon {
color: #969696;
font-size: 16px !important;
background: none;
margin: 0 10px 0 0;
top: 2px;
position: relative;
line-height: 36px;
}
.top-bar-txt, .top-bar-txt a{
font-size: 12px;
color: #4d4d4d;	
line-height: 40px;
font-weight: 300;
}
.top-info-contact {
padding: 12px 20px;
border-right: 1px solid #E4E4E4;
margin-left: 0px;
}
#panel-top .top-info-contact a{
    color:white;
}
.top-info-email {
padding: 12px 15px;
line-height: 40px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.top-info-email a:hover , .top-info-email a:hover i{
color: #0ec0c0;
transition:.5s;
}
.top-info-appoint{
text-align: right;
}
.top-info-appoint a span{
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
padding: 0px 25px;
height: 40px;
display: inline-block;
}
.top-info-appoint a{
-webkit-transition: -webkit-transform .33s;
transition: transform .33s; /* Animate the transform properties */
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; /* <-NB */
height: 40px;
    color: white;
transition:.5s;
}
.head-social-icon:before{
line-height: 40px;
display: block;
}
/*Social effect*/
.social-wrap-head .head-social-icon {
overflow: hidden;
/*-webkit-transition: background 0.5s, color 0.5s, box-shadow 0.5s;
-moz-transition: background 0.5s, color 0.5s, box-shadow 0.5s;
transition: background 0.5s, color 0.5s, box-shadow 0.5s;*/
}
.social-wrap-head .head-social-icon:after {
}
.social-wrap-head .head-social-icon.fa-facebook:hover {
background: #204385;
}
.social-wrap-head .head-social-icon.fa-twitter:hover {
background: #2aa9e0;
}
.social-wrap-head .head-social-icon.fa-linkedin:hover {
background: #0077B5;
}
.social-wrap-head .head-social-icon.fa-google-plus:hover {
background: #d3492c;
}
.social-wrap-head .head-social-icon.fa-facebook:after{
content: "\f09a";
position: absolute;
top: -40px;
color: #fff;
}
.social-wrap-head .head-social-icon.fa-twitter:after{
content: "\f099";
position: absolute;
top: -40px;
color: #fff;
}
.social-wrap-head .head-social-icon.fa-linkedin:after{
content: "\f0e1";
position: absolute;
top: -40px;
color: #fff;
}
.social-wrap-head .head-social-icon.fa-google-plus:after{
content: "\f0d5";
position: absolute;
top: -40px;
color: #fff;
}
.social-wrap-head .head-social-icon:before, .social-wrap-head .head-social-icon:after{
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.social-wrap-head a:hover .head-social-icon:before, .social-wrap-head a:hover .head-social-icon:after{
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
/*Effect topbar appointment*/
.top-info-appoint span{position: relative;}
.top-info-appoint span em{font-style:normal; }
.top-info-appoint span em.app-first{
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
display: block;
} 
.top-info-appoint a:hover span em.app-first{
opacity: 0;
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
display: block;
}
.top-info-appoint span em.app-sec{ 
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
color: #0ec0c0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, -75%, 0);
text-align: center;
display: block;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.top-info-appoint span em.app-sec i{color: #0ec0c0;}
.top-info-appoint a:hover span em.app-sec {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, -100%, 0);
display: block;
}
.popup-close{
position: absolute !important;
top: 0;
right: 0;
color: rgba(0, 0, 0, 0.36);
z-index: 100;
display: block;
overflow: hidden;
width: 3em;
height: 3em;
text-align: center;
line-height: 3;
cursor: pointer;
font-size: 26px;
z-index: 999;
}
.ion-close:before {
content: "\f12a" !important;
}
/*Appointment close*/
.button--winona span {
padding: 0em 0em;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
display: block;
vertical-align: middle;
color: #fff;
}
.button--winona span:nth-child(2) {
content: attr(data-text);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
color: #fff;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
.button--winona:hover span:nth-child(2) {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
button.button.button--winona span i {
color: #fff;
}
.button--winona:hover span:nth-child(1) {
opacity: 0;
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
/*App-modal*/
.content-style-form input[type="text"], .content-style-form input[type="password"] {
padding: 10px;
width: 100%;
border: 2px solid #ebd3bd;
background: transparent;
color: #b09a86;
font-weight: 300;
font-size: 2.2em;
}
.content-style-form label {
display: block;
padding: 10px 0 0;
color: #d5bba4;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
.morph-button.open .content-style-form-2 h2, .morph-button.open .content-style-form-2 p, .morph-button.open .content-style-form-2 .icon-close {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.content-style-form-2 p:first-child {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.js .content-style-form-2 h2, .js .content-style-form-2 p, .js .content-style-form-2 .icon-close {
opacity: 0;
-webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.2s 0.3s;
transition: opacity 0.2s 0.3s, transform 0.2s 0.3s;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.content-style-form form p {
margin: 0 0 5px 0;
font-size: 0.7em;
}
.content-style-form form {
padding: 10px 30px;
}
/*top-nav-icon-effect*/
/*Top Nav*/
.top-nav-wrap{
float: left;
display: block;
width: 100%;
height: 100%;
background: #fff;
border-bottom: 5px solid #09CAE8;
min-height: 96px;
}
.logo img{
max-width: 250px;
padding: 9px 0;
}
.navbar-default {
background-color: #fff;
border:none;
}
.navbar {
margin-bottom: 0px;
}
.navbar-nav > li {
float: left;
margin-right: 1px;
}
.navbar-default .navbar-nav > li > a {
position: relative;
display: block;
padding: 23px 21px;
text-align: center;
text-transform: uppercase;
color: #242528;
font-size: 13px;
transition: .5s;
font-weight: 500;
}
.nav > li > a i{
width: 100%;
font-size: 21px;
padding-bottom: 4px;
display: block;
color: #9a9a9a;
}
.nav > li > a:hover i {
color: #fff;
}
.nav > li.active > a i{
color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{
color: #fff;
background-color: #0ec0c0;
transition: .5s;
}
.navbar-default .navbar-nav > li > a:hover{
/*color: #0ec0c0;*/
color: #242528;
transition: .5s;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #fff;
transition: .5s;
background: #09CAE8;
/*background-color: transparent;*/
}
.navbar-default .navbar-nav > li > a:hover{
color: #fff;
transition: .5s;
background: #09CAE8;
/*background-color: transparent;*/
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: #09CAE8;
}
.navbar-default .navbar-nav > .active:after, .navbar-default .navbar-nav > .active:hover:after, .navbar-default .navbar-nav > .active:focus:after{
width: 100%;
height: 5px;
background: #009c9b;
content: '';
bottom: -5px;
position: absolute;
left: 0px;
}
.navbar-default .navbar-nav li > a:hover:before{
width: 100%;
height: 5px;
background: #009c9b;
content: '';
bottom: -5px;
position: absolute;
left: 0px;
}
#headerstic{
z-index: 9999999;
position: relative;
}
.is-sticky .mcare-topbar-info{
display: none;
}
/*Top Search and Side Nav*/
.top-search, .side-menu{
display: inline-block;
float: right;
padding: 25px 0;
}
.side-menu{
margin-left: 25px;
cursor: pointer;
margin-right: 15px;
}
.top-search i{
font-size: 21px;
color: #6f6f6f;
background: #e8e8e8;
text-align: center;
line-height: 40px;
height: 40px;
width: 40px;
display: block;
border-radius: 50%;
}
.side-menu i{
font-size: 30px;
color: #fff;
background: #09CAE8;
text-align: center;
line-height: 40px;
height: 40px;
width: 40px;
display: block;
border-radius: 50%;
}
/*---------------------Banner--------------------*/
.mcare-banner-wrap{
width: 100%;
float: left;
display: block;
}
.mcare-banner-inner{
width: 100%;
float: left;
display: block;
}
.mcare-banner-inner img{max-width: 100%;}
/*Top Nav drop*/
#panel-top, #flip {
padding: 5px;
background-color: #09CAE8;
color: #fff;
display: none;
cursor: pointer;
position: relative;
z-index: 99999;
}
#panel-top {
color: #fff;
display: none;
z-index: 0;
position: relative;
}
#flip:after {
content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    width: 72px;
    height: 39px;
    background: #09CAE8;
    border-radius: 50%;
    top: -9px;
    z-index: 999999;
    left: 48%;
    line-height: 56px;
    text-align: center;
    margin-left: -15px;
}
/*SLit Banner*/
.banner-slit{
}
.ban-cotent{
padding: 50px 0 10px 0;
max-width: 1170px;
color: #fff;
margin: 0 auto;
position: relative;
z-index: 100;
}
.ban-cotent .ban1-txt1{
margin-top:50px;
color: #fff;
white-space: nowrap;
font-size: 35px;
font-weight: 400;
display: inline-block;
padding-bottom: 15px;
padding-left: 30px;
}
.ban-cotent .ban1-txt2{
padding: 5px 0px 21px 0;
font-size: 44px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
line-height: 40px;
display: inline-block;
}
.ban-cotent .ban2-txt2 {
padding: 10px 0px 25px 0;
font-size: 52px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
line-height: 40px;
display: inline-block;
}
@media (max-width: 1080px){
    .ban-cotent  .ban1-txt1 h1 {
        font-size: 40px;
    }
}
@media (max-width: 767px){
    .ban-cotent  .ban1-txt1 h1 {
        display:none;
    }
} 
.ban-cotent  .ban1-txt1 h1{
padding: 5px 0px 5px 0;
color: #fff;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
}
.ban-cotent .ban1-txt3 h1{
padding: 5px 0px 25px 0;
font-size: 20px;
color: #fff;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
}
.ban-cotent .ban1-contact{
margin-bottom: 8px;
padding: 10px 45px 25px 120px;
color: #fff;
background: rgba(255, 255, 255, 0.49) url("../images/ban-call1.png") no-repeat 35px 25px;
border-radius: 23px;
font-size: 35px;
font-weight: 400;
line-height: 22px;
word-spacing: 1px;
background-size: 55px;
font-style: italic;
display: inline-block;
margin-top: 25px;
}
.ban-cotent .ban2-contact{
margin-bottom: 8px;
display: inline-block;
margin-top: 20px;
}
.ban-cotent .ban1-contact em {
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
position: relative;
top: 5px;
padding-left: 7px;
color: #333;
font-style: normal;
display: table;
}
.right-img{
float: right;
width: 57%;
}
.right-img.img-inn1{
margin-top: 0px;
}
.right-img.img-inn2{
margin-top: 18px;
top: -25px;
position: relative;
}
.ban1-left{
float: left;
width: 43%;
padding-top: 55px;
/* padding-left: 55px; */
}
.ban2-left{
float: left;
width: 43%;
padding-top: 130px;
}
.right-img {
float: right;
}
.right-img img{
float: right;
}
/*Generic  Content Css */
section.mcare-text-ibox1-wrap{padding-top: 90px; padding-bottom: 45px; float: left; width: 100%;}
section.mcare-text-ibox2-wrap, .mcare-aboutclinic, .mcare-fullwith-section, .mcare-news-wrap, .mcare-testimonial-wrap, .mcare-aboutus-content, .aboutus-info-wrap, .about-testimonial, .mcare-aboutus2-content, .about2-meet-team-wrap, .mcare-services1-content1, .mcare-services1-deptlist, .mcare-Contact1-form, .mcare-Contact1-address, .mcare-depart-wrap, .mcare-timetable-wrap, .mcare-singledoc, .mcare-related-docs, .mcare-gallery, .mcare-compare-gallery, .faq-page, .mcare-notfound, .mcare-ourclinic, .ourclinic-page2.mid-content{padding-top: 45px; padding-bottom: 45px; float: left; width: 100%;}
.mcare-client-wrap{padding-top: 45px; float: left; width: 100%;}
section.mcare-text-ibox2-wrap{position: relative;}
.mcare-caction1-wrap, .mcare-caction2-wrap{float: left; width: 100%;}
.mcare-caction2-wrap{margin-bottom: 1000px;}
.text-content{font-size: 15px; color: #6d6d6d; line-height: 1.6em;}
.content-os{font-family: 'Open Sans', sans-serif;}
.border-title{
font-size: 22px;
line-height: 1.3em;
border-bottom: 1px solid #dedede;
position: relative;
padding-bottom: 15px;
}
.border-title:after{
width: 90px;
height: 3px;
background: #09CAE8;
content: '';
position: absolute;
bottom: -2px;
left: 0px;
}
/*----------------------Content Elements----------------*/
/*1. Icon Boxes 1*/
.mcare-text-ibox1-wrap{}
.mcare-text-ibox1{
}
.first-info-ibox{}
.mcare-main-title{
margin-top: 0px;
color: #09CAE8;
font-weight: 600;
font-size: 36px;
line-height: 1.2em;
}
.mcare-main-title span{
color: #46494c;
font-weight: 400;
}
.mcare-text-ibox1 h3{
font-size: 20px;
color: #46494c;
margin: 0px 0 20px 0;
line-height: 1.5em;
padding: 4px 0 10px 0;
border-bottom: 1px solid #09CAE8;
padding-left: 100px;
position: relative;
border-radius: 0 0 0 15px;
font-weight: 400;
}
.mcare-text-ibox1 h3 span{
font-size: 16px;
color: #6f6f6f;
}
.mcare-text-ibox1 h3 i{
height: 70px;
width: 70px;
background: #09CAE8;
color: #fff;
font-size: 30px;
line-height: 70px;
text-align: center;
position: absolute;
bottom: 0;
left: 0px;
border-radius: 15px 15px 0 15px;
}
.mcare-text-ibox1 h3 i:before{
font-size: 36px;
margin: 0px;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
}
.ibox1-content{
padding-top: 15px;
line-height: 1.6em;
}
/*1. Icon Boxes 2*/
/*Mcare Box Border Effect*/
.border-effect{
position: relative;
}
.border-effect:before{
content: "";
position: absolute;
left: 5px;
top: 5px;
width: 0;
height: 0;
border-left: 1px solid transparent;
border-radius: 6px 0 0 0;
border-top: 1px solid transparent;
-webkit-transition: width .3s ease .2s, height .3s ease .4s;
transition: width .3s ease .2s, height .3s ease .4s;
}
.pic.pic-3d:hover .border-effect:before {
height: 50%;
width: 50%;
border-color: #fff;
-webkit-transition: width .3s ease .2s, height .3s ease .4s;
transition: width .3s ease .2s, height .3s ease .4s;
}
.pic.pic-3d:hover .border-effect:after {
height: 50%;
width: 50%;
border-color: #fff;
-webkit-transition: width .3s ease .2s, height .3s ease .4s;
transition: width .3s ease .2s, height .3s ease .4s;
}
.border-effect:after {
content: "";
position: absolute;
right: 5px;
bottom: 5px;
width: 0;
height: 0;
border-right: 1px solid transparent;
border-radius: 0 0 6px 0;
border-bottom: 1px solid transparent;
-webkit-transition: width .3s ease .2s, height .3s ease .4s;
transition: width .3s ease .2s, height .3s ease .4s;
}
.ibox2-icon i{
z-index: 10
}
.ibox2-icon .back-icon{
position: absolute;
left: 0px;
text-align: center;
width: 100%;
z-index: 9
}
.mcare-text-ibox2 .back-icon i:before{
color: rgba(13, 192, 192, 0.17);
font-size: 60px;
margin: 0px;
position: absolute;
z-index: 2;
top: 0px;
left: -4px;
opacity: 0;
-webkit-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 100%;
}
.mcare-text-ibox2:hover .back-icon i:before{
color: rgba(255, 255, 255, 0.17) !important;
margin: 0px;
position: absolute;
z-index: 2;
top: 0px;
opacity: 1;
left: 0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.border-effect{
}
.mcare-text-ibox2, .mcare-text-ibox2 h4, .mcare-text-ibox2 .ibox2-content{
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.mcare-text-ibox2:hover{
background: #09CAE8;
border: 1px solid #09CAE8;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.mcare-text-ibox2:hover h4{
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.mcare-text-ibox2:hover .ibox2-content {
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.mcare-text-ibox2:hover .ibox2-icon i:nth-child(1):before{
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
/*Other Effects*/
.mcare-text-ibox2{
text-align: center;
border: 1px solid #e3e9e9;
padding: 15px;
border-radius: 6px;
}
.mcare-text-ibox2 img{
text-align: center;
margin:0 auto;
width:60%;
padding: 10px;
}
.ibox2-icon{
position: relative;  
padding-bottom: 15px;
}
.mcare-text-ibox2 h4{
color: #656769;
font-size: 19px;
margin-top: 0px;
}
.mcare-text-ibox2 .ibox2-content{
padding-top: 15px;
line-height: 1.6em;
padding: 0px 10px 10px 10px;
}
/*Flip effect*/
.mcare-text-ibox2-wrap a:focus, .mcare-text-ibox2-wrap a:active{text-decoration: none;}
.row-custom {
margin-right: -15px;
margin-left: -15px;
}
.flip-box-wrap {
position: relative;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
.flip-box-wrap .flip-box {
position: relative;
width: 100%;
min-height: 200px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
transition: 0.6s;
-ms-perspective: 1000px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box-wrap .ifb-flip-box {
min-height: 200px;
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-front {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.flip-box-wrap .horizontal_flip_left .ifb-hover .ifb-front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.flip-box-wrap .ifb-front {
z-index: 9;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-box-wrap .ifb-front, .flip-box-wrap .ifb-back {
min-height: 200px;
margin-bottom: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 750ms;
-moz-transition: 500ms;
-o-transition: 500ms;
-ms-transition: 500ms;
transition: 750ms;
border-radius: 6px;
}
.flip-box-wrap .ifb-back {
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.flip-box-wrap .ifb-back .mcare-text-ibox2{
background: #09CAE8;
border: 1px solid #FFFFFF;
}
.flip-box-wrap .ifb-back .ibox2-icon i:nth-child(1):before, .flip-box-wrap .ifb-back .mcare-text-ibox2 h4, .flip-box-wrap .ifb-back .mcare-text-ibox2 .text-content{
color: #fff;
}
.flip-box-wrap .ifb-back h4{
padding-top: 33px;
}
.flip-box-wrap .ifb-back span.ibox-readmore{
cursor: pointer;
padding: 5px 13px;
display: table;
margin: 0px auto 29px auto;
color: #46494c;
background: #fff;
border-radius: 6px;
}
.flip-box-wrap .ifb-back .text-content{  padding-bottom: 18px;}
.pic-3d{overflow: hidden;
margin: 0;
position: relative;}
.pic-3d .open-up {
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.5s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.5s, opacity 0.1s 0.3s;
transition: transform 0.5s, opacity 0.1s 0.3s;
border-radius: 6px;
}
.open-up {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #09CAE8;
text-align:center;
color: #fff;
}
.open-up p{color: #fff; line-height: 1.6em; padding: 0px 10px 15px 10px;}
.open-up .ibox2-icon i:before{color: #fff;}
.open-up{border-radius: 6px;}
.open-up h4{padding-bottom: 16px;margin-top: 5px; color: #fff;}
.open-up {padding: 15px;}
.pic-3d:hover  .mcare-text-ibox2-in{
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
.mcare-text-ibox2-in{
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.5s;
}
.pic-3d:hover .open-up{
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.5s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.5s, opacity 0.1s;
}
.open-up h4{
padding-top: 33px;
}
.open-up a.ibox-readmore{
cursor: pointer;
padding: 5px 13px;
display: table;
margin: 0px auto 29px auto;
color: #46494c;
background: #fff;
border-radius: 6px;
}
.num-font{
font-family: 'Open Sans', sans-serif;
}
.flip-box-wrap .ifb-back .text-content{  padding-bottom: 18px;}
/*--------------Call to action--------------*/
.mcare-caction1-wrap, .mcare-caction2-wrap{ /*margin-bottom: 55px;*/margin-bottom: 0px; margin-top: 55px;}
.mcare-caction1-wrap {
background-image: url("../images/back11.jpg");
}
.mcare-caction2-wrap {
background-image: url("../images/photo.jpg");
display: none;
}
.full-conter-wrap{
background : linear-gradient(20deg,#303F9F,#00BCD4);
}
.parallax-section {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
color: #000;
position: static;
float: left;
}
.para-overlay{
width: 100%;
height: 100%;
/*background: rgba(0, 0, 0, 0.65);*/
background: rgba(0, 0, 0, 0.10) url("../images/pattern.png") repeat;
z-index: 2;
position: relative;
}
.para-overlay-light{
width: 100%;
height: 100%;
background: rgba(227, 227, 227, 0.92);
}
.caction1-inner{
height: 100%;
width: 100%;
display: block;
text-align: center;
padding-bottom: 115px;
}
.caction2-inner{
height: 100%;
width: 100%;
display: block;
text-align: left;
padding-bottom: 50px;
}
.caction1-text{
font-size: 36px;
color: #fff;
text-align: center;
text-transform: uppercase;
line-height: 1.4em;
margin-top: 90px;
margin-bottom: 55px;
}
.caction2-text{
font-size: 31px;
color: #fff;
text-align: left;
text-transform: uppercase;
line-height: 1.4em;
margin-top: 35px;
margin-bottom: 30px;
}
.caction1-text em{
font-size: 19px;
font-style: normal;
}
.caction2-text em{
font-size: 16px;
font-style: normal;
}
.mcare-caction2-wrap img{
margin-top: -25px;
}
.caction2-text strong{
position: relative;
font-style: normal;
font-weight: 500;
display: inline-block;
}
.caction2-text .cd-words-wrapper em{
font-size: 31px;
font-weight: 500;
}
/*Button Design*/
.mcare-button{
padding: 15px 33px;
font-size: 15px;
color: #fff;
border-radius: 6px;
display: inline-block;
overflow: hidden;
-webkit-transition: color 0.3s;
transition: color 0.3s;
position: relative;
z-index: 1;
transition: all 0.3s ease;
}
.mcare-button:hover{color: #fff;}
.button1{
background: #09CAE8;
margin-right: 15px;
}
.button2{
background: none;
border: 1px solid #fff;
margin-right: 15px;
}
/*text effect caction*/
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
.mcare-button.small-bt{
padding: 5px 15px;
}
.mcare-button.mid-bt{
padding: 10px 25px;
}
.mcare-button.large-bt{
padding: 15px 30px;
}
.mcare-button.exlarge-bt{
padding: 18px 40px;
}
/* -------------------------------- 
Word Rotate Call to action
-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
right: 0;
top: 0;
width: 120px;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.cd-headline.rotate-2 b {
opacity: 0;
}
/*Loading words effect*/
.cd-headline.loading-bar span {
display: inline-block;
padding: 0em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
position: relative;
}
.loading-bar .cd-words-wrapper b{width: 100px; font-weight: 500;}
.cd-headline.loading-bar .cd-words-wrapper::after {
/* loading bar */
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.cd-headline.loading-bar b {
top: 0em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
}
/*------------About Clinic Section--------------------*/
.mcare-aboutclinic{
padding-top: 0px;
}
.mcare-aboutclinic-title{
background: #efefef;
text-align: center;
padding-top: 90px;
padding-bottom: 135px;
}
h2.mcare-h2{
display: table;
margin: auto;
border-bottom: 1px dashed #c1c1c1;
padding-bottom: 15px;
position: relative;
line-height: 1.2em;
padding-right: 15px;
padding-left: 15px;
}
h2.mcare-h2:after{
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
font-size: 16px;
bottom: -10px;
color: #d1d1d1;
left: 50%;
margin-left: -16px;
background: #fff;
padding: 0 10px;
}
.mcare-aboutclinic-title h2.mcare-h2:after{
background: #efefef;
}
/*About Tabs*/
.mcare-aboutclinic-tabs{
height: 100%;
width: 100%;
display: block;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner{
display: table;
margin: -50px auto 0 auto;
border-bottom: none;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon{
position: absolute;
left: 17px;
display: inline-block;
color: #fff;
font-size: 16px;
top: 17px;
width: inherit;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active i.mcare-tab-icon, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active i.mcare-tab-icon:focus{
color: #09CAE8;
transition:.5s;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active i.mcare-tab-icon:active{
color: #fff;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active{
background: #fff;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li{
border-radius: 6px 6px 0 0 !important;
margin-left: 23px;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a{
color: #fff;
font-size: 17px;
padding: 13px 23px 13px 40px;
border: none;
transition:.5s;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a{
background: #09CAE8;
border-radius: 6px 6px 0 0 !important;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a{
color: #09CAE8 !important;
border-radius: 6px 6px 0 0 !important;
background: #fff !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
border: none;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:hover, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:focus{
background: #0BA0A0;
border: none;
color: #fff;
transition:.5s;
outline: none;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a:hover{background: #fff; color: #09CAE8; }
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:active{
background: #0BA0A0;
color: #fff;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:hover i{
color: #fff;
transition:.5s;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:after{
width: 0;
height: 0;
border-bottom: 46px solid #09CAE8;
border-right: 25px solid transparent;
position: absolute;
content: '';
top: 4px;
right: -25px;
transition:.5s;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:hover:after{
width: 0;
height: 0;
border-right: 25px solid transparent;
border-bottom: 46px solid #0BA0A0;
position: absolute;
content: '';
top: 4px;
right: -25px;
transition: .5s;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a:after{
width: 0;
height: 0;
border-bottom: 48px solid #fff;
border-right: 25px solid transparent;
position: absolute;
content: '';
top: 2px;
right: -25px;
}
.mcare-aboutclinic-tabs .tab-content{
padding-top: 60px;
}
/*Meet the doc*/
.meet-doc-box{
border: 1px solid #e0e0e0;
padding: 8px 8px 0px 8px;
position: relative;
display: block;
text-align: center;
overflow: hidden;
border-radius: 6px;
background: #fff;
}
.meet-doc-box img{
margin: 0 auto;
}
.meet-doc-box h4{
font-size: 16px;
padding-top: 12px;
position: relative;
margin-bottom: 20px;
}
.meet-doc-box h4:after{
position: absolute;
bottom: -14px;
width: 50px;
height: 2px;
background: #09CAE8;
content: '';
left: 50%;
display: block;
margin-left: -25px;
}
.meet-doc-box span.doc-role{
color: #8b8d8f;
width: 100%;
padding: 4px 10px 19px 10px;
display: block;
}
.meet-doc-social{
padding-top: 13px;
}
.meet-doc-social li{
display: inline;
position: relative;
overflow: hidden;
}
.meet-doc-social li a i.meetdoc-social-icon{
background: none;
padding: 0;
border-radius: 0px;
font-size: 17px;
width: 17px;
}
.meet-doc-social li a{
color: #606060;
padding: 9px 13px;
display: inline-block;
border: 1px solid #e0e0e0;
border-bottom: 0px;
border-radius: 6px 6px 0 0;
margin-right: 10px;
}
.meet-doc-social li:last-child a{
margin-right: 0px;
}
/*Meet box hover effect*/
.meet-img-wrap{
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden;
border-bottom: 4px solid #09CAE8;
}
.meet-img-wrap:after{
content: '';
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.6s;
transition: opacity 0.5s, transform 0.6s;
background: rgba(0, 0, 0, 0.79);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 9;
border-radius: 6px 6px 0 0;
overflow: hidden;
}
.meet-doc-box:hover .meet-img-wrap:after{
opacity: 1;
-webkit-transition: opacity 0.5s, -webkit-transform 0.6s;
transition: opacity 0.5s, transform 0.6s;
}
.meet-info-wrap{
}
.doc-info-part{
opacity: 0;
position: absolute;
-webkit-transform: scale(1.5);
transform: scale(1.5);
top: 0px;
left: 0px;
width: 100%;
text-align: center;
padding: 0 15px;
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
border-bottom: 4px solid #09CAE8;
height: 100%;
}
.meet-doc-box:hover .meet-img-wrap .doc-info-part{
opacity: 1;
z-index: 99;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
}
.doc-info-part .prof-button{
color: #fff;
border: 0px;
padding: 6px 15px;
margin: 0 auto;
border-radius: 6px 6px 0 0;
position: absolute;
display: block;
bottom: -4px;
left: 50%;
background: #09CAE8;
margin-left: -53px;
}
.doc-info-part .prof-button:hover{
color: #fff;
}
.doc-info-part .prof-mail{
display: block;
color: #09CAE8;
font-size: 15px;
margin: 10px 0 0 0;
position: relative;
}
.doc-info-part .prof-mail i{
font-size: 25px;
margin-right: 10px;
position: relative;
top: 5px;
}
.doc-info-part p{
font-size: 14px;
color: #fff;
line-height: 1.5em;
padding: 30px 15px 10px 15px;
text-align: center;
}
/*Effect try*/
.second-eff .meet-doc-social{
position: absolute;
display: block;
width: 100%;
left: 0%;
bottom: -53px;
}
.meet-doc-box.second-eff:hover .doc-info-part{
opacity: 1;
z-index: 99;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
}
.meet-doc-box.second-eff:hover .meet-img-wrap:after{
opacity: 1;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.meet-doc-box.second-eff .doc-info-part{
opacity: 0;
position: absolute;
-webkit-transform: scale(1.5);
transform: scale(1.5);
top: 0px;
left: 0px;
width: 100%;
text-align: center;
padding: 0 15px;
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
border: 0px solid rgba(48, 149, 192, 0.24);
height: 84.4%;
border-bottom: 4px solid #09CAE8;
}
.meet-doc-box.second-eff .doc-info-part{
}
.meet-doc-box.second-eff:hover .doc-main-info{
bottom: 0px;
position: relative;
background: #fff;
z-index: 999;
-webkit-transform: translateY(-52px);
-moz-transform: translateY(-52px);
-ms-transform: translateY(-52px);
transform: translateY(-52px);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
}
.meet-doc-box.second-eff .doc-main-info{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
background: #fff;
z-index: 9;
position: relative;
transition:.5s;
}
.meet-doc-box.second-eff:hover .meet-doc-social{
}
/*meet -social*/
.meet-doc-social li a:after {
position: absolute;
left: 0px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 17px;
padding: 11px 14px 11px 14px;
top: 30px;
border-radius: 6px 6px 0 0;
color: #fff;
transition: .3s;
}
.meet-doc-social li:nth-child(1) a:after{
content: "\f09a";
background: #204385;
padding: 11px 17px 11px 18px;
}
.meet-doc-social li:nth-child(2) a:after{
content: "\f099";
background: #27aae1;
}
.meet-doc-social li:nth-child(3) a:after{
content: "\f0e1";
background: #03669b;
padding: 11px 15px 11px 15px;
}
.meet-doc-social li:nth-child(4) a:after{
content: "\f0d5";
background: #d2482c;
padding: 11px 11px 11px 11px;
}
.meet-doc-social li a:hover i{
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
}
.meet-doc-social li a i{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0x);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: 0.3s;
}
.meet-doc-social li a:hover:after{
top: -10px;
transition: .3s;
}
/*thrd eff*/
.third-eff{}
/*-----------------*/
/***** Hera *****/
/*-----------------*/
.third-eff .meet-img-wrap:after{
display: none;
}
/* Common style */
.third-eff figure {
position: relative;
float: left;
overflow: hidden;
margin: 0px 0%;
height: auto;
text-align: center;
cursor: pointer;
width: 100%;
}
.third-eff figure img {
position: relative;
display: table;
opacity: 1;
}
.third-eff figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.third-eff figure figcaption::before,
.third-eff figure figcaption::after {
pointer-events: none;
}
.third-eff figure figcaption,
.third-eff figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.third-eff figure figcaption:hover{
background: rgba(0,0,0,0.79);
}
.third-eff figure:hover figcaption:after {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
z-index: 2;
}
.third-eff figure figcaption:after {
content: '';
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.5s, -webkit-transform 0.6s;
transition: opacity 0.5s, transform 0.6s;
background: rgba(0, 0, 0, 0.79);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 1;
border-radius: 6px 6px 0 0;
overflow: hidden;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.third-eff figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.third-eff figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.third-eff figure h2 span {
font-weight: 800;
}
.third-eff figure h2,
.third-eff figure p {
margin: 0;
}
.third-eff figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
figure.effect-hera {
background: #fff;
}
figure.effect-hera h2 {
font-size: 158.75%;
}
figure.effect-hera h2,
figure.effect-hera p {
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
z-index: 3;
}
figure.effect-hera figcaption::before {
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
figure.effect-hera p {
width: 100px;
text-transform: none;
font-size: 18px;
line-height: 2;
}
figure.effect-hera p a {
color: #fff;
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
opacity: 1;
color: #09CAE8;
}
figure.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px,-60px,0);
transform: translate3d(-60px,-60px,0);
}
figure.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px,-60px,0);
transform: translate3d(60px,-60px,0);
}
figure.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px,60px,0);
transform: translate3d(-60px,60px,0);
}
figure.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px,60px,0);
transform: translate3d(60px,60px,0);
}
figure.effect-hera:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
z-index: 3;
}
figure.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
figure.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
opacity: 1;
z-index: 3;
}
/*About Tabs Services part*/
.mcare-service-box{
margin-bottom: 55px;
display: block;
width: 100%;
height: 100%;
position: relative;
}
.mcare-service-box .mcare-service-title h4{
position: relative;
z-index: 99;
line-height: 1.2em;
font-size: 19px;
letter-spacing: 1px;
font-weight: 500;
padding-left: 60px;
padding-bottom: 5px;
}
.mcare-service-box .mcare-service-icon{
font-size: 30px;
text-align: left;
position: absolute;
top: 10px;
color: #09CAE8;
left: -15px;
border: 1px solid #09CAE8;
border-radius: 6px;
height: 50px;
width: 50px;
overflow: hidden;
}
.mcare-service-box .mcare-service-icon:before{
font-size: 25px;
margin: 0px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
}
.mcare-service-box:hover .mcare-service-icon:before{
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
}
.mcare-service-box.ser-box-2 .mcare-service-icon{
font-size: 30px;
text-align: left;
position: absolute;
top: 5px;
color: #09CAE8;
left: 10px;
border: 0px solid #09CAE8;
border-radius: 50%;
height: 40px;
width: 40px;
}
.mcare-service-box.ser-box-2 .mcare-service-icon:before{
font-size: 30px;
margin: 0px;
text-align: center;
position: absolute;
height: 40px;
width: 40px;
line-height: 40px;
}
.mcare-service-box p{
text-align: left;
padding-right: 18px;
position: relative;
line-height: 1.8em !important;
padding-left: 60px;
}
.mcare-service-box.ser-box-3 .mcare-service-icon{
font-size: 30px;
text-align: left;
position: absolute;
top: 5px;
color: #09CAE8;
left: 10px;
border: 0px solid #09CAE8;
border-radius: 50%;
height: 40px;
width: 40px;
}
.mcare-service-box.ser-box-3 .mcare-service-icon:before{
font-size: 30px;
margin: 0px;
text-align: center;
position: absolute;
height: 40px;
width: 40px;
line-height: 40px;
}
.mcare-service-box.ser-box-3 .mcare-service-title h4{
padding-left: 50px;
padding-bottom: 3px;
}
.mcare-service-box.ser-box-3 p{
padding-left: 50px;
line-height: 1.6em !important;
}
.mcare-service-box.ser-box-3{margin-bottom: 45px;}
.mcare-service-box.ser-box-3 .mcare-service-icon:after{display: none;}
.mcare-service-box.ser-box-3:hover .mcare-service-icon:before{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0s;
-moz-transition: -moz-transform 0s;
}
.mcare-service-box .mcare-service-icon:after {
font-size: 25px;
margin: 0px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
position: absolute;
left: -1px;
content: "\e041";
top: 56px;
background: #09CAE8;
color: #fff;
border-radius: 6px;
transition: .3s;
}
.mcare-service-box:hover .mcare-service-icon:after{
top: 0px;
transition: .3s;
}
/*Full Width section Department and video*/
.mcare-fullwith-section{
}
.mcare-home-vid{
min-height: 479px;
background: url("../images/full-vid-back.html") no-repeat;
display: block;
padding: 0 15px;
z-index: 99;
position: relative;
}
.mcare-home-vid h4{
font-size: 28px;
color: #fff;
text-align: center;
display: inline-block;
position: relative;
line-height: 1.5em;
text-transform: uppercase;
width: 100%;
margin: 150px 0 0 0;
padding-right: 10%;
}
.mcare-home-vid h4 i{
color: #fff;
margin-left: 20px;
font-size: 25px;
display: inline;
padding-right: 0px;
}
.mcare-home-vid h4 span{
font-size: 20px;
}
.mcare-home-vid i{
font-size: 65px;
width: 100%;
text-align: center;
color: #9ee4e5;
display: block;
margin-top: 30px;
padding-right: 10%;
}
.mcare-departments{
background-color: #f4f4f4;
min-height: 479px;
width: 100%;
padding: 0 15px;
padding-left:10%;
}
.mcare-departments h4.dept-title{
display: inline-block;
width: 100%;
font-size: 30px;
margin-top: 60px;
margin-bottom: 40px;
color: #fff;
font-weight: 200;
text-align: left;
}
.ligth-bg-color.mcare-departments h4.dept-title{
color: #46494c;
}
/*Video effect slider*/
#intro_video {
position: relative;
}
.slide.full_width {
position: relative;
}
.slide {
width: 100%;
position: relative;
text-align: center;
overflow: hidden;
}
.ratio_keeper {
width: 100%;
min-height: 479px;
/*padding-bottom: 71%;*/
}
.video_wrapper {
background-color: black;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
position: absolute;
}
#intro_video .video_wrapper .sizer {
height: 100%;
width: 90%;
margin: 0 auto;
}
.sizer iframe {
width: 100%;
height: 100%;
}
#intro_video .sl-slider-wrapper {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
}
/*-------------Departments Collapse-------------*/
.department-collapse {
}
.department-collapse .panel-default > .panel-heading {
color: #46494c;
padding: 0px;
}
.department-collapse .panel{
background-color: transparent;
border-radius: 0px;
border-left: none;
box-shadow: none;
border-right: none;
border: none;
}
.department-collapse .panel-group .panel + .panel {
margin-top: 0px;
border-top: none;
}
.department-collapse .panel-title > a{
width: 100%;
display: block;
padding: 13px 0;
border: none;
box-shadow: none;
color: #09CAE8;
font-size: 16px;
position: relative;
padding-left: 40px;
font-weight: 400;
}
.department-collapse .panel-title > a i{
position: absolute;
left: 0px;
color: #09CAE8;
top: 9px;
}
.department-collapse .panel-title > a i.ion-plus, .department-collapse .panel-title > a i.ion-minus{
display: inline-block;
left: 90%;
}
.department-collapse .panel-title > a.collapsed i{
color: #575757;
}
.department-collapse .panel-title > a i:before{
font-size: 23px;
margin:0px; 
}
.department-collapse .panel-title > a.collapsed{
border-bottom: 1px solid #c6c6c6;
color: #46494c;
}
.department-collapse .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: none;
padding-left: 0px;
padding-right: 0px;
border-bottom: 0px solid #c6c6c6;
padding: 20px 0 30px 0;
}
.department-collapse .panel-default > .panel-heading + .panel-collapse > .panel-body.text-content{
color: #FFF;
font-weight: 300;
}
.accordion-caret a:hover {
text-decoration: none;
}
.accordion-caret a:hover span,
.accordion-caret a:hover strong {
text-decoration: underline;
}
.accordion-caret a:before {
font-size: 25px;
vertical-align: -3px;
position: absolute;
left: 0px;
top: 9px;
}
.accordion-caret a:not(.collapsed):before {
content: "\f209";
margin-right: 0px;
transition:.5s;
font-family: "Ionicons";
display: inline-block;
left: 90%;
color: #09CAE8;
}
.accordion-caret a.collapsed:before {
content: "\f218";
margin-right: 0px;
transition:.5s;
font-family: "Ionicons";
display: inline-block;
left: 90%;
}
/*----------Mcare News-------------*/
.mcare-news-inner{
width: 100%;
height: 100%;
display: block;
padding-top: 60px;
}
.news-img{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.date-meta{
position: absolute;
width: 50%;
bottom: 32px;
}
.date-meta.day-meta{
left: 0px;
display: inline-block;
border-bottom: 3px solid #09CAE8;
min-height: 32px;
bottom: 0px;
}
.date-meta.day-meta a{
background: #09CAE8;
padding: 5px 13px;
right: 0px;
position: absolute;
color: #fff;
font-size: 16px;
border-radius: 6px 0 0 0;
}
.date-meta.year-meta{
right: 0px;
display: inline-block;
border-bottom: 3px solid #414141;
min-height: 32px;
bottom: 0px;
}
.date-meta.year-meta a{
background: #414141;
padding: 5px 13px;
left: 0px;
font-size: 16px;
color: #fff;
position: absolute;
border-radius: 0 6px 0 0;
}
.mcare-news-inner h4{
font-size: 18px;
margin-top: 25px;
margin-bottom: 20px;
line-height: 1.4em;
}
.foot-meta{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
display: block;
position: relative; 
text-align: center;
}
.foot-meta span{
padding: 8px 13px;
display: inline-block;
}
.foot-meta span{
color: #757575;
font-size: 14px;
position: relative;
font-weight: 500;
}
.foot-meta span:after{
content: '';
height: 20px;
width: 1px;
background: #c5c5c5;
right: -3px;
position: absolute;
}
.foot-meta span:last-child:after{display: none;}
.foot-meta span i{
color: #09CAE8;
margin-right: 10px;
}
.mcare-news-box{
padding: 0 13px;
}
.mcare-news-box p{
padding-bottom: 15px;
line-height: 1.4em;
line-height: 1.6em;
}
.mcare-news-box img{
margin: 0 auto;
border-radius: 6px 6px 0 0;
}
.foot-meta span.readmore a{
color: #09CAE8;
transition:.5s;
position: relative;
}
.foot-meta span.readmore a:after{
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: -5px;
top:2px;
font-size: 18px; 
transition:.5s;
opacity: 0;
color: #09CAE8;
}
.foot-meta span.readmore:hover a:after{
right: -16px;
opacity: 1;
transition:.5s;
color: #0BA0A0;
}
.foot-meta span.readmore:hover a{
color: #0BA0A0;
transition:.5s;
}
.mcare-news-box:hover a img{
}
.mcare-news-box em::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/
background: rgba(13, 192, 192, 0.55);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,0%,0);
transform: translate3d(0,0%,0);
transition:.5s;
}
.mcare-news-box em{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
transition:.5s;
}
.mcare-news-box:hover em::before{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transition:.5s;
}
.mcare-news-box em:after{
position: absolute;
content: '\f0c1';
font: normal normal normal 14px/1 FontAwesome;
top: 30px;
font-size: 35px;
color: rgba(255, 255, 255, 0.8);
left: 50%;
margin-left: -20px;
transition:.5s;
opacity: 0;
}
.mcare-news-box:hover em::after{
top: 50%;
transition: .5s;
opacity: 1;
margin-top: -15px;
}
/*Seperators*/
.sep-section::before,
.sep-section::after {
position: absolute;
content: '';
pointer-events: none;
}
.ss-style-triangles::before,
.ss-style-triangles::after {
left: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.ss-style-triangles::after {
bottom: -85px;
z-index: 3;
background: inherit;
/* background: #fff; */
}
/*---------Counter part----------*/
.counter-box {
margin: auto;
display: block;
width: 100%;
min-height: 120px;
text-align: center;
}
.counter-icon {
width: 83px;
font-size: 45px;
color: #fff;
text-align: center;
height: 83px;
background: rgba(255, 255, 255, 0.44);
line-height: 83px;
border-radius: 50%;
display: inline-block;
transition:.5s;
}
.counter-icon:before{
font-size: 40px;
margin: 0px;
}
.counter-style {
line-height: 1.3em;
color: #fff;
font-size: 34px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
padding-bottom: 5px;
float: right;
width: 100%;
text-align: center;
padding-top: 20px;
display: block;
position: relative;
}
.counter-lable {
line-height: 1.8em;
width: 100%;
color: #ededed;
font-size: 18px;
text-align: center;
padding-top: 15px;
padding-left: 0px;
margin: 0px;
padding-bottom: 10px;
display: inline-block;
}
.counter-style:after {
content: '';
width: 75px;
border-bottom: 1px dashed #fff;
height: 1px;
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -37px;
}
.full-conter-wrap .counter-inner{
padding-top: 83px;
padding-bottom: 83px;
}
.counter-box:hover .counter-icon{
transition:.5s;
background: #09CAE8;
}
.counter-text{
height: 100%;
width: 100%;
display: block;
background: rgba(13, 192, 192, 0.72);
padding-right: 15px;
padding-left: 15%;
padding-top: 50px;
padding-bottom: 45px;
min-height: 375px;
}
.counter-text h4{
font-size: 26px;
color: #fff;
margin-top: 24px;
}
.counter-text p{
color: #fff;
padding-top: 20px;
line-height: 1.5em;
margin-bottom: 35px;
}
/*Testimonial*/
.mcare-testimonial-wrap h2 span{
font-weight: 600;
}
.testimonial-inner{
padding-top: 50px;
padding-bottom: 60px;
}
.testimonial-inner p{
text-align: center;
font-size: 16px;
padding: 10px 60px 0 60px;
line-height: 1.6em;
position: relative;
}
.testimonial-inner p:before{
font: normal normal normal 14px/1 FontAwesome;
content: "\f10d";
position: absolute;
font-size: 35px;
color: #d1d1d1;
left: 0;
top: 0;
}
.testimonial-inner p:after{
font: normal normal normal 14px/1 FontAwesome;
content: "\f10e";
position: absolute;
font-size: 35px;
color: #d1d1d1;
right: 0;
top: 0;
}
.testi-meta{
display: inline-block;
height: 100%;
width: 100%;
padding: 50px 150px 0 150px;
position: relative;
margin-bottom: 30px;
}
.testi-meta:after, .testi-meta:before {
top: 99%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.testi-meta:after {
top: 98%;
}
.testi-meta:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 25px;
margin-left: -26px;
}
.testi-meta:before {
border-color: rgba(214, 214, 214, 0);
border-top-color: #d6d6d6;
border-width: 26px;
margin-left: -27px;
}
.testi-meta .testi-author{
float: left;
font-size: 16px;
border-bottom: 1px solid #d6d6d6;
width: 50%;
padding-bottom: 15px;
padding-left: 25px;
color: #09CAE8;
}
.testi-meta .testi-desig{
float: right;
font-size: 16px;
border-bottom: 1px solid #d6d6d6;
width: 50%;
padding-bottom: 15px;
text-align: right;
padding-right: 25px;
}
.testimonial-inner img{
text-align: center;
display: table;
margin: 0 auto;
}
.mcare-testimonial-wrap .owl-carousel .owl-item img{
width: inherit;
}
.mcare-testimonial-wrap .owl-carousel2{
border-bottom: 1px solid #cccccc;
background-size: 100%;
}
/*Clents*/
.mcare-client-wrap{
}
.mcare-client-outer{
background: #efefef;
padding: 25px 0;
}
.client-box img{
width: inherit;
}
.client-inner{
cursor: all-scroll;
}
/*main-footer*/
footer{
width: 100%;
display: block;
float: left;
}
.main-footer{
background: #1e2127;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
display: block;
float: left;
border-bottom: 1px solid #181a1f;
}
.sub-footer{
background: #181a1f;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
display: block;
float: left;
border-top: 1px solid #272b32;
}
/*Foot box1*/
.mcare-foot-about, .mcare-foot-address, .mcare-foot-tweets{
position: relative;
width: 100%;
height: 100%;
display: block;
}
.mcare-foot-about img.foot-logo{
margin : 0 auto;
width : 200px;
display: block;
}
.mcare-foot-about p{
font-size: 14px;
padding-top: 25px;
line-height: 1.5em;
padding-left: 0px !important;
}
.foot-subscribe{
position: relative;
display: block;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.foot-subscribe input.subscribe-text{
border: 1px solid #424853;
box-shadow: none;
border-radius: 0px;
position: relative;
background: #1e2127;
width: 77%;
float: left;
outline: none;
padding: 8px 15px 8px 40px;
color: #424853;
}
.foot-subscribe i{
font-size: 18px;
color: #565c68;
left: 12px;
position: absolute;
float: left;
z-index: 9;
margin-top: 10px;
}
.foot-subscribe .subscribe-button{
background: #424853;
border: none;
box-shadow: none;
border-radius: 0px;
color: #fff;
font-size: 13px;
padding: 10px 0px;
width: 23%;
float: left;
outline: none;
transition:.5s;  
}
.foot-subscribe .subscribe-button:hover{
background: #09CAE8;
transition:.5s;}
::-webkit-input-placeholder {
color: #979797;
}
:-moz-placeholder { /* Firefox 18- */
color: #979797;  
}
::-moz-placeholder {  /* Firefox 19+ */
color: #979797;  
}
:-ms-input-placeholder {  
color: #979797;  
}
/*Foot box2*/
.mcare-foot-address{
/*background: url(../images/foot-map.png) no-repeat center bottom 32px;*/
}
.main-footer h4{
color: #fff;
font-size: 18px;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #565d68;
font-weight: 400;
margin-top: 0px;
position: relative;
}
.main-footer h4:after{
width: 70px;
height: 1px;
background: #09CAE8;
content:'';
position: absolute;
bottom: -1px;
left: 0px;
}
.main-footer p i{
position: absolute;
font-size: 18px;
color: #858d91;
top: 2px;
left: 0px;
}
.main-footer p{
position: relative;
padding-bottom: 10px;
padding-left: 35px;
font-size: 14px;
}
.mcare-foot-address p a{
color:#979797;
transition:.5s;
}
.mcare-foot-address p a:hover {
color:#09CAE8;
transition:.5s;
}
/*Footer box 3*/
.mcare-foot-tweets{}
.mcare-foot-tweets a{
color: #09CAE8;
}
.mcare-foot-appform input, .mcare-foot-appform textarea{
border: 1px solid #424853;
box-shadow: none;
border-radius: 0px;
position: relative;
background: #1e2127;
width: 100%;
/*float: left;*/
outline: none;
padding: 6px 15px 6px 15px;
color: #eeeeee;
margin-bottom: 15px;
transition: .2s;
}
.mcare-foot-appform input:focus, .mcare-foot-appform textarea:focus {
border-color: #636D7C;
transition: .2s;
}
.mcare-foot-appform textarea{
padding: 13px 15px 12px 15px;
}
.mcare-foot-appform button{
background: #424853;
border: none;
color: #fff;
padding: 5px 9px;
position: absolute;
bottom: 20px;
right: 15px;
transition:.5s;
font-size: 14px;
}
.mcare-foot-appform button:hover{
background: #09CAE8;
transition:.5s;
}
.mcare-foot-tweets p span{
padding-top: 10px;
display: block;
transition:.5s;
}
.mcare-foot-tweets p:hover span{
color: #09CAE8;
transition:.5s;
}
/*Sub Footer*/
.sub-footer p{
font-size: 12px;
margin-bottom: 0px;
padding: 5px 0;
}
.sub-footer p a{
color: #979797;
transition:.3s;
}
.sub-footer p a:hover{
color: #09CAE8;
transition:.3s;
}
.foot-social{
list-style-type: none;
text-align: right;
}
.foot-social li{
display: inline-block;
}
.foot-social li a{
color: #858d91;
font-size: 18px;
padding: 0 15px;
transition:.3s;
}
.foot-social li a:hover{
color: #09CAE8;
transition:.3s;
}
/*-----------------------------------------------------------Inner Pages----------------------------------------------------------*/
.inner h2{
font-weight: 400;
}
/*-----------------------------------------------------------About Us-------------------------------------------------------------*/
.mcare-inner-header{
width: 100%;
display: block;
float: left;
background: url("../images/bread-back.jpg") no-repeat;
padding: 50px 0;
background-size: cover;
margin-bottom: 45px;
}
.mcare-inner-header h1{
color: #fff;
text-align: center;
font-size: 30px;
font-weight: 400;
margin: 0px 0 10px 0;
}
.mcare-inner-header .crumbs{
width: 100%;
height: 100%;
text-align: center;
padding-top: 10px;
}
.mcare-inner-header .crumbs span{
font-size: 15px;
color: #fff;
padding-right: 35px;
position: relative;
}
.mcare-inner-header .crumbs span a{
color: #fff;
}
.mcare-inner-header .crumbs span:after{
font: normal normal normal 14px/1 FontAwesome;
content: "\f105";
right: 8px;
top: 4px;
font-size: 13px;
background: #fff;
color: #333;
border-radius: 50%;
height: 14px;
position: absolute;
width: 14px;
line-height: 14px;
text-align: center;
}
.mcare-inner-header .crumbs span:last-child:after{
display: none;
}
.mcare-inner-header .crumbs span:last-child{
padding-right: 0px;
}
/*About Content*/
.mcare-aboutus-content h2{
margin: 0 0 20px 0;
}
.mcare-aboutus-content p{
padding: 15px 0;
margin: 0px; 
line-height: 1.6em;
padding-right: 48px;
}
.owl-carousel4 .owl-thumb-item img {
width: 80px;
height: auto;
}
.owl-carousel4  .owl-thumb-item {
display: table-cell;
border: none;
background: none;
padding: 0;
opacity: 1;
outline: none;
margin-right: 10px;
transition:.5s;
box-shadow: 0 0 0 1px rgba(13, 192, 192, 0.48);
}
.owl-carousel4 .owl-thumb-item.active {
opacity: 1;
box-shadow: 0px 0px 0px 2px #09CAE8;
transition: .5s;
position: relative;
}
.owl-carousel4  .owl-thumbs{
top: 15px;
position: relative;
text-align: center;
}
.owl-carousel4  .owl-controls .owl-nav {
position: absolute;
width: 100%;
top: 32%;
margin-top: 17px;
overflow: hidden;
}
.owl-carousel4 .owl-controls .owl-nav .owl-next {
right: -25px; margin: 0px}
.owl-carousel4 .owl-controls .owl-nav .owl-prev {
left: -25px; margin: 0px;}
.owl-carousel4 .owl-controls .owl-nav .owl-prev:before, .owl-carousel4 .owl-controls .owl-nav .owl-next:before {
font-family: FontAwesome;
width: 40px;
height: 55px;
background: rgba(13, 192, 192, 0.66);
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border: 0px solid #e1e1e1;
color: #fff;
text-align: center;
line-height: 55px;
display: block;
}
.owl-carousel4 .owl-item img{margin: 0 auto;   width: 100%;}
/*Caps Design*/
.caps-one{
display: block;
color: #fff;
font-size: 23px;
text-align: center;
background-color: #09CAE8;
float: left;
margin: 7px 15px 0 0;
padding: 18px 19px;
}
/*About us team*/
.about section.mcare-text-ibox1-wrap{
padding-top: 65px;
padding-bottom: 90px;
}
.mcare-aboutus-team{
background-image: url("../images/photo.jpg");
}
.mcare-aboutus-team h2{
margin-top: 75px;
margin-bottom: 321px;
}
.mcare-aboutus-team h2 span {
font-weight: 600;
}
.mcare-aboutus-team h2.mcare-h2:after {
color: #C1C1C1;
background: rgba(255, 255, 255, 0.04);
}
.mcare-aboutus-team-content{
width: 100%;
float: left;
display: block;
margin-top: -256px;
padding-bottom: 45px;
}
/*About info*/
.aboutus-info-wrap{}
.aboutus-info-inner h4{
font-size: 22px;
line-height: 1.3em;
border-bottom: 1px solid #dedede;
position: relative;
padding-bottom: 15px;
}
.aboutus-info-inner h4:after{
width: 90px;
height: 3px;
background: #09CAE8;
content: '';
position: absolute;
bottom: -2px;
left: 0px;
}
/*Accordion about*/
.aboutus-info-inner .panel-group{
padding-top: 35px;
}
.aboutus-info-inner .panel-group .panel {
margin-bottom: 0px;
border-radius: 0px;
border: none;
}
.aboutus-info-inner .panel-group .panel + .panel {
margin-top: 0px;
}
.aboutus-info-inner .panel-default > .panel-heading {
color: #46494c;
background-color: rgba(255, 255, 255, 0);
padding: 0px 0px;
border: 0px solid #09CAE8;
border-radius: 0px;
border-top: 0px;
}
.aboutus-info-inner .panel-default:first-child > .panel-heading{
border-top: 0px solid #09CAE8;
border-radius: 6px 6px 0 0;
}
.aboutus-info-inner .panel-default:last-child > .panel-heading{
border-radius: 0 0 0px 0px;
}
.aboutus-info-inner .panel-title{
font-size: 16px;
margin:0px;
border: none;
padding-bottom: 0px;
}
.aboutus-info-inner .panel-title:after{
display: none;
}
.aboutus-info-inner .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 1px solid #09CAE8;
border-radius: 0px;
margin-top: 0px;
border-bottom: 0px;
}
.aboutus-info-inner .panel-default .panel-body p{
margin-bottom:0px; 
}
.aboutus-info-inner .panel-default:last-child > .panel-heading + .panel-collapse > .panel-body {
border-bottom: 1px solid #09CAE8;
}
.aboutus-info-inner .panel-title > a {
width: 100%;
display: block;
padding: 14px 0;
border: none;
box-shadow: none;
font-size: 15px;
position: relative;
padding-left: 55px;
font-weight: 400;
background: #09CAE8;
color: #fff;
transition:.5s;
border: 1px solid #09CAE8;
border-bottom: 0px;
}
.aboutus-info-inner .panel-default:first-child > .panel-heading .panel-title > a{
border-radius: 6px 6px 0 0;
}
.aboutus-info-inner .panel-default:last-child > .panel-heading .panel-title > a{
border-radius: 0 0 6px 6px;
border-bottom: 1px solid #09CAE8;
}
.aboutus-info-inner .panel-default:last-child > .panel-heading .panel-title > a{
border-radius: 0 0 0px 0px;
}
.aboutus-info-inner .panel-default:last-child > .panel-heading .panel-title > a.collapsed{
border-radius: 0 0 6px 6px !important;
}
.aboutus-info-inner .panel-default:last-child .panel-body{
border-radius: 0 0 6px 6px !important;
}
.aboutus-info-inner .panel-default:first-child .panel-title > a{
border-radius: 5px 5px 0 0;
}
.aboutus-info-inner .panel-default:last-child .panel-title > a{
border-radius: 0 0 0 0;
}
.aboutus-info-inner .panel-title > a.collapsed {
background: none;
color: #46494c;
transition:.5s;
}
.aboutus-info-inner .panel-title > a.collapsed:before{
color: #46494c;
}
.aboutus-info-inner .panel-title > a.collapsed i{
position: absolute;
left: -0px;
padding: 12px 15px;
top: 0px;
border-radius: 0px 0 0 0;
color: #09CAE8;
}
.aboutus-info-inner .panel-title > a i{
position: absolute;
left: -0px;
padding: 12px 15px;
top: 0px;
border-radius: 0px 0 0 0;
color: #fff;
}
/*.aboutus-info-inner .panel-default:first-child .panel-title > a i{
border-radius: 6px 0 0 0;
}
.aboutus-info-inner .panel-default:last-child .panel-title > a i{
border-radius: 0px 0 0 6px;
}*/
.aboutus-info-inner .panel-title > a i:before{
margin-left: 0px;
font-size: 24px;
}
.aboutus-info-inner .accordion-caret a.collapsed:before {
content: "\f218";
margin-right: 0px;
transition: .5s;
font-family: "Ionicons";
display: inline-block;
left: 93%;
font-size: 16px;
top: 12px;
color: #09CAE8;
}
.aboutus-info-inner .accordion-caret a:not(.collapsed):before {
content: "\f209";
margin-right: 0px;
transition: .5s;
font-family: "Ionicons";
display: inline-block;
left: 93%;
font-size: 16px;
color: #fff;
}
/*About page tabs*/
.aboutus-info-inner .tabpanel-about-page{
padding-top: 35px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner {
display: table;
margin: 0px 0 0 0;
border-bottom: none;
margin: 0px 0 1px 0;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
color: #fff !important;
border-radius: 6px 6px 0 0 !important;
background: #09CAE8 !important;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a {
background: #F5F5F5;
border-radius: 6px 6px 0 0 !important;
border: 0px solid #09CAE8;
color: #46494c;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:after {
width: 0;
height: 0;
border-bottom: 36px solid #F5F5F5;
border-right: 19px solid transparent;
position: absolute;
content: '';
top: 4px;
right: -19px;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a:after {
width: 0;
height: 0;
border-bottom: 38px solid #09CAE8;
border-right: 19px solid transparent;
position: absolute;
content: '';
top: 3px;
right: -18px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a:hover:after {
width: 0;
height: 0;
border-right: 19px solid transparent;
border-bottom: 38px solid #09CAE8;
position: absolute;
content: '';
top: 3px;
right: -18px;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:hover:after {
width: 0;
height: 0;
border-right: 19px solid transparent;
border-bottom: 36px solid #f5f5f5;
position: absolute;
content: '';
top: 4px;
right: -19px;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
color: #46494c;
font-size: 15px;
padding: 9px 15px 10px 40px;
border: none;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs .tab-content {
padding: 15px;
border: 1px solid #09CAE8;
border-radius: 0 6px 6px 6px;
float: left;
}
.aboutus-info-inner.mcare-aboutclinic-tabs .tab-content img{
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li:first-child{
margin-left: 0px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li {
border-radius: 6px 6px 0 0 !important;
margin-left: 18px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active i.mcare-tab-icon, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active i.mcare-tab-icon:focus {
color: #fff;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
position: absolute;
left: 14px;
display: inline-block;
color: #09CAE8;
font-size: 16px;
top: 8px;
width: inherit;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon:before{
margin-left: 0px;
font-size: 18px;
}
.about-tab-img {
float: left;
width: 165px;
margin: 0 15px 10px 0;
}
.about-tabs-list{
padding-top: 9px;
padding-bottom: 7px;
}
.about-tabs-list li{
list-style-type: none;
position: relative;
padding: 7px 0 7px 30px;
color: #979797;
}
.about-tabs-list li:before{
content: "\e031";
font-size: 20px;
position: absolute;
left: 0px;
top: 4px;
font-family: Flaticon;
color: #09CAE8;
}
.block-one {
padding-left: 25px;
border-left: 5px solid #09CAE8;
background: #1ADBDB;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}
.block-two{
padding-left: 25px;
border-left: 5px solid #09CAE8;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
/*About caction social*/
.caction-social{
width: 100%;
height: 100%;
float: left;
text-align: center;
background: #212121;
}
.caction-social .caction-social-icons{
padding: 40px 0px;
}
.caction-social .caction-social-icons li {
margin-right: 0px;
display: inline;
}
.caction-social .caction-social-icons li:last-child a{
border: none;
}
.caction-social .caction-social-icons li a {
color: #fff;
font-size: 21px;
padding: 0px 50px;
border-right: 1px solid #585858;
}
.caction-social.try-two{
width: 100%;
height: 100%;
float: left;
text-align: center;
background: #212121;
}
.caction-social.try-two .caction-social-icons {
padding: 0px 0px;
float: left;
width: 100%;
}
.caction-social.try-two .caction-social-icons li span {
margin-right: 0px;
width: 11.111111%;
float: left;
}
.caction-social.try-two .caction-social-icons li span a {
color: #fff;
font-size: 21px;
padding: 40px 15px;
display: block;
}
.caction-social .caction-social-icons li span a{
border-right: 0px;
}
.caction-social.try-two .caction-social-icons li:nth-child(odd) span{
background-color: #09CAE8;
}
.caction-social.try-two .caction-social-icons li:nth-child(even) span{
background-color: #0DB7B7;
}
.caction1-text.try-two em {
font-size: 19px;
font-style: normal;
color: #A0A0A0;}
.caction1-text.try-two{
line-height: 1.6em;
margin-bottom: 30px;
}
/*About testi*/
.about-testi-box{
float: left;
}
.about-testi-box p{
margin-bottom: 20px;
border: 1px solid #D1D1D1;
padding: 15px;  float: left;
position: relative;
padding: 15px 15px 15px 65px;
}
.about-testi-box p i{
position: absolute;
font-size: 30px;
left: 15px;
top: 15px;
color: rgba(13, 192, 192, 0.19);
}
.about-testi-box p:after {
width: 0;
height: 0;
border-top: 36px solid #FFFFFF;
border-left: 18px solid transparent;
position: absolute;
content: '';
bottom: -33px;
left: 85px;
}
.about-testi-box p:before {
width: 0;
height: 0;
border-top: 35px solid #D1D1D1;
border-left: 22px solid transparent;
position: absolute;
content: '';
bottom: -35px;
left: 82px;
}
.about-testi-img{float: left;}
.about-testi-meta{
padding-left: 25px;
padding-top: 10px;
display: inline-block;
}
.about-testi-meta h5{
font-weight: 600;
font-size: 16px;
}
.about-testi-meta span{
font-weight: 400;
font-size: 15px;
background-color: #09CAE8;
color: #fff;
padding: 4px 10px;
}
.about-testimonial{padding-top: 90px;}
.about-testimonial .about-pg-2{padding-top: 90px;}
.about-testimonial .owl-carousel5{
cursor: all-scroll;
}
.about-testimonial .owl-thumbs{text-align: center; padding-top: 35px;}
.about-testimonial .owl-thumb-item img{display: none;}
.about-testimonial .owl-thumb-item{   box-shadow: none;
border: none;
height: 12px;
width: 12px;
background-color: #ccc;
border-radius: 50%;
margin-right: 8px;
text-indent: -9999px;
outline: none;}
.about-testimonial  .owl-thumb-item.active{
background-color: #09CAE8;
}
/*About us second page*/
.aboutus2-tabs{
margin-top: 90px;
display: block;
float: left;
}
.aboutus2-tabs ul{
display: table;
margin: -50px auto 0 auto;
border-bottom: none;
padding-bottom: 0px;
position: relative;
color: white;
}
.aboutus2-tabs .nav-tabs > li.active > a{
}
.aboutus2-tabs .nav-tabs > li > a{
border: none;
margin-right: 45px;
}
.aboutus2-tabs .nav-tabs > li:last-child > a{
margin-right: 0px;
}
.aboutus2-tabs .nav-tabs > li.active > a, .aboutus2-tabs .nav-tabs > li.active > a:hover, .aboutus2-tabs .nav-tabs > li.active > a:focus{
border-bottom: 1px solid #09CAE8;
border-radius: 0px;
}
.aboutus2-tabs .nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
border:none;
}
.aboutus2-tabs .nav > li > a:hover, .aboutus2-tabs .nav > li > a:focus {
text-decoration: none;
background-color: #fff;
}
.aboutus2-tabs .tab-content{
padding-top: 50px;
float: left;
}
.aboutus2-tabs .tab-content h4{
margin-top: 0px;
margin-bottom: 15px;
}
.aboutus2-tabs .tab-content p{
line-height: 1.6em;
padding-right: 30px;
margin-bottom: 5px;
}
.aboutus2-tabs .nav > li > a{
color: #ccc;
}
.aboutus2-tabs .nav > li > a i {
color: #ccc;
width: 100%;
text-align: center;
}
.aboutus2-tabs .nav > li > a i:before{
margin: 0px;
font-size: 35px;
}
.aboutus2-tabs .nav > li.active > a{
color: #09CAE8;
}
.aboutus2-tabs .nav > li.active > a i {
color: #09CAE8;
}
.aboutus2-tabs .mcare-text-ibox2{
padding: 15px 0;
}
.aboutus2-tabs .tab-content p {
line-height: 1.6em;
padding-right: 0px;
padding-left: 0px;
}
.aboutus2-tabs .tab-content #aboutus2messages  p{
padding-left: 60px;
}
/*Progress bars*/
.mcare-progressbars label{
font-size: 16px;
font-weight: 400;
padding-bottom: 1px;
padding-left: 65px;
padding-top: 4px;
}
.mcare-progressbars .progress-box{
position: relative;
}
.mcare-progressbars .progress-box span{
position: absolute;
top: 0px;
color: #fff;
background: #09CAE8;
padding: 6px 6px;
border-radius: 6px 6px 0 0;
left: 10px;
}
.mcare-progressbars .progress {
height: 20px;
margin-bottom: 40px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mcare-progressbars .progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 7px;
color: #fff;
text-align: center;
background-color: #09CAE8;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
/*About 2 icon box*/
.aboutus2-tabs .about-ibox1 .mcare-text-ibox2 .ibox2-content {
padding-top: 15px;
line-height: 1.6em;
padding: 0px 10px 10px 10px;
margin-bottom: 0px;
}
.aboutus2-tabs .about-ibox1 .ibox2-icon i:nth-child(1):before {
color: #fff;
font-size: 35px;
margin: 0px;
position: relative;
z-index: 2;
padding: 0px;
height: 60px;
width: 60px;
line-height: 60px;
display: block;
}
.aboutus2-tabs .about-ibox1 .ibox2-icon i{
position: relative;
display: inline-block;
background: #09CAE8;
border-radius: 50%;
padding: 5px;
}
.about-ibox1, .about-ibox2, .about-ibox3, .about-ibox4{
margin-bottom: 25px;
display: inline-block;
}
.aboutus2-tabs .about-ibox2 .mcare-text-ibox2{border: none;} 
.aboutus2-tabs .about-ibox2 .ibox2-icon i:nth-child(1):before {
color: #09CAE8;
font-size: 35px;
margin: 0px;
position: relative;
z-index: 2;
padding: 0px;
height: 60px;
width: 60px;
line-height: 60px;
display: block;
}
.aboutus2-tabs .about-ibox2 .ibox2-icon i{
position: relative;
display: inline-block;
background: rgba(13, 192, 192, 0);
border: 1px solid #09CAE8;
border-radius: 50%;
padding: 5px;
transition: all 300ms linear 0s;
}
.aboutus2-tabs .about-ibox2 .mcare-text-ibox2:hover .ibox2-icon i{
background: #09CAE8;
transition: all 300ms linear 0s;
}
.aboutus2-tabs .about-ibox2 .mcare-text-ibox2:hover .ibox2-icon i:before{
color: #fff;
transition: all 300ms linear 0s;
}
.aboutus2-tabs .about-ibox2 p{padding-right: 10px !important;}
.aboutus2-tabs .about-ibox3 .mcare-text-ibox2{border: none;} 
.aboutus2-tabs .about-ibox3 .ibox2-icon i:nth-child(1):before {
color: #fff;
font-size: 35px;
margin: 0px;
position: relative;
z-index: 2;
padding: 0px;
height: 60px;
width: 60px;
line-height: 60px;
display: block;
}
.aboutus2-tabs .about-ibox3 .ibox2-icon i{
position: relative;
display: inline-block;
background: #09CAE8;
border: 1px solid #09CAE8;
border-radius: 50%;
padding: 5px;
}
.aboutus2-tabs .about-ibox4 .mcare-text-ibox2{border: none;} 
.aboutus2-tabs .about-ibox2 p{padding-right: 10px !important;}
/*about-two img*/
.about2-tabs-img{
padding-top: 80px;
float: left;
width: 100%;
height: 100%;
text-align: center;
}
.about2-tabs-img img {
margin: 0 auto;
}
.mcare-aboutus2-content{padding-bottom: 0px;}
/*About two main ibox*/
.about-two-main-ibox{
width: 100%;
float: left;
margin-bottom: 45px;
padding-top: 0px;
background: #09CAE8;
padding: 45px 0;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2{border: none;} 
.about-two-main-ibox .about-ibox2 .ibox2-icon i:nth-child(1):before {
color: #09CAE8;
font-size: 35px;
margin: 0px;
position: relative;
z-index: 2;
padding: 0px;
height: 92px;
width: 92px;
line-height: 92px;
display: block;
}
.about-two-main-ibox .about-ibox2 h4{color: #fff;}
.about-two-main-ibox .about-ibox2 .ibox2-icon i{
position: relative;
display: inline-block;
background: rgba(13, 192, 192, 0);
border: 0px solid #FFFFFF;
border-radius: 50%;
padding: 0px;
transition: all 300ms linear 0s;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2:hover .ibox2-icon i{
background: #09CAE8;
transition: all 300ms linear 0s;
color: #fff;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2 .ibox2-icon i:before{
color: #fff;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2:hover .ibox2-icon i:before{
color: #fff;
transition: all 300ms linear 0s;
}
.about-two-main-ibox .about-ibox2 p{padding-right: 10px !important; color: #fff;}
.about-two-main-ibox .about-ibox2{
margin-bottom: 0px;
margin-top: 25px;
}
/*Icon box hover effect*/
/* Effect 4 */
.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin-bottom: 15px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}
.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0px;
}
.hi-icon:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
.hi-icon-effect-4 .hi-icon {
width: 92px;
height: 92px;
box-shadow: 0 0 0 4px rgba(255,255,255,1);  
}
.hi-icon-effect-4 .hi-icon:before {
line-height: 92px;
}
.hi-icon-effect-4 .hi-icon:after {
top: -4px;
left: -4px;
padding: 0;
z-index: 10;
border: 4px dashed #fff;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2:hover .hi-icon-effect-4 .hi-icon {
box-shadow: 0 0 0 0 rgba(255,255,255,0) !important;
color: #fff;
}
/* Effect 4b */
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2:hover .hi-icon-effect-4b .hi-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
box-shadow: 0 0 0 0 rgba(255,255,255,0) !important;
}
.about-two-main-ibox .about-ibox2 .mcare-text-ibox2:hover .hi-icon-effect-4b .hi-icon:after {
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
}
/*About box 2 try 2*/
.about-two-main-ibox .about-ibox2.about-ibox2-try2 .mcare-text-ibox2 .ibox2-icon i:before {
color: #09CAE8;
background: #fff;
height: 80px;
width: 80px;
margin: 0 auto;
line-height: 80px;
border-radius: 50%;
margin-top: 6px;
}
/*About 2 meet team*/
.about2-meet-team-wrap{
padding-top: 90px;
padding-bottom: 90px;
}
.about2-meeteam-box{
float: left;
width: 100%;
height: 100%;
margin-bottom: 35px;
margin-top: 45px;
}
.about2-meet-team-wrap .about2-meeteam-box img{
float: left;
width: 180px;
}
.about2-meeteam-meta{
position: relative;
padding-left: 220px;
padding-top: 20px;
}
.about2-meeteam-meta h4{
line-height: 1.6em;
font-weight: 500;
position: relative;
margin-bottom: 35px;
padding-bottom: 15px;
border-bottom: 1px solid #E6E6E6;
}
.about2-meeteam-meta h4 span{
font-size: 15px;
font-weight: 400;
}
.about2-meeteam-meta h4:after {
width: 60px;
height: 3px;
background: #09CAE8;
content: '';
position: absolute;
bottom: -2px;
left: 0px;
}
.about2-meeteam-img-wrap{
display: block;
position: relative;
float: left;
margin-bottom: 20px;
overflow: hidden;
height: 230px;
}
.about2-meeteam-social{
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
margin-bottom: -45px;
background: rgba(13, 192, 192, 0.83);
transition:.5s;
opacity: 0;
bottom: 0px;
}
.about2-meeteam-box:hover .about2-meeteam-social{
transition:.5s;
opacity: 1;
margin-bottom: 0px;
}
.about2-meeteam-social li{
display: inline;
}
.about2-meeteam-social li a{
font-size: 18px;
padding: 10px 12px;
display: inline-block;
border-right: 1px solid #EEE;
color: #fff;
position: relative;
z-index: 999;
}
.about2-meeteam-social li:last-child a{border: none;}
/*Team Trys*/
.about2-meet-team-wrap .owl-thumb-item {
box-shadow: none;
border: none;
height: 12px;
width: 12px;
background-color: #ccc;
border-radius: 50%;
margin-right: 8px;
outline: none;
text-indent: -9999px;
}
.about2-meet-team-wrap .owl-thumb-item.active{
background-color: #09CAE8;
}
.about2-meet-team-wrap .owl-thumbs {
text-align: center;
padding-top: 0px;
}
.about2-meeteam-social-para{position: relative;   overflow: hidden;}
.about2-meeteam-social-para .about2-meeteam-social{
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
margin-bottom: -73px;
background: rgba(13, 192, 192, 0.83);
transition: .5s;
opacity: 0;
bottom: 0px;
}
.about2-meeteam-box:hover .about2-meeteam-social-para .about2-meeteam-social {
transition: .5s;
opacity: 1;
margin-bottom: 0px;
}
.about2-meeteam-social-para .about2-meeteam-social li a{
padding: 0px 0px;
border-right: 0px solid #EEE;
margin: 14px 0;
background: #fff;
color: #09CAE8;
border-radius: 50%;
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
margin-right: 20px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
opacity: 0;
}
.about2-meeteam-social-para .about2-meeteam-social li:last-child a{
margin-right: 0px;
}
.about2-meeteam-box:hover .about2-meeteam-social-para .about2-meeteam-social li a{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
opacity: 1;
}
/*About2 services */
.mcare-about2-services-wrap{
background-image: url("../images/photo.jpg");
}
.mcare-about2-services-inner{
padding: 80px 0 15px 0;
width: 100%;
float: left;
height: 100%;
}
.mcare-about2-services-inner h2{
margin-bottom: 60px;
}
.para-overlay-light h2.mcare-h2:after {
color: #C1C1C1;
background: rgba(255, 255, 255, 0.04);
}
.mcare-about2-services-inner .mcare-service-box  p{  
color: #727272;
font-weight: 300;
}
.mcare-about2-services-inner .mcare-service-box span a{
padding-top: 5px;
color: #09CAE8;
transition: .5s;
display: block;
font-weight: 500;
}
.mcare-about2-services-inner .mcare-service-box span a:hover{
color: #46494c;
transition:.5s;
}
.mcare-about2-services-inner .mcare-service-box i:after{
display: none;
}
.mcare-about2-services-inner .mcare-service-box i:before{
height: 60px;
width: 60px;
line-height: 60px;
font-size: 30px;
}
.mcare-about2-services-inner .mcare-service-box i{
height: 60px;
width: 60px;
line-height: 60px;
background: #09CAE8;
color: #fff;
border-radius: 50%;
}
.mcare-about2-services-inner .mcare-service-box:hover .mcare-service-icon:before{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transform: scale(1.3); 
transition:.3s;
}
/*About us page3*/
.doctor-about-wrap{
background: #F7F7F7;
}
.mcare-aboutus-content.about3-con{
}
.about section.mcare-text-ibox1-wrap.about3-con{
padding-bottom: 30px;
padding-top: 30px;
}
.doc-about-content{
padding:30px 50px;
}
.doc-about-content h2{
}
.mcare-aboutus-content .doc-about-content p.intro-para{
padding-bottom: 25px;
border-bottom: 1px dashed #09CAE8;
padding-right: 10px;
line-height: 24px;
}
.doc-about-content p{
padding-top: 10px;
line-height: 28px;
padding-bottom: 10px;
}
.doc-about-content h4{
margin-top: 25px;
}
.sign-img{
margin-top: 15px;
float: left;
}
.hours-wrap{
float: left;
width: 100%;
}
.hours-left{
}
.hours-wrap h2{
margin-bottom: 30px;
}
.hours-wrap h3{
margin-top: 25px;
position: relative;
margin-bottom: 35px;
font-size: 25px;
}
.hours-wrap h3:after{
position: absolute;
left: -30px;
top: -8px;
content: '';
height: 40px;
width: 3px;
background: #09CAE8;
}
.hours-wrap h4{
margin-top:18px; 
}
.hours-dets h4{
margin-top: 18px;
margin: 0px;
padding: 13px 10px 13px 15px;
background: #09CAE8;
width: 100%;
color: #fff;
}
.hours-right{
float: left;
width: 100%;
padding-left: 25px;
}
.hours-box-wrap{
height: 100%;
width: 100%;
float: left;
margin-bottom: 30px;
box-sizing: border-box;
}
.hours-box-left{
padding: 0 15px 0px 0px;
}
.hours-box-right{
padding: 0 0px 0px 15px;
}
.hours-box{
min-height: 100px;
position: relative;
float: left;
width: 100%;
padding-left: 50px;
background: #09CAE8;
}
.hours-box i{
width: 50px;
font-size: 30px;
text-align: center;
margin-right: 0px;
background: #0AABAB;
color: #fff;
height: 45px;
position: absolute;
line-height: 45px;
left: 0px;
top: 0px;
}
.hours-dets{
float: left;
width: 100%;
height: 100%;
}
.hours-dets ul{
float: left;
margin-top: 15px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
margin-top: 0px;
padding-top: 10px;
border-left: 1px solid #0AABAB;
background: #0AABAB;
color: #fff;
}
.hours-dets ul li{
padding-bottom: 10px;
font-size: 15px;
}
.hours-dets ul li span{
float: right;
}
/*-----------------------------------Contact Us Page---------------------------------------*/
.mcare-Contact1-map{
width: 100%;
float: left;
margin-top: -45px;
min-height: 400px;
}
.crest_gmap3 {
width: 100%;
height: 400px;
z-index: 1;
}
/*form*/
.mcare-field {
position: relative;
}
.mcare-field i {
position: absolute;
padding: 7px 11px;
color: #d7d7d7;
font-size: 21px;
}
.mcare-field input {
padding: 6px 12px 6px 36px;
border-radius: 6px;
border: 1px solid #d3d3d3;
box-shadow: none;
height: 44px;
line-height: 30px;
outline: none;
margin-bottom: 15px;
}
.mcare-field .tarea {
margin: 0px 0 20px 0;
height: 216px;
border-radius: 6px;
box-shadow: none;
}
.mcare-field .form-control:focus {
border-color: #09CAE8;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.control-even{
padding-left: 15px;
}
.control-odd{
padding-right: 15px;
}
.mcare-Contact1-form form{
display: block;
float: left;
width: 100%;
height: 100%;
}
.mcare-button-dark {
padding: 15px 33px;
font-size: 15px;
border-radius: 6px;
display: inline-block;
border-color: #d3d3d3;
}
.content-style-text .mcare-button-dark {
border-radius: 0px;
}
.mcare-button-med{
padding: 10px 25px;
}
.mcare-Contact1-form .mcare-button-med{
padding: 10px 25px;
width: 100%;
transition:.5s;
background:#09CAE8;
color: #fff;
border: 1px solid #09CAE8;
}
.mcare-Contact1-form .mcare-button-med:focus{outline: none;}
.mcare-Contact1-form .mcare-button-med:hover{
background: #09CAE8;
color: #fff;
transition:.5s;
border-color: #09CAE8;
}
.schedual-box:hover{ transition:.5s;}
/*Address part*/
.mcare-Contact1-address h2{margin-bottom: 60px;}
.mcare-address-box{
position: relative;
text-align: center;
}
.mcare-address-box i{
font-size: 60px;
text-align: center;
display: table;
margin: 0 auto;
color: #09CAE8;
height: 70px;
width: 70px;
line-height: 70px;
}
.mcare-address-box p{
padding-top: 25px;
}
.mcare-address-box p span{
color: #fff;
}
.mcare-address-box .ibox2-icon i:nth-child(1):before{
font-size: 65px;
}
.mcare-Contact1-map.contact-page2{
margin-bottom: -45px;
margin-top: 25px;
}
.mcare-Contact1-map.contact-page2 h2{
margin-bottom: 90px;
}
/*--------------------Short Code Inner---------------------------*/
.sc-inner{
margin: 40px 0;
float: left;
width: 100%;
}
.msg-box-wrap{
margin: 60px 0 40px 0;
}
.mySkills{
margin-top: 40px;
margin-bottom: 40px;
}
.progress-bar{
background-color: #0EC0C0;
position: relative;
border-radius: 4px 0 0 4px;
}
.current-pos-prog{
position: absolute;
right: 0px;
top: -30px;
background: #20D1D1;
opacity: 1;
padding: 5px;
border-radius: 4px 4px 0 0;
}
.progress {
overflow: visible;
height: 15px;
}
.prog-text{
color: #0EC0C0;
font-weight: bold;
margin-bottom: 5px;
}
.light-conter-wrap{
}
.light-conter-wrap .counter-icon{
background: rgb(14, 192, 192);
}
.light-conter-wrap .counter-style:after {
border-bottom: 1px dashed #0EC0C0;
}
.light-conter-wrap .counter-lable {
color: #434444;
}
.light-conter-wrap  .counter-style {
color: #0EC0C0;
}
.testimonial-sc .owl-carousel2 {
background: url(../images/ipad-testi.png) no-repeat bottom center;
background-size: 100%;
}
.about-team-sc .about2-meeteam-box img {
float: left;
width: 180px;
}
.about-team-sc .owl-thumbs {
text-align: center;
padding-top: 0px;
}
.about-team-sc .owl-thumb-item {
box-shadow: none;
border: none;
height: 12px;
width: 12px;
background-color: #ccc;
border-radius: 50%;
margin-right: 8px;
outline: none;
text-indent: -9999px;
}
.about-team-sc .owl-thumb-item.active {
background-color: #09CAE8;
}
.about-team-sc .owl-carousel6 .owl-thumb-item img{
display: none;
}
.thumb-carousel h2{
margin-bottom: 40px;
}
.sc-quotes-wrap p{
margin-top: 25px;
margin-bottom: 25px;
float: left;
width: 100%;
}
/*Elements*/
.team-ele-wrap{
margin: 50px 0;
}
.el-icobox-wrap.aboutus2-tabs{
margin-top: 0px;
}
.el-icobox-wrap .about-ibox1, .el-icobox-wrap .about-ibox2, .el-icobox-wrap .about-ibox3, .el-icobox-wrap .about-ibox4{
margin-bottom: 50px;
margin-top: 50px;
}
/*Feature Dropdown*/
.feature-dropdown:before{
background: url("../images/shortcode-megamenu-bg.png") no-repeat 100% 92%;
position: absolute;
width: 100%;
height: 100%;
content: '';
}
.testimonail-links{
padding-bottom: 15px;
padding-top: 15px;
}
.testimonail-links ul{
float: left;
}
.testimonail-links ul li{
float: left;
width: auto;
margin-right: 20px;
}
.mega-dropdown-menu .testimonail-links .menu-items li:hover:before {
width: 105%;
}
.mega-dropdown-menu .testimonail-links .menu-items li:before{
left: -3px;
top: -5px;
}
/*Button Effect*/
a.mcare-button.button1.eff-but:before {
background: rgba(0, 0, 0, 0.20);
}
a.mcare-button.button1.eff-but:after {
background: rgba(0, 0, 0, 0.10);
}
a.mcare-button.button2.eff-but:before {
background: rgb(17, 224, 224);
}
a.mcare-button.button2.eff-but:after {
background: #09CAE8;
}
a.mcare-button.button2.eff-but:hover{
border: 1px solid #09CAE8;
}
a.mcare-button.button1.eff-but:hover{
background: #09CAE8;
color: #fff;
}
a.mcare-button.eff-but:before, a.mcare-button.eff-but:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 100%;
left: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
a.mcare-button.eff-but:hover:before, a.mcare-button.eff-but:hover:after {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
a.mcare-button.eff-but:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.mcare-button.button1:active, .mcare-button.button1:focus{
color: #fff;
}
.mcare-button.button2:active, .mcare-button.button2:focus{
color: #fff;
}
.mcare-button.button2.light-bg:active, .mcare-button.button2.light-bg:focus{
color: #09CAE8;
}
.mcare-button.button1{
border: 1px solid #09CAE8;
}
.mcare-button.button1:hover{
background: transparent;
}
.mcare-button.button1.light-bg:hover{
background: transparent;
color: #09CAE8;
}
.mcare-button.button2:hover{
background: #09CAE8;
border: 1px solid #09CAE8;
}
.mcare-button.button2.light-bg:hover{
}
a.mcare-button.button1.eff-but.light-bg:after {
background: #09CAE8;
}
a.mcare-button.button1.eff-but.light-bg:before {
background: rgb(17, 224, 224);
}
/*Button Shortcode*/
.sc-buttons-wrap {
height: 100%;
width: 100%;
display: block;
text-align: center;
padding-bottom: 40px;
padding-top: 40px;
}
.button2.light-bg{
background: none;
border: 1px solid #09CAE8;
color: #09CAE8;
}
.button2.light-bg:hover{
color: #fff;
}
.button2 i, .button1 i{
font-size: 21px;
margin-right: 15px;
position: relative;
top: 1px;
line-height: 0;
}
label.error {
color: #a94442;
margin-bottom: 25px;
margin-top: -20px
}
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana, .input--filled .input__label-content--kohana {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
z-index: 999999;
}
#app-modal .modal-content{
display: inline-block;
}
#app-modal .modal-body {
position: relative;
padding: 10px 10px 20px 10px;
display: inline-block;
}
#app-modal .close {
float: right;
font-size: 50px;
font-weight: 700;
line-height: 1;
color: #0CB1B1;
text-shadow: 0 1px 0 #fff;
opacity: 1;
filter: alpha(opacity=20);
position: absolute;
right: 20px;
top: 0;
z-index: 99;
}
#app-modal .close:focus, #app-modal .close:active{
outline: none;
border: 0px;
}
#app-modal .input-group {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
}
.mcare-fullwith-section.mcare-departments{
display: none;
}
.mcare-aboutclinic-tabs .mcare-services1-content1 {
padding-top: 0px;
padding-bottom: 0px;
}
.mcare-aboutclinic-tabs .services1-content1-listing {
padding-top: 70px;
}
.dropdown-menu .inner-dropdown>li>a{
padding: 7px 20px 8px 20px;
}
.dropdown-menu.single-drop .inner-dropdown{
padding: 0px 0px 0px 0px;
}
.home .mcare-news-wrap{
padding-top: 90px;
}
.inner-pg section.mcare-text-ibox1-wrap {
padding-top: 45px;
padding-bottom: 90px;
}
.inner-pg section.mcare-text-ibox1-wrap.about3-con {
padding-top: 45px;
padding-bottom: 45px;
}
.audio-wrap audio{
width: 100%;
}
.mcare-caction2-wrap.display-cls{
display: block;
}
.extra-margin{
margin: 90px 0;
}
.active-sub{
background: rgba(0, 0, 0, 0.04);
}
.active-sub-inner{
background: #09CAE8;
}
.single-drop.dropdown-menu > li.active-sub-inner:after{
color: #fff !important;
}
.active-sub-inner a{
color: #fff !important;
}
form input:required:invalid, form textarea:required:invalid {
outline: none;
}
form input:invalid, form textarea:invalid {
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
/* IE10+ specific styles go here */ 
.foot-subscribe .subscribe-button{
padding: 9px 0px 9px 0px;
} 
.owl-carousel4 .owl-thumb-item{
display: inline-block;
}
.about-testimonial .owl-thumb-item{
height: 15px;
}
.mcare-foot-appform button{
bottom:15px;
}
}
.slide-men-wrap{
float: right;
overflow: hidden;
display: inline-block;
}
/*--------Pre Loader-----------*/
div#preloader {
position: fixed;
display: table;
width: 100%;
height: 100%;
min-height: 100%;
overflow-x: hidden;
overflow-y: hidden;
vertical-align: middle;
background:url('../images/pre-back55.html') center center fixed;
z-index: 999999999999999999999;
}
div#preloader.pre2{
background: url("../images/load1.html") no-repeat 80% 50%, url("../images/load4.html") no-repeat 20% 50%;
background-color: #fff;
}
div#preloader.pre3{
background:#fff;
}
.preload-logo1{
}
.loader3 .navbar{
z-index: 9999999999999999999999;
}
.loader4 .navbar{
z-index: 9;
}
.preload-logo {
margin-top: 0px;
font-size: 40px;
text-align: center;
font-weight: bold;
color: #212124;
margin-top: 15px;
float: left;
width: 100%;
}
.preloader-container {
position: relative;
display: table-cell;
vertical-align: middle;
z-index: 3;
text-align: center;
}
.back-logo {
z-index: -1;
color: #efefef;
position: absolute;
font-size: 85px;
text-align: center;
width: 100%;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
margin: -19px 0 0 0;
}
.preload-gif {
margin-top: 10px;
opacity: .6;
}
/*Responsive design*/
@media screen and (max-width: 1190px) { /* laptop */
.page-header.main-page:after{
margin-right:-496px;
}
.timetable .filter {
width: 220px;
}
.timetable .month-view .title {
padding: 35px 15px 15px 15px;
}
.timetable .month-view .date {
width: 30px;
height: 30px;
line-height: 30px;
}
.timetable .month-view .details {
padding: 15px;
}
.timetable .month-view .popup p {
padding: 0 15px 15px;
}
.timetable .month-view .popup .title {
padding-top: 35px;
}
.timetable .week-view th span {
display: none;
}
.timetable .week-view .title {
padding: 15px;
}
.timetable .week-view .details {
padding: 15px;
}
.timetable .week-view .popup p {
padding: 0 15px 15px;
}
}
@media screen and (max-width: 980px) { /* pad */
.page-header.main-page:after{
margin-right:-395px;
}
.timetable .filter {
width: 171px;
}
.timetable .month-view th,
.timetable .month-view td {
font-size: 11px;
line-height: 14px;
}
.timetable .month-view .title {
padding: 20px 10px 10px 10px;
font-size: 11px;
line-height: 15px;
}
.timetable .month-view .date {
width: 20px;
height: 20px;
font-size: 10px;
line-height: 20px;
}
.timetable .month-view .details {
padding: 10px;
}
.timetable .month-view .popup p {
padding: 0 10px 10px;
}
.timetable .month-view .popup .title {
padding-top: 20px;
}
.timetable .week-view th,
.timetable .week-view td {
width: 14.14%;
font-size: 11px;
line-height: 14px;
}
.timetable .week-view th:first-child,
.timetable .week-view td:first-child {
width: 1%;
padding: 0 5px;
}
.timetable .week-view .title {
padding: 10px;
}
.timetable .week-view .details {
padding: 10px;
}
.timetable .week-view .popup p {
padding: 0 10px 10px;
}
}
@media screen and (max-width: 767px) { /* phone */
.page-header.main-page:after{
display:none;
}
.timetable header {
height: auto;
}
.timetable .year {
position: static;
width: auto;
line-height: 48px;
}
.timetable .month {
padding-top: 20px;
}
.timetable .switcher {
position: static;
width: auto;
margin-top: 20px;
padding: 15px 0;
}
.timetable .month-view,
.timetable .week-view,
.timetable .list-view {
display: none;
}
.timetable .mobile-view {
display: block;
}
}
@media screen and (max-width: 479px) { /* mini phone */
.timetable .filter {
float: none;
margin: 0 0 20px;
width: 100%;
}
.timetable .day {
width: auto;
margin-right: 48px;
margin-left: 48px;
}
}
/**/
/* timetable */
/**/
.timetable header {
background: #09CAE8;  
}
.timetable .year {
background: #0CA5A5;  
}
.timetable .day .cal {
border-left-color: #09CAE8;
color: #09CAE8;
}
.timetable .switcher {
background: #0CA5A5;
}
.timetable .switcher a:hover {
color: #09CAE8;
}
.timetable .switcher .active {
background: #09CAE8;  
}
.timetable .month-view th {
color: #09CAE8; 
text-align: center;
}
.timetable .month-view .title {
background: none;
color: #444; 
}
.timetable .month-view .title i{
position: absolute;
left: 15px;
}
.timetable .month-view .title i:before{
margin-left: 0px;
margin-right: 15px;
}
.timetable .month-view .title + .date {
background: #0CA5A5;
border-radius: 0 0 0 6px;
}
.timetable .month-view .popup {
background: #0CA5A5;
}
.timetable .month-view .popup:after {
border-top-color: #0CA5A5;  
}
.timetable .month-view .popup .date {
background: rgba(255,255,255,0.3);
border-radius: 0 6px 0 6px;
}
.timetable .month-view .event-container:hover {
background: #09CAE8;
}
.timetable .week-view th {
color: #09CAE8;
}
.timetable .week-view td:first-child i {
color: #09CAE8;
}
.timetable .week-view .event-container:hover {
background: #09CAE8;
}
.timetable .week-view .title {
background: #09CAE8;
}
.timetable .week-view .popup {
background: #0CA5A5;
}
.timetable .week-view .popup:after {
border-top-color: #0CA5A5;
}
.timetable .list-view th {
color: #09CAE8;
}
.timetable .list-view td i {
color: #09CAE8; 
}
.timetable .list-view .event-container:hover {
background: #09CAE8;
}
.timetable .list-view .popup {
background: #0CA5A5;
}
.timetable .list-view .popup:after {
border-top-color: #0CA5A5;  
}
.timetable .mobile-view dt span {
border-bottom-color: #09CAE8;
}
.timetable .mobile-view li i {
color: #09CAE8;
}
/*404*/
.mcare-notfound{padding-bottom: 0px;
margin-bottom: -45px;}
.mcare-notfound h2{
margin-bottom: 30px;
}
.notfound-icon{
text-align: center;
position: relative;
}
.notfound-icon i {
font-size: 210px;
line-height: .5;
color: rgba(14, 192, 192, 0.12);
}
.notfound-icon h4 {
position: absolute;
width: 100%;
font-size: 55px;
color: #0EC0C0;
top: 25%;
}
.notfound-text{
text-align: center;
position: relative;
}
.notfound-text h4{
font-size: 35px;
margin-top: 0px;
}
.notfound-text p {
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
}
.notfound-text .button1:hover{
background: #fff;
color: #46494c;
transition:.3s;
border: 1px solid #09CAE8;
}
.notfound-text .button1{
transition:.3s;
border: 1px solid #09CAE8;
}
/*Not found two*/
.mcare-notfound.notfound2 {
padding-bottom: 0px;
margin-bottom: 45px;
}
.notfound2  .notfound-icon {
float: left;
}
.notfound2 .notfound-icon i {
font-size: 200px;
line-height: 1;
color: rgba(14, 192, 192, 0.12);
}
.notfound2 .notfound-icon h4 {
position: relative;
width: 100%;
font-size: 100px;
color: #E3F8F8;
margin-top: -35px;
line-height: 1;
}
.notfound2 .notfound-text {
text-align: left;
position: relative;
float: left;
width: 80%;
padding-left: 10%;
padding-top: 3%;
}
.notfound2.mcare-notfound h2 {
margin-bottom: 50px;
}
.notfound2 .notfound-text p {
padding-top: 20px;
padding-bottom: 25px;
font-size: 18px;
}
/*Search page*/
.search-box.for-page{
display: block;
background: rgba(13, 192, 192, 0.09);
border-radius: 6px;
}
.search-box.for-page h4 {
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
margin-bottom: 15px;
width: 100%;
}
.search-box.for-page h4 span{
font-size: 13px;
font-weight: normal;
float: right;
color: #979797;
font-family: 'Open Sans', sans-serif;
}
.search-box.for-page.mcare-news-box {
padding: 0 15px;
}
.search-box.for-page p{
padding-bottom: 5px;
}
.search-box.for-page .foot-meta{
padding-bottom: 10px;
border-top: 0px solid #d9d9d9;
border-bottom: 0px solid #d9d9d9;
}
.search-box.for-page .doc-social-wrap > i.share-social{
background: none;
}
.mcare-news-box.search-box.no-img-post .news-author {
padding: 0px 0 14px 0;
}
/*Our clinic wrap*/
.ourclinic-top{
}
.mcare-ourclinic h2{
margin-bottom: 45px;
}
.time-line-box h4, .carousel-ourclinic h4{
margin-bottom: 35px;
}
.time-line-box ul{
margin-top: -15px;
}
.time-line-box{
padding-right: 20px;
}
.carousel-ourclinic{
padding-left: 20px;
}
.time-line-box ul li{
padding: 18px 0 18px 50px;
position: relative;
transition:.3s;
}
.time-line-box ul li:before {
content: "\f024";
height: 30px;
width: 30px;
border: 1px solid #09CAE8;
background: rgba(255, 255, 255, 1);
position: absolute;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
font: normal normal normal 14px/1 FontAwesome;
color: #09CAE8;
text-align: center;
line-height: 30px;
top: 14px;
}
.time-line-box ul li:after {
content: "";
height: 31px;
width: 1px;
background: #09CAE8;
position: absolute;
left: 15px;
top: 43px;
}
.time-line-box ul li:last-child:after{
display: none;
}
.time-line-box ul li span{
color: #fff;
background: #09CAE8;
padding: 2px 5px;
border-radius: 4px;
float: right;
}
.time-line-box ul li:hover {
background: rgba(13, 192, 192, 0.16);
transition: .3s;
padding-right: 15px;
border-radius: 6px;
}
.ourclinic-content{
margin-top: 25px;
margin-bottom: 15px;
}
.mcare-ourclinic .ourclinic-content h2 {
margin-bottom: 25px;
}
.mcare-ourclinic .ourclinic-content p{
padding-bottom: 25px;
}
.mcare-ourclinic .ourclinic-content p .block-author{  
width: 100%;
display: block;
padding-bottom: 5px;
font-weight: 600;
padding-top: 5px;
}
.mcare-ourclinic .ourclinic-top .padding-spacer-bot {
padding-bottom: 45px;
float: left;
width: 100%;
}
.mcare-ourclinic .ourclinic-top {
float: left;
width: 100%;
}
.mcare-ourclinic .ourclinic-locinfo{
}
.mcare-Contact3-address.our-clinic-page{
margin-top: 0px;
margin-bottom: -45px;
}
.mcare-Contact3-address.our-clinic-page{
margin-top: 20px;
margin-bottom: -45px;
}
.about-testimonial.our-clinic-page2 {
margin-top: 35px;
margin-bottom: -45px;
}
.our-clinic-page.about-testimonial {
padding-top: 15px;
}
.about-testimonial.our-clinic-page .mcare-news-inner {
padding-top: 35px;
}
.ourclinic-social .about-tabs-list {
padding-top: 30px;
padding-bottom: 10px;
}
.ourclinic-social .about-tabs-list li {
padding: 10px 0 10px 30px;
}
.our-clinic-page.about-testimonial .owl-thumbs {
text-align: center;
padding-top: 20px;
}
.our-clinic-page .caction-social.try-two .caction-social-icons div a {
color: #fff;
font-size: 21px;
padding: 20px 15px;
display: block;
}
/*Our clinic page 2*/
.ourclinic-page2 .ourclinic-top p{
padding-bottom: 35px;
}
.ourclinic-page2 .ourclinic-top h4{
margin-bottom: 30px;
}
.mcare-services1-content1.ourclinic-page2 {
padding-top: 40px;
padding-bottom: 0px;
margin-bottom: -20px;
}
.mcare-services1-content1.ourclinic-page2 h2{
margin-bottom: 70px;
}
.ourclinic-page2 .ourclinic-gallery{
border: 1px dashed rgba(13, 192, 192, 0.31);
border-radius: 6px;
width: 100%;
padding: 15px 10px;
padding-bottom: 0px;
float: left;
margin-top: 15px;
background: rgba(13, 192, 192, 0.03);
}
.ourclinic-page2 .ourclinic-gallery img{
float: left;
height: 111px;
width: 111px;
border-radius: 6px;
margin: 0 9px;
margin-bottom: 15px;
border: 1px solid rgba(13, 192, 192, 0.19);
}
.ourclinic-page2 .ourclinic-gallery a:last-child img{
margin-right: 0px;
}
.ourclinic-page2.mid-content{
padding-top: 90px;
}
.ourclinic-page2 .mcare-progressbars{
margin-top: 45px;
}
.ourclinic-page2 .mcare-progressbars .progress {
height: 8px;
}
.ourclinic-page2 .mcare-progressbars .progress {
height: 8px;
margin-bottom: 27px;
}
.ourclinic-page2 .carousel-ourclinic2{
margin-top: 45px;
}
.ourclinic-page2.bottom-content h4{
margin-bottom: 45px;
}
.ourclinic-address{
margin-top: 20px;
}
.ourclinic-address li{
margin-bottom: 0px;
width: 100%;
padding-top: 15px;
position: relative;
line-height: 2em;
padding-left: 105px;
color: #979797;
border-bottom: 1px dashed #ccc;
padding-bottom: 15px;
transition: .5s;
}
.ourclinic-address li:last-child{
border-bottom: none;
}
.ourclinic-address li:hover{
transition:.5s;
background: rgba(13, 192, 192, 0.19);
}
/*.ourclinic-address li:hover a i{
transition:.5s;
color: #fff;
}
.ourclinic-address li:hover i{
transition:.5s;
color: #fff;
}
.ourclinic-address li:hover a{
transition:.5s;
color: #fff;
}*/
.ourclinic-address li i{
position: absolute;
left: 31px;
top: 15px;
font-size: 30px;
color: #09CAE8;
}
.ourclinic-address li a{
color: #979797;
}
.ourclinic-address li a:hover{
color: #09CAE8;
}
.ourclinic-address li a i{
color: #09CAE8;
}
.ourclinic-page2.bottom-content .social-wrap-head{
margin-top: 12px;
}
.ourclinic-page2.bottom-content .social-wrap-head li:last-child .head-social-icon {
border-right: 1px solid #E4E4E4;
}
.ourclinic-page2.bottom-content .social-wrap-head .head-social-icon:after {
visibility: hidden;
opacity: 0;
}
.ourclinic-page2.bottom-content .social-wrap-head a:hover .head-social-icon:before,.ourclinic-page2.bottom-content .social-wrap-head a:hover .head-social-icon:after {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 1;
visibility: visible;
}
.ourclinic-page2.bottom-content .head-social-icon {
font-size: 14px;
height: 60px;
width: auto;
float: left;
padding: 0 26px;
color: #969696;
background: none;
transition: .5s;
line-height: 60px;
}
.ourclinic-page2.bottom-content .social-wrap-head li:last-child {
border-right: none;
}
.ourclinic-page2.bottom-content .head-social-icon:before {
line-height: 60px;
display: block;
}
.ourclinic-page2.bottom-content .social-wrap-head .head-social-icon:after {
top: -60px !important;
}
.ourclinic-page2.bottom-content .social-wrap-head li {
background: none;
float: left;
margin: 0px;
padding: 0px;
border-right: 1px solid #E4E4E4;
position: relative;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
/*submit effect*/
#cuboid {
width: auto; margin: 0 auto;
/*this also makes #cuboid a container for absolutely positioned descendants*/
perspective: 1000px;
}
#cuboid form {
/*counter translate*/
transform: translateZ(-20px);
/*propogate 3d space for children*/
transform-style: preserve-3d;
/*prevent height collapse as children are absolutely positioned*/
height: 40px;
/*for smooth animations*/
transition: all 0.35s;
}
/*faces*/
.cuboid-text {
line-height: 40px !important;
height: 40px;
background: hsl(219, 11%, 29%);
color: #fff;
font-size: 16px;
text-align: center;
padding-top: 0px !important;
margin-bottom: 0px;
}
.loader {
background: hsl(120, 40%, 30%);
animation: phase 1s infinite;
}
/*Lets create a pulsating animation for the loader face*/
@keyframes phase {
50% {background: hsl(120, 70%, 30%);}
}
#emaill {
background: white; outline: none; border: 0 none;
font: inherit; text-align: left; color: hsl(120, 40%, 30%);
display: block; width: 100%; padding: 0 10px;
box-sizing: border-box;
}
#submit {display: none;}
.submit-icon, .reset-icon {
position: absolute; top: 0; right: 0;
color: rgba(0, 0, 0, 0.25);
line-height: 40px; padding: 0 10px;
/*smooth transitions when user activates input and types something*/
transition: all 0.5s;
/*to make the icons feel like buttons*/
cursor: pointer;
margin-bottom: 0px;
}
/*.active = when the user is typing something*/
.submit-icon.active {color: hsl(120, 40%, 30%);}
.reset-icon {color: rgba(255, 255, 255, 0.25); font-size: 14px;}
#cuboid div {position: absolute; top: 0; left: 0; width: 100%;}
/*3D transforms. Each face will be rotated in multiples of -90deg and moved 20px(half of their 40px height) out*/
#cuboid div:nth-child(1) {transform: rotateX(0deg) translateZ(20px);}
#cuboid div:nth-child(2) {transform: rotateX(-90deg) translateZ(20px);}
#cuboid div:nth-child(3) {transform: rotateX(-180deg) translateZ(20px); }
#cuboid div:nth-child(4) {transform: rotateX(-270deg) translateZ(20px);}
/*the form will have 4 states/classes(default+3) for rotation*/
#cuboid form:hover, 
#cuboid form.ready {transform: translateZ(-20px) rotateX(90deg);}
#cuboid form.loading {transform: translateZ(-20px) rotateX(180deg);}
#cuboid form.complete {transform: translateZ(-20px) rotateX(270deg);}
/*Menu Responsive*/
.res-men-col{display: none;}
/*dropdown effect*/
.dropdown-submenu > .dropdown-menu{
position: absolute;
background: #fff;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
visibility: hidden;
visibility: visible \9;
display: none \9;
overflow: hidden;
height: 0;
z-index: -1;
transition:.5s ease;
margin-top: 20px;
}
.dropdown-submenu:hover>.dropdown-menu{
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
visibility: visible;
display: block \9;
top: 100%;
z-index: 9999;
-webkit-transition: opacity 300ms linear 0s, max-height 500ms ease, visibility 200ms linear 0s, top 200ms linear 0s;
-moz-transition: opacity 300ms linear 0s, max-height 500ms ease, visibility 200ms linear 0s, top 200ms linear 0s;
transition: opacity 300ms linear 0s, max-height 500ms ease, visibility 200ms linear 0s, top 200ms linear 0s;
height: auto;
overflow: visible;
transition:.5s ease;
margin-top: 0px;
}
.mega-dropdown {
position: static !important;
}
.contact-menu-top.mega-dropdown-menu{
padding: 0 0px;
}
.mega-dropdown-menu {
padding: 15px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
background: #FFFFFF;
border: 0px;
border-bottom: 5px solid #0EC0C0;
border-radius: 0px 0px 0px 0px;
border-top: 5px solid #0EC0C0;
}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu > li > ul > li {
list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 9px 5px;
position: relative;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;
outline: none;
}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #242528;
padding: 0px 0px 8px 0px;
line-height: 30px;
margin-top: 0px;
position: relative;
border-bottom: 1px solid #0EC0C0;
margin-bottom: 15px;
}
.dropdown-header i {
display: none;
}
.mega-dropdown-menu .dropdown-header:after{
content: "\e010";
font-family: Flaticon;
position: absolute;
bottom: -15px;
left: 2px;
font-size: 17px;
color: #0EC0C0;
}
.mega-dropdown-menu .dropdown-header i:before{
margin-left: 0px;
font-size: 20px;
color: #47484C;
margin-right: 11px;
}
/*Custom Mega Menu*/
.navbar-nav > li > .dropdown-menu.single-drop{
padding: 0px 0px 0px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
background: #FFFFFF;
border: 0px;
border-bottom: 5px solid #0EC0C0;
border-radius: 0px 0px 0px 0px;
border-top: 5px solid #0EC0C0;
min-width: 220px;
}
.meg-menu-box{
padding: 15px 0;
}
.contact-menu-box.meg-menu-box{
padding: 0px 0;
background: #F3F3F3;
}
.meg-menu-box .dropdown-header i:before{
margin-left: 0px;
font-size: 20px;
color: #47484C;
margin-right: 11px;
}
.meg-menu-box ul.meg-page-links li{
float: left;
width: 100%;
}
.meg-menu-box ul.meg-page-links li a:hover{
background: #F3F3F3;
padding-left: 8px;
transition: .3s;
}
.meg-menu-box ul.meg-page-links li a{
float: left;
width: 100%;
padding: 8px 0 8px 0;
color: #009090;
border-bottom: 1px dashed #13E4E4;
transition: .3s;
}
.meg-menu-box ul.contact-menu-address{
float: left;
width: 100%;
padding: 25px 15px 0 15px;
}
.meg-menu-box ul.contact-menu-address li{
padding-left: 45px;
position: relative;
float: left;
padding-bottom: 20px;
line-height: 30px;
padding-right: 20px;
}
.meg-menu-box ul.contact-menu-address li:last-child{
padding-bottom: 0px;
}
.meg-menu-box ul.contact-menu-address li i{
position: absolute;
left: 0px;
font-size: 21px;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
background: #0EC0C0;
color: #fff;
}
.meg-menu-box ul.contact-menu-address li span{
}
.meg-menu-box ul.contact-menu-address li a {
color: #242528;
}
.home_gmap3 {
width: 100%;
z-index: 99;
}
.meg-menu-box.contact-menu-box{
z-index: 999
}
.map-menu-box.meg-menu-box {
padding: 0px;
}
.menu-items li{
width: 100%;
float: left;
padding-left: 26px;
position: relative;
padding-bottom: 10px;
margin-bottom: 2px;
}
.menu-items li:after{
content: "\f218";
font-family: "Ionicons";
font-size: 13px;
left: 0px;
top: 2px;
position: absolute;
color: #09CAE8;
transform:rotate(0deg);
transition:.3s;
}
.menu-items li:hover:after{
transform:rotate(45deg);
transition:.3s;
}
.mega-dropdown-menu .menu-items li a{
width: 100%;
float: left;
display: block;
color: #47484C;
padding: 0px 0px;
}
.mega-dropdown-menu .menu-items li:before {
content: '';
width: 0;
height: 100%;
background: rgba(0, 0, 0, 0.04);
display: block;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
position: absolute;
left: -5px;
top: -5px;
}
.mega-dropdown-menu .menu-items li:hover:before {
width: 100%;
}
.menu-items-utility li{
width: 100%;
float: left;
padding-left: 30px;
position: relative;
padding-bottom: 0px;
margin-bottom: 2px;
position: relative;
}
.menu-items-utility li a{
}
.menu-items-utility li a i{
position: absolute;
left: -18px;
top: 12px;
color: #0EC0C0;
}
.mega-dropdown-menu .menu-items-utility li:hover:before {
width: 100%;
}
.mega-dropdown-menu .menu-items-utility li:before {
content: '';
width: 0;
height: 100%;
background: rgba(0, 0, 0, 0.04);
display: block;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
position: absolute;
left: 0px;
top: 0px;
}
.short-code-menu-back{
/*background: #fff url("../images/para4.png") no-repeat;*/
background-size: cover;
}
.feature-dropdown .menu-items{
padding-top: 10px;
}
/*Side Menu*/
.menu-logo img{
display: table;
margin: 0 auto;
}
.menu-logo{
margin-top: 10px;
margin-bottom: 25px;
padding-top: 25px;
border-top: 1px dashed #575A67;
}
.side-men-buttons{
margin: 40px 0 10px 0;
text-align: center;
border-bottom: 1px dashed #575A67;
padding-bottom: 31px;
}
.side-men-buttons .men-but{
display: inline-block;
padding: 5px 25px;
border: 1px solid #09CAE8;
border-radius: 4px;
margin-right: 25px;
color: #fff;
transition:.5s;
}
.side-men-buttons .men-but:hover{
transition:.5s;
background:#009c9b; 
color: #fff;
}
.side-men-buttons .men-but:last-child{
margin-right: 0px;
}
.menu-wrap .doc-social-wrap, .cbp-spmenu .doc-social-wrap{
position: absolute;
right: 20px;
top: 16px;
width: 200px;
}
.menu-wrap nav.menu, .cbp-spmenu nav.menu{overflow-y: auto; position: initial !important;}
.menu-wrap .doc-social li a, .cbp-spmenu .doc-social li a {
color: #09CAE8;
font-size: 14px;
padding: 9px 10px;
transition: .3s;
display: block;
}
.menu-wrap .doc-social li, .cbp-spmenu .doc-social li {
display: inline-block;
}
.menu-wrap .doc-social-wrap > i.share-social, .cbp-spmenu .doc-social-wrap > i.share-social{
font-size: 24px;
float: right;
color: #09CAE8;
padding: 2px 10px 2px 10px;
background: rgba(255, 255, 255, 0);
cursor: pointer;
z-index: 9;
}
.side-menu-txt{
text-align: center;
position: relative;
}
.side-menu-txt i.back-icon{
position: absolute;
font-size: 76px;
color: #30323B;
top: 5px;
margin: 0px;
left: 50%;
margin-left: -38px;
z-index: 1;
}
.side-menu-txt i{
color: #fff;
font-size: 35px;
margin: 25px 0;
z-index: 2;
position: relative;
}
.side-menu-txt p{
color: #fff;
font-size: 15px;
line-height: 25px;
}
.side-men-gal{
margin-top:25px; 
}
.side-men-gal li{
display: inline-block;
width: 28%;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 15px;
}
.side-men-gal li img{
border: 3px solid #009c9b;
}
.side-men-title h3 {
color: #09CAE8;
text-align: center;
margin: 25px 15px 35px 15px;
}
.side-men-cat{
margin-bottom: 25px;
}
.side-men-cat a{
padding: 5px 10px;
border: 1px solid #009c9b;
color: #fff;
display: inline-block;
width: auto;
margin-right: 0px;
margin-bottom: 5px;
}
.side-men-cat a:hover{
transition:.5s;
background:#009c9b; 
color: #fff;
}
.column-cls{
margin-top: 40px; 
margin-bottom: 40px;
}
.b-author {
font-weight: 700;
float: left;
width: 100%;
text-align: left;
padding-right: 15px;
padding-top: 5px;
}
.caps-two {
display: block;
font-size: 23px;
text-align: center;
background-color: transparent;
float: left;
border: 1px solid #0EC0C0;
margin: 7px 15px 0 0;
border-bottom: 3px solid;
color: #0EC0C0;
padding: 18px 19px;
}
.caps-three {
display: block;
font-size: 26px;
font-weight: 600;
text-align: center;
background-color: transparent;
float: left;
margin: 7px 15px 0 0;
color: #0EC0C0;
padding: 6px 5px;
}
.sc-heading-box{
border: 1px solid #0EC0C0;
padding: 30px;
margin-bottom: 30px;
transition:.5s;
}
.sc-heading-box:hover{
transition:.5s;
border: 1px dashed #0EC0C0;
}
.all-bold h1, .all-bold h2, .all-bold h3, .all-bold h4, .all-bold h5, .all-bold h6 {
font-weight: 700;
}
.typo-headings{
margin-top: 25px;
}
.highlight-urgent {
color: #fff;
background: #e2492f;
}
.highlight-urgent, .highlight-important, .highlight-notice {
padding: 1px 5px;
}
.highlight-important {
color: #fff;
background: #2f2f2f;
}
.highlight-notice {
color: #2f2f2f;
background: #fbffa3;
}
ul.check-list-1 li:before {
font-size: 13px;
content: '\f00C';
}
ul.check-list-2 li:before {
font-size: 13px;
content: '\f058';
}
ul.check-list-3 li:before {
font-size: 13px;
content: '\f14a';
}
ul.dot-circle-list li:before {
font-size: 13px;
content: '\f192';
}
ul.med-list-1 li:before {
font-size: 13px;
content: "\f0fa";
}
ul.med-list-2 li:before {
font-size: 13px;
content: "\f0f0";
}
ul.med-list-3 li:before {
font-size: 13px;
content: "\f0fd";
}
ul.med-list-4 li:before {
font-size: 13px;
content: "\f0f1";
}
.check-list-disc li{
list-style-type: disc;
}
.check-list-num{
margin: 0px;
padding: 0px;
}
.check-list-circle li{
list-style-type: circle;
}
.check-list-square li{
list-style-type: square;
}
.check-list-num li{
list-style-type: decimal;
}
ul.check-list-1 li:before, ul.check-list-2 li:before, ul.check-list-3 li:before, ul.chevron-list-1 li:before, ul.chevron-list-2 li:before, ul.dot-circle-list li:before, ul.med-list-1 li:before, ul.med-list-2 li:before, ul.med-list-3 li:before, ul.med-list-4 li:before {
display: inline-block;
width: 40px;
margin-left: -40px;
text-align: center;
line-height: inherit;
font-family: FontAwesome;
}
.list-wrap{
margin: 40px 0;
}
.video-wrap {
margin-bottom: 50px;
margin-top: 80px;
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper iframe {
padding: 0 0px;
border-width: 0px;
}
.audio-wrap{
margin-top: 80px;
margin-bottom: 40px;
}
.audio-wrap iframe{
min-height: 150px;
height: 150px;
}
.sc-table-wrap{
margin: 50px 0 0 0;
}
.modal {
z-index: 99999999;
}
/*Media Quries*/
@media (max-width: 1200px){
/*Banner*/
.demo-2 .sl-slider-wrapper {
width: 100%;
height: 500px;
overflow: hidden;
position: relative;
}
.ban-cotent {
padding: 50px 0 10px 0;
max-width: 980px;
}
.right-img.img-inn1 {
margin-top: 20px;
}
.ban1-left {
float: left;
width: 43%;
padding-top: 29px;
padding-left: 55px;
}
.right-img {
float: right;
width: 53%;
}
.ban2-left {
float: left;
width: 43%;
padding-top: 85px;
}
.ban-cotent .ban1-txt1 {
color: #fff;
white-space: nowrap;
font-size: 28px;
padding-left:30px;
}
.ban-cotent .ban2-txt2 {
padding: 10px 0px 25px 0;
font-size: 42px;
}
/*Header*/
.navbar-default .navbar-nav > li > a{padding: 23px 9px;}
.top-info-appoint a {padding: 0px 0px;}
.top-info-contact {margin-left: 0px;}
/*Call to action*/
.mcare-caction2-wrap img {margin-top: 66px;}
/*Meet the doc*/  
.meet-doc-box {margin-bottom: 30px;}
/*testimonial*/
.testi-meta{  padding: 50px 50px 0 50px;}
.mcare-testimonial-wrap .owl-carousel2 {background-size: 100%;}
/*single-post*/
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
font-size: 14px;
padding: 10px 5px 10px 33px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
position: absolute;
left: 9px;
}
/*blog*/
.col3-page .look2 .doc-social li a {
color: #09CAE8;
font-size: 14px;
padding: 9px 4px;
transition: .3s;
display: block;
}
.col3-page .look2 .news-author .comments {
color: #09CAE8;
font-size: 12px;
float: right;
top: 11px;
position: relative;
}
.col3-page .look2 .news-author .comments i {
margin-right: 6px;
font-size: 14px;
top: 1px;
position: relative;
}
/*doc filter*/
.Physiotherapist-page2 .four-grid{
width: 33.3333%
}
/*services2*/
.about2-meeteam-social-para .about2-meeteam-social li a {
padding: 0px 0px;
border-right: 0px solid #EEE;
margin: 14px 0;
background: #fff;
color: #09CAE8;
border-radius: 50%;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
margin-right: 10px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
opacity: 0;
}
}
@media (max-width: 1200px) and (min-width: 991px){
.meet-doc-social li a {padding: 9px 12px;margin-right: 5px;}
}
@media (max-width: 991px) and (min-width: 768px){
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
@media (min-width: 991px){
.show-in-small{
display: none;
}
}
@media (max-width: 991px){
/*Banner*/
.demo-2 .sl-slider-wrapper {
width: 100%;
height: 450px;
overflow: hidden;
position: relative;
}
.ban-cotent {
padding: 50px 0 10px 0;
max-width: 750px;
}
.right-img.img-inn1 {
margin-top: 0px;
}
.right-img {
float: right;
width: 53%;
}
.ban-cotent .ban1-txt1 {
color: #fff;
white-space: nowrap;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
padding-bottom: 5px;
}
.ban-cotent .ban1-txt2 {
padding: 5px 0px 10px 0;
font-size: 28px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
line-height: 40px;
display: inline-block;
}
.ban-cotent .ban1-txt3 {
padding: 5px 0px 20px 0;
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 25px;
text-transform: uppercase;
}
.ban-cotent .ban1-contact {
margin-bottom: 8px;
padding: 10px 30px 25px 85px;
color: #fff;
background: rgba(255, 255, 255, 0.49) url("../images/ban-call1.png") no-repeat 21px 29px;
border-radius: 23px;
font-size: 25px;
font-weight: 400;
line-height: 22px;
word-spacing: 1px;
background-size: 55px;
font-style: italic;
display: inline-block;
margin-top: 25px;
background-size: 40px;
}
.ban-cotent .ban1-txt1 {
color: #fff;
white-space: nowrap;
font-size: 23px;
}
.ban-cotent .ban2-txt2 {
padding: 10px 0px 25px 0;
font-size: 33px;
}
.ban-cotent .ban2-contact {
margin-bottom: 8px;
display: inline-block;
margin-top: 10px;
}
.ban-cotent .ban1-txt1 {
color: #fff;
white-space: nowrap;
font-size: 18px;
}
/*Header*/
.mcare-topbar-info{
display: none;
}
#flip{
display: block;
}
.hide-in-small{
display: none;
}
.show-in-small{
display: block;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 29px;
margin-bottom: 28px;
margin-right: 75px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
z-index: 99;
display: none;
}
.side-menu{
position: absolute;
display: inline-block;
right: 0px;
top: 0px;
z-index: 999;
}
.logo img {
max-width: 250px;
padding: 14px 0;
z-index: 9999;
margin : 0 auto;
}
.pic-3d {
margin-bottom: 40px;
}
/*Top Info bar*/
.top-info-contact{line-height: 40px; color: #fff;}
.top-info-email, .top-info-contact {padding: 13px 20px; line-height: 40px; border: none; color: #fff;}
.top-info-email a{color: #fff;}
.top-info-email a:hover{color: #15FFFF;}
.head-social-icon{color: #fff; float: right;}
.morph-button-modal-1 > button {  border: none;color: #fff;background: rgba(0, 0, 0, 0.19);box-shadow: none;line-height: 28px;}
.top-info-icon{color: #fff;}
button .top-info-icon{line-height: 24px;}
.top-info-email, .top-info-contact{  margin-left: 0px;width: 100%;padding: 0px;display: block;line-height: 30px; }
.top-info-email{text-align: right;}
.top-info-contact{text-align: left;}
.top-info-appoint {text-align: left;float: left !important;}
/*Iconbox 1*/
.first-info-ibox .mcare-main-title{font-size: 28px}
.first-info-ibox {padding-bottom: 40px;}
.mcare-text-ibox1 {padding-bottom: 50px;}
.flip-box-wrap{padding-bottom: 30px;}
.mcare-text-ibox1 h3 {
font-size: 20px;
color: #46494c;
margin: 0px 0 20px 0;
line-height: 1.5em;
padding: 4px 0 10px 0;
border-bottom: 1px solid #09CAE8;
padding-left: 0px;
position: relative;
border-radius: 0 0 0 0px;
font-weight: 400;
}
.mcare-text-ibox1 h3 i {
height: 60px;
width: 60px;
background: #09CAE8;
color: #fff;
font-size: 30px;
line-height: 50px;
text-align: center;
position: relative;
top: 0;
left: 0px;
border-radius: 15px 15px 15px 15px;
display: table;
display: table;
margin-bottom: 5px;
}
.mcare-text-ibox1 h3 i:before {
font-size: 36px;
margin: 0px;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
}
/*Call to action*/
.caction2-text{text-align: center;}
.caction2-inner{text-align: center;}
.caction2-inner{padding-bottom: 70px;}
.mcare-caction2-wrap img{margin: 0 auto;}
/*Meet the doc*/  
.meet-doc-box {margin-bottom: 30px;}
/*Counter*/
.counter-box {
margin-bottom: 50px;
}
.counter-text {
padding-left: 5%;
padding-top: 50px;
padding-bottom: 50px;
min-height: inherit;
}
.counter-text h4 {
margin-top: 0px;
}
/*Footer*/
.footer-box{
margin-bottom: 50px;
}
/*About 2*/
.about2-meeteam-img-wrap {
display: block;
position: relative;
float: left;
margin-bottom: 20px;
overflow: hidden;
height: 155px;
}
.about2-meet-team-wrap .about2-meeteam-box img {
float: left;
width: 120px;
}
.about2-meeteam-meta {
position: relative;
padding-left: 136px;
padding-top: 10px;
}
.about2-meeteam-social li a {
font-size: 13px;
padding: 10px 5px;
display: inline-block;
border-right: 1px solid #EEE;
color: #fff;
position: relative;
z-index: 999;
}
.about2-meeteam-social-para .about2-meeteam-social li a {
padding: 0px 0px;
border-right: 0px solid #EEE;
margin: 14px 0;
background: #fff;
color: #09CAE8;
border-radius: 50%;
height: 37px;
width: 37px;
line-height: 37px;
text-align: center;
margin-right: 10px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
opacity: 0;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
color: #46494c;
font-size: 13px;
padding: 11px 5px 11px 30px;
border: none;
transition: .5s;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
position: absolute;
left: 9px;
}
/*single post*/
.mcare-sidebar .post-contents {
padding: 0;
padding-left: 70px;
text-align: left;
}
.mcare-sidebar .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .mcare-sidebar .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
color: #46494c;
font-size: 11px;
padding: 13px 5px 11px 25px;
border: none;
transition: .5s;
}
.mcare-sidebar .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
position: absolute;
left: 5px;
}
.mcare-sidebar .post-image-wrap, .single-post-author .post-image-wrap {
width: 55px;
height: 55px;
}
.post-Catagories .ser-listing li span {
padding: 10px 5px;
}
.aboutus-info-inner .accordion-caret a:not(.collapsed):before, .aboutus-info-inner .accordion-caret a.collapsed:before {
left: 88%;
}
.aboutus-info-inner .panel-title > a{
padding-right: 26px;
}
.single-post-comments .single-post-author.comment-reply {
padding-left: 15%;
position: relative;
border-left: 0px solid #e5e5e5;
}
.col3-page .look2 .foot-meta .readmore a {
padding: 10px 5px 9px 5px;
display: block;
transition: .5s;
z-index: 1;
color: #09CAE8;
width: 90px;
position: absolute;
top: -1px;
}
.col3-page .look2 .foot-meta .readmore a:hover {
color: #fff;
border-color: #37474f;
padding: 10px 5px 9px 5px;
transition: .5s;
}
.col3-page .look2 .doc-social {
list-style-type: none;
text-align: right;
background: #fff;
z-index: 999;
position: relative;
}
/*single doc*/
.sidebar-social-holder .meet-doc-social li a {
color: #606060;
padding: 9px 7px;
display: inline-block;
border: 1px solid #e0e0e0;
border-radius: 6px;
margin-right: 5px;
}
.sidebar-social-holder .meet-doc-social li a:after {
padding: 11px 10px 11px 10px;
}
.sidebar-social-holder .meet-doc-social li:nth-child(1) a:after {
padding: 11px 12px 11px 11px;
}
.sidebar-social-holder .meet-doc-social li:nth-child(3) a:after {
content: "\f0e1";
background: #03669b;
padding: 11px 8px 11px 9px;
}
.sidebar-social-holder .meet-doc-social li a:after {
padding: 11px 8px 11px 8px;
}
.sidebar-social-holder .meet-doc-social li:nth-child(5) a:after {
content: "\f231";
background: #d2482c;
padding: 11px 10px 11px 10px;
}
.sidebar-social-holder .meet-doc-social li:nth-child(4) a:after {
padding: 11px 6px 11px 5px;
}
.mcare-button {
padding: 16px 10px;
font-size: 14px;
color: #fff;
border-radius: 6px;
display: inline-block;
}
.mcare-singledoc .button3 {
text-align: right;
}
/*Physiotherapist filter page*/
.Physiotherapist-page .three-grid, .Physiotherapist-page2 .four-grid, .gallery-filter .three-grid{
width: 50%
}
/*services2*/
.services2-page .mcare-tab-content .about2-meeteam-box img {
float: none;
width: 105px;
margin: 0 auto;
display: table;
}
.mcare-tab-content .padding-spacer-left {
padding-left: 0px;
}
/*gal 1*/
figure.effect-bubba h2 {
padding-top: 14%;
font-size: 25px;
}
figure.effect-bubba p {
padding: 10px 1.5em;
font-size: 15px;
}
figure.effect-bubba p i {
font-size: 20px;
margin-top: 10px;
}
/*contact1*/
.schedual-box .schedual-time {
display: block;
float: right;
height: 100%;
text-align: center;
color: #fff;
padding: 8px 0 8px 7px;
line-height: 1.8em;
font-size: 12px;
border-left: 1px dashed;
position: relative;
}
.schedual-box h4 {
color: #fff;
padding-left: 0px;
line-height: 1.4em;
display: inline-block;
float: left;
font-size: 15px;
}
.schedual-box i {
color: #fff;
display: inline-block;
float: left;
padding: 11px 14px 11px 0px;
}
.schedual-box i:before {
margin-left: 0px;
font-size: 25px;
}
/*contact 3*/
#contactForm .control-odd {
padding-right: 0px;
}
#contactForm .control-even {
padding-left: 0px;
}
.contact3-addbox {
margin-bottom: 35px;
padding: 0 0 0 60px;
position: relative;
}
.contact3-addbox i {
font-size: 45px;
}
.contact3-addbox .text-content {
font-size: 13px;
color: #979797;
line-height: 1.6em;
}
.Contact3-address-inner2 .contact3-addbox i {
font-size: 55px;
color: rgba(255, 255, 255, 0.22);
position: absolute;
left: 0px;
top: -20px;
}
.show-menu .home::before {
opacity: 1;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.home::before {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
content: '';
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
transition: opacity 0.4s, transform 0s 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/*responsive nav*/
.nav > li > a i {
width: auto;
font-size: 21px;
padding-bottom: 4px;
color: #9a9a9a;
display: inline-block;
margin-right: 15px;
position: relative;
top: 3px;
}
.navbar-default .navbar-nav > li > a {
padding: 7px 15px;
text-align: left;
border-bottom: 1px dashed #0EC0C0;
}
.navbar-default .navbar-nav > .active:after, .navbar-default .navbar-nav > .active:hover:after, .navbar-default .navbar-nav > .active:focus:after{
display: none;
}
.navbar-nav {
margin-right: 0px;
}
.navbar-nav li {
float: left;
margin-right: 1px;
width: 100%;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #3f4142 url(../images/li-li-bottom.html) repeat-x top;
border: 0;
box-shadow: none;
padding-bottom: 0px;
margin-top: 0px !important;
}
.res-men-col{display: block;}
/*tool tip*/
.tooltip-box-content{
width: 300px;
}
.tooltip-box-content{
margin-left: -147px;
}
.tooltip-content {
position: absolute;
z-index: 9999;
width: 300px;
left: 50%;
margin: 0 0 20px -140px;
}
}
@media (min-width: 768px){
.navbar-right .dropdown-menu {
right: 0;
left: 0px;
}
}
@media (max-width: 767px){
/*Banner*/
.demo-2 .sl-slider-wrapper {
width: 100%;
height: 495px;
overflow: hidden;
position: relative;
}
.ban-cotent {
padding: 0px 0 10px 0;
max-width: 285px;
}
.right-img.img-inn1 {
margin-top: 7px;
}
.right-img {
float: right;
width: 100%;
}
.ban1-left {
float: left;
width: 100%;
padding-top: 25px;
padding-left: 0px;
}
.ban-cotent .ban1-txt1 {
color: #fff;
white-space: nowrap;
font-size: 21px;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
padding-bottom: 5px;
padding-left:0px;
}
.ban-cotent .ban1-txt2 {
padding: 5px 0px 10px 0;
font-size: 23px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
line-height: 30px;
display: inline-block;
}
.ban-cotent .ban1-txt3 {
padding: 5px 0px 20px 0;
font-size: 13px;
color: #fff;
font-weight: 400;
line-height: 22px;
text-transform: uppercase;
}
.ban-cotent .ban1-contact {
margin-bottom: 8px;
padding: 5px 30px 15px 85px;
color: #fff;
background: rgba(255, 255, 255, 0.49) url("../images/ban-call1.png") no-repeat 25px 16px;
border-radius: 23px;
font-size: 18px;
font-weight: 400;
line-height: 18px;
word-spacing: 1px;
background-size: 55px;
font-style: italic;
display: inline-block;
margin-top: 17px;
background-size: 28px;
}
.nav-arrows span {
position: absolute;
z-index: 1;
top: 50%;
width: 25px;
height: 25px;
}
.ban2-left {
float: left;
width: 100%;
padding-top: 25px;
}
.ban-cotent .ban2-txt2 {
padding: 5px 0px 10px 0;
font-size: 27px;
line-height: 30px;
}
.ban-cotent .ban2-contact {
margin-bottom: 20px;
display: inline-block;
margin-top: 10px;
}
.right-img.img-inn2 img{
width: 70%;
margin: 0 auto;
display: table;
float: none;
}
/*Header*/
.menu-wrap {
position: absolute;
z-index: 1001;
width: 305px;
}
.cbp-spmenu{
width: 305px;
}
.side-men-buttons .men-but {
display: inline-block;
padding: 5px 15px;
}
.navbar{
padding: 0 15px;
}
.top-info-email{text-align: center;}
.top-info-contact{text-align: center;}
.top-info-appoint {text-align: left;float: none !important;margin: 0 auto 10px auto;}
#panel-top ul.social-top-info{display: table;margin: auto;}
#panel-top ul.social-top-info li{display: inline;}
/*Iconbox 1*/
.flip-box-wrap {padding-bottom: 40px;padding-left: 20px;padding-right: 20px;}
.pic-3d{margin-bottom: 40px;}
/*Call to action*/
.caction2-text{text-align: center;}
.caction2-inner{text-align: center;}
.caction2-inner{padding-bottom: 70px;}
.mcare-caction2-wrap img{margin: 0 auto;}
.caction1-text em {font-size: 16px;font-style: normal;line-height: 35px !important;display: block; top: 25px; position: relative;}
.caction1-text{line-height: 1.2em;    font-size: 30px;}
.caction1-inner {
padding-bottom: 70px;
}
.home .ss-style-triangles::after {
bottom: -45px;
}
.home .mcare-caction1-wrap{
margin-top: 15px;
}
/*News*/
.mcare-news-box{
margin-bottom: 60px;
}
.home .mcare-news-box{
margin-bottom: 0px;
}
/*testi*/
.testi-meta {padding: 50px 15px 0 15px;margin-bottom: 30px;}
.testi-meta .testi-author{padding-left: 15px;}
.testi-meta .testi-desig{padding-right: 15px;}
.mcare-testimonial-wrap .owl-carousel2{background-size: 100%;}
.owl-carousel .owl-controls .owl-nav{display: none;}
/*Footer*/
.foot-social {text-align: center;}
.sub-footer p {margin-bottom: 15px;text-align: center;}
.foot-social li a {padding: 0 10px;}
/*home*/
section.mcare-text-ibox1-wrap {
padding-top: 45px;
padding-bottom: 0px;
}
.mcare-text-ibox1 {
padding-bottom: 30px;
}
.video_section .mcare-departments{
margin-bottom: 60px;
padding-left: 15px;
}
.mcare-sid-cac {
padding-left: 15px;
}
.home .full-conter-wrap .counter-inner {
padding-top: 83px;
padding-bottom: 30px;
}
.home .mcare-service-box {
margin-bottom: 30px;
}
.caction-social.try-two .caction-social-icons li span a{
padding: 40px 5px;
}
.mcare-aboutus-content p {
padding: 15px 0;
margin: 0px;
line-height: 1.6em;
padding-right: 0px;
}
.ser-listing li i {
position: absolute;
left: 11px;
top: 15px;
}
.content-style-text .ser-listing li {
position: relative;
padding: 13px 0px 13px 30px;
color: #fff;
line-height: 15px;
}
.ser-listing li span {
float: right;
padding: 13px 5px;
}
.ser-listing li i:before {
margin-left: 0px;
font-size: 15px;
}
/*New css Responsive Home*/
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
font-size: 14px;
padding: 16px 10px 14px 30px;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
left: 10px;
font-size: 16px;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li:first-child {
margin-left: 0px;
}
.mcare-home-vid h4 {font-size: 21px;}
.nav-arrows a.nav-arrow-next {
top: 70%;
margin-right: 20px;
}
.mcare-home-vid h4 span {
font-size: 16px;
padding-top: 20px;
display: block;
}
.nav-arrows a {
width: 30px;
height: 30px;
border: 8px solid #ddd;
border: 6px solid rgba(255, 255, 255, 1);
}
.mcare-home-vid h4 {
margin: 100px 0 0 0;
}
.mcare-button {
margin-bottom: 15px;
}
.aboutus2-tabs .nav > li > a i {
display: block;
}
.aboutus2-tabs .nav-tabs > li > a {
border: none;
margin-right: 20px;
}
.mcare-aboutus2-content h2.mcare-h2{
font-size: 25px;
}
.inner-pg section.mcare-text-ibox1-wrap.about3-con {
padding-top: 45px;
padding-bottom: 0px;
}
.hours-right {
float: left;
width: 100%;
padding-left: 0px;
}
.hours-box-left {
padding: 0 0px 0px 0px;
}
.hours-box-wrap {
height: 100%;
width: 100%;
float: left;
margin-bottom: 30px;
box-sizing: border-box;
}
.hours-box-right {
padding: 0 0px 0px 0px;
}
.notfound2 .notfound-icon {
float: left;
width: 100%;
}
.notfound2 .notfound-text {
text-align: left;
position: relative;
float: left;
width: 100%;
padding-left: 0%;
padding-top: 10%;
}
.padding-spacer-right {
padding-right: 15px;
}
form .button2 {
background: none;
border: 1px solid #fff;
margin-right: 0px;
}
.schedual-box .schedual-time {
padding: 8px 0 8px 0px;
width: 100%;
text-align: left;
border-left: 0px dashed;
}
.contact-page .flip-box-wrap {
padding-bottom: 0px;
}
.mcare-Contact1-address.contact-page{
padding-bottom: 15px;
}
.mcare-Contact1-map.contact-page2 {
margin-bottom: -45px;
margin-top: 0px;
}
.mcare-Contact1-map.contact-page2 h2 {
margin-bottom: 60px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a:after{
top: 3px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a:after {
top: 2px;
}
section.mcare-text-ibox2-wrap, .mcare-aboutclinic, .mcare-fullwith-section, .mcare-news-wrap, .mcare-testimonial-wrap, .mcare-aboutus-content, .aboutus-info-wrap, .about-testimonial, .about2-meet-team-wrap, .mcare-services1-content1, .mcare-services1-deptlist, .mcare-Contact1-form, .mcare-Contact1-address, .mcare-depart-wrap, .mcare-timetable-wrap, .mcare-singledoc, .mcare-related-docs, .mcare-gallery, .mcare-compare-gallery, .faq-page, .mcare-notfound, .mcare-ourclinic, .ourclinic-page2.mid-content {
padding-top: 15px;
padding-bottom: 45px;
float: left;
width: 100%;
}
.home .mcare-aboutclinic{
padding-top: 0px;
}
/*About1 page*/
.owl-carousel4 .owl-thumb-item img {
width: 50px;
height: auto;
}
ul.mcare-tabs-inner {
margin: 0px auto;
}
.about-testimonial .owl-carousel .owl-item {
padding-left: 15px;
padding-right: 15px;
}
/*About2*/
.aboutus2-tabs .nav-tabs > li > a {
border: none;
margin-right: 10px;
padding: 10px 0px;
font-size: 14px;
}
.about2-meeteam-img-wrap {
display: block;
position: relative;
float: left;
margin-bottom: 20px;
overflow: hidden;
min-height: 230px;
width: 100%;
}
.about2-meet-team-wrap .about2-meeteam-box img {
float: none;
width: 180px;
margin: 0 auto;
}
.about2-meeteam-meta {
position: relative;
padding-left: 0px;
padding-top: 20px;
width: 100%;
display: block;
}
.about2-meeteam-box {
padding-left: 15px;
padding-right: 15px;
}
.mcare-about2-services-inner .mcare-service-box i {
height: 50px;
width: 50px;
line-height: 50px;
background: #09CAE8;
color: #fff;
border-radius: 50%;
}
.mcare-about2-services-inner .mcare-service-box i:before {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 26px;
}
.mcare-service-box .mcare-service-icon {
top: 10px;
left: -5px;
}
/*single-post*/
.comment-form {
padding-top: 5px;
margin-bottom: 40px;
}
.block-three:before {
font-size: 50px;
top: 16px;
}
.block-three {
padding-left: 60px;
}
hr.border-hr {
margin-top: 40px;}
.single-post-comments .single-post-author.comment-reply {
padding-left: 20%;
position: relative;
border-left: 0px solid #e5e5e5;
}
.control-even {
padding-left: 0px;
}
.control-odd {
padding-right: 0px;
}
.side-gallery .owl-carousel .owl-item img {
border-radius: 6px;
margin: 0 auto;
}
.col3-page .look2 .news-author .comments {
color: #09CAE8;
font-size: 12px;
float: right;
top: 14px;
position: relative;
}
.col3-page .look2 .news-author .comments i {
margin-right: 5px;
font-size: 14px;
top: 0px;
position: relative;
}
.col3-page .look2 .doc-social li a {
color: #09CAE8;
font-size: 14px;
padding: 9px 4px;
transition: .3s;
display: block;
}
/*single-doc*/
.mcare-singledoc .button3 {
text-align: center;
}
/*doc-filter*/
.Physiotherapist-page .three-grid, .Physiotherapist-page2 .four-grid, .gallery-filter .three-grid,.gallery-filter .two-grid{
width: 100%
}
/*services page*/
.service-content-img {
margin: 70px auto 0 auto;
box-shadow: 0px 6px 4px -2px #ccc;
}
.mcare-services1-content1 {
margin-bottom: 40px;
}
.mcare-services1-caction .mcare-button {
float: none;
transition: .5s;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: table;
}
.mcare-services1-caction h4 {
color: #fff;
font-size: 25px;
font-weight: 400;
text-align: left;
}
.services2-page .about2-meeteam-img-wrap {
display: block;
position: relative;
float: left;
margin-bottom: 20px;
overflow: hidden;
min-height: 150px;
width: 100%;
}
.service-special .flexslider {
margin: 0 0 0px;
}
.service-special .mcare-services2-tabstry {
width: 100%;
float: left;
padding: 65px 0 0px 0;
}
.services1-deptlist-inner .mcare-deptlist-box{
min-height: 175px;
}
.mcare-text-ibox1-wrap.services-page .mcare-text-ibox1{
margin-bottom: 15px;
}
.ourclinic-page2.bottom-content .head-social-icon {
padding: 0 12px;
}
.ourclinic-page2.bottom-content .social-wrap-head{
float: left !important;
margin-bottom: 25px;
}
.ourclinic-page2 .services1-content1-listing {
padding-top: 65px;
padding-bottom: 65px;
}
.ourclinic-page2 .aboutus-info-inner{
padding-bottom: 40px;
}
.ourclinic-page2 .mcare-progressbars{
padding-bottom: 40px;
}
.ourclinic-page2 .ourclinic-gallery img {
float: left;
height: 100px;
width: 100px;
}
/*Timetable*/
.timetatble-top .timetable-year span {
float: left;
border: 1px solid #0CA5A5;
border-radius: 6px 6px 0 0px;
background: #0CA5A5;
color: #fff;
font-size: 21px;
padding: 10px 10px;
line-height: 28px;
text-align: center;
width: 100%;
}
.timetatble-top .no-pad-l{
padding: 0px;
}
.timetable .filter {
float: right;
padding-top: 15px;
padding-bottom: 14px;
border-radius: 0px 0px 6px 6px;
border: none;
color: #fff;
background: #087C7C;
padding-left: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 15px;
width: 100%;
}
.timetatble-top .no-pad-r{
padding: 0px
}
/*gal 1*/
figure.effect-bubba h2 {
padding-top: 14%;
font-size: 21px;
}
figure.effect-bubba p {
padding: 10px 1.5em;
font-size: 13px;
}
figure.effect-bubba p i {
font-size: 16px;
margin-top: 8px;
}
/*gal2*/
.col-3-gal figure.effect-bubba p {
font-size: 13px;
}
.col-3-gal figure.effect-bubba p i {
font-size: 16px;
margin-top: 8px;
}
.gallery-filter .three-grid {
padding: 0px 0px;
}
.gallery-filter figure.effect-bubba p i {
font-size: 25px;
margin-top: 20px;
}
/*gal - carousel*/
.mcare-gallery-carousel .image-box {
padding-left: 15px;
padding-right: 15px;
}
/*contact1*/
.mcare-Contact1-form .padding-spacer-left {
padding-left: 15px;
}
.mcare-Contact1-form form {margin-bottom: 25px;}
/*Contact3*/
.Contact3-address-inner .padding-spacer-right {
padding-right: 15px;
}
.contact3-addbox i {
font-size: 30px;
}
.contact3-addbox {
margin-bottom: 35px;
padding: 0 0 0 40px;
position: relative;
}
.contact3-addbox p {
padding-left: 75px;
}
.Contact3-address-inner2 .contact3-addbox i {
font-size: 35px;
color: rgba(255, 255, 255, 0.22);
position: absolute;
left: 0px;
top: -14px;
}
.Contact3-address-inner2 .padding-spacer-left {
padding-left: 15px;
}
.doc-about-content {
padding: 30px 15px;
}
/*navbar*/
/*tool tip*/
.tooltip-box-content{
width: 300px;
}
.tooltip-content {
position: absolute;
z-index: 9999;
width: 300px;
left: 50%;
margin: 0 0 20px -65px;
}
}	
@media (max-width: 550px){
/*home tabs*/
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a span, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a span{display: none;}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li i.mcare-tab-icon {
left: 15px;
font-size: 24px;
}
.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
font-size: 15px;
padding: 25px 10px 25px 30px;
}
.aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li a, .aboutus-info-inner.mcare-aboutclinic-tabs ul.mcare-tabs-inner li.active a {
color: #46494c;
font-size: 15px;
padding: 20px 15px 20px 40px;
border: none;
transition: .5s;
}
}
@media (max-width: 480px){
/*Header*/
.logo img {
max-width: 250px;
padding: 20px 0;
margin:0 auto;
width: 213px;
}
.navbar-toggle {
margin-right: 65px;
}
/*Counter*/
.mobile-full{
width: 100%;
}
/*testi*/
.testi-meta .testi-author, .testi-meta .testi-desig{border: none; width: 100%; text-align: center; padding-left: 0px;padding-right: 0px;}
.testi-meta:after, .testi-meta:before{display: none;}
.testi-meta {padding: 30px 15px 0 15px;margin-bottom: 30px;}
.testimonial-inner {   padding: 30px 0px 25px 0px; }
.testimonial-inner p{ padding: 10px 30px 0 30px;}
.testimonial-inner p:before, .testimonial-inner p:after{font-size: 21px;}
}	
@media (max-width: 320px){	
}