* {margin: 0px; padding: 0px;}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Maven Pro',sans-serif; font-size:19px; color:#0f193c; line-height: 1.5;}
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:'Maven Pro',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: 'Maven Pro',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: #0f193c ; 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: #219ebc; -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;}
.fa-calendar:before {
content: "\f073";}.fa-home:before { content: "\f015";}
.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}
.logo-area{ padding:13px 0; float:left}
.cbtn{ background:#30295e; color:#fff !important; border-radius:30px; padding:16px 20px !important;} .cbtn:hover{background:#219ebc}
.fa-home:before{content:"\f015"}
.nav-area{ float:right; margin-top:18px; }.top-bar {
padding:6px 0 6px 0; background: #219ebc; position: relative; z-index: 1;}
.top-bar::after { content: ''; position: absolute; top: 0; left: -15px; width: 54%; height: 100%; z-index: -1; transform: skew(-26deg);
padding-left: 20px; background: #219ebc;}.clearfix { clear:both; display: block;}
.clearfix:after { clear: both; content: ".";
display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix:before { clear: both; content: "."; display: block; height: 0; line-height: 0;
visibility: hidden;}
.top-bar li { display:inline-block;margin:0 0px 0 0px; padding:0 4px 0 0px; line-height:15px;}
.top-bar ul { padding:0px 0px 0px 0px;}
.top-bar li a { color:#fff; font-size:18px; line-height:24px; padding:0px 0px 0px 0px; display:inline-block; }
.top-bar li a:hover { color:#000;}
.top-bar li:first-child { border:none; background-image:none;}
.top-bar li ul { display:none; position:absolute; width:150px; background:#303d45; top:54px; padding:0px; margin:0px; box-shadow:0px 0px 23px 0px rgb(0 0 0 / 5%);}
.top-bar li:hover ul { display:block; text-align:left;}
.top-bar li:hover ul li { text-align:left; border:none; border-bottom:1px solid #7d8081; display:block; background-image:none; margin:0px; padding:0px;}
.top-bar li:hover ul li:last-child { border-bottom:none;}
.top-bar li:hover ul li a { color:#fff; display:block; padding:9px 10px;}
.top-bar li:hover ul li a:hover { background:#cd3727; color:#fff;}
.top-l { float:left; width:92%; text-align:left; color:#fff; font-size:18px; padding-top:2px;}
.top-r { float:right; width:8%; text-align:right;}
.top-r a{ color:#fff; font-size:21px; margin-left:20px;}
.top-r a:hover{ color:#000;}
.top-l a { font-size:15px; padding:0px 18px 0px 18px; margin:0px 10px 0px 0px; color:#FFFFFF; display:inline-block; border-radius:30px;}
.top-l a:hover { color:#e9582a;}
.mtop50{ margin-top:50px;}.banner-area{ position:relative}
.banner-area img { height:600px; object-fit: cover; object-position: 100% 100%;}
.slider-two_content { width: 47%;} .slider-two_heading span{ font-size:61px; font-family: 'Playfair Display'; color:#2c245b}
.slider-two_heading{ font-size:71px; font-family: 'Playfair Display'; font-weight:700; color:#219ebc; line-height:81px; padding-bottom:20px;}
.slider-two_content p{ font-size:21px; font-weight:500 }
.btn1{ background:#30295e; color:#fff !important; padding:16px 25px; border-radius:30px}
.btn1:hover{ background:#219ebc;}
.btn2{ background:#219ebc; color:#fff !important; padding:16px 25px; border-radius:30px}
.btn2:hover{ background:#30295e;}
.btn3{ background:#219ebc; color:#fff !important; padding:16px 25px; border-radius:30px}
.btn3:hover{ background:#fff; color:#000 !important}
.banner-botton-bg{ background:#30295e; padding:30px 0}
.bbbgbox{ float:left; width:23%; margin:0 1%}
.bbbgbox-img{ float:left; width:55px}
.bbbgbox-img img {
width: 45px;
}
.bbbgbox-txt h3{ font-weight:600; font-size:25px; padding-bottom:8px; line-height:25px} .bbbgbox-txt p{ line-height:1.4; font-size:18px;}
.bbbgbox-txt{ float:right; width: calc(100% - 55px); color:#fff}
.treatment-area{ padding:60px 0 80px 0; background:#f2f2f2 url(../images/bg1.jpg) left top repeat}
.treatment-area h2{font-size:51px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:5px; }
.widht60{ width:60%}
.treatment-box{ text-align:center; float:left; width:22%; margin:15px 3% 20px 0 } .treatment-box h3{ padding-top:20px; font-size:25px; line-height:32px; padding-bottom:7px; } .treatment-box h3 a{ font-weight:600; font-family: 'Playfair Display'; color:#30295e} .treatment-box h3 a:hover{ color:#219ebc}
.treatment-box img{ margin:0 auto; width:90%}
.rmore{ color:#219ebc; font-weight:600; margin-top:10px; display:block} .rmore:hover{ color:#000; }
.dr-area{ padding:80px 0; background-image:linear-gradient(to bottom right, #453e75, #30295e)}
.dr-left{ float:left; width:48%;} .dr-left img { width:94%; border-radius:100%; border: 10px solid #fff;
box-shadow: 0 0 0 10px #219ebc; }
.dr-right{ float:right; width:47.5%} .dr-right p{ padding-top:20px; color:#fff}
.drlefttxt{ float:left; width:48%} .drrighttxt{ float:right; width:48%}
.dr-right h2{font-size:51px; line-height:55px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:5px; color:#fff } .dr-right h4{ color:#219ebc; font-weight:600; font-size:24px}
.dr-right h5{ color:#fff; font-size:21px; font-weight:600}
.testimonial-area{ padding:70px 0}
.testimonial-left{ float:left; width:48.5%}
.testimonial-left h4{ color:#219ebc; border-left:solid 1px #219ebc; padding-left:15px; font-weight:500}
.testimonial-left h2{font-size:51px; line-height:55px; padding-top:20px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:20px;}
.testimonial-right{ float:right; width:48.5%; padding-top:50px;} .testimonial-right img{width:94%; border-radius:100%; border: 10px solid #fff;
box-shadow: 0 0 0 10px #219ebc;}
.testimonila-text-row{ margin-top:30px;}
.testimonial-img{ float:left; width:30%;} .testimonial-img img{ border-radius:100%} .testimonial-txt{ float:right; width:67%; position:relative} .testimonial-txt p{ padding-top:20px; font-size:21px; font-weight:600}
.testimonial-txt h5{ font-weight:600; padding-bottom:15px; margin-top:20px; font-size:18px;}
.testimonial-txt:after {
content: "";
height: 2px;
width: 50%;
position: absolute;
bottom: 0;
background: currentColor;
opacity: 0.1;
}
.blog-area{ padding:60px 0; background:#f2f2f2}
.blog-area h2{font-size:51px; line-height:56px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:30px; text-align:center }
.blog-box{ float:left; width:30%; margin:10px 1.5%; background:#fff; box-shadow:0px 0px 25px 0px rgb(0 0 0 / 10%); } .blog-img{border-bottom-left-radius:150px; overflow:hidden; position:relative}
.blogdes{ padding:30px 30px 32px 30px; position:relative} .blogdes h3{ margin-bottom:10px; } .blogdes h3 a{ color:#000; font-weight:600; font-size:1.3625em; line-height:1.2} .blogdes h3 a:hover{ color:#219ebc} .blogdes h4{ color:#219ebc; font-size:16px; font-weight:600; margin-top:20px;}
.blogdes p{ line-height:28px; }
.datebox {
position: absolute;
top: -63px;
left: 25px;
width: 3.5em;
height: 3.5em;
background: #219ebc;
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:16px; line-height:18px;}.fa-user:before {
content: "\f007";
}
.footer-area{ background-image: linear-gradient(to bottom right, #453e75, #30295e); padding:60px 0}
.fcol-1{ float:left; width:42%; border-right:solid 2px #585189; padding-right:5%} .fcol-1 p{ color:#fff; font-size:16px; padding-top:15px;}
.fcol-1 ul{ margin-top:15px; color:#fff} .fcol-1 ul li{ color:#fff; font-size:16px; margin-top:12px;} .fcol-1 ul li a{ color:#fff} .fcol-1 ul li a:hover{ color:#219ebc}
.fcol-1 ul li .fa{ color:#219ebc; font-size:19px;}
.fcol-2{ float:left; width:47%; margin-left:5%;}
.footer-area h5{ color:#fff; font-size:26px; font-weight:600; padding-bottom:15px;}
.fcol-2 ul li {
margin-bottom: 15px;
float: left;
width: 50%;
font-size: 16px;}
.fcol-2 ul li a { font-size:16px;
color: #fff;
background: url(../images/arrow.png) left 6px no-repeat;
padding-left: 16px;}
.fcol-2 ul li a:hover { color:#219ebc}
.fcol-3{ float:right; width:22%; margin-left:3%; color:#fff} .fcol-3 p{ font-size:16px; margin-top:18px; } .fcol-3 h5{ display:inline-block; vertical-align:middle; color:#219ebc; font-size:45px;}
.fcol-3 h6{ padding-left:5px; display:inline-block; font-size:15px; vertical-align:middle} .fcol-3 h6 a{ color:#fff; font-weight:700; font-size:22px; line-height:32px;}
.fcol-3 h6 a:hover{ color:#219ebc}
.footer-social{ margin-top:30px;}.footer-social a {
color: #fff;
margin-right: 20px;
font-size: 31px;
font-weight: 900;
}.footer-social a:hover { color:#219ebc;}
.footer-bottom{ border-top:solid 2px #585189; color:#fff; margin-top:50px; padding-top:30px; font-size:16px;}
.footer-left{ float:left}
.footer-right{ float:right} .footer-right a{ color:#219ebc; font-weight:600} .footer-right a:hover{ color:#fff}
.text-center{ text-align:center}
.kids-care-area{ padding:60px 0}
.kid-left{ float:left; width:49%} .kid-right{ float:right; width:48%}
.kid-left h2{font-size:51px; padding-top:80px; line-height:56px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:15px; }
.kicon{ margin:0 auto; border:solid 5px #a0d8e5; background:#219ebc; width:80px; height:80px; border-radius:100%; text-align:center} .kicon img{ margin:0 auto; padding-top:18px;}
.kidsbox{ float:left; width:30%; text-align:center; margin:20px 1.5%} .kidsbox h3{ color:#30295e; font-family: 'Playfair Display'; font-weight:600; font-size:27px; margin-top:10px; padding-bottom:5px; position:relative; margin-bottom:15px;}
.kidsbox h3:after {
content: "";
height: 2px;
width: 43%;
position: absolute;
bottom: 0;
background: #219ebc; left:29%;
}
.kidsbox p{ font-size:18px;}
.welcome-area{ padding:80px 0 30px 0}
.about-left{ float:left; width:48%; position:relative;}
.about-img img {
border-radius: 10px;
}.about-left-content {
position: absolute;
background: #fff;
display: flex;
align-items: center;
gap: 15px;
padding: 10px 20px 10px 10px;
left: -20px;
bottom: 50px;
border-radius: 10px;
box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}.about-left-icon {
width: 70px;
height: 70px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(33, 158, 188, .5);
}.about-left-info p a {
color: #219ebc;
font-size: 20px;
font-weight: 700;
}.about-left-info h5{ font-weight:600}
.about-left-info p a:hover { color:#000}
.fa-headset:before {
content: "\f590";}.about-left-icon i {
font-size: 28px;
color: #fff;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border-radius: 50px;
background: #219ebc;}
.about-right{ position:relative; width:48%; float:right;}
.site-title-tagline {
font-weight: 600;
font-size: 22px;
color: #219ebc;
position: relative;}.about-right h2{font-size:51px; padding-top:15px; line-height:56px; font-family: 'Playfair Display'; font-weight:500; padding-bottom:25px;}
.about-list-wrapper {
position: relative;
display: block;
margin-top: 22px;}.about-list {
position: relative;
display: block;}.about-list li { margin-bottom:40px;
position: relative;
display: flex;
align-items: center;}.about-list li .icon {
position: relative;
display: flex;
align-items: center;}.about-list li .icon span {
font-size: 50px;
color: #1DBFCC;}.about-list li .text {
margin-left: 16px;}.about-list h5{ font-weight:600}
.about-left-icon i img{ margin:0 auto; padding-top:7px;}
.header-area{ box-shadow:0px 7px 7px 0px rgb(0 0 0 / 8%); position:relative; z-index:9}
.contact-page-area{ padding:70px 0}
.contact-wrapper {
padding: 40px 60px 60px 60px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
position: relative;
}
.contact-form{ float:left; width:57%}
.contact-content{ float:right; width:41%; padding-top:15px;}
.contact-form-header h2 {
color: #30295e; font-family: 'Playfair Display';
font-size: 30px;
margin-bottom: 10px; font-weight:700;}
.contact-form .form-group {
margin-bottom: 25px;}
.frow .col-6{ float:left; width:48%; margin-right:2%;}
.contact-form-header{ margin-bottom:30px;}
.contact-form .form-group .form-control {
padding: 12px 4%;
border-radius: 8px;
box-shadow: none;
transition: all .5s ease-in-out; border:solid 1px #ccc; line-height:1.5; font-size:1rem; width:92%;
}
.contact-form .form-group textarea { width:90% !important}
.contact-form .btn2{ border:0; font-size:19px; cursor:pointer}
.contact-info {
display: flex;
align-items: center;
gap: 15px;
padding: 20px 0 20px 20px;
border-radius: 10px;
position: relative;
overflow: hidden;
}.contact-info-icon {
width: 70px;
height: 70px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(33, 158, 188, .5);
}.contact-info-icon i {
font-size:30px;
color: #fff;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border-radius: 10px;
background: #219ebc;
}.contact-info h5 { font-weight:600;
color: #30295e;
margin-bottom:2px;
}
.inner-banner-area {
position: relative;
padding: 100px 0;
text-align:left;
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.3);
}.relative {
position: relative;
}.inner-banner-area h2 { font-family:'Playfair Display';
color: #fff;
font-weight: 700;
font-style: normal;
font-size:54px;
line-height:60px;
}.breadcrumb-item {
border-radius: 7px;
color: #fff;
display: inline-block;
margin-top: 15px;
font-weight: 600;
position: relative;
}.breadcrumb-item .separator {
margin: 0 8px;
color: #0f193c;
}.breadcrumb-item .jnj-bread { color: #fff;}
.item-home a:hover{ color:#045395}
.inner-page-area{ padding:80px 0}
.drpage .dr-right h2{ color:#0f193c}.drpage .dr-right p { color:#0f193c}
.testimonial-box{ background:#f2f2f2; border-radius:20px; float:left; width:30%; margin:17px 1.5%}
.tbox-main{ padding:30px;} .tbox-main p{ padding-bottom:15px;} .tbox-main h4{ font-weight:700; font-size:20px; line-height:24px; padding-top:7px;} .tbox-main h5{ font-size:16px;}
.timg{ float:left; padding-top:10px;}
.ttxt{ float:left; }
.testimonialpage h2{ font-size:47px;
font-family: 'Playfair Display';
font-weight: 500;
padding-bottom: 20px; text-align:center;}
.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% 25px 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; border-radius:15px;}
.gallary_hover_box {
background:linear-gradient(180deg, rgba(48, 41, 94, 0.5) 0%, rgba(48, 41, 94, 0.5) 57.04%);
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:#219ebc; 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_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: "\e61a";}@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;}
.gallary_hover_box h4{ font-weight:700; color:#fff; font-size:21px; padding-top:10px;}
.treatmentpage h2{ font-size:40px; line-height:46px;
font-family: 'Playfair Display'; position:relative; color:#30295e;
font-weight: 500;
padding-bottom: 25px;}
.treatmentpage h2:after { content: ' ';
display: block;
width: 4em;
margin:8px 0 0;
border: none;
background: #219ebc;
height: 3px;} .treatmentpage p{ padding-bottom:20px;}
.list-style { margin-bottom: 20px;}
.list-style li {
padding-top:4px !important;
line-height: 30px;
padding-bottom:4px !important;
margin: 0 !important;
padding-left: 22px;
background: url(../images/tick-icon.png) left 15px no-repeat;
display:table;
transition-duration: .25s;
-webkit-transition-duration: .25s;
}
.img-left{ float:left; margin-right:30px; padding-top:8px; border-radius:20px}
.img-right{ float:right; margin-left:30px; padding-top:8px; border-radius:20px;}
.drpage .dr-left img{border-radius:0px; box-shadow:0 0 0 5px #219ebc}
.drpage .dr-left{ width:35%; margin-top:12px;}
.drpage .dr-right{ width:61%}
@media (max-width: 1600px){
.banner-area img { height:600px; object-fit: cover; object-position: 80% 100%;}}
@media (max-width: 1024px){.container-area{ width:96%}.cbtn{ text-align:center;} }
@media (max-width: 900px){.footer-left{ width:100%; text-align:center;} .footer-right{ width:100%; text-align:center; padding-top:5px} .fcol-1{ width:100%; padding-right:0; border-right:0}
.fcol-2{ width:100%; margin-left:0; border-right:0; padding-top:25px;} .fcol-3{ width:100%; margin-left:0;} .fcol-3 p{ margin-top:0;} .blog-box{ width:97%} .testimonial-left{ width:100%} .testimonial-right{ display:none} .dr-left{ width:100%} .dr-right{ width:100%; padding-top:20px;} .kid-left{ width:100%} .kid-right{ width:100%; padding-top:20px;} .kid-left h2{ padding-top:0;} .kidsbox{ width:97%} .widht60{ width:100%} .treatment-box{ width:47%;} .about-right{ width:100%; padding-top:20px;} .about-left{ width:100%} .bbbgbox{ width:48%; margin:12px 1%;}.kid-right img{ width:auto} .slider-two_content{ width:62%} .top-l{ width:100%; text-align:center;} .top-r{ width:100%; text-align:center; padding-top:7px;}
.contact-form{ width:100%;} .contact-content{ width:100%; padding-top:25px;} .contact-wrapper{ padding:30px 15px} .contact-info{ padding:15px 0} .testimonial-box{ width:97%}
}
@media (max-width: 479px){.fcol-2 ul li{ width:100%} .drlefttxt{ width:100%;}.drrighttxt{ width:100%; padding-top:20px;} .testimonial-left h2{ font-size:41px; line-height:48px;} .blog-area h2{ font-size:41px; line-height:48px;} .dr-right h2{ font-size:41px; line-height:48px;} .kid-left h2{ font-size:41px; line-height:48px;} .treatment-area h2{ font-size:40px; line-height:48px;}
.treatment-box{ width:97%; margin:15px 1.5% 20px 1.5%} .treatment-box img{ width:auto} .kid-left{ text-align:center;} .treatment-area{ text-align:center;} .about-right h2{ font-size:41px; line-height:46px;} .bbbgbox{ width:98%} .about-left-info p a{ font-size:18px;} .site-title-tagline{ line-height:28px;} .dr-left img{ width:90%; margin:0 auto;} .dr-right{ text-align:center;}
.banner-area img{ height:280px; object-position:100% 100%} .body-container .wide-slider .owl-carousel .item .content{ position:relative !important; padding-bottom:40px; padding-top:20px;}.slider-two_content{ width:100%} .banner-area .btn1{ display:block; text-align:center;} .banner-area .btn2{ display:block; text-align:center; margin-top:10px;} .slider-two_heading{ font-size:51px; line-height:60px;}.testimonial-txt{ width:71%}.testimonial-img{ width:25%} .frow .col-6{ width:100%; margin-right:0;} .inner-banner-area h2{ font-size:45px; line-height:52px;}.testimonialpage h2{ font-size:37px; line-height:42px;} .work_col3 > li{ width:98%} .img-left{ float:none; margin-bottom:20px; margin-right:0} .img-right{ float:none; margin-left:0; margin-bottom:20px;} .treatmentpage h2{ font-size:35px; line-height:42px;}.slider-two_heading span{ font-size:57px;} .drpage .dr-left{ width:100%}.drpage .dr-right{ width:100%}}