/*
    Template Name    : Green Leaf
	Description		 : Gardening and Landscaping HTML One Page Template 
    Version          : 1.0
/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Laro
2. Common CSS
3. Loader CSS
4. Top Bar
5. Navigation
6. Banner Section
7. About Section
8. Services Section
9. Offer Section
10. Gallery Section
11. Contact Label Section
12. Plans Section
13. Blog Section
14. Count Section
15. Contact Section
16. Testimonial Section
17. Subscription Section
18. Footer Section
19. Copyright Section
20. Responsive CSS

/*
================================================
1. Fonts - Roboto and Lora
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Lora:400,500,600,700|Roboto:300,400,500,700');
/*
================================================
2. Common CSS
================================================
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.57143;
	font-weight: 400;
	color: #2d2e2e;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', sans-serif;
	margin-top: 0;
}
a {
	color: #2d2e2e;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #242c42;
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
ul, li {
	list-style: outside none none;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.mt-6, .my-6 {
	margin-top: 4rem !important;
}
.mb-6, .my-6 {
	margin-bottom: 4rem !important;
}
/* Button Effects */

.btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 0;
	padding: 11px 40px 12px;
	font-size: 19px;
	color: #fff;
	font-weight: 500;
	background: #25352f;
	border: none;
	border-radius: 50px;
}
.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #6bb501;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 50px;
}
.btn:hover, .btn:focus, .btn:active {
	color: #fff;
	box-shadow: none !important;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	border-radius: 50px;
}
.section-title {
	color: #6bb601;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 40px;
	display: inline-block;
	width: 100%;
}
.section-title span {
	color: #253530;
}
.border-right {
	border-right: 1px dashed #ffffff!important;
}
#scrollUp {
	position: fixed;
	right: 50px;
	bottom: 55px;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}
.section {
	padding: 80px 0;
}
/*
================================================
3. Loader CSS
================================================
*/

#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Top Bar
================================================
*/

.top-bar {
	display: inline-flex;
	width: 100%;
	background-color: #ffffff;
	padding: 25px 0;
	border-top: 9px solid #253531;
}
.top-bar .top-right-nav p {
	color: #ffffff;
	margin: 6px 0;
	font-size: 14px;
}
.top-bar .top-right-nav.text-right {
	float: right;
}
.top-bar .top-right-nav ul {
	margin: 0;
}
.top-bar ul li {
	float: left;
	margin-right: 10px;
}
.top-bar ul li strong {
	display: block;
}
.top-bar ul li a:hover {
	color: #fff;
}
.top-bar .timings-sec a.nav-btn {
	background-color: #6a9b1c;
	padding: 0.5rem 1rem;
}
.top-bar .phone-email-sec, .top-bar .timings-sec {
	display: flex;
	align-items: center;
}
.top-bar .phone-email-sec>img, .top-bar .timings-sec>img {
	float: left;
}
.top-bar .phone-email-sec li, .top-bar .timings-sec li, .top-bar .phone-email-sec li a, .top-bar .phone-email-sec li a:hover {
	font-size: 15px;
	color: #a7a7a7;
}
.top-bar .phone-email-sec li strong, .top-bar .timings-sec li strong {
	font-size: 18px;
	color: #1f2e29;
}
.top-bar .bookAppoBtn {
	padding-left: 25px;
	padding-right: 25px;
	background: #23322d;
	text-transform: uppercase;
	margin: auto 0;
	border-radius: 30px;
	overflow: hidden;
	font-size: 18px;
}
.top-bar .bookAppoBtn:hover:before {
	background-color: #6a9b1c;
	border-radius: 30px;
}
/*
================================================
5. Navigation
================================================
*/

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}
.custom-navbar {
	background-color: #6bb601;
	z-index: 99;
	padding: 3px 0;
}
.custom-navbar .navbar-nav {
	border-right: 1px dashed #ffffff;
	padding-right: 20px;
}
.custom-navbar .navbar-nav li a {
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	font-weight: 700;
	font-size: 17px;
	font-family: 'Lora', sans-serif;
	letter-spacing: 0.01em;
	color: #ffffff;
}
.custom-navbar .navbar-nav li a:hover, .custom-navbar .navbar-nav li a.active {
	color: #c4fd72;
}
.custom-navbar .navbar-nav li a:before {
	content: '';
	width: 25px;
	height: 5px;
	display: inline-block;
	background: #c4fd72;
	position: absolute;
	bottom: 0;
	left: 8px;
	transform: translateX(-24px);
	transition: 0.5s all ease;
	opacity: 0;
}
.custom-navbar .navbar-nav li a.active:before {
	transform: translateX(0px);
	opacity: 1;
}
/** Social Links **/

