ikan Uploader :
Directory : /var/www/html/shardahospital_old.org/hbackup/assets/css/
Upload File : |
| Current File : /var/www/html/shardahospital_old.org/hbackup/assets/css/inside_page_backed.css |
.line {
border-bottom: 4px solid #f47436;
width: 40px;
display: block;
margin-bottom: 15px;
}
.line-height24 {line-height: 24px}
.patient_stories.line-height24 ul{width:100%; float:left;}
.patient_stories.line-height24 ul li{list-style:none; position:relative;}
/*.patient_stories.line-height24 ul li:before{content:''; width:5px; height:5px; background:#f47436; position:absolute; left:0; top:10px;}*/
.patient_stories.line-height24 ul li span{font-size:16px; color:#444;}
.h2inner {
font: 26px 'Raleway-Bold';
color: #f47436;
text-transform: uppercase;
}
.h2{
font: 46px/40px 'Raleway-Bold';
color: #f47436;
line-height: 45px
}
.italic {font-style: italic}
.mrg-top10 {margin-top: 10px} .mrg-top20 {margin-top: 20px} .mrg-top50 {margin-top: 50px} .mrg-bot50 {margin-bottom: 50px} .mrg-bot30 {margin-bottom: 30px} .mrg-bot5 {margin-bottom: 5px}
.mrg-top0 {margin-top: 0!important;}
.main-content{
text-align: justify;
}
.main-content ul{
list-style:none;
}
.main-content ul li{
/* font: 14px/20px 'Raleway-Medium';
color: #666; */
margin: 0 0 15px 0;
background: url(../../images/icons/arrow-gest.png) no-repeat;
background-size: 20px;
background-position: left 5px;
padding: 0 0 0 30px;
}
/******************AboutUsPage-CSS-Start******************/
/*WhoWeAre-Start*/
#about_us h2 {
font-size: 46px;
font-family: Raleway-SemiBold;
color: #f47436;
}
#about_us p {
margin-top: 35px;
}
#about_us p.strong {
font-family: Raleway-SemiBold;
}
.about_us_bg {
background: url(../../images/about/sharda-hospital-building.png) no-repeat;
background-size: cover;
display: table-cell;
vertical-align: middle;
height: 777px;
}
.about_us_bg2 {
background: url(../../images/about/sharda-hospital.png) no-repeat;
background-size: cover;
display: table-cell;
vertical-align: middle;
height: 777px;
}
.about_us_bg-new {
vertical-align: middle;
}
/*WhoWeAre-End*/
/*OurJourney-Start*/
#our_journey {background:#f8eee4}
.ourJourney{width:100%; float:left; background:#f8eee4; padding:100px 0 60px 0; display:table; table-layout:fixed; }
.ourJourney .common > .leftjourney{width:50%; display:table-cell; vertical-align:top;}
.ourJourney .common > .rightjourney{width:50%; display:table-cell; padding:0 0 0 5%;}
.ourJourney .common > .leftjourney > h2{font:46px/40px 'Raleway-Bold'; text-align:left; color:#f47c36;}
.ourJourney .common > .rightjourney > p{width:80%; float:left; font:14px 'Raleway-Medium'; color:#666; padding:0 0 20px 0; line-height: 24px;}
.shardHistory{width:80%; margin:auto;}
.shardHistory > .dtlHist{width:500px; height:100px; float:left; overflow:hidden;}
.dtl01,
.dtl02,
.dtl03,
.dtl04{width:80%; margin:auto; display:none;}
.dtl01 > span,
.dtl02 > span,
.dtl03 > span,
.dtl04 > span{width:65px; height:100%; display:table-cell; vertical-align:top;}
.dtl01 > .para,
.dtl02 > .para,
.dtl03 > .para,
.dtl04 > .para{width:75%; height:100%; display:table-cell; vertical-align:top;}
.dtl01 > .para p,
.dtl02 > .para p,
.dtl03 > .para p,
.dtl04 > .para p{font:14px 'Raleway-Medium'; color:#666; padding:0 0 20px 0;}
.viewBox{width:100%; height:15px; float:left; background:#f45a36; border-radius:10px; position:relative; margin:20px 0 0 0; }
.selectIcon{width:17px; height:17px; display:block; background:#fff; position:absolute; z-index:2; top:-1px; border-radius:10px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
ul.selectionarea{width:100%; float:left;padding:10px 0 0 0;}
ul.selectionarea > li{width:25%; float:left; text-align:center; font:16px 'Raleway-Medium';}
ul.selectionarea > li a{color:#444;}
/*OurJourney-End*/
/*Leaders_Start*/
#leaders {
padding: 45px 0;
}
#leaders .inside_h2 {
font: 46px/40px 'Raleway-Bold';
margin-bottom: 50px;
color: #f47436;
}
#leaders img {
border: 5px solid #f8eee3;
overflow: hidden;
height: 260px;
}
#leaders h2 {
font: 15px 'Raleway-Bold';
margin-bottom: 5px;
}
#leaders p {
min-height: 60px;
max-height: 60px;
text-overflow: ellipsis;
overflow: hidden;
}
/*Leaders_End*/
/*OurVision-Start*/
#our_vision h2{
font: 46px/40px 'Raleway-Bold';
color: #f47436;
text-align: left;
margin-top: 90px;
margin-bottom: 30px;
}
#our_vision span {
border-top: 4px solid #f47436;
display:block;
width: 45px;
margin-top: 15px;
padding-bottom: 20px;
}
/*OurVision-End*/
/*OurIdentity-Start*/
#our_identity {
background: #f8eee4;
padding: 0 0 50px 0;
margin: 95px 0 0 0
}
#our_identity h2, #our_identity_box h2 {
font: 46px/40px 'Raleway-Bold';
color: #f47436;
text-align: right;
margin-bottom: 30px;
}
#our_identity .minus-margin {
margin-top: -60px;
}
#our_identity h4, #our_identity_box h4 {
font: 16px/14px 'Raleway-Bold';
}
/*OurIdentity-End*/
/******************AboutUsPage-CSS-End******************/
/******************ProfilePage-CSS-Start******************/
#main {
padding: 60px 0;
}
.doctor_profile {
font-family: Raleway-Regular;
}
.doctor_profile .img {
border: 5px solid #f8eee3;
overflow: hidden;
margin-bottom: 20px;
}
.doctor_profile .h2 {
margin-top: 0;
font: 24px/18px 'Raleway-Bold';
text-transform: uppercase
}
.doctor_profile h4 {
margin-top: 20px;
font: 14px/12px 'Raleway-Bold';
}
.doctor_profile h5 {
font: 13px/11px 'Raleway-Medium';
}
.tables {
margin-top: 25px;
font-size: 13px;
}
.tables th {
text-transform: uppercase;
font: 13px/11px 'Raleway-Bold';
}
.doctor_profile .about {
line-height: 25px;
text-align: justify;
}
.doctor_profile .about h2, .nav-bg h2 {
font: 26px/22px 'Raleway-Bold';
}
/*.doctor_profile p {
margin-top: 25px;
}*/
/*Accordion-Start*/
.panel-group .panel {
border-radius: 0;
box-shadow: none;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
background-color: #f8eee3;
border: none;
border-bottom: 1px solid #ccc;
}
.panel-default > .panel-heading:hover {
background-color: #eee2d5;
}
.panel-title {
font-size: 14px;
}
.panel-title > a {
display: block;
padding: 25px;
text-decoration: none;
text-transform: uppercase;
font-family: Raleway-bold;
color: #666666;
}
.more-less {
float: right;
}
#accordion_dr-profile .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
line-height: 24px;
}
#accordion_dr-profile .panel-body {
background-color: #eee2d5;
padding: 25px;
}
#accordion_dr-profile .panel {
border: none;
}
#accordion_dr-profile .panel-group .panel + .panel {
margin-top: 0;
}
#accordion_dr-profile .table_accordion {
background: #fff;
}
#accordion_dr-profile .treatment ul li {
font:14px/20px 'Raleway-Medium';
color:#666; margin:0 0 15px 0;
background:url(../../images/icons/arrow-gest.png) no-repeat;
background-size:20px;
background-position:left 4px;
padding:0 0 0 30px;
}
.demo {
padding-top: 30px;
}
/*Accordion-End*/
/*scroll*/
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bg-white {background: #f47436}
.sections {
width: 100%;
height: auto;
padding-top: 15px;
}
.sections h2 {
margin: 25px 0;
}
#sticky, #sticky1 {
width: 100%;
height: 50px;
background: #f47436;
}
#sticky ul, #sticky1 ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#sticky li, #sticky1 li {
display: inline-block;
text-align: left;
font-weight: bold;
height: 50px;
line-height: 50px;
}
#sticky li a, #sticky1 li a {
display: block;
padding: 0 40px;
color: #fff;
}
.nav li a.active {
color:#fff ;
text-decoration: none;
}
.nav-mobile {
display: none;
font-weight: bold;
width: 100%;
}
.click-me {
width: 150px;
height: 30px;
background: #435AB8;
color: white;
text-align: center;
line-height: 30px;
}
.click-me a {
display: block;
color: white;
}
.scroll-status {
background-color: black;
border-top-left-radius: 4px;
bottom: 0;
color: white;
display: none;
padding: 10px;
position: fixed;
right: 0;
}
#sticky.stick {
margin-top: 0 !important;
position: fixed;
top: 0;
z-index: 10000;
border-radius: 0 0 0.5em 0.5em;
}
.nav-bg {
background: #f8eee3;
padding: 45px 0;
margin-bottom: 60px;
}
/*scroll*/
/*RightNav-Start*/
.make_appointment {
background: #f47436;
padding: 15px;
margin-bottom:10px;
}
.make_appointment form > p > input, .make_appointment form > p > select {
width: 100%;
float: left;
padding: 7px;
border: none;
background: #fff;
border-radius: 5px;
color: #666;
margin: 5px auto;
}
#panel_appointment {
display: none;
}
.make_appointment form > p > input[type="submit"] {
cursor: pointer;
text-transform: uppercase;
width: 100px;
float: right;
margin: auto;
border-radius: 10px;
font: 14px 'Raleway-Medium';
background: #069;
color: #fff;
}
.make_appointment > span {
margin-top: -29px;
display:block;
}
#right_nav .button a {
border: 1px solid #b4b4b4;
text-align: center;
padding: 15px 0;
text-transform: uppercase;
font: 12px 'Raleway-Bold';
border-radius: 50px;
display: block;
margin-bottom: 10px;
color: #f47436;
}
#right_nav .button a:hover {
background: #f47436;
color: #fff;
border-color: #f47436;
}
#right_nav .button #flip.active{
background: #f47436;
color: #fff;
border-color: #f47436;
}
.share_button {
margin: 20px 0;
}
.share_button ul {
display: block;
margin: 11px auto 25px auto;
width: 230px
}
.share_button ul li {
width: 50px;
height: 50px;
float: left;
margin: 0 10px 20px 0;
}
.share_button ul li a:hover {
background: #f47436;
color: #fff;
}
.share_button ul li:last-child {
margin-right: 0!important;
}
.share_button h4 {
font: 16px 'Raleway-Bold';
text-transform: uppercase;
}
.share_button ul li a {
width: 100%;
height: 100%;
float: left;
font-size: 22px;
padding: 0;
border: 1px solid #b4b4b4;
border-radius: 50%;
padding-top: 15px;
}
/*Other_Section*/
.other_section h4 {
font: 18px 'Raleway-Bold';
text-transform: uppercase;
color: #f47436;
}
.other_section .img {
position: relative;
width: 100%;
margin-bottom: 25px
}
.overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0,0,0,.8);
overflow: hidden;
width: 100%;
height:0;
transition: .2s ease;
}
.img:hover .overlay {
bottom: 0;
height: 100%;
}
.text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#right_nav .meet-our-doctor {
background: #f8eee3;
}
#right_nav .meet-our-doctor:hover {
background: #f47436;
}
.meet-our-doctor a:hover {
color: #fff;
}
.meet-our-doctor a {
padding: 16px 25px;
display: block;
font-family: Raleway-Bold;
text-transform: uppercase;
color: #f47436;
}
.other_section .circle{
width: 50px;
height: 50px;
display: block;
border: 1px solid #fff;
border-radius: 50%;
margin: 30px auto 0 auto;
}
.other_section .circle:hover{
background: #f47436;
border: none;
}
.other_section .circle img {
width: 20px;
}
.other_section .circle a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: center;
padding: 7px 0 0 0;
}
.other_section h6 {
font-size: 10px;
}
/*Other_Section*/
/*RightNav-End*/
/*Meet Doctor Bottom*/
#meet-doctor_bottom h4, .speciality_four h4 {
width: 100%;
height: 44px;
text-transform: capitalize;
font: 18px 'Raleway-Bold';
margin: 10px 0 0 0;
overflow: hidden;
}
#meet-doctor_bottom h4:hover, .speciality_four h4:hover {
color: #fff000;
}
#meet-doctor_bottom .item, #meet-doctor_page .item, .speciality_four .item {
position: relative;
overflow: hidden;
}
#meet-doctor_bottom .item img, #meet-doctor_page .item img, .speciality_four .item img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#meet-doctor_bottom .item:hover img, #meet-doctor_page .item:hover img, .speciality_four .item:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#meet-doctor_bottom .color-change:hover h4, #meet-doctor_page .color-change:hover h2 .download_top:hover h5, .speciality_four .color-change:hover h4 {color:#f47436;}
#meet-doctor_bottom .color-change:hover ul li a svg, #meet-doctor_page .color-change:hover ul li a svg, .download_top:hover ul li a svg, .speciality_four .color-change:hover ul li a svg {fill:#fff;}
#meet-doctor_bottom .color-change:hover ul li a, #meet-doctor_page .color-change:hover ul li a, .download_top:hover ul.storybox li a, .speciality_four .color-change:hover ul li a {background: #f47436}
#meet-doctor_bottom .color-change, .speciality_four .color-change {padding-bottom: 30px;}
#meet-doctor_bottom p, .speciality_four p {text-align: justify;}
/*Meet Doctor Bottom*/
/******************ProfilePage-CSS-End******************/
/******************AwardsAndAccreditations-CSS******************/
#awards h3 {
font: 24px 'Raleway-Bold';
}
#awards .item {
width: 100%;
min-height: 100px;
padding: 5px;
margin: 10px 0px;
}
#awards .item:hover {
opacity: 0.8;
}
#awards .item p {
}
#awards .item.h150{
width: 100%;
min-height: 150px;
}
#awards .item.h200{
width: 100%;
min-height: 200px;
}
#awards .item.h250{
width: 100%;
min-height: 200px;
}
#awards .padding{
padding: 10px 5px;
}
/*OurLeadership-Start*/
#other_media, #cme_patient_education {
padding:80px 0;
background: #f47436;
margin-bottom: 50px;
}
#our_leadership {
padding:80px 0;
background:url(../../images/about/our-leadership.jpg) no-repeat;
background-position:center top;
margin-bottom: 50px;
}
#our_leadership h2, #not_from_india h2, #other_media h2, #cme_patient_education h2 {
font: 43px 'Raleway-Regular';
color: #fff;
text-transform: capitalize;
margin-top: 0;
}
#our_leadership p, #not_from_india p, #other_media p, #cme_patient_education p {
text-align: center;
font: 18px 'Raleway-Medium';
color: #fff;
margin: 20px auto 40px auto;
}
/*OurLeadership-End*/
/******************AwardsAndAccreditations-CSS******************/
/******************FactsAndFigures-CSS******************/
#facts_and_figures {
font-family: Raleway-Medium;
color: #444
}
#facts_and_figures .circle {
width: 220px;
height: 220px;
background: red;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
padding: 35px 25px;
margin: auto;
}
#facts_and_figures .margin-bottom {
margin-bottom: 30px
}
#facts_and_figures h2 {
font-size: 50px;
color: #f47435;
margin-bottom: 0
}
#facts_and_figures span {
font-size: 24px;
color: #444;
}
#facts_and_figures p {
font-size: 13px;
}
#facts_and_figures h1, .empanelment h1 {
color: #f47435;
font-weight: bold;
}
#facts_and_figures .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
overflow: hidden;
height:0;
transition: .5s ease;
border-radius: 100%;
width: 220px;
margin: auto
}
#facts_and_figures .circle:hover .overlay {
bottom: 0;
height: 100%;
}
#facts_and_figures .text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/*Empanelment-CSS*/
#empanelment {
margin-top: 60px;
}
#empanelment h1 {
color: #f47435;
font-weight: bold;
}
#empanelment{
background: #f8eee4;
width:100%;
font-family: Raleway-Medium;
color: #666666;
padding: 20px 0;
}
#empanelment h2 {
border-bottom: 4px solid #f47435;
width: 16%;
color: #444;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 15px;
}
#empanelment ul li {
padding-right: 40px;
padding-bottom: 15px;
line-height: 25px;
list-style: none;
}
#empanelment_box {
margin-bottom: 40px;
}
/*Empanelment-End*/
/******************FactsAndFigures-Page-CSS******************/
/******************Leadership-Page-CSS******************/
#leadership h2, #meet-doctor_page h2 {
font: 16px 'Raleway-SemiBold';
margin-bottom: 5px
}
#leadership h2 a:hover, #meet-doctor_page h2 a:hover {
color: #f47436;
}
#leadership p {
min-height: 60px;
max-height: 60px;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
}
.hover {
position: relative;
border: 5px solid #f8eee3;
width: 180px;
margin: auto;
}
.image {
display: block;
height: auto;
}
.overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0,0,0,.8);
overflow: hidden;
width: 100%;
height:0;
transition: .2s ease;
}
.hover:hover .overlay {
bottom: 0;
height: 100%;
}
.text {
white-space: nowrap;
color: white;
font-size: 20px;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.circle{
width: 50px;
height: 50px;
display: block;
border: 1px solid #fff;
border-radius: 50%;
margin: 30px auto 0 auto;
}
.circle:hover{
background: #f47436;
border: none;
}
.circle img {
width: 20px;
}
.circle a{
width: 100%;
height: 100%;
float: left;
display: block;
text-align: center;
padding: 7px 0 0 0;
}
#leadership h6 {
font-size: 10px;
}
/******************Leadership-Page-End******************/
/******************Leadership-Page-CSS******************/
#our_vision_page h2, #our_mission_page h2 {
margin-top: 0
}
#our_vision_page p, #our_mission_page p {
margin-top: 20px;
}
#our_vision_page img, #our_mission_page img {
float: right;
}
#our_mission_page {
background: #f8eee3;
padding: 45px 0;
}
#identity {
padding: 45px 0;
}
#identity h2 {
text-align: left;
}
#identity .line {
float: left;
margin-top: 25px;
}
#identity img {
float: left;
}
.identity-margin {
margin-bottom: 30px;
}
#our_identity_box {
margin-bottom: 45px;
}
/******************Leadership-Page-CSS******************/
/******************MeetOurDoctor-Page-CSS******************/
#meet-doctor_page span.img-height {
width: 100%;
height: 320px;
overflow: hidden;
border: 5px solid #f8eee3;
display: block;
}
#left_nav {
font-size: 12px;
}
#left_nav h2 {
text-transform: uppercase;
font-size: 14px;
}
#left_nav span {
padding: 5px 0
}
#left_nav input {
height: auto;
padding: 15px 5px;
background: #f0eeef;
border: none;
}
#left_nav li {
padding: 5px 0;
}
#left_nav span {
padding-left: 5px;
}
#meet-doctor_page .color-change {
margin-bottom: 35px;
}
#meet-doctor_page p input {
width: 100%
}
#meet-doctor_page p {
color: #f47436;
}
#meet-doctor_page p {
font-size: 13px;
min-height: 40px;
max-height: 40px;
text-overflow: ellipsis;
overflow: hidden;
}
#meet-doctor_page ul.storybox {
margin-top: 15px;
}
/******************MeetOurDoctor-Page-CSS******************/
/******************COE-Page-CSS******************/
#coe .left-box {
background: #f8eee3;
padding: 0 30px 30px 30px;
}
#coe .right-box {
background: #eee2d5;
padding: 0 30px 30px 30px;
}
#coe p {
text-align: center;
}#coe .height { overflow: hidden;}
#coe h2 { font: 24px 'Raleway-Bold'; margin-bottom: 20px; overflow: hidden;}
#coe span {
margin: auto auto 20px auto;
}
#coe .fixed {height: 130px; width: 130px; margin: auto;}
#coe .height {height: 40px;}
#coe h2 {height: 60px;}
.round_arrow {
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
vertical-align: middle;
border: 1px solid #b5b5b5;
margin: 30px auto 0 auto;
vertical-align: baseline;
display: black;
}
.round_arrow>a{height:100%; display:block;}
.round_arrow svg{
width: 22px;
fill: #f47436;
}
.round_arrow:hover{background:#f47436;}
.round_arrow:hover svg{fill:#fff;}
.departmentCeoDtl .round_arrow svg{width:22px !important;}
.departmentCeoDtl .round_arrow svg:hover{width:22px !important;}
.departmentCeoDtl .owl-nav .owl-prev{position:absolute;z-index:5;left:0; top:25%; font-size:24px !important;}
.departmentCeoDtl .owl-nav .owl-next{position:absolute;z-index:5;right:0; top:25%; font-size:24px !important;}
/******************COE-Page-CSS******************/
/******************Physiotherapy&RehabilitationResearch-Page-CSS******************/
.why_physiotherapy h2 {
font: 24px 'Raleway-Bold';
color: #f47436;
text-transform: uppercase;
}
/*Facilities*/
#facilities {
background: #f8eee4;
padding: 30px 0;
}
#super_facilities {
padding: 45px 0;
}
#comprehensive_services {
padding: 0 0 45px 0;
}
.facilities h4 {
font: 18px 'Raleway-Bold';
height: 49px;
}
.facilities p {
overflow: hidden;
}
.facilities ul {
margin-top: 15px;
}
.facilities .color-change {
margin-bottom: 40px;
}
.color-change:hover h4, #meet-doctor_page .color-change:hover h2 {color:#f47436;}
.color-change:hover ul li a svg, #meet-doctor_page .color-change:hover ul li a svg {fill:#fff;}
.color-change:hover ul li a, #meet-doctor_page .color-change:hover ul li a {background: #f47436}
/*Facilities*/
#three_box {
padding: 30px 0;
/*background:url(../images/speciality/bg_doctor.jpg) no-repeat;
background-position:center top;*/
margin-bottom: 50px;
color: #fff;
background-color: #f47436;
font-size: 12px;
}
#three_box h2 {
color: #fff;
margin-bottom: 20px;
}
#three_box h4 {
font: 16px 'Raleway-Bold';
text-transform: uppercase;
margin-bottom: 3px;
}
#three_box span {
width: 100%;
height: 180px;
overflow: hidden;
display: block;
}
#three_box .hover {
border: 0
}
#three_box .text {
top: 40%;
}
#three_box p {
text-align: center;
}
/******************Physiotherapy&RehabilitationResearch-Page-CSS******************/
/******************PatientStory-Page-CSS******************/
.top-story h2 {
margin-top:0
}
.top-story span.img {
width: 100%;
overflow: hidden;
display: block;
}
#storys {
padding: 45px 0;
}
/******************PatientStory-Page-CSS******************/
/******************PatientStories-Page-CSS******************/
.patient_stories span.img {
width: 100%;
overflow: hidden;
display: block;
margin-bottom: 30px;
}
.patient_stories p{
padding-top: 10px;
}
.patient_stories ul{margin-left:0px !important; padding-left:15px;}
#storys {
padding: 45px 0;
}
.center-text {
padding: 0px 40px;
font: 16px 'Raleway-semibold';
line-height: 25px;
}
/*PatientEducation-Start*/
#patient_education {
padding:50px 0;
background: #f47436;
margin: 30px 0;
}
#patient_education h2 {
font: 43px 'Raleway-Regular';
color: #fff;
text-transform: capitalize;
margin-top: 0
}
#patient_education p {
font: 18px 'Raleway-Medium';
color: #fff;
margin: 20px auto 40px auto;
padding: 0 35px;
text-align: center;
line-height: 30px
}
/*PatientEducation-End*/
/*RightNav*/
.connected a {
background: #f8eee3;
display: block;
padding: 20px 30px;
text-transform: uppercase;
font: 12px 'Raleway-bold';
}
.connected a:hover {
background: #f47436;
color: #fff;
}
.connected i {
padding-right: 10px;
font-size: 18px;
vertical-align: middle
}
.bg {
background: #eee2d5!important
}
.bg:hover{
background: #f47436!important
}
.doctors_pediatrics .img_pediatrics {
margin-bottom: 0
}
.pdlft {
padding-left: 0;
}
.pdrgt {
padding-right: 0;
}
.health_pack {
position: relative;
color: #fff;
text-transform: uppercase;
}
.health_pack span {
width: 100%;
overflow: hidden;
display: block;
position: relative;
margin:0 0 5px 0;
}
.text_health {
position: absolute;
top: 5px;
left: 15px;
width: 150px;
line-height: 26px;
font: 14px 'Raleway-bold';
}
.arrow {
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
margin: 30px auto 0 auto;
vertical-align: baseline;
padding-top: 8px;
display: black;
position: absolute;
left: 15px;
bottom: 5px
}
.arrow svg {
fill: #fff;
transform: scale(0.8, 0.8);
}
.arrow svg:hover {
transform: scale(1.0, 1.0);
}
.padding a {
padding: 16px 5px;
}
/*RightNav*/
/******************PatientStories-Page-CSS******************/
/******************HealthLibrary-Page-CSS******************/
#abcd_result {
padding: 45px 0 0 0;
}
.abcd ul li {
width: 40px;
height: 40px;
text-align: center;
float: left;
margin: 30px 1.5%;
font: 24px 'Raleway-Medium';
}
.abcd ul li a {
width: 100%;
float: left;
font: 24px 'Raleway-Medium';
color: #444;
position: relative;
}
.abcd ul li:hover {
border-bottom: 4px solid #f47436;
}
.line_abcd {
border-bottom: 4px solid #f47436;
}
.abcd_big {
}
.abcd_big h2 {
font: 125px 'Raleway-Bold';
text-transform: uppercase;
color: #f47436;
margin-top: 0;
}
#pagination {
padding: 0 0 35px 0;
}
.pagination {
display: inline-block;
}
.pagination a {
color: black;
float: left;
padding: 12px 20px;
text-decoration: none;
transition: background-color .3s;
border-radius: 50%;
}
.pagination a:hover {
color: #f47436;
font-weight: bold;
}
.pagination a.active {
background-color: #f47436;
color: white;
border-radius: 50%;
}
.pagination i {
color: #D6D6D6;
font-size: 24px;
}
/******************HealthLibrary-Page-CSS******************/
/******************HealthOverview-Page-CSS******************/
.health_o ul li {
font: 14px/20px 'Raleway-Medium';
color: #666;
margin: 0 0 15px 0;
background: url(../../images/icons/arrow-gest.png) no-repeat;
background-size: auto auto;
background-size: 14px;
background-position: left 4px;
padding: 0 0 0 24px;
}
/******************HealthOverview-Page-CSS******************/
/******************Message-Page-CSS******************/
.message {
width: 260px;
overflow: hidden;
display: block;
margin: auto
}
.message_dr h2 {
font: 18px/20px 'Raleway-Bold';
text-transform: uppercase;
margin-bottom: 5px;
}
.message_dr p {
text-align: center
}
.message_dr .share_button ul li i {
color: #f47436;
}
.message_dr .share_button ul li:hover i {
color: #fff;
}
/******************Message-Page-CSS******************/
/******************SearchResult-Page-CSS******************/
.search_result h3 {
font: 24px/26px 'Raleway-Bold';
margin-top: 0;
margin-bottom: 8px;
}
.search_result h4 {
font: 20px/22px 'Raleway-SemiBold';
text-transform: uppercase;
}
.search_result span {
margin-bottom: 10px;
}
.bottom-line {
border-top: 1px solid #b2b2b2;
display: block;
margin: 15px 0
}
#srarch form input {
width: 100%;
background: none;
color: #000;
padding: 0 10px 5px 0;
margin: 20px 0 24px 0;
border: none;
border-bottom: 1px solid #b4b4b4;
}
#srarch h4 {
font: 14px/16px 'Raleway-Bold';
}
.btn_orange
{
background: #f45a36;
border-radius: 40px;
padding: 15px 60px;
cursor: pointer;
border: none;
text-transform: uppercase;
color: #fff;
font-family: Raleway-SemiBold;
}
.btn_orange:hover
{
background: #f47436;
color: #fff;
}
.raiting {
margin: 45px 0;
}
.raiting h3 {
font: 22px/24px 'Raleway-Bold';
text-transform: uppercase;
margin-bottom: 40px;
}
.raiting h4 {
font: 20px/22px 'Raleway-Bold';
}
/*NoResultFound*/
#no_result_found h2, #srarch h2 {
font: 20px/22px 'Raleway-SemiBold';
text-transform: uppercase;
}
#no_result_found h3 {
font: 14px/16px 'Raleway-SemiBold';
text-transform: uppercase;
}
#no_result_found ul li {
padding: 4px 0;
font-size: 13px;
}
#no_result_found ul li a:hover {
color: #f47436;
}
/*NoResultFound*/
/******************SearchResult-Page-CSS******************/
/******************ContactUs-Page-CSS*******************/
#contact_us form input, textarea {
width: 100%;
background: none;
color: #000;
padding: 0 10px 5px 0;
margin: 0 0 24px 0;
border: none;
border-bottom: 1px solid #b4b4b4;
font-size: 12px;
font-style: italic;
}
#contact_us form textarea {
height: 110px
}
#contact_us h4 {
font: 14px/16px 'Raleway-Bold';
}
#contact_us .share_button ul {
margin: 32px auto 25px 0;
}
#contact_us ul li {
position: relative;
}
.contact-us-img {
display: table-cell;
vertical-align: middle;
padding: 120px 0;
background-image: url(../../images/contact-us-img.png);
background-repeat: no-repeat;
background-size: cover;
}
#map ul {
width: 300px;
float: right;
margin: 0 10% 0 0;
color: #fff;
}
#map ul p {
padding: 0 0 0 30px;
}
#map h3 {
font: 22px/24px 'Raleway-Bold';
text-transform: uppercase;
margin-bottom: 20px;
}
.padding-none {
padding-left: 0;
padding-right: 0;
}
#contact-bottom {
padding: 60px 0 10px 0
}
#contact-bottom h5 {
font: 14px/16px 'Raleway-Bold';
}
.share_button2 ul li a {
width: 100%;
height: 100%;
float: left;
font-size: 22px;
padding: 0;
line-height: 49px;
background: #f8eee3;
border-radius: 50%;
border: none;
}
.share_button2 ul li a i {
color: #f47436;
}
.share_button2 ul li:hover i {
color: #fff;
}
.share_button2 ul li a:hover {
background: #f47436;
color: #fff;
}
.checkbox li {
float: left;
margin: 0 10px;
}
/******************ContactUs-Page-CSS*******************/
/******************Error404-Page-CSS*******************/
.error {
background:url(../../images/error.png) no-repeat;
background-size: 80%;
background-position: center -150px;
}
.error_four h1 {
font: 13vw/15vw 'Montserrat';
padding-top: 0;
position: relative;
letter-spacing: 15px;
}
.error_four {
position: relative;
}
.error .circle2{
width: 170px;
height: 170px;
display: block;
border-radius: 50%;
margin: 0 auto;
background: #f45a36;
position: absolute;
top: 36px;
left:0;
right:10px;
text-align: center
}
.error .circle2 h2 {
font: 7vw/9vw 'Montserrat';
color: #fff;
margin: 12px 0 0 0px;
}
.error .font {
font: 22px/26px 'Raleway-Medium';
line-height: 30px;
}
#health-care {
padding: 0 0 65px 0;
}
#health-care span a svg, #our_experts span a svg, #patients_stories span a svg, #home_testimonials span a svg, #health_packages span a svg, #media_library span a svg {
width: 22px;
height: auto;
position: absolute;
top: 25px;
right: 15px;
fill: #f47436;
}
#health-care svg:hover, #our_experts svg:hover, #patients_stories svg:hover, #home_testimonials svg:hover, #health_packages svg:hover, #media_library svg:hover {
width: 30px;
}
.health-care {
margin-bottom: 60px;
}
.health-care h3:hover{color:#f47436;}
.health-care svg:hover{fill:#fff;}
.round_arrow:hover{background :#f47436;}
.round_arrow:hover svg{fill :#fff;}
.home_h2 {
text-transform: uppercase;
color: #f47436;
text-align: center;
font-size: 16pt;
font-weight: 600;
}
#our_experts .home_h2 {
color: #fff;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url("../fonts/montserrat/montserrat-regular-webfont.eot");
src: url("../fonts/montserrat/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-regular-webfont.ttf") format("truetype");
/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
}
/******************Error404-Page-CSS*******************/
/******************MediaLibrary-Page-CSS*******************/
.media_list ul li {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
padding: 15px 0;
}
.media_list h6 {
margin-top: 0;
color: #f47436;
}
.media_list h5 {
margin-bottom: 0;
font: 16px/18px 'Raleway-Bold';
line-height: 22px;
height: 45px;
overflow: hidden;
}
.news_updates ul li {
border-bottom: 1px solid #b2b2b2;
padding: 15px 0;
}
.news_updates h6 {
margin-top: 0;
color: #f47436;
}
.news_updates h5 {
font: 16px/18px 'Raleway-Bold';
line-height: 22px;
height: 44px;
overflow: hidden;
}
.news_updates p {
overflow: hidden;
height: 40px;
}
.news_updates p {
overflow: hidden;
height: 40px;
font-size: 13px;
}
.news_updates span {
float: left;
overflow: hidden;
height: 90px;
width: 140px;
display: block;
margin-right: 25px;
text-align:center;
}
.news_updates span img{
max-width:100%;
max-height:100%;
height:auto;
width:auto;
}
#media_library {
padding: 0 0 45px 0;
}
#patients_say {
padding: 0 0 45px 0;
}
.electronic_media span, .download_top span.img {
overflow: hidden;
height: 300px;
width: 100%;
display: block;
}
.download_top span.img {
/* text-align:center;*/
}
.download_top span.img img{
max-height:100%;
max-width:100%;
border: 1px solid #999;
}
.electronic_media > ul.list-unstyled > li > span {
border: 2px solid #D6D6D6;;
/* background-color: #333;*/
text-align: center;
}
.electronic_media img{
max-width:100%;
width:100%;
height:auto;
}
.electronic_media h6 {
color: #f47436;
}
.electronic_media h5 {
font: 16px/18px 'Raleway-Bold';
line-height: 22px;
overflow: hidden;
height: 45px;
}
.electronic_media p {
overflow: hidden;
font-size: 13px;
}
/******************MediaLibrary-Page-CSS*******************/
/******************News&Updates-Page-CSS*******************/
.news_top h6 {
color: #f47436;
margin-bottom: 5px
}
.news_top h4 {
font: 18px/20px 'Raleway-Bold';
line-height: 24px;
overflow: hidden;
height: 47px;
margin-top: 0;
}
.news_top p {
overflow: hidden;
}
#not_from_india {
padding:80px 0;
background:url(../../images/media-library/world-glob.jpg) no-repeat;
background-position:center top;
margin-bottom: 50px;
background-size: cover;
}
/******************News&Updates-Page-CSS*******************/
/******************DownloadCentre-Page-CSS*******************/
#download_top {
padding: 0 0 45px 0;
}
.download_top h6 {
color: #f47436;
margin-bottom: 0
}
.download_top h5 {
font: 16px/18px 'Raleway-Bold';
line-height: 22px;
overflow: hidden;
height: 45px;
margin-top: 5px;
}
.download_top p {
overflow: hidden;
font-size: 13px;
}
.download_top .button {
background: #f47436;
}
.download_top a.button {
color: #fff;
}
/******************DownloadCentre-Page-CSS*******************/
/******************MedicalPackage-Page-CSS*******************/
.medical_pack {
margin-bottom: 50px;
}
#medical_package span{
overflow: hidden;
width: 100%;
display: block;
}
.medical_package {
background: #f8eee3;
padding: 30px 55px 50px 40px;
margin-top: 30px;
}
.medical_package h2 {
font: 24px/26px 'Raleway-Bold';
overflow: hidden;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 0;
color: #f45a36;
}
.medical_package p {
margin-top: 0;
font: 12px/18px 'Raleway-Medium';
}
.medical_package h3 {
font: 24px/26px 'Raleway-Bold';
margin-top: 5px;
color: #f45a36;
}
.medical_package .download_top {
margin-top: 40px;
}
.medical_package_detail .main-content ul{
list-style-position: inside;
}
.medical_package_detail .main-content ul li{
margin: 0;
list-style-type: circle;
list-style-position: inside;
background: none;
padding: 0 0 0 30px;
}
.medical_package_detail .main-content ol{
list-style-position: inside;
}
.medical_package_detail .main-content ol li{
margin: 0 0 0 15px;
background: none;
padding: 0 0 0 15px;
}
/******************MedicalPackage-Page-CSS*******************/
/******************PressRelease-Page-CSS*******************/
.press_release .electronic_media {
margin-bottom: 30px;
}
/******************PressRelease-Page-CSS*******************/
/******************InternationalPatient-Page-CSS*******************/
.pre_treatment h2 {
font: 24px/26px 'Raleway-Bold';
text-transform: uppercase;
}
.pre_treatment .line {
margin: auto;
}
.pre_treatment ul.storybox > li > a.hosBtn {
float: none;
}
.pre_treatment .center {
width: 125px;
vertical-align: middle;
text-align: center;
margin:auto;
}
.pre_treatment .width {
overflow: hidden;
}
#post_treatment {
background: #f8eee4;
}
#value_added_services {
margin-bottom: 30px;
}
#value_added_services p {
font-size: 14px;
line-height: 24px;
margin-bottom: 25px;
}
#value_added_services h3 {
font: 14px/16px 'Raleway-Bold';
text-transform: uppercase;
color: #f47436
}
#value_added_services ul {
margin-left: 25px;
}
#journey {
padding: 0 0 45px 0;
}
#journey ul li {
line-height: 24px;
}
#journey ul li span {
font: 14px/16px 'Raleway-Bold';
color: #f47436
}
#testimonials_international {
background: #f47436;
color: #fff;
padding: 45px 0;
}
#testimonials_international h2 {
font: 36px/38px 'Raleway-Bold';
text-transform: uppercase;
}
#testimonials_international h3 {
font: 18px/20px 'Raleway-Bold';
}
/******************InternationalPatient-Page-CSS*******************/
/******************Speciality-Page-CSS*******************/
.speciality_four .color-change, .speciality_six .color-change, .speciality_twelve .color-change {
margin-bottom: 40px;
float: left;
}
.speciality_six h4 {
text-transform: capitalize;
font: 24px 'Raleway-Bold';
margin: 10px auto 0 auto;
overflow: hidden;
}
.speciality_four .color-change:hover .item span img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.speciality_six .color-change {
background: #f8eee3;
text-align: center;
padding: 50px 50px 15px 50px;
}
.speciality_six .color-change:hover {
background-image:url(../../images/speciality/speciality-hover-img.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
}
.speciality_six .color-change:hover h4 {
color: #fff;
}
.speciality_six .color-change:hover ul.storybox > li a {
background: #fff;
}
.speciality_six .color-change:hover ul.storybox > li a.hosBtn svg{
fill: #f47436;
}
.speciality_six .color-change:hover p, .speciality_six .color-change span.storyshowhide {
color: #fff;
}
.speciality_six .color-change:hover .line {
border-bottom: 4px solid #fff;
}
.speciality_six ul {
list-style: none;
}
.speciality_six ul.storybox > li > a.hosBtn {
float:none;
display: block;
margin: auto;
}
.speciality_six .line {
margin: 15px auto 15px auto;
}
.speciality_six p {
text-align: center;
}
.speciality_twelve .color-change {
background-image:url(../../images/speciality/pathology-img.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:top center;
float: left;
}
.speciality_twelve .color-change {
padding: 25px 25px 45px 25px;
}
.speciality_twelve .button {
margin-top: 25px;
float: left;
}
.speciality_twelve h4 {
text-transform: capitalize;
font: 24px 'Raleway-Bold';
margin: 10px auto 0 auto;
overflow: hidden;
}
.speciality_three span {
width: 320px;
height: 320px;
float: left;
border-radius: 50%;
overflow: hidden;
margin: 0 3%;
}
/******************Speciality-Page-CSS*******************/
/******************PatientsVisitors-Page-CSS*******************/
.patients_visitors h2 {
font: 24px 'Raleway-Bold';
margin-top: 5px;
color: #f47436;
}
.patients_visitors1, .patients_visitors2 {
margin-top: 50px;
}
.patients_visitors1 h4, .patients_visitors2 h4 {
font: 15px 'Raleway-Bold';
margin-top: 5px;
margin-bottom: 0px;
overflow: hidden;
}
.patients_visitors1 ul li:first-child, .patients_visitors2 ul li:first-child {
border-top: 1px solid #c3a17c;
}
.patients_visitors1 ul li {
background: #eee2d5;
padding: 10px 25px 0 25px;
border-bottom: 1px solid #c3a17c;
}
.patients_visitors2 ul li {
background: #f8eee3;
padding: 10px 25px 0 25px;
border-bottom: 1px solid #c3a17c;
}
.patients_visitors1 .round_arrow, .patients_visitors2 .round_arrow {
margin: 0;
float: right;
margin-top: 2px;
}
.why_sharda {
text-align: justify;
}
.why_sharda h2 {
font: 24px/26px 'Raleway-Bold';
}
.border1 {
border-top: 1px solid #ccc;
margin-bottom: 30px;
}
/*Meet Doctor Bottom*/
/******************Speciality-Page-CSS*******************/
/******************SpecialityDetails-Page-CSS*******************/
.treatment ul li {
color:#666;
margin:0 0 15px 0;
background:url(../../images/icons/arrow-gest.png) no-repeat;
background-size:20px;
background-position:left 4px;
padding:0 0 0 30px;
}
.treatment ul {
list-style: none;
}
.treatment ul {
list-style: none;
}
.treatment table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-spacing: 0;
border-collapse: collapse;
background-color: #fff;
}
.treatment table tr th {
border-bottom-width: 2px;
border: 1px solid #ddd;
vertical-align: bottom;
padding: 8px;
text-align: left;
line-height: 1.42857143;
}
.treatment table tr td {
border: 1px solid #ddd;
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
}
/*faility-css*/
#home-facility {
margin: 50px 0;
}
#home-facility .home-facility-img{
height: 50px;
margin: auto;
}
#home-facility h2{
font-size: 30px;
font-family: Raleway-Bold;
}
#home-facility p{
font-family: Raleway-SemiBold;
}
/*faility-end*/
/******************SpecialityDetails-Page-CSS*******************/
/*Gallery*/
.filter-button
{
text-align: center;
color: #666666;
margin-bottom: 30px;
cursor:pointer
}
.filter-button
{
text-transform: uppercase;
font-family: Raleway-SemiBold;
}
.tab_gallery ul {
margin: auto;
text-align: center
}
.tab_gallery li {
display: inline;
padding: 0 25px;
}
.filter-button:hover, .filter-button:focus
{
text-align: center;
color: #f47436;
border-bottom: 4px solid #f47436;
text-decoration: none;
padding-bottom: 15px;
}
.btn-default:active .filter-button:active
{
background-color: #42B32F;
color: white;
}
.port-image
{
width: 100%;
}
.gallery_product
{
margin-bottom: 30px;
}
.gallery_product .img {
position: relative;
width: 100%;
}
/*Gallery*/
/*MediaLibrary_Start*/
#media_library_inside {
padding: 45px 0;
}
#media_library_inside h4 {
font-family: Raleway-SemiBold;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 20px;
}
#media_library_inside h5 {
font-family: Raleway-SemiBold;
line-height: 24px;
}
#media_library_inside h6 {
font-family: Raleway-SemiBold;
}
#media_library_inside ul {
line-height: 22px;
font-size: 13px;
}
#media_library_inside li:first-child {
padding-top: 0px;
}
#media_library_inside li {
border-bottom: 1px solid #d8d8d8;
padding: 20px 0 10px 0;
}
#media_library_inside span {
color: #d8d8d8;
vertical-align: baseline;
margin: 0 5px 0 0;
}
#media_library_inside .glyphicon {
top: 2px
}
#media_library_inside p.round_arrow {
margin: 30px 0;
}
#media_library_inside ul.border-bottom li {
border-bottom: none;
}
#media_library_inside span a svg {
width: 22px;
height: auto;
position: absolute;
top: 25px;
right: 15px;
fill: #f47436;
}
/*MediaLibrary_End*/
/****************************/
.singleDrDtl{width:16%; max-width:300px; float:none; position:relative; margin:auto; padding:0; display:inline-block;}
.owl-stage{margin:auto;}
Kontol Shell Bypass