/*------- Font Family Starts -------*/

@font-face { font-family: "Oxygen-Light"; src: url("../fonts/Oxygen-Light.ttf"); }
@font-face { font-family: "Oxygen-Regular"; src: url("../fonts/Oxygen-Regular.ttf"); }
@font-face { font-family: "Oxygen-Bold"; src: url("../fonts/Oxygen-Bold.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { font-size: 10px; letter-spacing: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p { margin: 0; padding: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

body { overflow-x: hidden; }
body.active { overflow-y: hidden; }

/*------- Common CSS Starts -------*/

/*------- Custom Scrollbar Section Starts -------*/

::-webkit-scrollbar { width: 0; }

@-moz-document url-prefix() {
    html { overflow-y: scroll; scrollbar-color: #fff #d4caa3; scrollbar-width: thin; }
}

/*------- Custom Scrollbar Section Ends -------*/

/*------- Home Page Starts -------*/

	/*------- Desktop Header Section Starts -------*/

.bg-header-desktop { display: block; left: 0; padding: 15px; position: absolute; top: 0; width: 100%; z-index: 11; }
.header-call-info > a { color: #474747; font: 1.8rem/1.42857143 "Oxygen-Regular"; padding-left: 15px; -webkit-transition: 0.5s ease-in-out 1s; -moz-transition: 0.5s ease-in-out 1s; -ms-transition: 0.5s ease-in-out 1s; -o-transition: 0.5s ease-in-out 1s; transition: 0.5s ease-in-out 1s; }
.header-call-info > a > i { padding-right: 5px; }
.header-call-info.active > a { color: #fff; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; -ms-transition: 0.5s ease-in-out 0.5s; -o-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.desktop-header-logo { text-align: center; }
.desktop-header-logo > a { display: inline-block; }
.desktop-header-logo > a > img { width: 200px; }
.desktop-header-logo > a > img:last-child { display: none; }

		/*------- Hamburger Menu CSS Starts -------*/

	.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
	.burger-menu span { background-color: #fff; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 30px; }
	.burger-menu span::before,
	.burger-menu span::after { background-color: #fff; content: ""; height: 2px; position: absolute; top: 12px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 30px; }
	.burger-menu span::before { top: -12px; }
	.burger-menu.active span { background-color: transparent; }
	.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

		/*------- Hamburger Menu CSS Ends -------*/

		/*------- Fixed Sidebar Section CSS Starts -------*/

.fixed-sidebar { background: url("../images/banner.jpg") no-repeat top/cover; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 1s ease-in-out 1s; -moz-transition: 1s ease-in-out 1s; -ms-transition: 1s ease-in-out 1s; -o-transition: 1s ease-in-out 1s; transition: 1s ease-in-out 1s; width: 100%; z-index: 11; }
.fixed-sidebar::before { background-color: #271500e0; bottom: 0; content: ""; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; }
.fixed-sidebar.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: 1s ease-in-out 0s; -moz-transition: 1s ease-in-out 0s; -ms-transition: 1s ease-in-out 0s; -o-transition: 1s ease-in-out 0s; transition: 1s ease-in-out 0s; }
.navbar-menu { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; }
.menu-listing { text-align: center; }
.menu-listing > li { display: block; margin-bottom: 10px; }
.menu-listing > li > a { color: #fff; display: inline-block; font: 5rem/1.42857143 "Oxygen-Light"; padding-bottom: 10px; position: relative; }
.menu-listing > li > a::after { background-color: #d4caa3; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 0; }
.menu-listing > li.active > a,
.menu-listing > li > a:hover { color: #d4caa3; }
.menu-listing > li.active > a::after,
.menu-listing > li > a:hover::after { width: 100%; }
.menu-listing > li:first-child,
.menu-listing > li:nth-child(2),
.menu-listing > li:nth-child(3),
.menu-listing > li:nth-child(4),
.menu-listing > li:nth-child(5) { opacity: 0; -webkit-transform: translateX(400px); -moz-transform: translateX(400px); -ms-transform: translateX(400px); -o-transform: translateX(400px); transform: translateX(400px); visibility: hidden; }
.menu-listing.active > li { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; }

.menu-listing > li:first-child { -webkit-transition: 1s ease-in-out 0.9s; -moz-transition: 1s ease-in-out 0.9s; -ms-transition: 1s ease-in-out 0.9s; -o-transition: 1s ease-in-out 0.9s; transition: 1s ease-in-out 0.9s; }
.menu-listing > li:nth-child(2) { -webkit-transition: 1s ease-in-out 0.7s; -moz-transition: 1s ease-in-out 0.7s; -ms-transition: 1s ease-in-out 0.7s; -o-transition: 1s ease-in-out 0.7s; transition: 1s ease-in-out 0.7s; }
.menu-listing > li:nth-child(3) { -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; }
.menu-listing > li:nth-child(4) { -webkit-transition: 1s ease-in-out 0.3s; -moz-transition: 1s ease-in-out 0.3s; -ms-transition: 1s ease-in-out 0.3s; -o-transition: 1s ease-in-out 0.3s; transition: 1s ease-in-out 0.3s; }
.menu-listing > li:nth-child(5) { -webkit-transition: 1s ease-in-out 0s; -moz-transition: 1s ease-in-out 0s; -ms-transition: 1s ease-in-out 0s; -o-transition: 1s ease-in-out 0s; transition: 1s ease-in-out 0s; }

.menu-listing.active > li:first-child { -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; }
.menu-listing.active > li:nth-child(2) { -webkit-transition: 1s ease-in-out 0.7s; -moz-transition: 1s ease-in-out 0.7s; -ms-transition: 1s ease-in-out 0.7s; -o-transition: 1s ease-in-out 0.7s; transition: 1s ease-in-out 0.7s; }
.menu-listing.active > li:nth-child(3) { -webkit-transition: 1s ease-in-out 0.9s; -moz-transition: 1s ease-in-out 0.9s; -ms-transition: 1s ease-in-out 0.9s; -o-transition: 1s ease-in-out 0.9s; transition: 1s ease-in-out 0.9s; }
.menu-listing.active > li:nth-child(4) { -webkit-transition: 1s ease-in-out 1.1s; -moz-transition: 1s ease-in-out 1.1s; -ms-transition: 1s ease-in-out 1.1s; -o-transition: 1s ease-in-out 1.1s; transition: 1s ease-in-out 1.1s; }
.menu-listing.active > li:nth-child(5) { -webkit-transition: 1s ease-in-out 1.3s; -moz-transition: 1s ease-in-out 1.3s; -ms-transition: 1s ease-in-out 1.3s; -o-transition: 1s ease-in-out 1.3s; transition: 1s ease-in-out 1.3s; }
.display-rotate-email { left: 400px; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); transform-origin: bottom; -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; visibility: hidden; z-index: 10; }
.display-rotate-email.active { left: 0; opacity: 1; -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; visibility: visible; }
.display-rotate-email > p > a { color: #fff; font: 1.8rem/1.42857143 "Oxygen-Regular"; }

		/*------- Fixed Sidebar Section CSS Ends -------*/

	/*------- Desktop Header Section Ends -------*/

	/*------- Mobile Video Section Starts -------*/

.bg-mobile-video-home { display: none; }
.bg-banner-home { height: 100vh; position: relative; }
.banner-video-home { height: 100vh; object-fit: cover; width: 100%; }

	/*------- Mobile Video Section Ends -------*/

	/*------- Information and Video Section Starts -------*/

.bg-info-video-home { display: block; height: 100vh; padding: 0; }
.banner-info-home { background-color: #d4caa3; height: 100vh; }
.banner-info { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; justify-content: center; }
.banner-info > h1 { color: #272727; font: 12rem/1.1 "Oxygen-Bold"; text-align: center; }
.banner-info > h1 > span { color: #272727; display: block; font: italic 3rem/1.1 "Oxygen-Regular"; letter-spacing: 8px; text-align: center; }
.banner-video { height: 100vh; object-fit: cover; width: 100%; }

	/*------- Information and Video Section Ends -------*/

	/*------- About Us Section Starts -------*/

.bg-about-home { padding: 0; }
.about-info-home { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.about-info-home > h1 { color: #272727; font: 7rem/1.1 "Oxygen-Bold"; letter-spacing: 14px; margin-bottom: 50px; text-transform: uppercase; }
.about-info-home > h1 > span { color: #d4caa3; display: block; }
.about-info-home > p { color: #474747; font: 1.8rem/1.7 "Oxygen-Light"; margin-bottom: 100px; text-align: justify; }
.read-view-more > a { color: #272727; display: inline-block; font: 1.8rem/1.42857143 "Oxygen-Regular"; position: relative; text-align: center; z-index: 1; }
.read-view-more > a::before { background-color: #d4caa3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 60px; left: -10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 60px; z-index: -1; }
.read-view-more > a:hover::before { -webkit-transform: translateY(-50%) scale(1.3); -moz-transform: translateY(-50%) scale(1.3); -ms-transform: translateY(-50%) scale(1.3); -o-transform: translateY(-50%) scale(1.3); transform: translateY(-50%) scale(1.3); }
.about-profile-home { position: relative; }
.about-profile-home::before { background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -ms-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; width: 100%; }
.about-profile-home.active::before { width: 0; }
.about-profile-home > img { width: 100%; }

		/*------- Animation CSS Starts -------*/

	.about-info-home > h1 { opacity: 0; transform: translateX(-100px); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; visibility: hidden; }
	.about-info-home.active > h1 { opacity: 1; transform: translateX(0); visibility: visible; }
	.about-info-home > p { opacity: 0; transform: translateX(-100px); -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; visibility: hidden; }
	.about-info-home.active > p { opacity: 1; transform: translateX(0); visibility: visible; }

		/*------- Animation CSS Ends -------*/

	/*------- About Us Section Ends -------*/

	/*------- Services Section Starts -------*/

	.bg-services-home { padding: 100px 0 0; position: relative; z-index: 10; }
	.bg-services-home:hover { cursor: url("../images/cursor.png"), auto; }
	.services-heading-home { left: -150px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); transform-origin: center; z-index: 2; }
	.services-heading-home > h2 { color: #f1f1f1; font: 10rem/1.42857143 "Oxygen-Bold"; text-transform: uppercase; }
	.swiper-container img { width: 100%; }

	/*------- Services Section Ends -------*/

	/*------- Product Section Starts -------*/

	.bg-product-home { padding: 100px 50px 0; }
	.bg-product-image-desc { margin-bottom: 50px; position: relative; text-align: center; }
	.bg-product-image-desc > img { width: 100%; }

		/*------- Animation CSS Starts -------*/

	.bg-product-image-desc-1::before { background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: 1s ease-in-out 0.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 0.5s; width: 100%; }
	.bg-product-image-desc-1.active::before { width: 0; }
	.bg-product-image-desc-2::before { background-color: #fff; content: ""; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition: 1s ease-in-out 1.5s; -moz-transition: 1s ease-in-out 0.5s; -ms-transition: 1s ease-in-out 0.5s; -o-transition: 1s ease-in-out 0.5s; transition: 1s ease-in-out 1.5s; width: 100%; }
	.bg-product-image-desc-2.active::before { width: 0; }
	.bg-product-image-desc-3 > img { width: 100%; }

		/*------- Animation CSS Ends -------*/

	/*------- Product Section Ends -------*/

	/*------- Testimonials Section Starts -------*/

	.bg-testimonials-home { padding: 100px 15px; }
	.testimonial { border-left: 3px solid #d4caa3; padding: 100px 0 100px 275px; position: relative; }
	.testimonial::before,
	.testimonial::after { border-right: 3px solid #d4caa3; content: ""; display: block; height: 55px; left: 0; position: absolute; width: 320px; }
	.testimonial::before { border-top: 3px solid #d4caa3; top: 0; }
	.testimonial::after { border-bottom: 3px solid #d4caa3; bottom: 0; }
	.testimonial .pic { height: 100px; left: 100px; position: absolute; top: 100px; width: 100px; }
	.testimonial .pic img { height: auto; width: 100%; }
	.testimonial .description { color: #272727; font: italic 1.8rem/1.42857143 "Oxygen-Light"; margin-bottom: 15px; position: relative; }
	.testimonial .description::before { color: #272727; content: "\f10d"; font-family: "Font Awesome 5 Free"; font-size: 2.4rem; font-weight: 900; left: 0; position: absolute; top: -45px; }
	.testimonial .testimonial-title { color: #d4caa3; font: 2.4rem/1.42857143 "Oxygen-Regular"; text-transform: capitalize; }
	.testimonial .post { color: #474747; display: block; font: 1.4rem/1.42857143 "Oxygen-Light"; }
	.owl-theme .owl-controls { margin-top: 30px; margin-bottom: 0; text-align: right; }
	.owl-theme .owl-controls .owl-buttons div { background-color: #d4caa3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 40px; line-height: 40px; opacity: 1; padding: 0; text-align: center; width: 40px; }
	.owl-prev::before,
	.owl-next::before { color: #fff; content: "\f053"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
	.owl-next::before { content: "\f054"; }

	/*------- Testimonials Section Ends -------*/

	/*------- Footer Section Starts -------*/

	.bg-footer-home { background-color: #d4caa3; padding: 100px 15px; }
	.footer-bs-heading > h2 { color: #272727; font: 5rem/1.42857143 "Oxygen-Bold"; margin-bottom: 100px; position: relative; z-index: 1; }
	.footer-bs-heading > h2::before { background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 70px; left: -10px; position: absolute; top: 0; width: 70px; z-index: -1; }
	.footer-bs-heading > p { color: #474747; font: 1.8rem/1.42857143 "Oxygen-Regular"; margin-bottom: 100px; padding-left: 65px; position: relative; }
	.footer-bs-heading > p::before { background-color: #474747; content: ""; height: 1px; left: 0; position: absolute; top: 50%; margin-top: -1px; width: 50px; }
	.footer-social-listing { text-align: right; }
	.footer-social-listing > li { display: inline-block; margin-right: 30px; }
	.footer-social-listing > li:last-child { margin-right: 0; }
	.footer-social-listing > li > a { color: #272727; font-size: 2.4rem; }
	.footer-social-listing > li > a > span { font: italic 1.8rem/1.42857143 "Oxygen-Light"; }
	.footer-heading > h3 { color: #272727; font: 2.4rem/1.42857143 "Oxygen-Bold"; margin-bottom: 30px; }
	.footer-heading > a,
	.footer-heading > p { color: #474747; font: 1.8rem/1.42857143 "Oxygen-Regular"; }

	/*------- Footer Section Ends -------*/

	/*------- Fixed Whatsapp Button Section Starts -------*/

	.fixed-bottom-button { bottom: 30px; position: fixed; right: 30px; z-index: 10; }
	.fixed-bottom-button > a { background-color: #4caf50; border: 7px solid #00000027; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; display: block; height: 70px; text-align: center; width: 70px; }
	.fixed-bottom-button > a > i { -webkit-animation: whatsappIconAnim 0.3s infinite; -moz-animation: whatsappIconAnim 0.3s infinite; -ms-animation: whatsappIconAnim 0.3s infinite; -o-animation: whatsappIconAnim 0.3s infinite; animation: whatsappIconAnim 0.3s infinite; color: #fff; font-size: 3rem; line-height: 70px; }
	@-webkit-keyframes whatsappIconAnim {
		0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		50% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	}
	@-moz-keyframes whatsappIconAnim {
		0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		50% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	}
	@-ms-keyframes whatsappIconAnim {
		0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		50% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	}
	@-o-keyframes whatsappIconAnim {
		0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		50% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	}
	@keyframes whatsappIconAnim {
		0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
		50% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	}
	.fixed-bottom-button > a:hover > i { animation-play-state: paused; }

	/*------- Fixed Whatsapp Button Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

.sections-about { height: 100vh; width: 400%; }
.section-about {
	height: 100%;
	width: calc( 100% / 4 );
	float: left;
	position: relative;
}
.section-about-1 { background: url("../images/about-banner-2.jpg") no-repeat top/cover; }
.section-about-5 { background-color: #0ff; }
.box-about-img { overflow: hidden; position: relative; }
.box-about-img > img { transition: 0.5s ease-in-out; }
.box-about-img > img:hover { cursor: url("../images/cursor.png"), auto; }
.box-about-img:hover > img { transform: scale(1.3) rotate(10deg); }

		/*------- First Section Starts -------*/

.image-about-1-first-sec { left: 10vh; position: absolute; top: 50%; }
.box-about-img-1 > img { width: 30vh; display: none; }
.image-about-2-first-sec { left: 35vh; position: absolute; top: 15%; }
.box-about-img-2 > img { width: 35vh; display: none; }
.first-section-heading-ap { left: 70%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.first-section-heading-ap > h1 { color: #fff; font: 10rem/1.42857143 "Oxygen-Light"; letter-spacing: 27px; text-align: center; }
.first-section-heading-ap > h1 > span { display: block; }
.image-about-3-first-sec { left: 153vh; position: absolute; top: 25%; }
.box-about-img-3 > img { width: 50vh; display: none; }

		/*------- First Section Ends -------*/

		/*------- Second Section Starts -------*/

.section-about-2 { background: url("../images/about-banner-1.jpg") no-repeat top/cover; }
.second-section-heading-desc { left: 40%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.second-section-heading-desc > p { color: #d4caa3; font: 1.6rem/1.42857143 "Oxygen-light"; letter-spacing: 4px; margin-bottom: 15px; text-transform: uppercase; }
.second-section-heading-desc > h4 { color: #fff; font: 2.4rem/1.7 "Oxygen-Light"; width: 75%; }
.image-about-1-second-sec { left: 135vh; position: absolute; top: 20%; }
.box-about-img-4 > img { width: 40vh; }

		/*------- Second Section Ends -------*/

		/*------- Third Section Starts -------*/

.bg-sec-three-ap { overflow: hidden; position: relative; }
.bg-sc-three-img-ap { background: url("../images/about-banner-3.jpg") no-repeat 100% 100%/cover; height: 100vh; }

		/*------- Third Section Ends -------*/

		/*------- Fourth Section Starts -------*/

.section-about-4 { background: url("../images/about-banner-4.jpg") no-repeat top/cover; }
.image-about-1-fourth-sec { left: 35vh; position: absolute; top: 15%; }
.box-about-img-5 > img { display: none; width: 50vh; }
.image-about-2-fourth-sec { left: 125vh; position: absolute; top: 50%; }
.box-about-img-6 > img { display: none; width: 65vh; }
.fourth-section-heading-ap { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.fourth-section-heading-ap > h2 > a { color: #fff; display: block; font: 10rem/1.42857143 "Oxygen-Light"; letter-spacing: 27px; text-align: center; }

		/*------- Fourth Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Services Page Starts -------*/

	/*------- Services Section Starts -------*/

.wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.section-services {
  height: 100%;
  width: calc( 100% / 2 );
  float: left;
  position: relative;
}
.section-services-1 {
  background: #d4caa3;
}
.section-services-2 {
  background: #d4caa3;
}
.section-services-3 {
  background: #d4caa3;
}
.section-services-4 {
  background: #d4caa3;
}
.section-services-5 {
  background: #d4caa3;
}
.sections-services {
  width: 200%;
  height: 100vh;
}
.section__title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  font-size: 30px;
  color: #fff;
}
.img-services-view { margin-bottom: 30px; width: 100%; }
.img-services-even { margin-top: -30px; }

	/*------- Services Section Ends -------*/

	/*------- Desktop Header Section Starts -------*/

.bg-header-desktop-sp { position: fixed; }
.header-call-info-sp > a { color: #fff; }

	/*------- Desktop Header Section Ends -------*/

	/*------- First Services Section Starts -------*/

.first-service-quote { bottom: 50px; padding: 0 30px; position: fixed; }
.first-service-quote > p { color: #fff; font: 4rem/1.42857143 "Oxygen-Regular"; white-space: nowrap; }

		/*------- 1st Section - Images Section Starts -------*/

.image-1-first-sec { left: 3vh; position: absolute; top: 15%; }
.box-services-img-desc { overflow: hidden; position: relative; }
.box-services-img-desc > img { transition: 0.5s ease-in-out; width: 35vh; }
.box-services-img-desc > img:hover { cursor: url("../images/cursor.png"), auto; }
.box-services-img-desc:hover > img { transform: scale(1.3) rotate(10deg); }
.box-services-img-desc + p { color: #272727; font: 3vh/1.42857143 "Oxygen-Regular"; margin-top: 15px; text-align: center; }
.image-2-first-sec { left: 50vh; position: absolute; top: 10%; }
.image-3-first-sec { left: 65vh; position: absolute; top: 55%; }
.image-4-first-sec { left: 105vh; position: absolute; top: 15%; }
.image-5-first-sec { left: 155vh; position: absolute; top: 30%; }

		/*------- 1st Section - Images Section Ends -------*/

		/*------- 2nd Section - Images Section Starts -------*/

.image-1-second-sec { left: 0; position: absolute; top: 15%; }
.image-1-second-sec img { width: 50vh; }
.image-2-second-sec { left: 30vh; position: absolute; top: 58%; }
.image-3-second-sec { left: 75vh; position: absolute; top: 10%; }
.image-4-second-sec { left: 120vh; position: absolute; top: 15%; }
.image-5-second-sec { left: 165vh; position: absolute; top: 35%; }

		/*------- 2nd Section - Images Section Ends -------*/

	/*------- First Services Section Ends -------*/

/*------- Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

body.gallery-page { background: url("../images/gallery-banner.jpg") no-repeat fixed top/cover; height: 100vh; overflow-x: hidden; }
.bg-header-desktop-gp { position: fixed; }
.header-call-info-gp > a { color: #fff; }
.fake-scroll { position: absolute; top: 0; width: 1px; }
.gallery-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 10%; justify-items: end; left: 0; position: fixed; top: 0; width: 100%; }
.image { background-position: center; background-repeat: no-repeat; height: 100vh; position: relative; width: 300px; }
.image:nth-child(2n) { justify-self: start; }
.image:nth-child(1) { background-image: url("../images/image-1.jpg"); }
.image:nth-child(2) { background-image: url("../images/image-2.jpg"); }
.image:nth-child(3) { background-image: url("../images/image-3.jpg"); }
.image:nth-child(4) { background-image: url("../images/image-4.jpg"); }
.image:nth-child(5) { background-image: url("../images/image-5.jpg"); }
.image:nth-child(6) { background-image: url("../images/image-6.jpg"); }
.image:nth-child(7) { background-image: url("../images/image-7.jpg"); }
.image:nth-child(8) { background-image: url("../images/image-8.jpg"); }
.image:nth-child(9) { background-image: url("../images/image-9.jpg"); }
.image:nth-child(10) { background-image: url("../images/image-10.jpg"); }
.image:nth-child(11) { background-image: url("../images/image-11.jpg"); }
.image:nth-child(12) { background-image: url("../images/image-12.jpg"); }

/*------- Gallery Page Ends -------*/

/*------- Contact Page Starts -------*/

	/*------- Contact Banner Section Starts -------*/

.bg-contact-banner-cp { background: url("../images/contact-banner.jpg") no-repeat fixed top/cover; height: 100vh; position: relative; }
.contact-banner-info { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.contact-banner-info > h1 { color: #d4caa3; font: 5rem/1.42857143 "Oxygen-Bold"; padding-bottom: 10px; margin-bottom: 15px; position: relative; text-align: center; }
.contact-banner-info > h1::after { background-color: #d4caa3; bottom: 0; content: ""; height: 1px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100px; }
.contact-banner-info > p { color: #fff; font: 1.8rem/1.7 "Oxygen-Light"; text-align: center; }

	/*------- Contact Banner Section Ends -------*/

	/*------- Contact Information Section Starts -------*/

.bg-contact-info-cp { padding: 100px 15px; }
.contact-heading-cp > h2 { color: #d4caa3; font: 4rem/1.42857143 "Oxygen-Bold"; margin-bottom: 50px; text-transform: uppercase; }
.contact-info-circle { background-color: #d4caa3; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 70px; margin: 0 auto 50px; width: 70px; }
.contact-info-circle > i { color: #fff; display: block; font-size: 2.4rem; line-height: 70px; text-align: center; }
.contact-info-heading-desc > h3 { color: #d4caa3; font: 2.4rem/1.42857143 "Oxygen-Regular"; margin-bottom: 15px; text-align: center; text-transform: uppercase; }
.contact-info-heading-desc > p,
.contact-info-heading-desc > p > a { color: #272727; display: block; font: 1.8rem/1.42857143 "Oxygen-Light"; margin-bottom: 5px; text-align: center; }

	/*------- Contact Information Section Ends -------*/

	/*------- Contact Form Section Starts -------*/

.bg-contact-form-cp { padding: 0; }
.bg-form-image { background: url("../images/form-banner.jpg") no-repeat top/cover; height: 663px; }
.form-background-cp { background-color: #d4caa3; padding: 50px; }
.form-background-cp > p { color: #fff; font: 1.8rem/1.42857143 "Oxygen-Light"; margin-bottom: 15px; text-align: center; }
.form-background-cp > h2 { color: #fff; font: 3.6rem/1.42857143 "Oxygen-Bold"; margin-bottom: 50px; text-align: center; }
.form-element { margin-bottom: 50px; }
.fields { color: #272727; font: 1.6rem/1.42857143 "Oxygen-Light"; left: 15px; pointer-events: none; position: absolute; top: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.form-control-element { background-color: transparent; border: 0; border-bottom: 1px solid #272727; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #272727; font-family: "Oxygen-Light"; font-size: 1.6rem; height: 40px; letter-spacing: 1px; padding: 0; }
.form-control-element:focus { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #272727; color: #272727; outline: 0; }
.form-control-element:focus ~.fields,
.form-control-element:valid ~ .fields { color: #272727; font: 1.6rem/1.42857143 "Oxygen-Light"; left: 15px; top: -30px; }
textarea.form-control-element { height: 150px; resize: none; }
.btn-submit { background-color: #fff; border: 0; -webkit-box-shadow: inset 0 0 0 0 #000; -moz-box-shadow: inset 0 0 0 0 #000; -ms-box-shadow: inset 0 0 0 0 #000; -o-box-shadow: inset 0 0 0 0 #000; box-shadow: inset 0 0 0 0 #000; color: #272727; font: 1.6rem/1.42857143 "Oxygen-Light"; letter-spacing: 1px; padding: 10px 24px; text-align: center; text-transform: uppercase; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.btn-submit:hover { -webkit-box-shadow: inset 150px 0 0 0 #000; -moz-box-shadow: inset 150px 0 0 0 #000; -ms-box-shadow: inset 150px 0 0 0 #000; -o-box-shadow: inset 150px 0 0 0 #000; box-shadow: inset 150px 0 0 0 #000; color: #fff; }
.btn-submit:focus { border: 0; -webkit-box-shadow: inset 0 0 0 0 #000; -moz-box-shadow: inset 0 0 0 0 #000; -ms-box-shadow: inset 0 0 0 0 #000; -o-box-shadow: inset 0 0 0 0 #000; box-shadow: inset 0 0 0 0 #000; outline: 0; }

	/*------- Contact Form Section Ends -------*/

/*------- Contact Page Ends -------*/