* {margin: 0px; padding: 0px;}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Manrope',sans-serif; font-size:16px; color:#000; line-height: 1.6;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure { border: 0; margin: 0; padding: 0; font-family:'Manrope',sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym { border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video { display: inline-block;
*display: inline;
*zoom: 1;}
h1, h2, h3, h4, h5, h6 { font-family: 'Manrope',sans-serif; font-size: 100%; font-weight: normal;}
ul li, ol li {list-style: none;}
img { border: none; display: block; max-width:100%;}
a, a:link, a:focus { color: #575766 ; text-decoration: none; outline: none; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
a:hover { color: #359fa7; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}@font-face { font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
content: "\f167";}.fa-instagram::before { content: "\f16d";} .fa-angle-right:before { content: "\f105";}
.fa-phone-square:before {
content: "\f098";
}
.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon_flats.eot");
src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),
url("../fonts/flaticon_flats.woff") format("woff"),
url("../fonts/flaticon_flats.ttf") format("truetype"),
url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
}
}
.flaticon-phone-message:before {
content: "\f101";
}
.flaticon-ultrasound:before {
content: "\f102";
}
.flaticon-hospital:before {
content: "\f103";
}
.flaticon-thumbs-up:before {
content: "\f104";
}
.flaticon-solidarity:before {
content: "\f105";
}
.flaticon-syringe:before {
content: "\f106";
}
.flaticon-close:before {
content: "\f107";
}
.flaticon-back:before {
content: "\f108";
}
.flaticon-next:before {
content: "\f109";
}
.flaticon-laboratory:before {
content: "\f10a";
}
.flaticon-research:before {
content: "\f10b";
}
.flaticon-ventilator:before {
content: "\f10c";
}
.flaticon-send-mail:before {
content: "\f10d";
}
.flaticon-cancer:before {
content: "\f10e";
}
.flaticon-examining-table:before {
content: "\f10f";
}
.flaticon-shopping-cart:before {
content: "\f110";
}
.flaticon-emergency:before {
content: "\f111";
}
.flaticon-surgery-room:before {
content: "\f112";
}
.flaticon-orthopedics:before {
content: "\f113";
}
.flaticon-cancer-1:before {
content: "\f114";
}
.flaticon-skin:before {
content: "\f115";
}
.flaticon-medical-team:before {
content: "\f116";
}
.flaticon-dentist-chair:before {
content: "\f117";
}
.flaticon-tooth-whitening:before {
content: "\f118";
}
.flaticon-medical-assistance:before {
content: "\f119";
}
.flaticon-menu:before {
content: "\f11a";
}
.flaticon-hematology:before {
content: "\f11b";
}
.flaticon-microscope:before {
content: "\f11c";
}
.flaticon-x-rays:before {
content: "\f11d";
}
.flaticon-ambulance:before {
content: "\f11e";
}
.flaticon-floss:before {
content: "\f11f";
}
.flaticon-clock:before {
content: "\f120";
}
.flaticon-heart:before {
content: "\f121";
}
.flaticon-up-arrow:before {
content: "\f122";
}
.flaticon-quote:before {
content: "\f123";
}
.flaticon-file:before {
content: "\f124";
}
.flaticon-placeholder:before {
content: "\f125";
}
.flaticon-plus:before {
content: "\f126";
}
.flaticon-stethoscope:before {
content: "\f127";
}
.flaticon-pills:before {
content: "\f128";
}
.flaticon-first-aid-kit:before {
content: "\f129";
}
.flaticon-medical-history:before {
content: "\f12a";
}
.flaticon-medicine:before {
content: "\f12b";
}
.flaticon-dental-care:before {
content: "\f12c";
}
.flaticon-doctor:before {
content: "\f12d";
}
.flaticon-search-interface-symbol:before {
content: "\f12e";
}
.flaticon-implant:before {
content: "\f12f";
}
.flaticon-medical-report:before {
content: "\f130";
}
.flaticon-dental-implant:before {
content: "\f131";
}
.flaticon-telephone:before {
content: "\f132";
}
.flaticon-liver:before {
content: "\f133";
}
.flaticon-quote-1:before {
content: "\f134";
}
.flaticon-kidney:before {
content: "\f135";
}
.flaticon-education:before {
content: "\f136";
}
.flaticon-dental-filling:before {
content: "\f137";
}
.flaticon-patient:before {
content: "\f138";
}
.flaticon-mri:before {
content: "\f139";
}
.flaticon-right:before {
content: "\f13a";
}
.flaticon-minus:before {
content: "\f13b";
}
.flaticon-bag:before {
content: "\f13c";
}
.fa-map-marker:before {
content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before { content: "\f017";}
.fa-instagram:before { content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";} .fa-calendar:before{content:"\f073"} .fa-linkedin:before { content: "\f0e1";}
.container-area{ max-width:1180px; width:100%; margin:0 auto}
.clear{ clear:both}
.top-area{ background: linear-gradient(to left, #989898 64%, #ffffff 36%);}
.logo-area{ float:left; padding:12px 0}
.top-right{ float:right; padding-top:47px; width:70%}
.top-right ul li:last-child{ margin-top:14px;}
.top-right ul li{ float:left; width:25%; color:#fff; font-size:16px; font-weight:600;}
.top-right ul li span{ float:left; font-size:25px; padding-top:16px;} .top-right ul li p{ float:right; width:87%; line-height:24px; font-weight:600;}
.top-right ul li p a{ color:#fff; font-weight:600;} .top-right ul li p a:hover{ color:#000}
.btn-1{ border-radius:25px; color:#5b5b5b !important; padding:12px 20px; background:#fff; font-size:16px; font-weight:700; margin-top:-5px;}
.btn-1:hover{ background:#065b83; color:#fff !important;}
.btn-2{ border-radius:3px; color:#fff !important; padding:12px 30px; background:#c7212c; font-size:16px; font-weight:600;}
.btn-2:hover{ background:#065b83 }
.fright{ float:right}
.nav-area{ background:#c7212c}
.banner-caption h4{ color:#065b83; font-size:16px; font-weight:700; padding-bottom:5px;}
.banner-caption h1{ font-size:57px; color:#065b83; line-height:1.25; padding-bottom:18px; font-weight:700 }
.banner-caption h1 span{ color:#fff; font-weight:700}
.hero-button{ margin-top:40px;}
.theme-btn{background:#c7212c; padding:12px 30px 12px 30px !important; border-radius:3px; font-weight:700 !important; color:#fff !important;}
.theme-btn:hover{color: #fff !important; background-color: #065b83 !important;}
.theme-btn1{background:#065b83; padding:13px 30px 13px 30px !important; border-radius:3px; font-weight:700 !important; color:#fff !important;}
.theme-btn1:hover{color: #fff !important; background-color: #c7212c !important;}
.welcome-area{ padding:260px 0 70px 0}
.welcome-left{ float:left; width:47.5%; position:relative}
.wimg-area{ float:left; width:65%}
.wimg-area1{ float:left; margin:-80px -80px 0px 40px}
.wimg-area3{ width:42%; box-shadow:0px 0px 25px 0px rgb(0 0 0 / 5%); background:#edf5ff; border-radius:5px; border:solid 10px #fff; position: absolute; right:20px; margin-top:40px;} .wimg-area3 h3{ font-size:21px; font-weight:700; padding-bottom:15px;} .wimg-area3 p{ line-height:24px; padding-bottom:15px;}
.wimg-area3 .wbox3txt{ padding:20px 20px 40px 20px} .wbox3txt ul{ margin-bottom:35px;}
.wbox3txt li{ border-bottom:solid 1px #ced8dd; padding:7px 0} .wbox3txt li:last-child{ border-bottom:0}
.wimg-area2{ float:right; width:35%; position: absolute; right:25px; bottom:-24px;} .wimg-area2 img{ border-radius:100%; border:solid 8px #fff}
.wimg-area img{ border-radius:5px;} .wimg-area1 img{ border-radius:5px; border:solid 10px #fff}
.welcome-right{ float:right; width:47.5%}
.welcome-right h4{ background:#edf5ff; font-size:14px; border-radius:3px; padding:5px 20px; display:inline-block; color:#065b83; margin-bottom:15px;}
.welcome-right h2{ text-transform:uppercase; font-size:33px; font-weight:700; padding-bottom:7px;}
.welcome-box{ box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%); margin-top:20px; padding:20px 25px 20px 25px;border-radius:5px; background-color:#fff;}
.welcome-box .icon-area{ float:left;}
.welcome-box .txt-area{ float:right; width:79%}.welcome-box .txt-area h3{ font-size:22px; color:#065b83; font-weight:700; }
.mbottom30{ margin-bottom:35px;}
.treatments-area{ background:#edf5ff url(../images/bg1.jpg) center top no-repeat fixed; padding:70px 0 90px 0; width:100%;}
.tratment-box{ box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%); float:left; width:30%; margin:0 1.5%; } .tratment-box img{ border-radius:10px 10px 0px 0}
.t-img{ position:relative}
.treatments-area h4{font-weight:600; color:#7a7a7a; padding-left:1.5%; display:inline-block;}
.treatments-area h2{ font-size:35px; padding-bottom:45px; line-height:42px; text-align:center; font-weight:700} .treatments-area h3{ padding-bottom:10px;}.treatments-area h3 a{color:#065b83; font-size:24px; font-weight:700} .treatments-area h3 a:hover{color:#2f80eb;}
.t-descrption{ padding:20px 25px 30px 25px; background:#fff; border-radius:0px 0px 10px 10px; margin-top:-7px;}
.rmore{ background:#ffe8db; padding:12px 25px; color:#065b83 !important; font-weight:700; border-radius:5px; display:inline-block; margin-top:20px; } .rmore:hover{ background:#065b83; color:#fff !important}
.floatright{ float:right; margin-top:-10px;}
slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.slick-track { position: relative; left: 0; top: 0; display: block; margin:0 10px; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }.slick-loading .slick-track { visibility: hidden; }ul.slick-track { margin:0px; padding:0px;}
ul.slick-track li { list-style-type:none; margin:20px 20px 20px 20px;}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }.slick-slide img { display: block; max-width:100%; display:inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { display:none !important;position: absolute; height:164px; width:31px; background:transparent; line-height: 0; font-size: 0; cursor: pointer; color: transparent; top:27%; border: none; outline: none; } .slick-dots { position: absolute; bottom: -42px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:8px; width:35px; margin: 0 5px; padding: 0; border-radius:50px; cursor: pointer; background:#fff }
.slick-dots li button { border: 0; background: transparent; display: block; height:8px; width:35px; outline: none; line-height: 0; border-radius:50px; color: transparent; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background:#065b83; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; background:#042895; }
.slick-dots li button:before { position: absolute; top: 0; left: 0;width: 28px; height:8px; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { background:#065b83; } .slick-dots li.slick-active { background:#065b83; }
.doctor-area{ padding:80px 0}
.doctor-area h2{font-size:35px; padding-bottom:40px; text-align:center; font-weight:700; line-height:43px; text-transform:uppercase}
.doctor-area h4{ color:#7a7a7a; font-weight:600; padding-left:1.5%;}
.doctor-box{ float:left; margin:0 1.5%; width:47%; background:#fff; box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%);}
.dr-img{ float:left; width:47%}
.doctor-box h3 a{ color:#065b83; font-size:26px; font-weight:700} .doctor-box h5{ font-weight:700; padding-bottom:10px;} .doctor-box h3 a:hover{ color:#c7212c}
.dr-txt{ float:right; width:48%; padding:17px 0 23px 0} .dr-txt p a{color:#065b83; text-decoration:underline;font-weight:700 } .dr-txt p a:hover{color:#c7212c}
.testimonial-area{ padding:0px 0 70px 0}
.testimonial-area h2{ text-transform:uppercase; font-size:35px; padding-bottom:30px; display:inline-block; font-weight:700}
.testimonial-area h4{ color:#5b5b5b; font-weight:600; display:inline-block;}
.testimonial-left{ float:left; width:40%; background:#065b83} .testimonial-left-main{ padding:50px 35px; color:#fff }
.testimonial-right{ float:right; width:57%}
.testimonial-left h3{ color:#fff; font-weight:900; font-size:56px; line-height:60px;}
.testimonial-left-main h5{ font-size:18px; font-weight:700} .testimonial-left-main p{ border-left:solid 4px #edf5ff; padding-left:30px; font-size:15px; margin-top:30px;}
.t-row{ margin-top:30px} .t-row img{ border-radius:100%; display:inline-block; padding-right:15px; vertical-align:middle}
.footer-area{ background:#5b5b5b; padding:60px 0}
.footer-col{ float:left; width:20%; margin-right:6%} .footer-col p{ color:#fff; padding-bottom:20px;} .footer-col p a{ color:#fff} .footer-col p a:hover{ color:#41aee1}
.footer-col h6{ font-size:22px; color:#fff; padding-bottom:20px; font-weight:900}
.mright0{ margin-right:0 !important}
.footer-bottom{ padding:30px 0; background:#065b83; color:#fff}
.footer-left{ float:left} .footer-right{ float:right} .footer-right a{ color:#fff; font-weight:700;} .footer-right a:hover{ color:#41aee1; }
.footer-social a{ padding-right:25px; color:#fff; font-size:28px;} .footer-social a:hover{color:#319dd0;}
.footer-social{ margin-top:10px;}
.footerlist li a {
color: #fff;
font-size: 16px;
text-decoration: none;
background: url(../images/arrow2.png) no-repeat left 5px;
padding-left: 15px;
display: block;
}.footerlist li {
display: block;
margin-bottom: 11px;
}.footerlist li a:hover {color:#41aee1;}
.blog-area{ padding:0px 0 00px 0; margin-top:70px;}
.blog-area h2{ text-transform:uppercase; font-size:35px; padding-bottom:30px; display:inline-block; font-weight:700}
.blog-area h4{ color:#7a7a7a; font-weight:600; display:inline-block;}
.blogbox{ float:left; width:30%; margin:0 3% 70px 0; box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%); border-radius:10px}
.blogboximg{ position:relative}
.slider-two_content {
position: relative;
max-width: 620px;
}.slider-two_content-inner {
position: relative;
padding:65px 0px 250px;
}.slider-two_pattern {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
left: -500px;
background-repeat: repeat;
/* background-color:#065b83;*/
transform: skewX(-10deg);
}.slider-two_title{ text-transform:uppercase; font-size:24px; color:#fff; position:relative; font-weight:700; letter-spacing:1px; padding-bottom:10px;}
.slider-two_heading{ position:relative; font-size:70px; font-weight:700; color:#fff; line-height:86px;}
.services-three {
position: relative;
margin-top: -90px;
z-index: 10;
padding: 0px 0px 90px;
}
.service-block_three{ float:left; width:23%; margin:0 1%; position:relative}
.service-block_three-inner {
position: relative;
padding: 35px 35px;
background-color: #fff;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.service-block_three-inner:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:20px;
height:20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#2393c8;
}
.service-block_three-inner:hover::before{
width:100%;
height:100%;
}
.service-block_three-icon-box{
position:relative;
padding-left:70px;
}
.service-block_three-icon{
position:absolute;
left:0px;
top:4px;
line-height:1em;
font-size:50px;
color:#065b83;
font-family: "Flaticon";
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block_three-inner:hover .service-block_three-icon{
color:#fff;
}
.service-block_three-heading{
position:relative;
line-height:28px; font-size:21px;
}
.service-block_three-heading a{
position:relative;
font-weight:700;
color:#000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block_three-inner:hover .service-block_three-heading a{
color:#fff;
}
.service-block_three-text{
position:relative;
line-height:28px;
margin-top:20px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.service-block_three-inner:hover .service-block_three-text{
color:#fff;
}
.left-column{ float:left; width:32%}
.service-block_four {
position: relative;
margin-bottom:30px;
}.service-block_four-inner {
position: relative;
padding: 30px 20px 30px 100px;
border-radius: 0px 0px 25px 0px;
background-color: #fff;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}.service-block_four-pattern {
position: absolute;
left: 0px;
bottom: 0px;
width: 137px;
height: 180px;
}.service-block_four-icon {
position: absolute;
left: 0px;
top: 35px;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
font-family: "Flaticon";
font-size: 44px;
color: #fff;
border-radius: 0px 10px 10px 0px;
background-color: #c7212c;
}
.center-column{float:left; width:33%; margin-left:1.7%}.right-column{float:right; width:32%}
.service-block_four-title {
position: relative;
font-weight: 700; font-size:20px;
}.service-block_four-title a{ color:#000; font-weight:700} .service-block_four-title a:hover{ color:#c7212c;}
.center-column img{ margin:0 auto; padding-top:5px;}
.text-center{ text-align:center}
.mtop50{ margin-top:50px;}
.datebox{ position:absolute; bottom:-30px; left:25px; width:4em; height:4em; background:#065b83; border-radius:100%; text-align:center; color:#fff}
.datebox h5{ font-weight:700; font-size:24px; line-height:24px; padding-top:10px;} .datebox h6{ font-size:14px; line-height:15px;}
.blogdbox{ background:#fff; padding:40px 25px 25px 25px;} .blogdbox h3{ font-size:24px; line-height:30px; padding-bottom:12px;} .blogdbox h3 a{ color:#000; font-weight:700; line-height:24px;} .blogdbox h3 a:hover{ color:#c7212c}
.banner-area{ max-height:620px; overflow:hidden; position:relative}
.inner-banner-area{ position:relative; padding:100px 0; text-align:center; background-repeat:no-repeat; background-size:cover; background-position: center center}
.inner-banner-area:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.relative{ position:relative}
.breadcrumb-item {
background: rgba(255, 255, 255, 0.3);
color:#fff;
display: inline-block;
padding: 15px 25px;
margin-top: 15px;
font-weight: 600; position:relative;
}
.inner-banner-area h1 {
color: #fff;
font-weight: 700;
font-style: normal;
font-size: 46px;
line-height: 56px;
}.breadcrumb-item a {
color: #fff;} .breadcrumb-item a:hover {
color: #c7212c;}
.breadcrumb-item .separator {
margin: 0 8px;
color: #fff;
}.breadcrumb-item .jnj-bread {
color: #c7212c; font-weight:600;
}
.innercontent{ padding:80px 0} .innercontent p{ font-size:17px;}
.about-left{ float:left; width:47.5%; position:relative}
.about-right{ float:right; width:47.5%} .innercontent h2{ font-size:33px; font-weight:700; padding-bottom:7px;} .innercontent h3{ font-size:24px; font-weight:700; padding-bottom:5px;}
.list01{ margin-bottom:20px; display:block}
.list01 li{ background:url(../images/arrow3.png) left 8px no-repeat; padding-left:15px; margin-bottom:8px; font-size:17px; font-weight:400;}
.whybox{ display:inline-block; text-align:center; width:18.7%; margin:20px 1%; vertical-align:top; background: #fff;
box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
padding: 30px 2%;
min-height:175px;}
.whybox:hover{box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 5%);}
.whybox h4{ font-weight:600; font-size:18px; line-height:26px;}
.whyiconbox{ width:100px; height:100px; border-radius:100%; background:#065b83; box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%); margin:0px auto 15px auto}
.whyiconbox img{ margin:0 auto; padding-top:20px}
.innertbox{ background-color:rgb(247,247,247); border-radius:20px; float:left; width:47%; margin:15px 1.5%}
.innertbox-txt{ padding:30px;} .innertbox-txt h4{ font-size:20px; font-weight:700; padding-top:5px;}
.contact-box{ float:left; width:23%; margin:0 1%} .contact-box h4{ font-size:24px; font-weight:700; margin-top:20px; padding-bottom:5px;}
.contact-info-block_inner { text-align:center; min-height:200px;
position: relative;
padding: 40px 30px;
text-align: center;
border: 1px solid rgba(0,0,0,0.10);
} .contact-info-block_inner img{ margin:0 auto }
.contact-form-area{ background:#edf5ff ; padding:60px 40px 60px 60px; border-radius:5px; margin-top:40px;}
.form-group{ margin-bottom:20px;}
.form-control{ padding:13px 4%; font-size:16px; background:#fff; border-radius:7px; width:92%; outline:none}
.form-control1{ background:#fff; padding:15px 2%; margin-left:2%; width:90%; border-radius:7px; font-size:16px;}
.form-col-1{ float:left; width:26%; margin-right:2%}
.cpage-form-col {
float: left;
width: 46%;
margin-left: 2%;
}
.contact-form-area .theme-btn{ border:0; font-size:18px; cursor:pointer; padding:16px 30px !important;}
.drleft{ float:left; width:47.5%}
.drright{ float:right; width:47.5%}
.drright h4{ font-size:18px; font-weight:600; padding-bottom:20px;}
.portfolio_filter li {
display: inline-block;
}
.portfolio_filter li a {
border-bottom: 1px solid transparent;
padding: 5px 25px;
display: block;
font-size: 16px;
text-transform: capitalize;
}
.portfolio_filter li a.current,
.portfolio_filter li a:hover {
border-color: #0e93d8;
color: #0e93d8;
}
.portfolio_container,
.portfolio_gallery
{
list-style: none; margin-top:15px;
}
.gutter_small {
margin: 0 -7.5px -15px -7.5px;
}
.work_col2 > li {
width: 50%;
float: left;
}
.work_col3 > li {
width: 31%;
float: left;
}
.work_col4 > li {
width: 25%;
float: left;
}
.work_col5 > li {
width: 20%;
float: left;
}
.portfolio_item img,
.portfolio-item img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.portfolio_hide {
opacity: 0;
visibility: hidden;
height: 0;
padding-top:0 !important;
padding-bottom:0 !important
}
.gutter_small > li {
padding: 0 7.5px 15px 7.5px;
}
.gutter_medium > li {
padding: 0px 1% 22px 1%;
}
.portfolio_content {
padding: 15px;
}
.portfolio_item {
overflow: hidden;
position: relative;
}
.portfolio_item a {
display: block;
overflow: hidden;
}
.portfolio_style1 .portfolio_content {
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 60px;
opacity: 0;
visibility: hidden;
right: 0;
left: 0;
text-align: center;
transition: all 0.5s ease-in-out;
z-index: 3;
}
.portfolio_style1 .portfolio_item::before {
background-color: rgba(14,147,216,0.80);
content: "";
position: absolute;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
top: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
z-index: 2;
}
.portfolio_style1 .portfolio_item:hover .portfolio_content {
top: 0;
opacity: 1;
visibility: visible;
}
.portfolio_style2 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 0px;
opacity: 0;
visibility: hidden;
right: 0;
left: 0;
text-align: center;
transition: all 0.5s ease-in-out;
}
.portfolio_style1 .portfolio_item:hover:before,
.portfolio_style2 .portfolio_item:hover .portfolio_content,
.portfolio_style3 .portfolio_item:hover .portfolio_content {
opacity: 1;
visibility: visible;
}
.portfolio_style2 .portfolio_item:hover img,
.portfolio_style4 .portfolio_item:hover img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.portfolio_style3 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 10px;
opacity: 0;
visibility: hidden;
right: 10px;
left: 10px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.portfolio_style4 .portfolio_item .image_link {
display: block;
overflow: hidden;
}
.portfolio_style4 .portfolio_content {
background-color: #0e93d8;
transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_content {
background-color: rgba(14,147,216,0.80);
bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 10px;
opacity: 0;
visibility: hidden;
right: 10px;
left: 10px;
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_item:hover .portfolio_content {
opacity: 1;
visibility: visible;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.link_container a {
background-color: #fff;
border: 2px solid #fff;
color: #0e93d8;
font-size: 22px;
width: 45px;
height: 45px;
display: inline-block;
border-radius: 100%;
line-height: 45px;
margin: 0 2px;
text-align: center;
}
.link_container a .ion-ios-play {
position: relative;
left: 2px;
}
.link_container a:hover {
background-color: transparent;
color: #fff;
}
.link_container {
margin-bottom: 10px;
}
.portfolio_content h5 a,
.portfolio_content p {
color: #fff;
}
.portfolio_content p {
margin: 0;
min-height: 50px;
overflow: hidden;
max-height: 50px;
}
.work_col5.portfolio_style3 .portfolio_content,
.work_col5.portfolio_style5 .portfolio_content {
padding: 5px;
bottom: 5px;
top: 5px;
right: 5px;
left: 5px;
}
.work_col5.portfolio_style3 .link_container a,
.work_col5.portfolio_style5 .link_container a {
font-size: 18px;
width: 35px;
height: 35px;
line-height: 35px;
}
.work_col5.portfolio_style3 .portfolio_content p,
.work_col5.portfolio_style5 .portfolio_content p {
min-height: 40px;
max-height: 40px;
font-size: 14px;
}
.portfolio_slider.owl-carousel.owl-theme .owl-dots,
.blog_post .owl-carousel.owl-theme .owl-dots {
margin: 0 !important;
position: absolute;
top: 10px;
right: 10px;
z-index: 9;
}
.portfolio_slider.owl-carousel.owl-theme .owl-dots span,
.blog_post .owl-carousel.owl-theme .owl-dots span {
margin: 5px 2px;
}
.portfolio_slider.owl-carousel {
z-index: inherit;
}
.portfolio_slider.owl-carousel.owl-drag .owl-item {
overflow: hidden;
}
.single_post .owl-carousel.owl-theme .owl-dots {
margin: 0 !important;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.portfolio-item .owl-carousel {
display: block;
}
.portfolio-item .owl-carousel a:nth-child(1n+2) {
display: none;
}
.loading {
font-size: 0 !important;
background-color: #000 !important;
border: 0;
height: 48px;
width: 50px;
}
#load-more {
transition: none;
}.image_gallery_item {
position: relative;
}
.gallary_hover_box {
background-color: rgba(17,26,58,0.60);
bottom: 0px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 0px;
opacity: 0;
visibility: hidden;
right: 0px;
left: 0px;
text-align: center;
transition: all 0.5s ease-in-out;
}
.gallary_hover_box i { background:#c7212c; width:60px; height:43px; padding-top:17px; margin:0 auto; border-radius:100%;
color: #fff;
font-size: 25px;
}
.image_gallery_item:hover .gallary_hover_box {
opacity: 1;
visibility: visible;
}
.gallery_img img {
transition: all 0.5s ease;
}
.gallery_hover_style1 .image_gallery_item,
.gallery_hover_style2 .image_gallery_item {
overflow: hidden;
}
.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.gallery_hover_style2 .gallary_hover_box {
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
}
.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
.gallery_hover_style3 .gallary_hover_box::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0px;
bottom: 0px;
border: 2px solid rgba(255,255,255,0.5);
margin: 10px;
}.ti-zoom-in::before {
content: "\e611";
}@font-face {
font-family: 'themify';
src:url('../fonts/themify9f24.eot?-fvbane');
src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
url('../fonts/themify9f24.woff?-fvbane') format('woff'),
url('../fonts/themify9f24.ttf?-fvbane') format('truetype'),
url('../fonts/themify9f24.svg?-fvbane#themify') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.img-right{ float:right; margin-left:35px; padding-top:5px;}
.img-left{ float:left; margin-right:35px; padding-top:5px;}
.list50 li{ float:left; width:47%}
.treatmentpage h2{ color:#065b83 !important}
@media (max-width:1600px){.top-area{background: linear-gradient(to left, #989898 69%, #ffffff 31%)}}
@media (max-width:1300px){.top-area{background: linear-gradient(to left, #989898 72%, #ffffff 28%)}}
@media (max-width:1024px){.container-area{ width:96%} .top-area{background: linear-gradient(to left, #989898 78%, #ffffff 22%)} .top-right{ width:76%} .top-right .btn-1{ display:none}
.slider-two_heading br{ display:none} .slider-two_heading{ font-size:60px; line-height:72px;} .service-block_three-inner{ padding:30px 20px;} .wimg-area3{ width:50%} .welcome-box .txt-area{ width:76%} .footer-social a{ padding-right:21px;}}
@media (max-width:900px){.footer-left{ float:none; width:100%; text-align:center} .footer-right{ float:none; width:100%; text-align:center; padding-top:5px;} .footer-col{ width:100%; margin-right:0; margin-bottom:15px;} .blogbox{ width:100%; margin:0 0 20px 0} .blog-area h2{ font-size:31px;} .testimonial-left{ width:100%}
.testimonial-right{ width:100%} .doctor-box{ width:97%; margin-bottom:15px;} .services-three{ margin-top:40px;}.service-block_three{ width:48%; margin:12px 1%;} .welcome-left{ width:100%; margin-top:30px;} .welcome-right{ width:100%; margin-top:30px;} .about-left{ width:100%} .about-right{ width:100%; margin-top:30px;} .whybox{ width:46.8%} .drleft{ width:100%;} .drright{ width:100%; padding-top:30px;} .slider-two_content{ max-width:430px;} .slider-two_heading{ font-size:41px; line-height:58px;} .top-area{ background:linear-gradient(to left, #ffffff 78%, #ffffff 22%)}.logo-area{ float:none; margin:0 auto; padding:12px 0 12px 0} .top-right{ background:#989898; width:100%; display:none;}}
@media (max-width:800px){.blog-area .theme-btn.floatright{ display:none} .testimonial-area .theme-btn.floatright{ display:none} .left-column{ width:100%;} .center-column{ display:none;} .right-column{ width:100%} .innertbox{ width:97%} .slider-two_content{ max-width:310px;} .slider-two_heading{ font-size:30px; line-height:44px;}}
@media (max-width:479px){.service-block_three{ width:98%} .service-block_three-text{ margin-top:35px;} .wimg-area3{ display:none} .wimg-area1{ margin:-80px 0px 0px 20px}.welcome-box .txt-area{ width:70%} .welcome-box .txt-area h3{ font-size:19px;} .container-area{ width:94%} .dr-img{ width:100%;} .dr-img img{ margin:0 auto}.dr-txt{ width:100%; text-align:center} .testimonial-area h2{ line-height:44px;} .blog-area h2{ line-height:42px;} .body-container .wide-slider .owl-carousel .item .content{ display:none !important}
.banner-area img {
height:380px; object-fit: cover; object-position:100% 50%;} .welcome-right h2{ line-height:44px;} .service-block_three-heading{ position:relative; top:13px;} .contact-box{ width:97%; margin:10px 1%} .contact-form-area{ padding:40px 20px 40px 20px} .cpage-form-col{ width:100%; margin-left:0;} .form-control1{ margin-left:0; width:92%} .work_col3 > li{ width:98%} .img-right{ float:none; margin-left:0; padding-bottom:20px;} .img-left{ float:none; margin-right:0; margin-bottom:20px;} .innercontent h2{ font-size:31px; line-height:40px;} .inner-banner-area h1{ font-size:41px;} .contact-info-block_inner{ min-height:inherit}
}
/*Anil*/
.blog-detail { display:flex; flex-wrap:wrap;}
.blog-detail .bl-left { width:calc(100% - 330px); text-align:left; margin-right:30px;}
.blog-detail .bl-right { width:300px;}
.blog-detail .bl-right h3 { color:#FFFFFF; font-size:24px; font-weight:600; line-height:32px; margin-bottom:25px;}
.blog-detail .dby { font-size:14px; color:#666666; line-height:20px; margin-bottom:0px;}
.blog-detail .fimg img { max-width:100%; margin-bottom:38px;}
.blog-detail h2 { font-size:32px; color:#000000; margin-bottom:35px; line-height:42px; font-weight:600;}
.blog-detail h3 { font-size:24px; color:#c7212c; margin-bottom:5px; line-height:30px; font-weight:600;}
.blog-detail p {
font-size: 16px;
color: #222222;
line-height: 1.5;
margin-bottom:27px;
}
.innerrightlinks { background:#c7212c; padding:20px 28px; border-radius:6px; margin-bottom:30px;}
.innerrightlinks.clor02 { background:#075a82 !important;}
.innerrightlinks ul li { margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #ffffff40;}
.innerrightlinks a { font-size:14px; color:#FFFFFF; background:url(../images/brad-icon.png) left top 4px no-repeat; padding-left:14px;}
.innerrightlinks a:hover { color:#ffffffb8; background:url(../images/brad-icon.png) left 6px top 4px no-repeat; padding-left:20px;}
.innerrightlinks h3::after {
content: ' ';
display: block;
width: 3em;
margin: 0.45em 0 0;
margin-top: 0.25em;
border: none;
background: #fff;
height:2px;
}
.tagcloud a {
font-size: 12px !important;
line-height:18px;
}
.tagcloud a {
display: inline-block;
font-weight: normal;
background: #fff;
color: #000;
padding:5px 10px;
margin-bottom: 4px;
}
.tagcloud a:hover { background:#ffffffd9; color:#000000; padding-left:10px;}
.tad-cat strong { font-weight:700; color:#075a82;}
.bl-nav {
display: flex;
flex-wrap: wrap;
background: #dbdbdb70;
padding: 20px;
border-radius: 8px;
box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 4%);
}
.bl-nav > div { max-width:300px; color:#000; font-size:14px;}
.bl-nav > div:last-child { margin-left:auto;}
.bl-nav > div a { color:#000;}
.bl-nav > div a:hover { color:#00000091;}
@media (max-width: 920px) {
.blogbox {
width:46%;
margin: 0 2% 30px 2%;
}
.banner-area {width: calc(100% - 20px);}
.blog-detail .bl-left {
width:100%;
margin-right:0px;
margin-bottom:40px;
}
.blog-detail {
justify-content: center;
}
}
@media (max-width: 500px) {
.blogbox {
width:100%;
margin: 0 0% 30px 0%;
}
.banner-area-p .banner-area img { display:none;}
.banner-area-p .banner-area { min-height:250px;}
}