* {
margin: 0px;
padding: 0px;}
html, body {
height: 100%;
width: 100%;}
body {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
color:#222222;
line-height: 1.5;
overflow-x:hidden;}
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:'Roboto', Arial, Helvetica, 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:'Roboto', Arial, Helvetica, 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: #222;
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: #506eac;
-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-angle-double-right:before {
content: "\f101";}
.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";}
.fa-map-marker:before {
content: "\f041";}.fa-envelope-o:before {
content: "\f003";}.fa-envelope:before {
content: "\f0e0";}
.fa-instagram:before {
content: "\f16d";}.fa-arrow-circle-right:before {
content: "\f0a9";}
.clear {
clear:both;
display: block;}
.header-area{ width:100%; background:#13316e; padding:12px 0}
.headerleft{ float:left; width:27%; padding-top:5px;}
.header-left-content li {
display: inline-block; margin-right: 15px;}
.header-left-content li a i { background:#fff; color:#13316e; border:solid 1px #fff;
display: inline-block;
font-size: 20px;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
text-align: center;}
.header-left-content li a i:hover {color: #fff; background:transparent; border: 1px solid #999999; }
.container-area{ max-width:1180px; width:100%; margin:0 auto;}
.headerright{ float:right; width:60%}
.header-right-content li {
display: inline-block;
margin-right: 30px;
color: #f9f9f9;
font-size: 14px;
position: relative;
padding-left: 60px;} .header-right-content li i {
color: #ffffff;
display: inline-block;
margin-right: 10px;
font-size: 30px;
position: absolute;
top: 6px;
left: 0;}
.header-right-content li::after {
content: "";
position: absolute;
top: 0;
left: 44px;
width: 1px;
height: 100%;
background-color: #d7d7d7;}
.header-right-content li a {
font-weight: 400;
color: #ffffff;
margin-top: 10px;}
.header-right-content li a:hover { color:#c5d2ec;}
.header-right-content li span { color: #ffffff; display: block;
font-weight: 400;}
.logo-nav-area{}
.logo-area{ padding:22px 0; float:left}
.navigation-area { float:right; padding:18px 0% 0 0%;}
.nav-right-area01 { float:right; width:20%; margin-top:39px;}
.header-right-content li:last-child{ margin-right:0}
nav{ width:100%; }
.nav-area-main { text-align:right !important;}
nav ul{ list-style:none;}
nav li:first-child{ background:none;}
nav li{ position:relative; display:inline-block; padding:0 26px;}
nav li a{font-size:16px; color:#222!important ; padding:20px 0px; font-weight:600; display:block; line-height:20px; }
nav li a:hover{color:#506eac !important;}
nav li a.act{color:#a8c4fb !important;}
nav li a i { font-size:18px !important; position:relative; bottom:-2px;}
nav li:last-child{ padding-right:0px;}
nav li a ul li a{color:#fff !important; border-bottom:solid 0px #fff;}
nav li:hover > .lavel{ display:block; }
nav li:hover > .lavel1{ display:block; }
.act a{color:#fc7013!important;}
.mobnav{ display:none; padding:0px 0; font-size:16px; text-align:right; float:right; font-weight:bold; color:#000}
.mobnav:before{ font-size:30px;cursor:pointer; color:#000; float:right; margin:15px 15px 0 0}
.mobnav2{ display:none; float:right; margin-top:-50px; padding:5px; cursor:pointer; }
.mobnav2:before{font-family: 'FontAwesome'; content:"\f103"; font-size:30px;cursor:pointer; color:#fff; float:right; margin:0 0 0 30px}
.banner-area {
background-size: cover;
height: 545px;
position: relative;
z-index: 1;}.banner-area.bg-2 {
background:#ececee url(../images/banner.jpg) center center no-repeat;}.d-table {
width: 100%;
height: 100%; display:table}.d-table-cell {
display: table-cell!important; vertical-align:middle;}
.banner-content {
overflow: hidden;
max-width: 680px;
margin-right: auto;}
.banner-content .heading { font-weight:900; line-height:1.1;
font-size:68px;
margin-bottom: 20px;}.banner-content p {
color: #222222;
margin-bottom: 30px; font-size:18px;
font-weight: 500;}.default-btn { cursor:pointer; border:0;
font-size: 16px;
color: #ffffff !important; font-weight:600;
padding: 15px 40px;
line-height: 1;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
text-align: center;
background-color: #be914d;
border-radius: 4px;
position: relative;
z-index: 1;}.default-btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 100%;
z-index: -1;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;}
.default-btn:hover{ background:#13316e}
.banner-bottom{ background:#13316e; padding:30px 0}
.banner-bottom .box{ float:left; width:33%;}
.boxmain{ position:relative; padding-left:60px;}
.boxmain.active {
position: relative;
z-index: 1;}
.boxmain.active img {
width: 50px;
position: absolute;
top: -15px;}.boxmain.active span {
color: #222222;
padding-left: 70px;}
.boxmain span {
color: #ffffff;
font-weight: 500;
font-size: 20px;
position: relative;
top: -4px;}
.boxmain i {
color: #ffffff;
font-size: 40px;
line-height: 1;
position: relative;
top: 1px;
margin-right: 20px;
display: inline-block; vertical-align: bottom;}.boxmain.active::before {
content: "";
position: absolute;
bottom: -43px;
left: 0;
width: 100%;
height: 130px;
background-color: #ffffff;
z-index: -1;}
.about-us-area{ padding:80px 0 40px 0; background:#f9f9f9;}
.aboutleft{ float:left; width:48%; padding-top:102px;}
.aboutright{ float:right; width:48%; position:relative; z-index:1;}
.aboutright::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 210px;
height: 100%;
background-color: #f9f9f9;}
.aboutleft .top-title {
font-weight: 500;
color: #13316e;
display: block;
margin-bottom:15px;
}
.aboutleft h2 {
font-size: 39px;
margin-bottom: 20px; font-weight:600; line-height:1.1;
}.form_box input { font-size:15px;
width:96%;
height:42px;
border: 1px solid #e6e6e6;
padding-left: 4%;
border-radius: 5px;
}
.form_box .default-btn{ display:block}
.form_box textarea { font-size:15px; font-family: Arial, Helvetica, sans-serif;
width: 96%;
height:90px;
padding: 10px 0 0 4%;
border: 1px solid #e6e6e6;
border-radius: 5px;
}
.mb-10 {
margin-bottom:10px;
}
.address-and-week {
position: absolute;
top: 30px;
left: 0;
max-width: 360px;}.address-and-week p {
background-color: #13316e;
color: #ffffff;
padding: 10px 25px;
margin-bottom: 0; font-size:26px; font-weight:600}.address-and-week .address-week {
padding:25px 25px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);}.address-and-week .address-week .address {
margin-bottom: 25px;}.address-and-week .address-week .address li {
position: relative; font-size:15px;
padding-left: 30px;
margin-bottom: 15px;}.address-and-week .address-week .address li i {
color: #222222;
line-height: 1;
font-size: 20px;
position: absolute;
left: 0;
top: 0;}.address-and-week .address-week .address li span {
font-weight: 500;
color: #222222;}.address-and-week .address-week .week li {
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #e3e3e3;}.address-and-week .address-week .week li span {
float: right;}
.bar1, .bar2, .bar3 {
cursor:pointer;
width: 35px;
height: 5px;
background-color: #333;
margin: 4px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-5px, 5px);
transform: rotate(-45deg) translate(-5px, 5px);}
.change .bar2 {
opacity: 0;}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);}
.treatment-area { padding:75px 0 100px 0;
background-image: url(../images/treatment-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover; background-attachment: scroll;
position: relative;
z-index: 1;}
.treatment-area::before {
content: "";
position: absolute; top: 0;
left: 0; width: 100%;
height: 100%;
background-color: #eaecf1;
opacity: 0.85;
z-index: -1;}
.section-title {
max-width: 750px;
margin: -5px auto 50px;
text-align: center;
position: relative;}.section-title span {
font-size: 16px; display: block;
margin-bottom: 15px; color: #13316e;
font-weight: 500;}.section-title h2 {
font-size: 40px; font-weight:600; line-height:1.2; position: relative;}
.treatmentbox { text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); -webkit-transition: all ease 0.5s;
transition: all ease 0.5s;}
.treatment-img{ padding:10px 10px 0 10px;}
.treatmenttxt{ padding:20px 30px 30px 30px;}
.treatmenttxt h3{ margin-bottom:12px; font-size:22px; line-height:1.4}.treatmenttxt h3 a{ font-size:22px; font-weight:600;}
.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:0px 10px 0px 10px;}
.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{}
.slick-prev, .slick-next{ display:none }
.slick-prev button{ border:none; outline:none; }
.slick-next button{ border:none; outline:none;}
.slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:6px; width:40px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0); background:#d1d1d1 }
.slick-dots li button { border: 0; background: transparent; display: block; height:6px; width:40px; outline: none; line-height: 0; color: transparent; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; background:#13316e; }
.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: 20px; height:5px; text-align: center; color: #464646; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { background:#13316e; } .slick-dots li.slick-active { background:#13316e; }
.doctor-area{ background:#fff; padding:70px 0}
.doctor-left{ float:left; width:40%; padding-top:10px;}
.doctor-right{ float:right; width:59%;}
.doctor-right h1{font-size: 39px; font-weight: 600; line-height: 1.1;}
.doctor-right h4{ font-size:17px; font-weight:600; margin-bottom:20px;}
.doctor-bottom-area{ margin-bottom:90px; background:#eaecf1 url(../images/counter-bg.png) center center no-repeat; background-size:cover; padding:40px 0}
.doctor-bottom-area ul { overflow: hidden;}
.doctor-bottom-area ul li { float: left; width:18%;
padding: 0 3%; text-align: center;
border-right: solid 1px #666666;}
.doctor-bottom-area ul li:last-child { border-right:0;}
.doctor-bottom-area h3 {
color: #13316e; font-size: 55px; line-height: 55px; font-weight: 600; margin-bottom: 0px;}.doctor-bottom-area h3 span{ font-weight:600}
.testimonial-area{ padding:70px 0 90px 0}
.testimonial-content{ margin:0 auto 10px; text-align:center; max-width:900px}
.testimonial-content i{ display:block; margin-bottom:20px; margin-top:10px}.testimonial-content i img{ margin:0 auto}
.testimonial-content p {
font-size:23px;
margin-bottom: 25px;
color: #222222;}.testimonial-content h3 { margin-bottom: 10px; font-size:22px; font-weight:600;}
.footer-area{ background:#13316e; padding:60px 0}
.fcol-1{ float:left; width:20%}
.fcol{ float:left; width:32%; margin:0 0 0 7%}
.fcol p{ color:#fff; line-height:1.5; margin-bottom:20px;} .fcol p a{ color:#fff} .fcol p a:hover{ color:#fff; text-decoration:underline;}
.footer-area h4{ font-size:20px; font-weight:600; color:#fff; position:relative; margin-bottom:30px; padding-bottom:10px; }
.footer-area h4::before {
position: absolute;
content: ""; left: 0; bottom: 0px; height: 3px; width: 50px; background: #fff;}
.footer-bottom{ background:#184297; padding:30px 0; text-align:center; color:#fff}
.flink li {
margin-bottom:12px;
}.flink li a {
color: #fff;
line-height: 24px;
background: url(../images/arrow.png) 0 3px no-repeat;
padding-left: 16px;
}
.c1{ background:#13316e}
.c2{ background:#c6cfe1}
.flink li a:hover { text-decoration:underline;}
.fcol .week li {
margin-bottom: 9px;
padding-bottom:9px;
border-bottom: 1px dotted #fff; color:#fff}.shadowbox {
width: 100%;
-webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
position: relative;
z-index: 99;}.fixed {
background: #fff;
position: fixed; top: 0; left: 0;
width: 100%;}
a[name] { padding-top: 160px;margin-top: -160px; display: block;}
.footer-bottom a:hover{ text-decoration:underline;}
.treatments-area{ margin-bottom:10px;}
.ttxt{ padding:0% 12%;justify-content:center; align-items: center; align-content: center; display:flex}.contenttxtx{}
.ttxt h3{ font-size:30px; line-height:1.1em; position:relative; padding-bottom:10px; margin-bottom:20px; }.c1 .ttxt h3 a{ font-weight:600; color:#fff} .c1 .ttxt p{ color:#fff} .ttxt h3 a{font-weight:600; }
.c1 .ttxt h3:after {
content: '';
position: absolute;
bottom: 0;
left:33%;
display: block;
width: 100px;
height: 2px;
background-color: #fff;
}
.ttxt h3:after {
content: '';
position: absolute;
bottom: 0;
left:33%;
display: block;
width: 100px;
height: 2px;
background-color: #222;
}
.treatments-row{ width:100%; display:flex;}
.treatments-box{ display:flex; width:25%; text-align:center}
@media (max-width:1080px) {.container-area{ max-width:96%;}.headerright{ width:69%}.doctor-right{ width:55%}}
@media (max-width:1024px) {.headerright{ width:72%;}.boxmain{ padding-left:25px;}.boxmain.active span{ padding-left:60px;}
#mobopen .fa {display:none;}
.nav-area {width:96%;position:absolute;
right:2%;top:94px;}
nav li a.act {color:#fff !important;}
.mobnav {display:block;margin:0 0 32px 0;}
nav {width:100%;float:none;margin:0}
nav li { display:block; background:none; padding:0}
nav li a {
color:#fff !important;border-bottom:1px solid #ddd;border-radius:0;
float:none;line-height:40px;text-align:left;padding:2px 10px;display:block;}
nav li a:hover {background:#1346af; color:#fff !important}
nav .act {color:#ed1971;background:none;border-radius:0;}
#mobopen {clear:both;display:none;background:#13316e;padding:0px 0 0 0;
position:relative;z-index:999;}
#mobopen2 {display:none;} .mobnav2 {display:block;}
nav { top:0px; padding-top:0px; margin-top:4px;}
.act a { color:#000!important;}ul.lavel1 li a{ color:#fff !important}}
@media (max-width:900px) {.headerleft{ float:none; width:100%; text-align:center; padding-top:0; padding-bottom:7px;}.headerright{ width:100%; text-align:center;}nav{ margin-top:47px;}.fixed{ position:relative;}
.banner-area{ height:380px}.banner-content h1{ font-size:35px;}.banner-content{ max-width:380px;}.banner-area.bg-2{ background-position:71% 22%}.aboutleft{ width:100%; padding-top:40px;}.aboutright{ width:100%; margin-top:35px;}
.doctor-left{ width:100%; padding-top:50px;}.doctor-right{ width:100%; padding-top:30px;}.fcol-1{ width:100%;}.fcol{ width:100%; margin:10px 0}.banner-bottom .box{ width:100%;}.treatments-box{ width:50%}.treatments-row{ flex-wrap:wrap}
}
@media (max-width:479px) {.header-right-content li{ margin-right:0; padding-left:38px; margin-bottom:5px;}.header-right-content li::after { left:30px;}nav{ margin-top:90px;}.logo-area{ max-width:280px; position:relative; z-index:9;}.header-right-content li{ position:relative; z-index:9;}.aboutleft h2{ font-size:36px;}.doctor-right h4{ font-size:16px;}.doctor-bottom-area ul li{ width:43%; margin:10px 0}.doctor-bottom-area ul li:nth-child(2){ border-right:0;}.section-title h2{ font-size:35px;}.testimonial-content p{ font-size:21px;}.banner-content{ display:none;}.banner-area{ height:300px;}.banner-area.bg-2{ background-position:75% 15%;}.banner-bottom{ padding:10px;}.boxmain.active::before { height:110px; bottom:-41px;}.treatments-box{ width:100%}.ttxt{ padding:5%}.about-us-area{ padding:30px 0 0px 0 }a[name] {
padding-top: 20px;
margin-top: -20px;
display: block;
}}