.header-search {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
}
.header-searchtrigger {
	border: none;
	font-size: 24px;
	align-self: stretch;
	display: flex;
	align-items: center;
	color: #ffffff;
	min-width: 54px;
	background: none;
	border: none;
	outline: none !important;
	cursor: pointer;
	margin: auto;
	padding: 15px;
}
.header-searchtrigger:hover, .header-searchtrigger.is-active {
	color: #c4fd72;
}
.header-searchbox {
	position: absolute;
	right: 0;
	top: 100%;
	width: 300px;
	height: auto;
	background: #f5f5f5;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
	transform: scale(0.8);
	transform-origin: 50% 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
.header-searchbox input {
	border: 1px solid #bbbbbb;
	border-right-color: #7dce0c;
	width: 85%;
	padding: 0 15px;
}
.header-searchbox input:focus {
	outline: none;
	border-color: #c4fd72;
}
.header-searchbox button, .header-searchbox[type="submit"] {
	background: #7dce0c;
	border: 1px solid #7dce0c;
	color: #ffffff;
	flex: 0 0 45px;
	max-width: 45px;
	font-size: 18px;
	border-radius: 0;
}
.header-searchbox button:hover, .header-searchbox[type="submit"]:hover {
	background: #6bb601;
}
.header-searchbox button:focus {
	border-radius: 0;
	outline: none !important;
}
.header-searchbox input, .header-searchbox select {
	height: 45px;
	padding: 0 15px;
}
.header-searchbox.is-visible {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
/** Social Links **/

.menu-social > li {
	float: left;
}
.menu-social > li a {
	display: flex !important;
	line-height: 36px;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	background-color: transparent;
	padding: 0;
	border: 1px dashed #ffffff !important;
	color: #ffffff;
	margin: auto 5px;
	align-items: center;
	justify-content: center;
}
.menu-social > li a:hover {
	background-color: #6a9b1c;
}
.menu-social > li a:hover i {
	color: #ffffff;
}
.bar-toggler {
	display: none;
	cursor: pointer;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	animation: smoothScroll 1s forwards;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}
@keyframes smoothScroll {
 0% {
 transform: translateY(-60px);
}
 100% {
 transform: translateY(0px);
}
}
.navbar .logo {
	width: 248px;
	margin-top: -164px;
}
.navbar .for-sticky {
	font-family: 'Lora', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 15px;
	display: none;
}
.navbar.sticky .for-sticky {
	display: block;
}
.navbar.sticky .logo {
	width: 60px;
	margin-top: 0;
	display: none;
}
.menu-bar {
	position: fixed;
	top: 55px;
	right: -40px;
	width: 0px;
	padding: 15px;
	z-index: 99;
	display: none;
	background-color: #161616;
	border-radius: 0px;
	overflow: auto;
	border-top: 1px solid #6a9b1c;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-bar.active {
	width: 290px;
	right: 0;
}
.menu-bar ul li a {
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #373636;
	padding: 10px;
	color: #aaa8a8;
}
.menu-bar ul li a:hover, .menu-bar ul li a.active {
	color: #6a9b1c;
}
.menu-bar ul li a.nav-btn {
	background-color: #6a9b1c;
	margin-top: 15px;
}
.menu-bar ul li a.nav-btn:hover, .menu-bar ul li a.nav-btn:focus {
	color: #fff;
}
.menu-bar ul.address li a {
	color: #A2A2A2;
	font-size: 13px;
	line-height: 16px;
	display: block;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	padding: 10px 0;
	text-align: left;
	text-transform: capitalize;
}
.menu-bar ul.address li a i {
	color: #ffffff;
	margin-right: 10px;
	width: 10px;
}
.menu-bar ul.address li a:hover {
	color: #ffffff;
}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 2px;
	background-color: #ffffff;
	margin: 6px 0;
	transition: 0.4s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-3px, 3px);
	transform: rotate(-45deg) translate(-3px, 3px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
/** Quote Popup **/

.quote-part {
	position: relative;
	background-color: #fff;
	margin: 20px auto;
	transition: 1s all;
	max-width: 800px;
	padding: 50px;
	font-family: 'Poppins', sans-serif;
}
.quote-part .section-title {
	margin-bottom: 15px;
	padding-bottom: 0;
}
.section-title .section-span {
	font-size: 25px;
	color: #6bb501;
	font-weight: 600;
}
.section-title .head-two {
	font-size: 35px;
	font-weight: 600;
	color: #121619;
	margin-top: 5px;
}
.quote-part .form-control {
	height: 50px;
	margin-bottom: 30px;
	box-shadow: none;
	border-color: #ced4da;
	font-size: 14px;
	border: 1px solid #ddd;
	color: #999;
}
.quote-part textarea.form-control {
	height: unset;
}
.quote-part .contact-detail-grp {
	height: 100%;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	position: relative;
}
/*
================================================
6. Banner Section
================================================
*/

.banner-sec {
	position: relative;
}
.banner-sec .banner-container {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
	height: 100%;
}
.banner-sec .title-sec {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	height: 450px;
	margin: auto;
	width: 450px;
}
.banner-sec .title-sec img {
	width: 100%;
}
.banner-sec .title-sec .title {
	position: absolute;
	right: 0;
	left: -10px;
	top: 33px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
}
.banner-sec .title-sec .title .btn {
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin-top: 13px;
}
.banner-sec .title-sec .title h1 {
	font-size: 60px;
	font-weight: 700;
	line-height: 60px;
}
.banner-sec .title-sec .title h1 span {
	font-size: 35px;
	text-transform: uppercase;
	display: block;
	color: #99d13a;
	text-align: left;
	text-indent: 75px;
}
.banner-sec .title-sec .btn {
	background: #6bb501;
}
.banner-sec .title-sec .btn:before {
	background: #25352f;
}
/*
================================================
7. About Section
================================================
*/
.about-sec .video {
	position: relative;
	display: flex;
	padding-left: 9px;
	border-left: 2px solid #000000;
}
.about-sec .video:before {
	content: '';
	width: 3px;
	height: 100%;
	display: inline-block;
	background: #000000;
	position: absolute;
	left: -7px;
	top: 0;
	bottom: 0;
}
.about-sec .video:after {
	content: '';
	width: 4px;
	height: 100%;
	display: inline-block;
	background: #000000;
	position: absolute;
	left: -13px;
	top: 0;
	bottom: 0;
}
.about-sec .btn a {
	color: #ffffff;
	text-decoration: none;
}
.about-sec .video .play-btn {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	font-size: 72px;
	position: absolute;
	padding: 0;
	line-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: rgba(255, 255, 255, 0.3);
	outline: none;
	border: 15px solid rgba(255, 255, 255, 0.3);
	box-sizing: content-box;
}
.about-sec .video .play-btn:before {
	content: '';
	background: rgba(255, 255, 255, 0.3);
	width: 110px;
	height: 110px;
	display: inline-block;
	position: absolute;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: auto;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
 0% {
 transform: translateZ(0) scale(1);
 opacity: 1;
}
 100% {
 transform: translateZ(0) scale(1.3);
 opacity: 0;
}
}
.about-sec .text-sec h2 {
	font-size: 60px;
	color: #6bb601;
	text-transform: uppercase;
}
.about-sec .text-sec h2 {
	font-size: 56px;
	color: #6bb601;
	text-transform: uppercase;
	line-height: 56px;
	font-weight: bold;
}
.about-sec .text-sec h2 span {
	font-size: 20px;
	color: #253530;
	line-height: 50px;
}
.about-sec .text-sec h3 {
	font-size: 56px;
	color: #6bb601;
	text-transform: uppercase;
	line-height: 56px;
	font-weight: bold;
}
.about-sec .text-sec h2 span strong {
	font-size: 100px;
	color: #6bb601;
}
/*
================================================
8. Services Section
================================================
*/

.services-sec {
	background: url('../images/services-sec-bg.png');
	padding: 80px 0 40px;
}
.services-sec .box {
	border: 1px solid #253530;
	padding: 60px 20px 15px 20px;
	text-align: center;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
}
.services-sec .box:hover {
	background: #ffffff;
}
.services-sec .box .services-icon {
	margin: auto;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: -44px;
	background: url('../images/services-sec-bg.png') #fbfcf9;
	width: 94px;
	height: 94px;
	border-radius: 50%;
}
.services-sec .box h5 {
	font-size: 25px;
	color: #6bb601;
	font-weight: bold;
}
.services-sec .box .btn {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: -5px auto 0;
	bottom: auto;
	padding: 10px 25px;
	font-size: 14px;
	color: #99d13a;
	font-weight: bold;
}
.services-sec .box .btn:hover {
	color: #ffffff;
}
/*
================================================
9. Offer Section
================================================
*/

.offer-sec {
	background: url('../images/offer-sec-bg.jpg');
}
.offer-sec h3 {
	color: #ffffff;
	font-size: 50px;
	flex: 1;
	align-items: center;
	display: flex;
	font-weight: bold;
	margin: 0;
}
.offer-sec h3 .title i {
	font-size: 40px;
	display: block;
	font-style: normal;
}
.offer-sec h3 .per {
	font-size: 100px;
	line-height: 70px;
	float: left;
	margin-right: 24px;
}
.offer-sec h3 .per strong {
	font-size: 90px !important;
}
.offer-sec h3 .per i {
	font-style: normal;
	font-size: 68px;
}
.offer-sec .btn {
	color: #253530;
	padding: 18px 50px;
	font-size: 22px;
	background: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.offer-sec .btn:before {
	background: #253530;
	color: #ffffff;
}
.offer-sec .btn:hover {
	color: #ffffff;
}
/*
================================================
10. Gallery Section
================================================
*/

.gallery-sec .popup-gallery a {
	background: #253530;
	display: inline-block;
}
.gallery-sec .popup-gallery a img {
	width: 100%;
	opacity: 0.6;
}
.gallery-sec .popup-gallery a.button {
	width: 34px;
	height: 34px;
	display: inline-block;
	background: #6bb601;
	color: #ffffff;
	border-radius: 50%;
	font-size: 16px;
	line-height: 35px;
	margin-left: 2px;
	margin-right: 2px;
}
/** Image Hover Effect **/

.gallery-sec figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 15px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 336px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
.gallery-sec figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.gallery-sec figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.gallery-sec figure figcaption::before, .gallery-sec figure figcaption::after {
	pointer-events: none;
}
.gallery-sec figure figcaption, .gallery-sec figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gallery-sec figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.gallery-sec figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.gallery-sec figure h2 span {
	font-weight: 800;
}
.gallery-sec figure h2, .gallery-sec figure p {
	margin: 0;
}
.gallery-sec figure p {
	letter-spacing: 1px;
	font-size: 58%;
}
.gallery-sec figure.img-h-style {
	background: #18a367;
	width: 100%;
	min-width: 100%;
}
.gallery-sec figure.img-h-style img {
	padding: 0;
	width: 100%;
}
.gallery-sec figure.img-h-style figcaption {
	padding: 3em;
}
.gallery-sec figure.img-h-style figcaption::before, .gallery-sec figure.img-h-style figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}
.gallery-sec figure.img-h-style figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.gallery-sec figure.img-h-style figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.gallery-sec figure.img-h-style h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 0;
	transform: none !important;
	transition: 0.35s all ease;
}
.gallery-sec figure.img-h-style:hover h2 {
	padding-top: 25%;
	position: initial !important;
	-webkit-transition: -webkit-transform 0.35s;
	transition: 0.35s all ease;
	height: auto;
}
.gallery-sec figure.img-h-style p, .gallery-sec figure.img-h-style .btns {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
.gallery-sec figure.img-h-style img, .gallery-sec figure.img-h-style h2 {
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
}
.gallery-sec figure.img-h-style img, .gallery-sec figure.img-h-style figcaption::before, .gallery-sec figure.img-h-style figcaption::after, .gallery-sec figure.img-h-style p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.gallery-sec figure.img-h-style:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.gallery-sec figure.img-h-style:hover figcaption::before, .gallery-sec figure.img-h-style:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.gallery-sec figure.img-h-style:hover h2, .gallery-sec figure.img-h-style:hover p, .gallery-sec figure.img-h-style:hover .btns {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.gallery-sec figure.img-h-style:hover figcaption::after, .gallery-sec figure.img-h-style:hover h2, .gallery-sec figure.img-h-style:hover p, .gallery-sec figure.img-h-style:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/*
================================================
11. Contact Label Section
================================================
*/

.contact-label-sec {
	background: url('../images/contact-label-sec-bg.jpg');
}
.contact-label-sec h3 {
	color: #6bb601;
	font-size: 44px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 44px;
}
.contact-label-sec h3>i {
	display: block;
	font-size: 23px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	padding-top: 10px;
	text-transform: initial;
	line-height: 23px;
	font-weight: 200 !important;
}
.contact-label-sec .btn, .contact-label-sec .btn:hover, .contact-label-sec .btn:focus {
	background: #6bb601;
	display: flex;
	align-items: center;
	text-align: left;
	line-height: 25px;
}
.contact-label-sec .btn:before {
	display: none;
}
.contact-label-sec .btn .text i {
	display: block;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
}
.contact-label-sec .btn>img {
	float: left;
	margin-right: 10px;
}
/*
================================================
12. Plans Section
================================================
*/
/** Single Pricing Box **/
.plans-sec .price-box {
	background: #f2f2f2;
	text-align: center;
	border-radius: 5px;
	padding: 20px 20px 25px 20px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	margin: 40px 0 0;
}
.plans-sec .price-box h4 {
	color: #6bb601;
	font-weight: bold;
	font-size: 80px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	margin: 0;
}
.plans-sec .price-box p {
	color: #1f2d29;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.plans-sec .price-box .plan {
	background: #1f2d29;
	font-weight: bold;
	padding: 6px 25px;
	display: inline-block;
	border-radius: 50px;
	color: #ffffff;
}
.plans-sec .price-box ul {
	margin: 0;
	padding: 0 15px;
}
.plans-sec .price-box ul li {
	border-bottom: 1px solid #999a9b;
	padding: 10px 0;
}
.plans-sec .price-box ul li:last-child {
	border: 0 !important;
}
.plans-sec .price-box:hover {
	color: #ffffff;
}
.plans-sec .price-box:hover:before, .plans-sec .price-box:focus:before, .plans-sec .price-box:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.plans-sec .price-box:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #6bb601;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 5px;
}
.plans-sec .price-box:hover h4, .plans-sec .price-box:hover p {
	color: #ffffff;
}
.plans-sec .price-box:hover ul li {
	border-bottom: 1px solid #abd66f;
}
.plans-sec .price-box .btn {
	padding: 6px 25px;
	font-size: 15px;
}
.plans-sec .price-box .btn:hover {
	color: #ffffff;
}
.plans-sec .price-box .btn:hover:before {
	background: #7dce0c;
}
/*
================================================
13. Blog Section
================================================
*/

.blog-sec {
	background: url('../images/blog-sec-bg.png');
}
.blog-sec .blog {
	position: relative;
}
.blog-sec .blog .date {
	position: absolute;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #1f2d29;
	font-size: 30px;
	right: 15px;
	top: 15px;
	line-height: 29px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	flex-direction: column;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
}
.blog-sec .blog .date span {
	font-size: 18px;
	display: block;
	text-transform: uppercase;
	line-height: 19px;
}
.blog-sec .visit-btn {
	padding-left: 50px;
	padding-right: 50px;
}
.blog-sec .blog .text-box {
	background: #1f2d29;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 20px 5px;
	border-radius: 0 0 5px 5px;
	position: relative;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
}
.blog-sec .text-box:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
	border-bottom: 17px solid #1f2d29;
	bottom: 100%;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
}
.blog-sec .blog .text-box p {
	margin-bottom: 0;
}
.blog-sec .blog .text-box span {
	font-size: 15px;
	display: block;
	font-weight: 300;
}
.blog-sec .blog:hover .text-box {
	background: #6bb601;
}
.blog-sec .blog:hover .text-box:before {
	border-bottom: 17px solid #6bb601;
}
.blog-sec .blog:hover .date {
	background: #6bb601;
}
/*
================================================
14. Count Section
================================================
*/

.count-sec {
	background: #6bb601;
}
.count-sec .content-block > div {
	justify-content: center;
}
.count-sec h4 {
	font-weight: bold;
	color: #ffffff;
	font-size: 70px;
	line-height: 74px;
	font-family: 'Roboto';
	margin: auto 0 auto 5px;
	text-align: left;
}
.count-sec h4 i {
	font-style: normal;
}
.count-sec h4 span {
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}
/*
================================================
15. Contact Section
================================================
*/

.contact-sec .form-control {
	border-color: #afafaf;
	border-radius: 0;
	outline: none;
	box-shadow: none;
}
.contact-sec h3 {
	font-weight: bold;
	margin-bottom: 15px;
}
.contact-sec p {
	font-size: 17px;
	color: #1f2d29;
}
.contact-sec p img {
	width: 27px;
	margin-right: 8px;
	float: left;
}
.contact-sec .contact-form-wrap {
	padding-right: 50px;
}
.google-maps {
	margin: 30px 0 0;
}
.google-maps iframe {
	height: 245px;
	border: 0px;
}
.hidden {
	display: none;
}
.alert {
	margin: 20px 0 0;
}
/*
================================================
16. Testimonial Section
================================================
*/

.testimonial-sec {
	background-image: url('../images/testimonial-sec-bg.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	position: relative;
}
.testimonial-sec:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(29, 40, 51, 0.8);
	content: '';
}
.testimonial-sec .carousel-inner {
	padding: 0 135px;
}
.testimonial-sec .section-title {
	color: #ffffff;
	width: 100%;
	position: relative;
}
.testimonial-sec .quote-icon {
	font-size: 135px;
	opacity: 0.1;
	position: absolute;
}
.testimonial-sec .fa-quote-right.quote-icon {
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	display: flex;
}
.testimonial-sec .fa-quote-left.quote-icon {
	left: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	display: flex;
}
.testimonial-sec .carousel-fade .carousel-item {
	align-items: center;
}
.testimonial-sec .testimonial .avatar img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.testimonial-sec .testimonial h4 {
	font-size: 19px;
	font-weight: bold;
}
.testimonial-sec .testimonial h6 {
	font-size: 13px;
	font-weight: 300 !important;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
}
.testimonial-sec .menu-social {
	display: inline-block;
	margin-top: 20px;
}
/*
================================================
17. Subscription Section
================================================
*/

.subscription-sec {
	background: #6bb501;
}
.subscription-sec .input-group {
	flex: 1;
	margin-top: 6px;
}
.subscription-sec .input-group input {
	height: auto;
}
.subscription-sec .input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem 2rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background-color: #1d2833;
	border: 1px solid #1d2833;
	border-radius: 0 50px 50px 0;
	font-weight: bold;
	max-height: 80px;
}
.subscription-sec .send-btn {
	text-transform: uppercase;
}
.subscription-sec .form-control {
	border-radius: 50px 0 0 50px;
	padding-left: 30px;
	max-height: 80px;
}
.subscription-sec h3 {
	font-size: 55px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	line-height: 50px;
}
.subscription-sec h3 span {
	font-size: 30px;
	font-family: 'Roboto';
	display: block;
	font-weight: 500;
	line-height: 23px;
	padding-top: 10px;
}
/*
================================================
18. Footer Section
================================================
*/

