@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700&display=swap');
@font-face {font-family: 'Sifonn Pro';
      src: url('/wp-content/themes/jms/assets/fonts/SIFONN_PRO.woff');  }

a {
    cursor: pointer !important;
}
a:hover{text-decoration: none!important;}
.container{width: 1200px;}
body {
    font-family: 'Saira Semi Condensed'!important;
    font-size: 18px !important;
}
img{max-width: 100%; height:auto;}
ul li{list-style: none;}
.show-md {    display: none;}
.topbar{padding: 15px 0 0;}
header {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
}
.social p {    display: inline-block;font-family: 'Saira Semi Condensed'!important;}
.social ul li {
    display: inline-block;
    padding: 0 5px;
    font-size: 20px;
}
.social ul li a {    color: #000;}
.social ul { display: inline-block; padding: 0;  margin: 0;}
.socialhead {    text-align: right;}
.appoint a {       background: #cca571;  padding: 14px 16px; font-size: 22px; color: #fff;  border-radius: 10px;
	display: inline-block;font-family: 'Sifonn Pro';}
.appoint a:hover {    background: #00304b;    color: #fff;}
.navbar ul li a:hover {   color: #cca571;}
.schedule_btn:hover {    background: #00293e;    color: #fff;}
.fmenu li a:hover {    color: #cca571;}
.social ul li a:hover {    color: #cca571;}
.topaddress li:first-child{font-size: 24px;}
.topaddress li{font-size: 18px;list-style: none;font-family: 'Sifonn Pro';}
ul.topaddress {    padding: 0;}
.logo {    width: 100%; height: 100%; display: flex;  align-items: center;}
.navbar > ul > li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
    position: relative;
}
ul.navbarlist {    width: 100%;margin: 0;padding: 10px;}
nav.navbar.navbar-expand-md.navbar-light{text-align: center;background: #00304b;}
.navbar ul li a {    color: #fff;font-size: 16px;text-transform: uppercase;}
.navbar ul li a.active {    color: #ad8d62!important;}
ul#menu-header > li+li:before {
    content: "+";
    padding-right: 10px;
    font-weight: 600;
    color: #fff;
}
.navbar ul li a.active:after { content: "+";  padding-left: 6px; font-weight: 600;color:#fff;}
.topbar {    background: #ffffffe0;}




section.slider {  padding: 0 0 49px;  background: #e5eaed;
    background-size: contain;  background-repeat: no-repeat;   background-position: bottom;}
.slider img.bannershape {      position: absolute; bottom: -21px;  width: 100%;}
#bannerimg .owl-dots { position: absolute; bottom: 10px;    z-index: 99;   width: 100%;}
 #bannerimg .item img{filter:grayscale(0%);height: 100%;}
.bannertext {
    position: absolute;
    top: 55%;
    z-index: 9;
    transform: translate(-50%, -50%);
    left: 40%;
    background: #00334d66;
    padding: 12px;
    width: 48rem;
}
.bannertext .yellowbg {
    width: 100%;
    background: rgba(221, 178, 122, 0.8);
    margin: 0;
    padding: 30px 4px 15px;
}
.bannertext .cursive {
    font-family: 'Dancing Script', cursive;
    font-weight: bold;
    font-size: 35px;
    line-height: 1;
    color: #000;
    position: relative;
    padding: 10px 37px 0 0;
}
.bannertext .cursive:after {  content: ""; background: #00334d8c;  position: absolute;
    right: 15px;   top: 0;  width: 1px;   height: 100%;}
.bannertext ul li.head1 {    font-size: 52px;    line-height: 1;color: #002e49;font-family: 'Sifonn Pro';}
.bannertext ul{padding: 0;}
.bannertext ul li.head2 {
    font-size: 40px;
    color: #fff;
    line-height: 1;
    font-family: 'Sifonn Pro';
}
.bannertext ul li.head3 {
    font-size: 52px;
    color: #fff;
    line-height: 1;
    font-family: 'Sifonn Pro';
}
.bannertext ul li.head4 {
    font-size: 32px;
    color: #000;
    line-height: 1;
    font-family: 'Sifonn Pro';
}
.bannertext ul.bannerbtn li {
    display: inline-block;
    padding: 0 15px 0 0;
}
.bannertext .bannerbtn a {color: #fff; background: #00334d;  padding: 19px; display: inline-block; font-size: 14px;  border-radius: 5px;
    text-transform: uppercase; font-size: 17px;    font-weight: 600;padding: 10px 21px;}
.bannertext .bannerbtn{padding: 16px 0 0;}



section.howhelp {    padding: 0px 0 21px;    background: #e5eaed;}
section.howhelp .imgallery.row [class*="col-"] {    padding-left: 0 !important;
    padding-right: 0 !important;  }
section.howhelp .imgbox {    margin: 5px 5px;  height: 176px; overflow: hidden;  width: auto;position: relative;}
section.howhelp .imgbox:before {  content: ""; position: absolute; width: 100%;  left: 0; height: 100%;  top: 0;}
section.howhelp .imgbox img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
section.howhelp .caption {
    position: absolute;
    z-index: 9;
    bottom: 0;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
section.howhelp .caption p {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    line-height:1em;
}
section.howhelp .view_btn {    width: 100%;    text-align: center;    padding: 43px 0 0;}
section.howhelp .view_btn a {  display: inline-block;    padding:10px 25px;  background: #00334d;
    border-radius: 9px;  font-size: 22px;   font-weight: 600;  color: #fff;  text-transform: capitalize;}


.whychoose{padding: 36px 0 0;background:url(../images/whychoosebg.jpg);background-size: cover;background-position: center center;
position: relative;background-position: center top;left: 0;top: 0;width: 100%;height: 100%;}
.sectionhead {
    text-align: center;
    padding: 97px 0 67px;
    position: relative;
}
.sectionhead h2 {
    font-family: 'Dancing Script', cursive;
    color: #ecba76;
    z-index: 9;
    position: relative;
    font-size: 60px;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
}
.whychoose:before {   content: "";   position: absolute;  background: url(../images/midsectionshape.png);
    left: 0;   background-repeat: no-repeat;   top: -3px;   width: 100%;   height: 100%;  z-index: 9; background-size:contain;}
.whychoose:after{content: "";position: absolute;left: 0;width:100%;height: 100%;top: 0;}
.row.choosefactor { position: relative;   z-index: 9;    padding: 0 0 60px 0;}
.row.choosefactor h3 {      font-size: 30px; color: #fff;  position: relative; display:table;  text-transform: uppercase; margin: 28px 0;font-family: 'Sifonn Pro';}
.row.choosefactor h3:after {
    content: "";
    background: #ecba76;
    position: absolute;
    bottom: -14px;
    width: 112%;
    height: 4px;
    left: 0;
}
.row.choosefactor p.subhead {
    color: #ecba76;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 18px;
}
.row.choosefactor p{color:#fff; font-family: 'Raleway'; font-weight: 300;}
.whychoose .knowbtn{display: inline-block;  border: 3px solid #ecba76;  color: #fff;  text-transform: uppercase;
 font-family: 'Saira Semi Condensed';  font-size: 18px;  padding: 7px 16px;margin: 20px 0; border-radius: 5px;}
.whychoose .factor{ padding: 0 80px 0 0;}




.doctorimg {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    overflow: hidden;
}
.meetdoctor .sectionhead {
    text-align: center;
    padding: 50px 0 0;
}
.meetdoctor{background:#f3e9dd;position: relative;}
.meetdoctor:after {   content: "";   position: absolute;  background: url(../images/meetdoctorshape.png);
    left: 0;   background-repeat: no-repeat;  top: 94%; background-size: contain; width: 100%;   height: 100%;}
.sectionhead.blueone h2 {
    color: #00304b;
    text-align: center;
    margin: 0;
}
.meetdoctor .row.doctors {    padding: 60px 0;}
.meetdoctor .meet_btn {    width: 100%;    text-align: center;    padding: 60px 0 0;}
.meetdoctor .meet_btn a {  display: inline-block;    padding:10px 25px;  background: #a3855b;
    border-radius: 9px;  font-size: 18px;   font-weight: 600;  color: #fff;
    font-family: 'Saira Semi Condensed';  text-transform: capitalize;}
    .meetdoctor .docinfo a:after {
    content: " »";
    position: relative;
    top: -1px;
}
.meetdoctor .docinfo a {
    display: inline-block;
    padding: 10px 12px;
    background: #00446c;
    border-radius: 9px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Raleway';
}
.meetdoctor .docinfo h3 { font-size: 26px;    font-family: 'Raleway';font-weight: 800;color:#00446c;}
.meetdoctor .docinfo p {
    font-size: 17px;
    color: #000;
    font-family: 'Raleway';
    font-weight: 600;
}
.meetdoctor .docinfo .member-blurb {
    min-height: 165px;
}
.docinfo.first {    padding: 0 50px 0 0;} 
.docinfo.second{    padding: 0 0 0 50px;}




.blogs .sectionhead p {
    font-size: 20px;
    padding: 0 6rem;
    font-family: 'Raleway';
}
.blogs .row.blogsrow h3 {
    font-size: 20px;
    color: #00334d;
    font-family: 'Raleway';
    font-weight: 600;
    margin: 15px 0;
    min-height: 46px;
}
.blogs .row.blogsrow p {    font-size: 14px;   font-family: 'Raleway';}
.blogs .row.blogsrow a{font-size: 16px; font-family: 'Raleway';font-weight: 600;display: inline-block;color:#c1955e;}
.blogs .view_blog {    width: 100%;    text-align: center;    padding: 60px 0 0;}
.blogs .view_blog a {  display: inline-block;    padding:10px 29px; border:2px solid #a3855b;
    border-radius: 9px;  font-size: 18px;   font-weight: 600;  color: #a3855b;
    font-family: 'Saira Semi Condensed';  text-transform: uppercase;}

.appointment {
    margin: 0;
    background: #cca571;
    padding: 35px 0;
}
.schedule_btn {
    color: #fff !important;
    border: 3px solid;
    padding: 10px 15px;
    border-radius: 25px;
    display: inline-block;
    font-family: 'Saira Semi Condensed';
    font-size: 20px;
}
.schedule_btn span{padding-left: 10px;}
section.appointment p {
    font-size: 26px;
    color: #f1e7db;
    margin: 0;
}
.appointmentrow{align-items: center;}
.row.appointmentrow p a {  color: #fff;   font-size: 26px; }
.rightitem{text-align: center;}


section.area_served {
    background: #00293e;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    text-transform: uppercase;
}
section.area_served ul li {    display: inline-block;}
section.area_served ul{padding:0;margin: 0;display: inline-block;}
section.area_served ul li {    display: inline-block;    color: #fff;font-size: 18px;    padding: 0 8px;}
section.area_served p {   display: inline-block;   color: #fff;margin: 0;}
section.area_served ul li+li {   position: relative}
section.area_served ul li+li:before { content: "";  background: #fff; position: absolute;  left: 0px;  top: 6px;
   width: 1px;   height: 54%;}




footer {
    background: #00334e;
    padding: 30px 0;
    font-family: 'Saira Semi Condensed'!important;
    font-weight: 400 !important;
    margin: 0 !important;
}
ul#menu-footer li {
    display: inline-block;
    width: 48%;
    margin: 2px;
}
footer ul {    padding: 0;    margin: 0;}
footer .fmenu ul li a {    font-size: 18px;    color: #fff;}
footer p , footer li{color: #fff;font-size: 16px;}
footer .address{text-align: left;}
footer h6{color:#fff;font-weight: bold;padding-top: 15px;}
footer .social p {
    color: #cca571;
    font-size: 18px;
}
.border_left{position: relative;}
.border_left:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 5px;
    width: 1px;
    height: 86%;
    background: #335c71;
}
footer .social ul li a {    color: #cca571;}
footer .social ul li a:hover {    color: #ffffff;}



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #00304b;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
div#mySidenav li {
    line-height: 1;
}

.sidenav a:hover {
  color: #818181;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.mobileview{display: none;}



/*innerpage*/
.innerpage .slider{background: url(../images/oralbackground.jpg); background-size: cover;padding: 15vw 0;
  background-position: center top;overflow: hidden;background-repeat: no-repeat;    position: relative;}
.innerpage .slider img {    width: 100%;}
section.teeth_removal {     padding: 48px 0;}
.bgimg{position: relative;}
.bgimg:after {    content: "";      background: #002b42cc;   position: absolute;
    left: 0;    z-index: -1;    top: 0;    width: 100%;    height: 100%;}
.innerpage .slider img.bannershape2 {  position: relative;    z-index: -1; }
.innerpage .sidebar ul {    padding: 0;}
/*.innerpage .tab ul#menu-header-1 li.current-menu-parent {
    padding: 26px 53px 10px 54px;
    background: #f2f2f2;
    margin-bottom: 60px;
}*/
.innerpage .tab {    background: #f2f2f2;  padding: 26px 53px 10px 54px; margin-bottom: 60px;}
.innerpage .tab ul li {
    padding: 6px 0;
    position: relative;
    font-size: 20px;
    font-family: 'Signika', sans-serif;
    line-height: 1.2em;
}
.innerpage .tab ul li:before {
    content: "\f178";
    position: absolute;
    left: -30px;
    font-family: FontAwesome;
    color: #00304b;
}
.innerpage .tab ul li:hover {    color: #a58b62;}
.innerpage .rinfo {
    margin: 0;
    padding: 25px;
    background: #e5e9eb;
}
.innerpage .rinfo p, .innerpage .rinfo li, .innerpage .rinfo h4{font-family: 'Signika', sans-serif;}
.innerpage .rinfo ul li {    font-size: 15px;    position: relative;padding: 3px 20px;}
.innerpage .rinfo ul li:before {    content: "\f101";  position: absolute;
   left:0px;   width: 100%;  height: 100%;  font-family: FontAwesome;}
.innerpage .rinfo h4, .innerpage .rinfo h5 {    font-size: 21px;font-weight: 600;    padding: 17px 0; font-family: 'Signika', sans-serif;}
.innerpage .tabcontent h2 {
    font-size: 45px;
    font-family: 'Dancing Script', cursive;
    padding: 0;
    margin: 0 0 27px;
}
.innerpage .tabcontent .removal_point p, .removal_point p, .innerpage .tabcontent .removal_point h4, .removal_point h4{font-family: 'Signika', sans-serif;}
.innerpage .tabcontent .removal_point h4, .removal_point h4 {    font-size: 20px;font-weight: 600;color: #a58b62; margin-top:15px;}
.innerpage .tabcontent .removal_point {    padding: 10px 0;}
.innerpage .faqhead, .innerpage .adviceno{text-align: center;}
.innerpage .faqhead p {    font-size: 32px;font-family: 'Dancing Script', cursive;  margin-top:35px;}
.innerpage .adviceno p {
    font-size: 33px;
    font-family: 'Signika', sans-serif;
    background: #00233b;
    padding: 30px 26px;
    color: #a68c65;
    border-radius: 5px;
    margin-top: 45px;
    line-height: 1em;
}
.innerpage .col-md-8.tabcontent {    padding: 4px 28px;}
.innerpage .sidebar {    padding: 0px}
.innerpage .innerbannertext {  position: relative;  z-index: 9;  left: 7%;  top: 3rem;}
.innerpage .innerbannertext h1{color: #a68c65;font-family: 'Dancing Script', cursive; font-size: 74px;}
.innerpage .innerbannertext p{  font-family: 'Signika', sans-serif;font-size: 24px;color: #fff;}
.innerpage .slider:after {  content: "";  position: absolute; bottom: 0;  width: 100%;   height: 100%;
    background: url(../images/checkagain.png);  background-position: center;  background-size: cover;}
.innerpage .slider:before {   content: "";  position: absolute; width: 100%;   height: 100%;   background: #00304be3; top: 0;}




@media(max-width: 1199px){

.show-md {
    display: block;
    background: #00304b;
    text-align: right;
}
nav {    display: none!important;}
.show-md p {    margin: 0;text-align: right;}
.show-md span {    color: #fff;}
.appoint a{    padding: 9px 7px;
    font-size: 20px;}
.topaddress li {    font-size: 15px;}
.topaddress li:first-child {
    font-size: 21px;}
.bannertext {    top: 20rem;}
section.howhelp {    padding: 41px 0 21px;}
.appoint a{font-size: 18px;}
.topaddress li {    font-size: 15px;}
.topaddress li:first-child {    font-size: 21px;}
.navbar ul li a{font-size: 14px;}
.bannertext .cursive{    font-size: 27px;}
.bannertext ul li.head1 {    font-size: 40px;}
.bannertext ul li.head2 {    font-size: 24px;}
.bannertext ul li.head3 {    font-size: 30px;}
.bannertext ul li.head4 {   font-size: 22px;}
.bannertext .bannerbtn {    padding: 0;}
.bannertext .yellowbg{    padding: 14px 4px 0px;}
.bannertext{top: 19rem;    width: 40rem;}
.social p{margin: 0;}
.sectionhead h2{    font-size: 50px;}
.howhelp .sectionhead {    padding: 0 0 40px;}
.sectionhead{    padding: 49px 0 40px;}
.slider img.bannershape {    position: relative;    bottom: 102px;    width: 100%;}
.row.choosefactor h3 {    font-size: 27px;}
.whychoose .factor {    padding: 0 21px 0 0;}
.row.choosefactor{    padding: 0 0 25px;}
.meetdoctor .row.doctors {    padding: 0;}
section.blogs {    padding: 55px 0 0;}
.meetdoctor:after{    top: 100%;}
section.howhelp .caption p{    font-size: 15px;}





}


@media(max-width: 991px){
header, .slider{position: relative;}
.appoint a {    font-size: 13px;    padding: 12px 12px;}
.topaddress li {    font-size: 11px;}
.topaddress li:first-child {    font-size: 16px;}
.bannertext {    top: 14rem;    width: 31rem;left: 36%;}
.bannertext .cursive {    font-size: 23px;}
.bannertext ul li.head2 {    font-size: 20px;}
.bannertext ul li.head1 {    font-size: 34px;}
.bannertext ul li.head3 {    font-size: 25px;}
.bannertext .bannerbtn a{padding: 7px 12px;    font-size: 14px;}
.slider img.bannershape{    bottom: 69px;}
.sectionhead h2 {    font-size: 43px;}
section.howhelp .caption p   { font-size: 11px;}
.row.choosefactor h3{width: 72%;    font-size: 23px;}
.docinfo.second, .docinfo.first {padding: 0;}
.schedule_btn{font-size: 17px;padding: 10px 10px;}
section.area_served ul li{    padding: 0 11px;}
section.howhelp{    padding: 54px 0 21px;}
section.slider{    padding: 0 0 30px;}
.bannertext {    top: 11rem;}
.meetdoctor .docinfo a{    padding: 10px 12px;}
.innerpage .innerbannertext{    top: 0;}
.innerpage .slider{    padding: 15vw 0;}
.innerpage .innerbannertext h1{    font-size: 60px;}
.innerpage .innerbannertext p{    font-size: 19px;}



}





@media(max-width: 767px){

.row.choosefactor h3 {   width: auto;    font-size: 23px;   display: inline-block;}
.innerpage .sidebar {    padding: 0;}
.innerpage .tabcontent h2 {    font-size: 32px;}
.innerpage .faqhead p {    font-size: 24px;}
.innerpage .adviceno p {    font-size: 18px;}
.socialhead {    text-align: center;    padding: 18px 0;}
.topaddress li:first-child {   font-size: 20px;}
.topaddress li {    font-size: 14px;}
.appoint a {   font-size: 16px;  padding: 12px 13px;}
.slider img.bannershape {    bottom: 9vw;}
.mobhide{display: none;}
.mobileview{display: block;}
.bannertext {    top: 0;    width: auto;
    left: 0;    position: relative;      background: #e5eaed;  text-align: center;
    transform: translateX(0);}
.bannertext .cursive:after{content: none;}
section.howhelp {    padding: 44px 15px 21px;}
.whychoose .factor {    padding: 0 15px;    text-align: center;}
.meetdoctor .row.doctors {   padding: 0;    text-align: center;}
.docinfo.second, .docinfo.first {    padding: 28px 0;}
.meetdoctor .meet_btn{    padding: 33px 0 0;}
.meetdoctor{    padding: 15px 0;}
.blogs .sectionhead p{    padding: 0;}
.row.blogsrow {    text-align: center;}
.row.blogsrow div {    padding: 29px 15px;}
.blogs .view_blog{    padding: 30px 0 0;}
.appointment{    text-align: center;}
section.appointment p{    padding: 12px 0;    font-size: 18px;}
.row.appointmentrow p a{    font-size: 21px;}
section.area_served ul li {    padding: 0 7px;}
.sectionhead h2 {    font-size: 30px;}
.schedule_btn {    font-size: 15px;}

.innerpage .innerbannertext h1{font-size: 40px;}
.innerpage .innerbannertext p{font-size: 18px;}

section.slider {
    padding: 0 0 22px;}
section.bannertextmobile.mobileview {
    padding: 30px;background: #e5eaed;}
.logo a{width: 100%; text-align: center;}
.bannertext .cursive {
    font-size: 23px;
    padding: 0;
}

.innerpage .innerbannertext{left: 0;    padding: 0 45px;}
section.teeth_removal {    padding: 32px 0;}
.border_left:before{content: none;}




}


@media(max-width: 450px){
section.bannertextmobile.mobileview {
    padding: 32px 0 0;
    background: #e5eaed;
}
section.slider {
    padding: 0 0 14px;
}

.innerpage .innerbannertext{left: 0;    padding: 0px;}

}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media(min-width:1400px)
{
    .container{width:1220px;}
}