.stellarnav:after,
.stellarnav > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.stellarnav,.stellarnav li{ position:relative;line-height:normal}
.stellarnav{width:100%;z-index:999;/*z-index:9900;font-family: 'Constantia-Bold';*/}
.stellarnav ul{margin:0;padding:0;text-align:center;}
.stellarnav li{list-style:none;display:block;margin:0;padding:0;vertical-align:middle}
.stellarnav li a{padding:15px;display:block;text-decoration:none;color:#777;font-size:inherit;font-family:inherit;box-sizing:border-box;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.stellarnav>ul>li{display:inline-block; float:left;}
.stellarnav>ul>li>a{padding:18px 14px; text-transform:uppercase; font-size:14px;}
.stellarnav.light li:hover>a, .stellarnav.light li>a.active{background:#cb2902; color: #fff;}
.stellarnav.light li li:hover>a{background:rgba(0,0,0,0.1);color:#fff;}
.stellarnav.light li li>a{padding:10px;}
.stellarnav ul ul{top:auto;min-width:265px;position:absolute;z-index:9900;text-align:left;display:none;background:#ddd}
.stellarnav li li{display:block}
.stellarnav ul ul ul{top:0;left:100%;}
.stellarnav>ul>li:hover>ul>li:hover>ul{opacity:1;visibility:visible;top:0}
.stellarnav>ul>li.drop-left>ul{right:0}
.stellarnav li.drop-left ul ul{left:auto;right:220px}
.stellarnav.light,.stellarnav.light ul ul{background:rgba(255,255,255,0)}
.stellarnav.light ul ul{background:#cb2902; color:#fff;}
.stellarnav.light li a{color:#4e4e4e;}
.stellarnav.light ul ul li a{ color:#fff;}
.stellarnav.light .call-btn-mobile,.stellarnav.light .close-menu,.stellarnav.light .location-btn-mobile,.stellarnav.light .menu-toggle{color:rgba(0,0,0,1)}
.stellarnav.dark,.stellarnav.dark ul ul{background:#2E7FC2}
.stellarnav.dark li a{color:#FFF}
.stellarnav.dark .call-btn-mobile,.stellarnav.dark .close-menu,.stellarnav.dark .location-btn-mobile,.stellarnav.dark .menu-toggle{color:rgba(255,255,255,1)}
.stellarnav.fixed{position:fixed;width:100%;top:0;left:0;z-index:9999}body.stellarnav-noscroll-x{overflow-x:hidden}
.stellarnav li.has-sub>a:after{content:'\f0d7';font-family: 'Font Awesome 5 Free';  font-weight: 900;margin-left:10px}
.stellarnav li li.has-sub>a:after{content:'\f0da';font-family: 'Font Awesome 5 Free';  font-weight: 900;margin-left:10px}
.stellarnav li.drop-left li.has-sub>a:after{float:left;content:'\f0d9';font-family: 'Font Awesome 5 Free';  font-weight: 900;margin-right:10px}
.stellarnav.hide-arrows li li.has-sub>a:after,.stellarnav.hide-arrows li.drop-left li.has-sub>a:after,.stellarnav.hide-arrows li.has-sub>a:after{display:none}
.stellarnav .dd-toggle{display:none;position:absolute;top:0;right:0;padding:0;width:48px;height:48px;text-align:center;z-index:9999;border:0}
.stellarnav .dd-toggle i{position:absolute;margin:auto;top:33%;left:0;right:0;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;transition:transform .3s ease-out}
.stellarnav.mobile>ul>li>a.dd-toggle{padding:0}
.stellarnav li.call-btn-mobile,.stellarnav li.location-btn-mobile{display:none}
.stellarnav li.open>a.dd-toggle i{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.stellarnav .call-btn-mobile,.stellarnav .close-menu,.stellarnav .location-btn-mobile,.stellarnav .menu-toggle{display:none;text-transform:uppercase;text-decoration:none;color:#777;padding:15px;box-sizing:border-box}
.stellarnav .full{width:100%}
.stellarnav .half{width:50%}
.stellarnav .third{width:33%;text-align:center}
.stellarnav .location-btn-mobile.third{text-align:center}
.stellarnav .location-btn-mobile.half{text-align:right}
.stellarnav.light .half,.stellarnav.light .third{border-left:1px solid rgba(0,0,0,.15)}
.stellarnav.light.left .half,.stellarnav.light.left .third,.stellarnav.light.right .half,.stellarnav.light.right .third{border-bottom:1px solid rgba(0,0,0,.15)}
.stellarnav.light .half:first-child,.stellarnav.light .third:first-child{border-left:0}
.stellarnav.dark .half,.stellarnav.dark .third{border-left:1px solid rgba(255,255,255,.15)}
.stellarnav.dark.left .half,.stellarnav.dark.left .third,.stellarnav.dark.right .half,.stellarnav.dark.right .third{border-bottom:1px solid rgba(255,255,255,.15)}
.stellarnav.dark.left .menu-toggle,.stellarnav.dark.right .menu-toggle,.stellarnav.light.left .menu-toggle,.stellarnav.light.right .menu-toggle{border-bottom:0}
.stellarnav.dark .half:first-child,.stellarnav.dark .third:first-child{border-left:0}
.stellarnav.mobile,.stellarnav.mobile.fixed{position:static}
.stellarnav.mobile ul{position:relative;display:none;text-align:left;background:rgba(221,221,221,1)}
.stellarnav.mobile.active>ul,.stellarnav.mobile>ul>li{display:block}
.stellarnav.mobile.active{padding-bottom:0}
.stellarnav.mobile>ul>li>a{padding:15px}
.stellarnav.mobile ul ul{position:relative;opacity:1;visibility:visible;width:auto;display:none;-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none}
.stellarnav.mobile ul ul ul{left:auto;top:auto}
.stellarnav.mobile li.drop-left ul ul{right:auto}
.stellarnav.mobile li a{border-bottom:1px solid rgba(255,255,255,.15)}
.stellarnav.mobile li.has-sub a{padding-right:50px}
.stellarnav.mobile>ul{border-top:1px solid rgba(255,255,255,.15)}
.stellarnav.mobile.light li a{border-bottom:1px solid rgba(0,0,0,.15)}
.stellarnav.mobile.light>ul{border-top:1px solid rgba(0,0,0,.15)}
.stellarnav.mobile li a.dd-toggle,.stellarnav.mobile.light li a.dd-toggle{border:0}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .close-menu,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle{display:inline-block}
.stellarnav.mobile li.call-btn-mobile{border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box}
.stellarnav.mobile li.call-btn-mobile,.stellarnav.mobile li.location-btn-mobile{display:inline-block;width:50%;text-transform:uppercase;text-align:center}
.stellarnav.mobile li.call-btn-mobile.full,.stellarnav.mobile li.location-btn-mobile.full{display:block;width:100%;text-transform:uppercase;border-right:0;text-align:left}
.stellarnav.mobile li.call-btn-mobile i,.stellarnav.mobile li.location-btn-mobile i{margin-right:5px}
.stellarnav.mobile.light ul{background:rgba(255,255,255,1)}
.stellarnav.mobile.dark ul{background:rgba(0,0,0,1)}
.stellarnav.mobile.dark ul ul{background:rgba(255,255,255,.08)}
.stellarnav.mobile.light li.call-btn-mobile{border-right:1px solid rgba(0,0,0,.1)}
.stellarnav.mobile.top{position:absolute;width:100%;top:0;left:0;z-index:9999}
.stellarnav.mobile li li.has-sub>a:after,.stellarnav.mobile li.drop-left li.has-sub>a:after,.stellarnav.mobile li.has-sub>a:after{display:none}
.stellarnav.mobile.left>ul,.stellarnav.mobile.right>ul{position:absolute;top:0;bottom:0;width:100%;max-width:280px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.stellarnav.mobile.right>ul{right:0}
.stellarnav.mobile.left .close-menu,.stellarnav.mobile.right .close-menu{display:inline-block;text-align:right}
.stellarnav.mobile.left>ul{left:0}
.stellarnav.mobile.left .call-btn-mobile.half,.stellarnav.mobile.left .call-btn-mobile.third,.stellarnav.mobile.left .close-menu.half,.stellarnav.mobile.left .close-menu.third,.stellarnav.mobile.left .location-btn-mobile.half,.stellarnav.mobile.left .location-btn-mobile.third,.stellarnav.mobile.right .call-btn-mobile.half,.stellarnav.mobile.right .call-btn-mobile.third,.stellarnav.mobile.right .close-menu.half,.stellarnav.mobile.right .close-menu.third,.stellarnav.mobile.right .location-btn-mobile.half,.stellarnav.mobile.right .location-btn-mobile.third{text-align:center}
.stellarnav.mobile.left .menu-toggle.half,.stellarnav.mobile.left .menu-toggle.third,.stellarnav.mobile.right .menu-toggle.half,.stellarnav.mobile.right .menu-toggle.third{text-align:left}
.stellarnav.mobile.left .close-menu.third span,.stellarnav.mobile.right .close-menu.third span{display:none}
a.menu-toggle{ position:relative;}
a.menu-toggle .fa-bars{ position: absolute;right: 16px;top: 14px;font-size: 21px;}
@media only screen and (max-width : 1000px) {
	.stellarnav > ul > li > a { padding:13px 9px; }
}
@media only screen and (max-width :768px){
.stellarnav{overflow:hidden;display:block}
.stellarnav ul{position:relative;display:none; float:none;}
.stellarnav > ul > li{ float:none;}
.stellarnav.light ul ul li a{ color:#444;}

.stellarnav .full {width: 50px;    position: absolute;    right:22px;    top:-197px;    height: 50px;background: #ddd;text-align: center;}
.homeproduct_listingmain{margin:0;}
}
@media only screen and (max-width :480px){
.stellarnav{overflow:hidden;display:block}
.stellarnav ul{position:relative;display:none; float:none;}
.stellarnav > ul > li{ float:none;}
.stellarnav.light ul ul li a{ color:#444;}

.stellarnav .full {width: 50px;    position: absolute;    right:22px;    top: -137px;    height: 50px;background: #ddd;text-align: center;}
.homeproduct_listingmain{margin:0;}
}


@media only screen and (max-width :420px){
.stellarnav.mobile .call-btn-mobile.third span,.stellarnav.mobile .location-btn-mobile.third span{display:none}
.stellarnav .full {width: 50px;    position: absolute;    right:22px;    top: -137px;    height: 50px;background: #ddd;text-align: center;}
.homeproduct_listingmain{margin:0;}
}

.circle-box h4 {
	margin: 20px 0px 10px;
	font-weight: 400;
}

.circle-box p {
	line-height: 26px;
}

.cb-circle {
	width: 80px;
	height: 80px;
	background-color: #F7FAFA;
	border-radius: 50%;
	margin: auto;
	position: relative;
	transition: 0.3s;
}

.circle-box:hover .cb-circle {
	background-color: #00A650;
}

.circle-box .icon-hover {
	display: none;
}

.circle-box:hover .icon-default {
	display: none;
}

.circle-box:hover .icon-hover {
	display: inherit;
}

.cb-icon {
	width: 45px;
	height: 45px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

	.cb-icon img {
		width: 100%;
	}

.parallax-side {
	
	background-image: url('../images/video-consultation1.jpg');
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.parallax-side2 {
	background-image: url("../images/page/Phone-Consultation2.jpg");
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.content-side {
	width: 100%;
	height: auto;
	background-color: #35414b;
	padding: 25px;
	color: #FFF;
	margin-top: 50px;
}


.content-side1 {
	width: 110%;
	height: auto;
	background-color: #FFF;
	padding: 25px;
	color: #35414b;
	margin-top: 50px;
	text-align: center;
}


.content-side2 {
	width: 100%;
	height: 250px;
	background-color: #35414b;
	margin-top: 3rem;
	padding: 25px;
	color: #FFF;
}

.inner-content {
	padding: 5px;
	width: 100%;
}

	.inner-content p {
		color: #FFF;
		font-family: 'Philosopher', sans-serif;
		font-size: 30px;
		line-height: 40px;
	}

.panel-title {
	margin-bottom: 20px;
	border-left: solid 6px #00A650;
}

	.panel-title h2 {
		color: #222;
		font-family: 'Philosopher', sans-serif;
		margin-left: 20px;
	}

	.panel-title h5 {
		color: #00A650;
		margin-left: 20px;
		margin-bottom: 2px;
	}

hr.divider {
	margin: 1.5rem auto 2rem;
	border-top: 1px solid rgba(58, 179, 223, 0.5);
}

.sp-icon-box {
	width: 50px;
	height: 120px;
	margin-right: 20px;
	;
	float: left;
}

.sp-icon {
	width: 50px;
}

	.sp-icon img {
		width: 100%;
	}

.sp-caption h4 {
	color: #FFF;
}

.sp-caption p {
	color: #FFF;
	font-size: 14px;
	line-height: 1.7;
	margin-top: 10px;
}

/* ---------- COUNTER ----------*/

.counter-section {
	background-color: #004415;
	padding: 25px 0;
	margin-top: 100px;
	margin-bottom: 0;
	background-image: url("../images/denta-patterm.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	z-index: -2;
}

	.counter-section:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #004415, #004415);
		opacity: 0.9;
	}

.counter-section-alt {
	background-color: #004415;
	padding: 1.5rem 0rem 0.75rem;
	background-image: url("../images/denta-patterm.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	z-index: -2;
}

	.counter-section-alt:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right, #004415, #004415);
		opacity: 0.9;
	}

.counter-icon {
	width: 50px;
	margin: auto;
}

	.counter-icon img {
		width: 100%;
	}

.counter-statistics .counter {
	font-size: 1.5rem;
	color: #FFF;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	text-align: center;
	margin: 10px 0px;
}

.counter-statistics p {
	color: #FFF;
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	text-align: center;
	margin-top: 15px;
}

/*====================================================
    10. ABOUT US  ALT.
  ====================================================*/
.about-alt-title {
	border-left: solid 5px #00A650;
	margin-bottom: 1rem;
}

	.about-alt-title h5 {
		margin-left: 15px;
		margin-bottom: 5px;
	}

	.about-alt-title h2 {
		margin-left: 15px;
	}

.about-us-alt-info p {
	margin-bottom: 1rem;
}

.about-us-alt-info strong {
	font-weight: 700;
	margin-bottom: 1rem;
	font-size: 16px;
}

.about-us-alt-img img {
	width: 100%;
}

.signature {
	width: 150px;
}

	.signature img {
		width: 100%;
	}

.box-layer {
	padding: 30px 25px 35px;
	transition: 0.3s;
	cursor: pointer;
}

	.box-layer h4 {
		margin: 20px 0px 10px;
		transition: 0.3s;
		font-weight: 700;
	}

	.box-layer p {
		font-size: 14px;
		line-height: 26px;
		transition: 0.3s;
	}

.active-layer {
	background-color: #00A650;
	border-radius: 5px;
}

.bl-icon-active {
	width: 40px;
}

	.bl-icon-active img {
		width: 100%;
	}

h4.active {
	color: #FFF;
}

p.active {
	color: #FFF;
}

.box-layer .bl-icon {
	width: 40px;
}

	.box-layer .bl-icon img {
		width: 100%;
	}

.box-layer .bl-icon-hover {
	width: 40px;
	display: none;
}

	.box-layer .bl-icon-hover img {
		width: 100%;
	}

.box-layer:hover {
	background-color: #00A650;
	border-radius: 5px;
}

	.box-layer:hover .bl-icon {
		display: none;
	}

	.box-layer:hover .bl-icon-hover {
		display: inherit;
	}

	.box-layer:hover h4 {
		color: #FFF;
	}

	.box-layer:hover p {
		color: #FFF;
	}

.og-section-tittle {
	width: 100%;
	margin-bottom: 1.5rem;
	border-left: solid 6px #00A650;
}

	.og-section-tittle h5 {
		color: #DDD;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	.og-section-tittle h2 {
		margin-left: 20px;
	}

.og-about-alt p {
	margin-bottom: 1rem;
}

.og-about-alt strong {
	font-weight: 700;
	color: #787878;
	font-style: italic;
}

.og-accordion {
	margin-top: 1.5rem;
}

	.og-accordion .accordion {
		border-top: 1px solid #FFF;
		background: #F7FAFA;
		padding: 0px 20px;
	}

		.og-accordion .accordion li {
			border-bottom: 2px solid #fff;
			position: relative;
			list-style-type: none;
		}

			.og-accordion .accordion li p {
				display: none;
				padding: 10px 20px 20px;
				color: #516163;
				font-size: 14px;
				font-family: 'Open Sans', sans-serif;
			}

		.og-accordion .accordion a {
			width: 100%;
			font-family: 'Open Sans', sans-serif;
			display: block;
			cursor: pointer;
			font-weight: 400;
			line-height: 3;
			font-size: 16px;
			user-select: none;
		}

		.og-accordion .accordion li a.active {
			color: #00A650;
		}

		.og-accordion .accordion a.hover {
			color: #00A650;
		}

		.og-accordion .accordion a:after {
			width: 8px;
			height: 8px;
			border-right: 2px solid #00A650;
			border-bottom: 2px solid #00A650;
			position: absolute;
			right: 5px;
			content: " ";
			top: 20px;
			transform: rotate(-45deg);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

	.og-accordion a.active:after {
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border-right: 1px solid #00A650;
		border-bottom: 1px solid #00A650;
	}

	.og-accordion .accordion .last-item {
		border-bottom: none;
	}

.worker-portrait img {
	width: 100%;
}

.testimonials-parallax-alt {
	background-color: #fff;
	position: relative;
	padding: 0 0 15px;
}


.about-testimonials {
	padding: 15px 0;
}

	.about-testimonials h5 {
		text-transform: none;
		color: #00A650;
		font-size: 30px;
		font-weight: 500;
	}

	.about-testimonials h2:after {
		background-color: #00A650;
		content: '';
		display: block;
		height: 5px;
		margin: 0.80rem 0rem;
		width: 80px;
	}

	.about-testimonials h2 {
		font-size: 34px;
		color: #222;
	}

	.about-testimonials strong {
		font-weight: 700;
		font-style: italic;
	}

	.about-testimonials p {
		font-size: 14px;
		color: #787878;
		line-height: 26px;
		margin-bottom: 15px;
	}

.testimonials-box {
	padding: 1.5rem;
	margin: 15px;
	border: 1px solid #E1EEF5;
	background-color: #F3F7F9;
}

	.testimonials-box p {
		font-size: 16px;
		font-family: 'Philosopher', sans-serif;
		line-height: 26px;
		color: #333;
		font-style: italic;
	}

.tb-client-details {
	margin-top: 1.5rem;
}

.tb-client-avatar {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
}

	.tb-client-avatar img {
		width: 100%;
		border-radius: 50%;
	}

.tb-client-details .caption {
	padding: 10px 0px;
}

	.tb-client-details .caption h4 {
		font-size: 14px;
		font-weight: 400;
	}

	.tb-client-details .caption strong {
		font-weight: 700;
	}

.span-rating {
	margin-top: 5px;
}

.inner-star {
	display: inline-block;
	margin-right: 2px;
}

	.inner-star .fas {
		font-size: 14px;
		color: #FFA800;
	}

.groucho:after {
	content: '\201D';
	position: absolute;
	top: 3rem;
	right: 2.5rem;
	font-size: 6em;
	font-style: italic;
	color: #00A650;
	z-index: 1;
}