@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');
body {font-family: 'Barlow', sans-serif;}
.text-success { color: #87b646 !important; }
a.text-success:hover { color: #666666 !important; }
.locations ul { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0; position: relative; }
.locations ul li { display: inline-block; margin: 0.7rem 0.7rem; }
.locations ul li:last-child { margin-right: 1rem; }
.locations ul li a {position: relative; text-decoration: none; display: inline-block; }
.callUs a { font-size: 1.2rem; font-weight: 700; color: #ffffff;}
.btn{border-radius: 0; border-color: #ffffff !important; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.btn.btn-primary{background-color: #1a7dbf !important;}
.btn.btn-primary:hover{background-color: #87b646 !important;}
.btn.btn-success{background-color: #87b646 !important;}
.btn.btn-success:hover{background-color: #1a7dbf !important;}


/* main-menu */
header{position: absolute; width: 100%; z-index: 99; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease;}
header.innerHeader{position: relative;background-color: rgba(26, 125, 191, 0.8);}
header.fixed-top{background-color: #4897cc;
  position: fixed; z-index: 9999; animation: smoothScroll 1s forwards; 
  -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease;
}
.navbar-brand img { width: 250px; }
@keyframes smoothScroll {
	0% { transform: translateY(-90px); }
	100% { transform: translateY(0px); }
}

.navbar { background: transparent; padding:0.4rem 0;}
header.fixed-top .navbar { padding-bottom: 0.4rem; }
.navbar-brand { padding: 0; margin-left: 0.5rem;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; font-weight: 700; text-transform: uppercase; position: relative; color: #ffffff; padding: 0.4rem 0.6rem; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link { }
.navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{content: ''; width: 100%; height: 36px; border: 1px solid #ffffff; position: absolute; bottom: 0; left: 0;}
.dropdown-toggle::after{content: none; }

/* .navbar-nav .dropdown-menu { min-width: 265px; max-width: 265px; } */
.navbar-nav .dropdown:hover .dropdown-menu, .navbar-nav li.show .dropdown-menu { display: block; background-color: rgba(255, 255, 255, 0.9); margin: 0; }
.navbar-nav .dropdown-menu a { display: block; color: #000 !important; white-space: break-spaces; text-transform: capitalize !important; text-decoration: none; padding: 0.4rem 0.7rem !important; border: 0 !important; }
.navbar-nav .dropdown-menu a:hover, .navbar-nav .dropdown-menu .current-menu-item a { color: #fff !important; background: #1a7dbf; }
.navbar-nav .dropdown-menu { min-width: 240px; max-width: 390px; border-radius: 0; padding: 0; border: 0; }
.navbar-nav .dropdown-item.active, .dropdown-item:active { background: #0063b9; color: #ffffff !important; }
.mobile-tab { display: none; }
.mainBanner .carousel-caption { text-align: left; left: 13.5%; bottom: 10%; width: 500px;}
.mainBanner .carousel-caption h1 { font-size: 2.6rem; font-weight: 700; }
.overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; z-index: 1; height: 100%; width: 100%; }
.serviceSection {background-color: #1a7dbf; color: #ffffff;}
.serviceSection h2{ font-size: 2rem; color: #fff; margin-bottom:1rem; }
.serviceSection h3{ font-size: 1.6rem; color: #fff; }
.serviceSection .owl-nav { position: absolute; top: 15px; width: 100%; }
.serviceSection .owl-nav .nav-btn { position: absolute; }
.serviceSection .owl-nav .nav-btn img { width: 40px; }
.serviceSection .owl-nav .nav-btn.prev-slide { left: -60px; }
.serviceSection .owl-nav .nav-btn.next-slide { right: -60px; }
.serviceSection p a{color: rgba(255,255,255,1.00); text-decoration: underline}
.serviceSection p a:hover{text-decoration: none}
.drSection {padding: 5rem 0;}
.drSection h2{color: #1a7dbf}

.periodontalSection{margin-bottom: 8rem; padding: 6rem 0 0; background-image: url('../images/periodental-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right;}
.periodontalSection h2{text-align: center; color: #ffffff; margin-bottom: 2rem;}
.periodontalSection .conditionBox{padding: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); min-height: 410px; background-color: #ffffff; text-align: center; border-radius: 0 0 5px 5px;}
.periodontalSection .conditionBox h4{font-size: 1rem; min-height: 40px; padding: 1rem 0;}
.periodontalSection .item{text-align: center;}
.periodontalSection .item a{position: relative; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); bottom: 20px; left: 0; right:0; margin: 0 auto; width: 140px;}

.implantsSection{position: relative;top: 90px;}
.implantsSection .conditionBox{min-height: 100%;}
.implantsSection .conditionBox h4{padding:1.5rem 0 2rem; font-size: 1.25rem;}

.testimonialsSection {background-color: #1a7dbf; color: #ffffff; text-align: center;}
.testimonialsSection .carousel-indicators{position: relative;}
.testimonialsSection .carousel-control-next, .testimonialsSection .carousel-control-prev{ position: relative; width: 10%; display: inline-block;}
.quickConnect { padding: 4rem 0; background-image: url('../images/quickconnect-bg.jpg'); background-repeat: no-repeat; background-position: right; background-size: cover; }
.connectForm { margin-top: 2rem; }
.connectForm .form-control { height: calc(2.5em + .75rem + 2px); background-color: rgba(255, 255, 255, 0.4); border-radius: 30px; border-color: #f8a279; }
.connectForm textarea.form-control { height: auto; }
footer { padding: 2.5rem 0 2rem; }
footer h3 { font-size: 1.5rem;  color: #444444; }
footer .footer-content{ line-height: 1.2;}
footer .address{padding-left: 3rem; margin-bottom: 2rem;}
footer .address li { display: block; position: relative; margin: 1.4rem 0; }
footer .address li::before { position: absolute; left: -2.8rem; font-family: FontAwesome; color: #444444;width: 35px;height: 35px; border: 1px solid #1a7dbf; border-radius: 50%; text-align: center; padding-top: 5px;}
footer .address li:nth-child(1)::before { content: '\f0f8'; }
footer .address li:nth-child(2)::before { content: '\f095'; top: -5px; }
footer .address li:nth-child(3)::before { content: '\f1ac'; top: -5px;}
footer .address li:nth-child(4)::before { content: '\f0e0'; top: -5px;}
footer .address li a { color: #444444; }
footer .quickLinks{padding-left: 1.5rem;}
footer .quickLinks li{display: block; position: relative;}
footer .quickLinks li::before{content: '\f101'; position: absolute; left: -1.3rem;font-family: FontAwesome;}
footer .quickLinks li a{color: #444444;}
footer .hours { padding-left: 0; }
footer .hours li { display: flex; justify-content: space-between; margin: 0.4rem 0; }
.policy ul { padding-left: 0; }
.policy ul li { display: inline-block; }
.policy ul li a { color: #666666; font-size: 0.9rem; padding: 0 1.5rem; }
.policy ul li:first-child a { border-right: 1px solid #ccc; padding-left: 0; }
.footer-social { padding: 0; }
.footer-social li{display: inline-block !important;}
.footer-social li::before{content: none !important;}
.footer-social li a{display: inline-block; margin: 0 0.15rem; width: 36px; height: 36px; text-align: center; padding-top: 0.35rem; border-radius: 30px; background-color: #f7f7f7; }
.footer-social li:nth-child(1) a{color: #3b5999}
.footer-social li:nth-child(1) a:hover{background-color: #3b5999; color: #fff;}
.footer-social li:nth-child(2) a{color: #55acee}
.footer-social li:nth-child(2) a:hover{background-color: #55acee; color: #fff;}
.footer-social li:nth-child(3) a{color: #0077b5}
.footer-social li:nth-child(3) a:hover{background-color: #0077b5; color: #fff;}
.footer-social li:nth-child(4) a{color: #af0606}
.footer-social li:nth-child(4) a:hover{background-color: #af0606; color: #fff;}
.footer-social li:nth-child(5) a{color: #cd201f}
.footer-social li:nth-child(5) a:hover{background-color: #cd201f; color: #fff;}
.copyRight { font-size: 0.9rem; }
.copyRight a { color: #333333; }
.quickForm{padding: 0.5rem 0; background-color: #4897cc;}
.quickForm h4{font-size: 1.2rem; color: #ffffff; font-weight: 700;}
.quickForm .form-control{border:0; border-radius: 0; height: calc(1.3em + .75rem + 2px);}


/* inner pages style */
.mainHeading { position: absolute; z-index: 2; top: 40%; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
.mainHeading h1 { color: #ffffff; font-weight: 700; }
.mainHeading .breadcrumb { background-color: transparent; text-align: center; justify-content: center; }
.mainHeading .breadcrumb li, .mainHeading .breadcrumb li a { color: #ffffff; font-weight: 700; }
.breadcrumb-item+.breadcrumb-item::before { content: '>'; color: #fff; }

/* innerContainer */
.innerBanner {padding: 0; color: #ffffff; background-color: #1a7dbf; background-position: right; background-size: 65%; background-repeat: no-repeat; }
.innerBanner h2{font-size: 2.5rem; text-transform: uppercase;}
.innerBanner p{display: none}
.innerContent{padding: 3rem 0;}
.innerContent h1{font-size: 2.5rem; color: #1a7dbf;}
.innerContent h2{font-size: 1.8rem; color: #87b646;}
.innerContent h3{font-size: 1.4rem; color: #666666;}
.innerContent ul li{display: block; position: relative; padding: 0.3rem 0; padding-left: 0;}
.innerContent ul li::before{content: '\f111'; font-family: FontAwesome; position: absolute; left: -1.4rem; font-size: 0.7rem; top: 0.5rem;}
.serviceBox{background-color: #f7f7fd; border:0;}
.serviceBox .card-header{background-color: transparent; font-size: 1.6rem;}
.serviceBox .card-body{padding: 0;}
.serviceBox .card-body ul{margin-bottom: 0; padding-left: 0;}
.serviceBox .card-body ul li{border-bottom: 1px solid #cccccc;}
.serviceBox .card-body ul li:last-child{border:0;}
.serviceBox .card-body ul li{display: block; position: relative; padding: 0.5rem 1rem; padding-left: 3rem;}
.serviceBox .card-body ul li::before{content: '\f111'; font-family: FontAwesome; position: absolute; left: 1.5rem; font-size: 0.7rem; top: 13px;}
.serviceBox .card-body ul li a{color: #333333;}
.serviceBox .card-body ul li.active::before, .serviceBox .card-body ul li a:hover{color: #87b646;}
.copyRight ul{margin: 0; padding: 0; display: inline-block}
.copyRight ul li{display: inline-block; list-style: none}
.copyRight ul li a{text-decoration: underline}
.copyRight ul li a:hover{text-decoration: none}
ul.banner_cta {margin: 0; padding: 0; margin-top: 1.5rem}
ul.banner_cta li { display: inline-block; margin: 0; list-style: none}
ul.banner_cta li a {position: relative; color: rgba(255,255,255,1.00); font-weight: bold; text-decoration: none; display: inline-block; padding: .5rem 1rem; border: 1px solid rgba(255,255,255,1.00); line-height: 1.25; font-size: 14px; float: left; margin-right: 10px;}

.lanap-laser{position: absolute; right: 14%; bottom: 70px; z-index: 99; width: 170px;}

.errorMSG, .errorMSGG{font-size:12px !important; color:#ff0000; font-size: 12px !important;}
.frm-ctrl .gcaptchaa{height:35px;}
label.error{margin-bottom:0 !important;}

@media (min-width: 1921px) and (max-width: 7000px){
  html, body, .quickForm{width: 1370px; margin: auto; position: relative; overflow-x: hidden;}
  .quickForm{position: fixed;}
}

@media(max-width:1280px) {
	.navbar{padding: 0.4rem 0;}
	.locations { position: relative; top: -5px; right: -10px; }
	.navbar-expand-lg .navbar-nav { width: 100%; justify-content: space-between; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size: 0.9rem;}	
	.lanap-laser{right: 10%}
	
}
@media(max-width:1130px) {
	.navbar .container{width: 100%; max-width: 100%;}
	.navbar-expand-lg .navbar-nav .nav-link { padding:0.3rem 0.5rem; font-size: 0.9rem; }
	.navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{height: 30px;}
	.locations ul li { margin: 0 0.7rem; }
	section h2{font-size: 1.8rem !important; margin-bottom: 0.5rem !important;}
	.serviceSection h3{font-size: 1.3rem;}
	footer ul li a, footer .hours li{font-size: 0.9rem;}
	.footer-social li a{width: 34px; height: 34px;}
	.innerBanner{padding: 1rem;}
	.innerBanner h2{font-size: 1.8rem;}
	.periodontalSection .conditionBox{min-height: 355px;}
	.periodontalSection .conditionBox h4{padding: 1.5rem 0 2rem}

	}
@media(max-width:990px) {
	.orangeButton { padding: 1rem; }
	header.fixed-top{position: initial !important;animation:none;}
	.navbar .container-fluid { display: flex; justify-content: start; padding-left: 1rem; }
	.locations { position: relative; right: 55px;}
	.locations ul { padding: 0; }
	.locations ul li { margin: 0.5rem 0.35rem 0; }
	.locations ul li.social-links { display: none; }
	.callUs a { font-size: 1rem; }
	.navbar-brand img { width: 150px; }
	.navbar { justify-content: start; padding: 0.5rem;}
	.navbar .navbar-toggler { padding: 0.35rem 1rem; border: 1px solid #ffffff; position: fixed; top: 0.8rem; right: 1rem; z-index: 99999; background: #1a7dbf; color: #fff; border-radius: 0;}
	.navbar .navbar-toggler.collapsed { position: absolute; right: 1rem; }
	.navbar .navbar-toggler .close{padding: 0 0.18rem; line-height: 21px;}
	.navbar-nav { position: initial; padding: 40% 20%; max-height: 100%; overflow-y: scroll; }
	.navbar-nav .dropdown:hover .dropdown-menu { display: none; }
	.navbar-nav .dropdown.show .dropdown-menu { display: block; border-radius: 0; min-width: 100%; }
	.navbar-nav .dropdown-menu a{white-space: break-spaces;}
	.navbar .navbar-nav li a.mobile-tab, .navbar .navbar-nav li a.mobile-tab:focus { display: inline-block !important; position: absolute !important; right: 0; top: 0; text-align: center; width: 60px; height: 36px; padding-top: 0.4rem !important; background: rgba(0, 0, 0, 0.6); color: #ffffff !important; z-index: 9999; border: 0 !important; }
	.navbar-toggler>.close { display: inline; opacity: 1; text-shadow: none; color: #fff; }
	.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link { color: #87b646; }
	.navbar-expand-lg .navbar-nav .nav-link:hover::before, .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before{content: none;}
	.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.fa-bars { display: none; }
	.navbar-collapse { position: fixed; top: 50px; right: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; width: 100%; height: 100%; z-index: 99995; background-color: #666; top: 0; }
	.navbar-collapse.collapsing { right: -100%; transition: right 300ms ease-in-out; }
	.navbar-collapse.show { right: 0; transition: right 300ms ease-in-out; }
	.navbar-toggler.collapsed ~ .navbar-collapse { transition: right 500ms ease-in-out; }
	.navbar-expand-lg .navbar-nav .nav-link { color: #fff; }

	.mainBanner .carousel-caption{bottom: 5%;}
	.drSection h3{font-size: 1.25rem;}
	.serviceSection h3{font-size: 1.1rem}
	.serviceSection p{line-height: 1.2;}
	.periodontalSection{padding: 4rem 0 0;}
	.periodontalSection .conditionBox{min-height: 1px;}
	.periodontalSection{margin-bottom: 5rem;}
	.footer-social{margin-bottom: 2rem;}
	.testimonialsSection img{display: none;}
	.testimonialsSection{padding: 1rem 0; background-image: url('../images/testimonals-img.jpg'); background-size: 75%;background-repeat: no-repeat; background-position: -75%;}
	.quickForm{z-index: 9;}
	.innerBanner{background-size: 75%;background-position: 400px;}
	.periodontalSection .conditionBox h4{padding: 1rem 0 1.5rem}
	.lanap-laser {
	    right: 5%;
	    bottom: 10px;
	    z-index: 99;
	    width: 130px;
	}
}
@media(max-width:767px) {
	header{position:initial;background-color: #4a8eb5;}
	.btn-lg{font-size: 1.2rem;}
	.navbar .container { display: block; }
	.navbar-nav{padding: 35% 10%;}
	.navbar .navbar-toggler{top: 0.5rem;}
	.locations{position: initial; right: 0;}
	.locations ul { display: block; text-align: center; }
	.locations ul li { display: inline-block; margin-top: 0;}
	.locations ul li.callUs a{background-color: #444444; padding: 0.35rem 1rem; font-size: 0.9rem; border:1px solid #ffffff;}
	.footer-social a{width: 30px; height: 30px; padding-top: 0.2rem; margin: 0;}
	.navbar-brand { margin-left: 0;}
	.donorSection::before {opacity: 0.2;background-position: 84% 100px; background-size: 1100px;}
	.mainBanner .carousel-caption{position: relative; left: 0; padding: 1rem; width: 100%;}
	.mainBanner .carousel-caption h1{font-size: 2rem;}
	.mainBanner .carousel-indicators{display: none;}
	.mainBanner .carousel-control-next, .mainBanner .carousel-control-prev{height: 40%;}
	.serviceSection{padding-bottom: 1rem;}
	.drSection{padding-bottom: 2rem;}
	.drSection h2{margin-top: 1.5rem;}
	.quickForm{display: none;}
	.testimonialsSection{background-image: none; padding-top: 0;}
	.testimonialsSection img{display: block; margin-bottom: 1rem;}
	.periodontalSection .conditionBox{width: 80%; margin: auto;}
	section h2{margin-top: 0.6rem;}
	/*.copyRight{margin-bottom: 42px;}*/
	.innerBanner{background-size:cover; background-position: center; padding: 0;}
	.innerBanner .col-md-6{background-color: rgba(26, 125, 191, 0.6); padding: 1.5rem;}
	.lanap-laser {
	    width: 80px;
	    top: 28%;
	}
}
@media(max-width:639px) {
	.navbar{padding: 0.5rem 0.5rem 0;}
	.locations{position: relative; top: -7px;}
	.locations ul li { display: block; text-align: center; margin: 0.2rem 0.35rem;}
	.locations ul li a{ width: 250px;}
	.locations ul li:last-child{margin-right: 0.35rem;}
	.donorSection .card .card-header a{font-size: 1rem;}
	.lanap-laser {
	    top: 24%;
	}
}
@media(max-width:479px) {
	.doctor{margin: 1rem 0; display: block; float: none}
	ul.banner_cta li a{min-width: 210px; text-align: center}
}
@media(max-width:330px) {
	.lanap-laser {top: 18%; width: 70px;}
}