.footer-sec {
	background-image: url('../images/footer-sec-bg.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	position: relative;
}
.footer-sec:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(29, 40, 51, 0.8);
	content: '';
}
.footer-sec .footer-logo {
	position: relative;
}
.footer-sec .footer-info {
	flex: 1;
}
.footer-sec .border-left {
	border-left: 1px dotted #ffffff !important;
}
.footer-sec .footer-info>div {
	vertical-align: middle;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.footer-sec .footer-info>div img {
	width: 27px;
	margin-bottom: 10px;
}
/*
================================================
19. Copyright Section
================================================
*/

.copyright-sec {
	background: #6bb501;
	color: #ffffff;
}
.copyright-sec .content-block .text p {
	margin: 0;
	font-weight: 300;
	color: #ffffff;
	padding: 9px 10px;
	display: inline-block;
	font-size: 14px;
}
.copyright-sec .content-block .footer-menu {
	flex: 1;
	text-align: right;
}
.copyright-sec .content-block .footer-menu ul {
	padding: 0;
	margin: 0;
	;
}
.copyright-sec .content-block .footer-menu ul li {
	display: inline-block;
}
.copyright-sec .content-block .footer-menu ul li a {
	font-weight: 300;
	color: #ffffff;
	padding: 9px 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
}
/*
================================================
20. Responsive CSS
================================================
*/

@media (min-width: 1440px) {
/** Global css**/
.container {
	max-width: 1366px;
}
/** Navigation css**/
.custom-navbar .navbar-nav li a {
	margin: 0 7px 0;
}
/** banner css **/
.banner-sec .title-sec {
	height: 650px;
	width: 650px;
}
.banner-sec .title-sec .title {
	top: 50px;
}
.banner-sec .title-sec .title h1 {
	font-size: 86px;
	line-height: 86px;
}
.banner-sec .title-sec .title h1 span {
	font-size: 46px;
	text-indent: 100px;
}
.banner-sec .title-sec .title .btn {
	padding: 17px 50px;
	font-size: 22px;
}
/** About css **/
.about-sec .text-sec h2 {
	font-size: 70px;
	line-height: 70px;
}
.about-sec .text-sec h2 span strong {
	font-size: 100px;
}
}

@media (min-width: 991px) and (max-width: 1199px) {
/** Menu Sec **/
.custom-navbar > .container {
	max-width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .3rem;
	padding-left: .3rem;
	font-size: 15px;
}	
/** Gallery Sec **/
.gallery-sec figure {
	max-height: 290px;
}
/** Pricing Sec **/
.plans-sec .price-box h4 {
	font-size: 60px;
}
.plans-sec .price-box .plan {
	padding: 6px 20px;
}
/** Counter Sec **/
.count-sec .content-block img {
	margin-top: auto;
	margin-bottom: auto;
	max-width: 73px;
	margin-right: 5px;
}
.count-sec h4 {
	font-size: 51px;
	line-height: 58px;
}
.count-sec h4 span {
	font-size: 15px;
	line-height: 20px;
}
/** Contact Sec **/
.contact-label-sec h3 {
	font-size: 35px;
}
.contact-label-sec h3>i {
	font-size: 20px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 1199px) {
/** About Sec **/
.about-sec .text-sec h3 {
	font-size: 35px;
	line-height: 45px;
}

/** Contact css **/
.contact-sec .contact-form-wrap {
	padding-right: 15px;
}
}

@media (max-width: 991px) {
/** Topbar css **/
.top-bar > .container {
	padding: 0;
}
.top-bar .phone-email-sec {
	display: none;
}
/** Navbar css **/
.custom-navbar .menu-bar-data .menu-social {
	margin: 20px auto 0;
	display: inline-block;
	width: 100%;
	text-align: center
}
.custom-navbar .menu-bar-data .menu-social > li {
	float: none;
}
.custom-navbar > .container {
	display: flex;
	max-width: 100%;
}
.custom-navbar > .container .bar-toggler {
	order: 3;
}
.bar-toggler {
	display: block;
}
.navbar-expand-lg > .container,  .navbar-expand-lg > .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}
.bar-toggler {
	display: block;
}
.menu-bar {
	display: block;
	height: calc(100vh - 162px);
	top: 162px;
}
.menu-bar-data .menu-social li {
	display: inline-block;
}
/** Social media css **/
.top-social-media {
	display: none;
}
.sticky .menu-bar.active,  .sticky .menu-bar {
	height: calc(100vh - 60px);
	top: 60px;
}
/** banner css **/
.banner-sec .title-sec {
	height: 320px;
	width: 320px;
}
.banner-sec .title-sec .title {
	left: -7px;
	top: 30px;
}
.banner-sec .title-sec .title h1 {
	font-size: 45px;
	line-height: 45px;
}
.banner-sec .title-sec .title h1 span {
	font-size: 25px;
	text-indent: 51px;
}
.banner-sec .title-sec .title .btn {
	padding: 15px 30px;
	font-size: 16px;
}
/** About css **/
.about-sec .video {
	margin-top: 30px;
}
/** Offer css **/
.offer-sec > .container {
	flex-direction: column;
}
/** Services css **/
.services-sec .box {
	padding: 60px 15px 15px 15px;
}
/** Contact Label css **/
.contact-label-sec h3 {
	font-size: 39px;
}
.contact-label-sec .btn {
	margin: 20px auto 0 !important;
}
.contact-label-sec > .container {
	flex-direction: column;
	max-width: 100%;
	text-align: center;
}
/** Plans css **/
.plans-sec .price-box {
	margin-right: auto;
	margin-left: auto;
}
/** Subscription css **/
	
.subscription-sec h3 {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
.subscription-sec .input-group {
	margin-top: 6px;
	min-height: 50px;
	max-width: 600px;
	margin: auto;
	padding-right: 15px;
}
/** Copyrights css **/
.copyright-sec .content-block .footer-menu {
	text-align: center;
}
.copyright-sec .content-block {
	flex-direction: column;
}
.contact-sec .contact-info {
	margin-top: 20px;
}
}

@media (max-width: 767px) {
/** Global css **/
.mb-sm-5 {
	margin-bottom: 3rem!important;
}
.section-title {
	font-size: 30px;
}
.about-sec .text-sec h2 span {
	display: block;
}
/** Top bar css **/
.top-bar .timings-sec {
	display: none;
}
.top-bar .bookAppoBtn {
	margin-left: auto !important;
	margin-right: 15px;
}
.navbar .logo {
	width: 110px;
	margin-top: -83px;
}
/** Banner Sec css **/
.banner-sec .banner-img {
	min-height: 330px;
}
.banner-sec .title-sec {
	height: 280px;
	width: 280px;
	left: 0;
}
.banner-sec .title-sec .title h1 {
	font-size: 38px;
	line-height: 38px;
}
.banner-sec .title-sec .title .btn {
	padding: 10px 30px;
	font-size: 16px;
	margin-top: 10px;
}
.banner-sec .title-sec .title {
	left: -4px;
	top: 16px;
}
/** About Sec css **/
.about-sec .video {
	width: 90%;
	margin: 30px auto 0;
}
.about-sec .text-sec h2 span strong {
	font-size: 41px;
}
.about-sec .text-sec h2 {
	font-size: 34px;
	line-height: 36px;
}
/** Offer Sec css **/
.offer-sec h3 {
	display: flex;
	text-align: center;
	flex-direction: column;
}
.offer-sec h3 .per br {
	display: none;
}
.offer-sec h3 .per {
	font-size: 100px;
	float: none;
	margin-right: 0;
}
.offer-sec h3 .per strong {
	font-size: 65px !important;
	margin-left: 10px;
}
.offer-sec .btn {
	margin-top: 20px !important;
}
/** Contact Label Sec css **/
.contact-label-sec h3 {
	font-size: 30px;
	text-align: center;
}
.contact-label-sec h3>i {
	font-size: 20px;
}
/** Blog Sec css **/
.blog-sec .blog {
	margin-bottom: 15px;
}
/** Subscription Sec css **/
.subscription-sec .input-group-text {
	padding: .375rem 1rem;
}
.subscription-sec h3 {
	padding-right: 0 !important;
	font-size: 42px;
}
.subscription-sec h3 span {
	font-size: 22px;
}
/** Testimonial Sec css **/
.testimonial-sec .testimonial {
	margin: auto 0rem;
}
.testimonial-sec .carousel-inner {
	padding: 0 30px;
}
/** Count Sec css **/
.count-sec .content-block > div {
	justify-content: left;
}
/** Contact Sec css **/
.contact-sec h3 {
	margin-top: 20px;
}
/** Counter Sec **/
.count-sec .content-block img {
	margin-right: 5px;
}
/** Footer Sec css **/
.footer-sec .content-block {
	text-align: center;
}
.footer-sec .content-block .footer-logo {
	width: 100%;
	margin-bottom: 20px;
}
.footer-sec .footer-info {
	display: block !important;
	padding: 0 20px !important;
}
.footer-sec .footer-info>div {
	padding: 20px 0 5px 0;
}
.footer-sec .border-left {
	border-left: 0 !important;
	border-top: 1px dotted #ffffff;
}
}

@media (min-width: 415px) and (max-width: 767px) {
.gallery-sec figure {
	max-height: 240px;
}
}