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

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

html {
	letter-spacing: 1px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a, a:hover, a:focus {
	outline: 0;
	text-decoration: none;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
/*------- Reset CSS Ends -------*/

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

body {
	overflow-x: hidden;
}
body.overflow-hidden {
	overflow: hidden;
}
.remove-padding {
	padding: 0;
}

/*------- Common CSS Ends -------*/

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

::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-track {
background-color: #0096c6;
}
::-webkit-scrollbar-thumb {
background-color: #fff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #fff;
}
@-moz-document url-prefix() {
 html {
scrollbar-width: none;
}
}
/*------- Custom Scrollbar Section Ends -------*/

/*------- Window Loader Section Starts -------*/

.fixed-window-loader {
	background-color: #0096c6;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	width: 100%;
	z-index: 9999;
}
.fixed-window-loader.active {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
}
.loader {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.loader-icon {
	width: 200px;
}
.loader-icon path, .loader-icon polygon {
	animation: fillShape 2s infinite;
	-webkit-animation: fillShape 2s infinite;
	-moz-animation: fillShape 2s infinite;
	-ms-animation: fillShape 2s infinite;
	-o-animation: fillShape 2s infinite;
	stroke: #fff;
	stroke-width: 0.05px;
	fill: transparent;
}
.loader-icon:hover path, .loader-icon:hover polygon {
	fill: #fff;
}
@keyframes fillShape {
 from {
fill: transparent;
}
 to {
fill: #fff;
}
}
@-webkit-keyframes fillShape {
 from {
fill: transparent;
}
 to {
fill: #fff;
}
}
@-moz-keyframes fillShape {
 from {
fill: transparent;
}
 to {
fill: #fff;
}
}
 @-ms-keyframes fillShape {
 from {
fill: transparent;
}
 to {
fill: #fff;
}
}
@-o-keyframes fillShape {
 from {
fill: transparent;
}
 to {
fill: #fff;
}
}
/*------- Window Loader Section Ends -------*/

/*------- Fixed Email Section Starts -------*/

.fixed-bottom-mail {
	bottom: 30px;
	position: fixed;
	right: 30px;
	z-index: 2;
}
.fixed-bottom-mail > a {
	background-color: #0096c6;
	display: block;
	height: 75px;
	line-height: 75px;
	text-align: center;
	width: 75px;
}
.fixed-bottom-mail > a > i {
	color: #fff;
	font-size: 2.4rem;
}
/*------- Fixed Email Section Ends -------*/

/*------- Fixed Request Quote Section Starts -------*/

.fixed-request-quote-home {
	-ms-align-items: center;
	align-items: center;
	background-color: #0096c6;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 100%;
	left: 0;
	opacity: 0;
	padding: 50px 0;
	position: fixed;
	top: 0;
	transition: 0.3s linear;
	visibility: hidden;
	width: 100%;
	z-index: 99999;
}
.fixed-request-quote-home.active {
	opacity: 1;
	visibility: visible;
}
.close-arrow {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 9999;
}
.close-arrow > a {
	background-color: #fff;
	color: #0096c6;
	display: block;
	font-size: 3rem;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
}
.img-contact-info-rq > img {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	opacity: 0;
	padding-bottom: 30px;
	transform: translateX(-50px);
	transition: 0s linear;
	-webkit-transition: 0s linear;
	-moz-transition: 0s linear;
	-ms-transition: 0s linear;
	-o-transition: 0s linear;
	width: 100%;
}
.img-contact-info-rq.active > img {
	opacity: 1;
	transform: translateX(0);
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.contact-address-rq {
	opacity: 0;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transition: 0s linear;
	-webkit-transition: 0s linear;
	-moz-transition: 0s linear;
	-ms-transition: 0s linear;
	-o-transition: 0s linear;
	visibility: hidden;
}
.contact-address-rq.active {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	visibility: visible;
}
.contact-address-rq > p {
	color: #fff;
	font: 3rem/1.2 'Lato', sans-serif;
	font-weight: 400;
}
.contact-address-rq > p:last-child {
	color: #fff;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-top: 15px;
}
.toatl-form-ani {
	opacity: 0;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transition: 0s linear;
	-webkit-transition: 0s linear;
	-moz-transition: 0s linear;
	-ms-transition: 0s linear;
	-o-transition: 0s linear;
	visibility: hidden;
}
.toatl-form-ani.active {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	visibility: visible;
}
.request-a-quote-heading-rq > h1 {
	color: #fff;
	font: 3.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
}
.form-request-group {
	margin-bottom: 50px;
}
.form-request-quote-control {
	background-color: transparent;
	border: 1px solid hsla(0,0%,100%,.6);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	color: #fff;
	carer-color: #fff;
	font: 1.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	height: 40px;
	letter-spacing: 1px;
}
.form-request-quote-control::placeholder {
color: #fff;
opacity: 0.3;
}
.form-request-quote-control:-ms-input-placeholder {
color: #fff;
opacity: 0.3;
}
.form-request-quote-control::-ms-input-placeholder {
color: #fff;
opacity: 0.3;
}
textarea.form-request-quote-control {
	height: 100px;
	resize: none;
}
.form-request-quote-control:focus {
	border-color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	outline: 0;
}
.form-request-group-submit {
	position: relative;
}
.btn-send-rq {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 25px 50px 25px 30px;
	position: relative;
	z-index: 1;
}
.btn-send-rq > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.btn-send-rq:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.8);
	-webkit-transform: translateY(-50%) scale(1.8);
	-moz-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
}
/*------- Fixed Request Quote Section Ends -------*/

/*------- Navigationbar Menu Section Starts -------*/

.fixed-navigation-menu-mob, .bg-navigationbar-menu-mob {
	display: none;
}
.bg-navigationbar-menu {
	border-bottom: 1px solid #fff;
	left: 0;
	padding: 20px 65px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.bg-navigationbar-menu.active {
	background-color: #fff;
	border-bottom: 1px solid #0096c6;
}
.flex-align-center {
	-ms-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.img-logo {
	display: none;
}
.img-logo.active {
	display: inline-block;
	width: 220px;
}
.img-block-logo {
	display: none;
}
.img-block-logo.active {
	display: inline-block;
	width: 220px;
}
.menu-listing > li {
	display: inline-block;
	margin-right: 15px;
}
.menu-listing > li > a {
	color: #fff;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	overflow: hidden;
	padding-bottom: 32px;
	position: relative; /*/*text-transform: uppercase;*/
*/
}
.menu-listing > li > a::after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	width: 100%;
}
.menu-listing.active > li > a::after {
	background-color: #0096c6;
}
.menu-listing > li > a:hover::after, .menu-listing > li.active > a::after {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.menu-listing.active > li > a {
	color: #000;
}
.menu-listing.active > li > a:hover::after, .menu-listing.active > li.active > a::after {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.header-social-icons-listing > li {
	display: inline-block;
	margin-right: 10px;
}
.header-social-icons-listing > li:last-child {
	margin-right: 0;
}
.header-social-icons-listing > li > a {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
}
.header-social-icons-listing.active > li > a {
	border: 1px solid #0096c6;
	color: #0096c6;
}
/*------- Navigationbar Menu Section Ends -------*/

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

.bg-banner-home {
	background: url("../images/banner.jpg") no-repeat fixed top/cover;
	height: 768px;
	position: relative;
}
.banner-info {
	margin-top: 400px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.banner-info.active {
	margin-top: 200px;
}
.banner-info > p {
	border-bottom: 1px dashed #fff;
	color: #fff;
	font: 6rem/1.5 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic; /*text-transform: uppercase;*/
}
.banner-img-one {
	position: relative;
}
.banner-img-one-overlay {
	background-color: #0096c6;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 1s linear 0.3s;
	-webkit-transition: 1s linear 0.3s;
	-moz-transition: 1s linear 0.3s;
	-ms-transition: 1s linear 0.3s;
	-o-transition: 1s linear 0.3s;
	width: 100%;
}
.banner-img-one-overlay.active {
	height: 0;
}
.img-banner {
	margin: 270px auto 0;
	width: 100%;
}
.banner-down-arrow {
	bottom: 0;
	left: -150px;
	position: absolute;
	z-index: -1;
}
.banner-down-arrow > img {
	opacity: 0.2;
	width: 300px;
}
.banner-product {
	margin-top: 50px;
	position: relative;
}
.banner-product > a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 25px 50px 25px 30px;
	position: relative;
	z-index: 1;
}
.banner-product > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.banner-product > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.8);
	-webkit-transform: translateY(-50%) scale(1.8);
	-moz-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
}
/*------- Scroll Indicator Section Starts -------*/

.absolute-scroll-indicator {
	overflow: hidden;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 9;
}
.vertical-Scroll-indicator {
	animation: verticalScrollIndicator 4s infinite;
	-webkit-animation: verticalScrollIndicator 4s infinite;
	-moz-animation: verticalScrollIndicator 4s infinite;
	-ms-animation: verticalScrollIndicator 4s infinite;
	-o-animation: verticalScrollIndicator 4s infinite;
	background-color: #fff;
	height: 40px;
	width: 1px;
}
@keyframes verticalScrollIndicator {
 0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
 50% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
}
@-webkit-keyframes verticalScrollIndicator {
 0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
 50% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
}
@-moz-keyframes verticalScrollIndicator {
 0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
 50% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
}
@-ms-keyframes verticalScrollIndicator {
 0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
 50% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
}
@-o-keyframes verticalScrollIndicator {
 0% {
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
 50% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 100% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
}
.absolute-scroll-indicator > p {
	color: #fff;
	font: 1.4rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
.absolute-scroll-name > p {
	color: #fff;
	position: absolute;
	right: 10px;
	top: 43%;
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
}
/*------- Scroll Indicator Section Ends -------*/

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

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

.bg-about-home {
	padding: 50px 15px;
}
.img-about-one {
	margin-top: -150px;
	width: 100%;
}
.about-info-home {
	padding: 0 60px;
}
.about-info-hr {
	background-color: #000;
	height: 10px;
	margin: 100px 0 30px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 0;
}
.about-info-hr.active {
	width: 100%;
}
.about-info-home > p {
	color: #000;
	font: 2.4rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.about-info-home.active > p {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.about-home-overlay {
	position: relative;
}
.bg-about-overlay {
	background-color: #fff;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 100%;
}
.bg-about-overlay.active {
	height: 0;
}
.about-branding-home {
	bottom: 0;
	left: -125px;
	position: absolute;
}
.img-about-two {
	width: 250px;
}
/*------- About Us Section Ends -------*/

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

.bg-services-home {
	padding: 50px 0px 50px 15px;
	position: relative;
}
.bg-services-home:hover {
	cursor: url("../images/cursor.png"), auto;
}
.bg-services-home > .row {
	margin: 0 0 0 -15px;
}
.img-product-home {
	width: 100%;
}
.services-home-heading > p {
	color: #000;
	font: 3.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	position: relative;
	top: -150px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
.services-info-home {
	margin-top: 80px;
	padding: 0 30px;
}
.services-home-heading > p::before {
	background-color: #000;
	content: "";
	height: 1px;
	left: -300px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 275px;
}
.services-info-home > h3 {
	color: #000;
	font: 3.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
}
.services-info-home > p {
	color: #000;
	font: 2rem/1.6 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 100px;
}
.box-arrow-product > a {
	border: 1px solid #0096c6;
	color: #0096c6;
	display: block;
	height: 75px;
	line-height: 75px;
	position: relative;
	text-align: center;
	width: 75px;
}
.box-arrow-product > a > i {
	color: #0096c6;
	font-size: 2.4rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
}
.box-arrow-product > a:hover, .box-arrow-product > a:hover > i {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
/*------- Slick Slider Dots CSS Starts -------*/

.slick-track {
	left: -50px;
}
.services-slick-slider .row {
	margin: 0;
}
.services-slick-slider .slick-dots {
	bottom: -30px;
	left: 0;
	text-align: left;
	width: auto;
}
.services-slick-slider .slick-dots li {
	cursor: pointer;
	display: inline-block;
	height: auto;
	margin: 0 5px;
	padding: 0;
	position: relative;
	width: auto;
}
.services-slick-slider .slick-dots li button {
	border: 1px solid #000;
	height: 7px;
	line-height: 7px;
	margin: 0;
	padding: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	width: 7px;
}
.services-slick-slider .slick-dots li.slick-active button {
	background-color: #000;
}
.services-slick-slider .slick-dots li button::before {
	content: '';
}
/*------- Slick Slider Dots CSS Ends -------*/

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

/*------- Why Choose US Section Starts -------*/

.bg-why-choose-home {
	overflow-x: hidden;
	position: relative;
}
.bg-why-choose-container-home {
	background-color: #0096c6;
	overflow-x: hidden;
	padding: 150px 15px;
	position: relative;
	z-index: 1;
}
.marquee-scrolling {
	position: relative;
	top: 30px;
}
.marquee-scrolling > p {
	animation: firstScrolling 25s infinite;
	-webkit-animation: firstScrolling 25s infinite;
	-moz-animation: firstScrolling 25s infinite;
	-ms-animation: firstScrolling 25s infinite;
	-o-animation: firstScrolling 25s infinite;
	color: #0096c6;
	font: 6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	left: 0;
	mix-blend-mode: color-burn;
	position: absolute;
	top: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	white-space: nowrap;
	z-index: 2;
}
@keyframes firstScrolling {
 0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
@-webkit-keyframes firstScrolling {
 0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
@-moz-keyframes firstScrolling {
 0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
@-ms-keyframes firstScrolling {
 0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
@-o-keyframes firstScrolling {
 0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
.why-choose-hr {
	background-color: #fff;
	height: 10px;
	margin-bottom: 30px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 0;
}
.why-choose-hr.active {
	width: 100%;
}
.bg-why-choose-home-info > h3 {
	color: #fff;
	font: 3.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transition: 0.5s linear;
}
.bg-why-choose-home-info.active > h3 {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.bg-why-choose-home-info > p {
	color: #fff;
	font: 2rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.bg-why-choose-home-info.active > p {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.why-choose-learn-more {
	margin-top: 50px;
	position: relative;
}
.why-choose-learn-more > a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 25px 40px 25px 15px;
	position: relative;
	z-index: 1;
}
.why-choose-learn-more > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.why-choose-learn-more > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.8);
	-webkit-transform: translateY(-50%) scale(1.8);
	-moz-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
}
/*------- Why Choose US Section Ends -------*/

/*------- Project Section Starts -------*/

.bg-projects-home {
	padding: 150px 15px 200px;
	position: relative;
}
.project-outline-logo-home {
	left: 30px;
	position: absolute;
	top: 30px;
}
.project-outline-logo-home > img {
	opacity: 0.2;
	width: 400px;
}
.box-panel-project-home {
	background-color: #0096c6;
	padding: 50px;
	position: relative;
}
.box-panel-project-home > h3 {
	color: #fff;
	font: 4rem/1.3 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 50px;
	padding-left: 75px;
	position: relative;
	width: 400px;
}
.box-panel-project-home > h3::before {
	background-color: #fff;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 40px;
}
.project-req-quote {
	margin: 50px 0 0 75px;
	position: relative;
}
.project-req-quote > a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 25px 40px 25px 15px;
	position: relative;
	z-index: 1;
}
.project-req-quote > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.project-req-quote > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.8);
	-webkit-transform: translateY(-50%) scale(1.8);
	-moz-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
}
.project-image-abs {
	bottom: -300px;
	position: absolute;
	right: -300px;
}
.img-project-home {
	border: 7px solid #fff;
	width: 400px;
}
.project-image-abs {
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.project-image-abs.active {
	bottom: -100px;
}
/*------- Project Section Ends -------*/

/*------- Specializing Section Starts -------*/

.bg-lvtb-home {
	padding: 100px 15px;
	position: relative;
}
.bg-lvtb-home::after {
	background-color: #e8ecef;
	content: "";
	height: 75%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.lvtb-heading > h2 {
	color: #000;
	font: 3rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.lvtb-heading.active > h2 {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.lvtb-heading > p {
	color: #000;
	font: 2rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 30px;
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.lvtb-heading.active > p {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.box-arrow {
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transition: 0.5s linear 1s;
	-webkit-transition: 0.5s linear 1s;
	-moz-transition: 0.5s linear 1s;
	-ms-transition: 0.5s linear 1s;
	-o-transition: 0.5s linear 1s;
}
.box-arrow.active {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.box-arrow > a {
	border: 1px solid #0096c6;
	color: #0096c6;
	display: block;
	height: 75px;
	line-height: 75px;
	position: relative;
	text-align: center;
	width: 75px;
}
.box-arrow > a > i {
	color: #0096c6;
	font-size: 2.4rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
}
.box-arrow > a:hover, .box-arrow > a:hover > i {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.lvtb-img-overlay {
	position: relative;
}
.img-lvtb {
	width: 100%;
}
.bg-lvtb-overlay {
	background-color: #e8ecef;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	width: 100%;
}
.bg-lvtb-overlay.active {
	height: 0;
}
/*------- Specializing Section Ends -------*/

/*------- Latest News Section Starts -------*/

.bg-latest-news-home {
	padding: 150px 15px;
}
.latest-news-heading > h2 {
	color: #000;
	font: 3rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	padding-left: 75px;
	position: relative;
	top: 100px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.latest-news-heading.active > h2 {
	top: 0;
}
.latest-news-heading > h2::before {
	background-color: #0096c6;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 60px;
}
.latest-news-info {
	border-bottom: 1px solid #0096c6;
	border-top: 1px solid #0096c6;
	margin-top: -100px;
	padding: 50px;
}
.latest-news-info > p:first-child {
	color: #0096c6;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 30px;
	opacity: 0;
	transform: translateY(50px);
	transition: 0.5s linear;
}
.latest-news-info.active > p:first-child {
	opacity: 0.25;
	transform: translateY(0);
}
.latest-news-info > p:last-child {
	color: #000;
	font: 3.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	opacity: 0;
	transform: translateY(30px);
	transition: 0.5s linear 0.5s;
}
.latest-news-info.active > p:last-child {
	opacity: 1;
	transform: translateY(0);
}
.latest-news-info-all {
	margin: 50px 0;
}
.latest-news-info-all > a {
	color: #1a1a1a;
	font: 1.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 15px 0;
	position: relative;
}
.latest-news-info-all > a::after {
	background-color: #1a1a1a;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	width: 70px;
}
.latest-news-info-all > a:hover::after {
	transform: translateX(-50%) scale(0);
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
}
/*------- Latest News Section Ends -------*/

/*------- Design, Build and Aluminum Section Starts -------*/

.bg-dba-home {
	padding: 150px 15px;
	position: relative;
	z-index: 1;
}
.bg-dba-home::before {
	background-color: #e8ecef;
	bottom: 0;
	content: "";
	height: 75%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.bg-dba-home::after {
	background-color: #0096c6;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 100px);
	z-index: -1;
}
.scrolltop-icon {
	margin-top: 100px;
	width: 100px;
}
.scrolltop-icon .rect {
	transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transform: translateY(100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width: 100px;
}
.scrolltop-icon:hover .rect {
	fill: #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	transform: translateY(0);
}
.dba-heading-name > p {
	border-bottom: 1px dashed #fff;
	color: #fff;
	font: 4rem/1.7 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 0px; /*text-transform: uppercase;*/
}
.dba-heading-name > p:first-child, .dba-heading-name > p:nth-child(2), .dba-heading-name > p:nth-child(3) {
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.dba-heading-name.active > p:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-heading-name.active > p:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.dba-heading-name.active > p:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1s;
	-webkit-transition: 0.5s linear 1s;
	-moz-transition: 0.5s linear 1s;
	-ms-transition: 0.5s linear 1s;
	-o-transition: 0.5s linear 1s;
}
.dba-listing-hr {
	background-color: #fff;
	height: 10px;
	margin-bottom: 50px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 0;
}
.dba-listing-hr.active {
	width: 100%;
}
.dba-listing > li {
	display: block;
	margin-bottom: 15px;
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
}
.dba-listing.active > li:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-listing.active > li:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.3s;
	-webkit-transition: 0.5s linear 0.3s;
	-moz-transition: 0.5s linear 0.3s;
	-ms-transition: 0.5s linear 0.3s;
	-o-transition: 0.5s linear 0.3s;
}
.dba-listing.active > li:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.6s;
	-webkit-transition: 0.5s linear 0.6s;
	-moz-transition: 0.5s linear 0.6s;
	-ms-transition: 0.5s linear 0.6s;
	-o-transition: 0.5s linear 0.6s;
}
.dba-listing.active > li:nth-child(4) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.9s;
	-webkit-transition: 0.5s linear 0.9s;
	-moz-transition: 0.5s linear 0.9s;
	-ms-transition: 0.5s linear 0.9s;
	-o-transition: 0.5s linear 0.9s;
}
.dba-listing.active > li:nth-child(5) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.2s;
	-webkit-transition: 0.5s linear 1.2s;
	-moz-transition: 0.5s linear 1.2s;
	-ms-transition: 0.5s linear 1.2s;
	-o-transition: 0.5s linear 1.2s;
}
.dba-listing.active > li:nth-child(6) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.5s;
	-webkit-transition: 0.5s linear 1.5s;
	-moz-transition: 0.5s linear 1.5s;
	-ms-transition: 0.5s linear 1.5s;
	-o-transition: 0.5s linear 1.5s;
}
.dba-listing.active > li:nth-child(7) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.8s;
	-webkit-transition: 0.5s linear 1.8s;
	-moz-transition: 0.5s linear 1.8s;
	-ms-transition: 0.5s linear 1.8s;
	-o-transition: 0.5s linear 1.8s;
}
.dba-listing > li:last-child {
	margin-bottom: 100px;
}
.dba-listing > li > a {
	color: #fff;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.footer-social-listing > li {
	display: inline-block;
	margin-right: 15px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.footer-social-listing.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.footer-social-listing > li > a {
	color: #fff;
	display: block;
	font: 1.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 0 0 15px;
	position: relative;
}
.footer-social-listing > li > a::after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	width: 100%;
}
.footer-social-listing > li > a:hover::after {
	transform: translateX(-50%) scale(0);
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
}
.rc-listing > li {
	display: inline-block;
	margin-right: 30px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.rc-listing.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.rc-listing > li > a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 20px 30px 20px 15px;
	position: relative;
	z-index: 1;
}
.rc-listing > li > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.rc-listing > li > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.6);
}
/*------- Design, Build and Aluminum Section Ends -------*/

/*------- Newsletter Section Starts -------*/

.bg-newsletter-home {
	background-color: #e8ecef;
	padding: 150px 15px;
}
.flex-align-end {
	-ms-align-items: flex-end;
	align-items: flex-end;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.form-element {
	margin-bottom: 0;
}
.fields {
	color: #0096c6;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	font-weight: normal;
	left: 15px;
	opacity: 0.5;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all 0.5s ease-in-out;
	-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;
}
.form-control-element {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #0096c6;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	color: #0096c6;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	height: 40px;
	padding: 0;
}
.form-control-element:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border-color: #000;
	outline: 0;
}
.form-control-element:focus ~.fields, .form-control-element:valid ~ .fields {
color: #272727;
font-family: 'Lato', sans-serif;
font-weight:300;
font-size: 1.6rem;
left: 15px;
top: -30px;
}
.btn-subscribe {
	background-color: transparent;
	border: 1px solid #0096c6;
	color: #000;
	display: block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 20px 40px 20px 30px;
	position: relative;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	z-index: 1;
}
.btn-subscribe > i {
	background-color: #e8ecef;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.btn-subscribe:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.6);
}
/*------- Newsletter Section Ends -------*/

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

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

.bg-banner-contact {
	background: url("../images/banner.jpg") no-repeat fixed top/cover;
	height: 768px;
	position: relative;
}
.banner-contact-cp {
	margin: 400px 0 0;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.banner-contact-cp.active {
	margin: 300px 0 0;
}
.banner-contact-cp > h1 {
	color: #fff;
	font: 6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
}
.contact-banner-img {
	bottom: -50px;
	position: absolute;
	right: 0;
}
.contact-banner-img > img {
	width: 800px;
}
.contact-banner-img-overlay {
	background-color: #0096c6;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 100%;
}
.contact-banner-img-overlay.active {
	height: 0;
}
/*------- Banner Section Ends -------*/

	/*------- Contact Address Section Starts -------*/

.bg-contact-address-cp {
	padding: 150px 15px;
}
.contact-img-overlay-cp {
	position: relative;
}
.bg-overlay-contact-cp {
	background-color: #fff;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	width: 100%;
}
.bg-overlay-contact-cp.active {
	height: 0;
}
.img-cp-two {
	margin-top: -100px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.img-cp-two.active {
	margin-top: -200px;
}
.contact-phone-info, .contact-address-info, .contact-email-info {
	margin-top: 150px;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
}
.contact-phone-info {
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.contact-address-info {
	transition: 0.5s linear 0.3s;
	-webkit-transition: 0.5s linear 0.3s;
	-moz-transition: 0.5s linear 0.3s;
	-ms-transition: 0.5s linear 0.3s;
	-o-transition: 0.5s linear 0.3s;
}
.contact-email-info {
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.contact-phone-info.active, .contact-address-info.active, .contact-email-info.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.contact-phone-info > p:first-child, .contact-address-info > p:first-child, .contact-email-info > p:first-child {
	border-bottom: 1px solid #000;
	color: rgba(11,30,68,.4);
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.contact-phone-info > p:nth-child(2) {
	color: #000;
	font: 2rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 15px;
}
.contact-phone-info > p:nth-child(3), .contact-phone-info > p:nth-child(3) > a {
	color: #000;
	font: 2.4rem/1.2 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 0;
}
.contact-address-info > p:not(:first-child), .contact-email-info > p:not(:first-child), .contact-email-info > p > a {
	color: #000;
	font: 2.4rem/1.2 'Lato', sans-serif;
	font-weight: 400;
}
/*------- Contact Address Section Ends -------*/

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

.bg-about-cp {
	padding: 150px 15px 200px;
	position: relative;
}
.project-outline-logo-cp {
	left: 30px;
	position: absolute;
	top: 30px;
}
.project-outline-logo-cp > img {
	opacity: 0.05;
	width: 400px;
}
.box-panel-about-cp {
	background-color: #0096c6;
	padding: 50px;
	position: relative;
}
.box-panel-about-cp > h3 {
	color: #fff;
	font: 4rem/1.3 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 50px;
	padding-left: 75px;
	position: relative;
	width: 400px;
}
.box-panel-about-cp > h3::before {
	background-color: #fff;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 25px;
	width: 40px;
}
.about-req-quote {
	margin: 50px 0 0 75px;
	position: relative;
}
.about-req-quote > a {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 25px 40px 25px 15px;
	position: relative;
	z-index: 1;
}
.about-req-quote > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.about-req-quote > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.8);
	-webkit-transform: translateY(-50%) scale(1.8);
	-moz-transform: translateY(-50%) scale(1.8);
	-ms-transform: translateY(-50%) scale(1.8);
	-o-transform: translateY(-50%) scale(1.8);
}
.about-image-abs-cp {
	bottom: -300px;
	position: absolute;
	right: -300px;
}
.about-image-abs-cp {
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.about-image-abs-cp.active {
	bottom: -100px;
}
/*------- About Us Section Ends -------*/

	/*------- Design, Build and Aluminum Section Starts -------*/

.bg-dba-cp {
	padding: 150px 15px;
	position: relative;
}
.bg-dba-cp::before {
	background-color: #e8ecef;
	bottom: 0;
	content: "";
	height: 75%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.bg-dba-cp::after {
	background-color: #0096c6;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 100px);
	z-index: -1;
}
.dba-up-arrow-cp > i {
	color: #fff;
	font-size: 10rem;
	margin-top: 100px;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.dba-up-arrow-cp.active > i {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.dba-heading-name-cp > p {
	border-bottom: 1px dashed #fff;
	color: #fff;
	font: 4rem/1.7 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 0px; /*text-transform: uppercase;*/
}
.dba-heading-name-cp > p:first-child, .dba-heading-name-cp > p:nth-child(2), .dba-heading-name-cp > p:nth-child(3) {
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.dba-heading-name-cp.active > p:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-heading-name-cp.active > p:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.dba-heading-name-cp.active > p:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1s;
	-webkit-transition: 0.5s linear 1s;
	-moz-transition: 0.5s linear 1s;
	-ms-transition: 0.5s linear 1s;
	-o-transition: 0.5s linear 1s;
}
.dba-listing-hr-cp {
	background-color: #fff;
	height: 10px;
	margin-bottom: 50px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 0;
}
.dba-listing-hr-cp.active {
	width: 100%;
}
.dba-listing-cp > li {
	display: block;
	margin-bottom: 15px;
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
}
.dba-listing-cp.active > li:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-listing-cp.active > li:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.3s;
	-webkit-transition: 0.5s linear 0.3s;
	-moz-transition: 0.5s linear 0.3s;
	-ms-transition: 0.5s linear 0.3s;
	-o-transition: 0.5s linear 0.3s;
}
.dba-listing-cp.active > li:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.6s;
	-webkit-transition: 0.5s linear 0.6s;
	-moz-transition: 0.5s linear 0.6s;
	-ms-transition: 0.5s linear 0.6s;
	-o-transition: 0.5s linear 0.6s;
}
.dba-listing-cp.active > li:nth-child(4) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.9s;
	-webkit-transition: 0.5s linear 0.9s;
	-moz-transition: 0.5s linear 0.9s;
	-ms-transition: 0.5s linear 0.9s;
	-o-transition: 0.5s linear 0.9s;
}
.dba-listing-cp.active > li:nth-child(5) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.2s;
	-webkit-transition: 0.5s linear 1.2s;
	-moz-transition: 0.5s linear 1.2s;
	-ms-transition: 0.5s linear 1.2s;
	-o-transition: 0.5s linear 1.2s;
}
.dba-listing-cp.active > li:nth-child(6) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.5s;
	-webkit-transition: 0.5s linear 1.5s;
	-moz-transition: 0.5s linear 1.5s;
	-ms-transition: 0.5s linear 1.5s;
	-o-transition: 0.5s linear 1.5s;
}
.dba-listing-cp.active > li:nth-child(7) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.8s;
	-webkit-transition: 0.5s linear 1.8s;
	-moz-transition: 0.5s linear 1.8s;
	-ms-transition: 0.5s linear 1.8s;
	-o-transition: 0.5s linear 1.8s;
}
.dba-listing-cp > li:last-child {
	margin-bottom: 100px;
}
.dba-listing-cp > li > a {
	color: #fff;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.footer-social-listing-cp > li {
	display: inline-block;
	margin-right: 15px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.footer-social-listing-cp.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.footer-social-listing-cp > li > a {
	color: #fff;
	display: block;
	font: 1.6rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 0 0 15px;
	position: relative;
}
.footer-social-listing-cp > li > a::after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	width: 100%;
}
.footer-social-listing-cp > li > a:hover::after {
	transform: translateX(-50%) scale(0);
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
}
.rc-listing-cp > li {
	display: inline-block;
	margin-right: 30px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.rc-listing-cp.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.rc-listing-cp > li > a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	padding: 20px 30px 20px 15px;
	position: relative;
	z-index: 1;
}
.rc-listing-cp > li > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.rc-listing-cp > li > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.6);
}
/*------- Design, Build and Aluminum Section Ends -------*/

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

/*------- Product Page Starts -------*/

.bg-banner-products {
	background: url("../images/banner.jpg") no-repeat fixed top/cover;
	height: 100vh;
	overflow-y: hidden;
}
.product-img-name-info {
	display: block;
	margin-top: 115px;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.product-img-name-info-two {
	margin-top: 130px;
	transition: 0.5s linear 0.3s;
	-webkit-transition: 0.5s linear 0.3s;
	-moz-transition: 0.5s linear 0.3s;
	-ms-transition: 0.5s linear 0.3s;
	-o-transition: 0.5s linear 0.3s;
}
.product-img-name-info-three {
	margin-top: 145px;
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.product-img-name-info.active {
	margin-top: 86px;
}
.product-img-name-info.bottom-active {
	margin-top: 100px;
}
.product-img-name-info.top-active {
	margin-top: 75px;
}
.img-product-pg {
	margin-bottom: 30px;
	filter: brightness(0.5);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	width: 100%;
}
.product-img-info > p {
	color: #fff;
	font: 2.4rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
}
.product-img-name-info:hover .img-product-pg {
	filter: brightness(1);
}
.product-page-heading > h1 {
	color: #fff;
	font: 6rem/1 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
}
/*------- Product Page Ends -------*/

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

.wrapper {
	height: 100vh;
	perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	overflow: hidden;
	width: 100%;
}
.section {
	height: 100%;
	float: left;
	position: relative;
	width: calc( 100% / 4 );
}
.section:nth-child(1) {
	background: url("../images/banner.jpg") no-repeat fixed top/cover;
}
.section:nth-child(2) {
	background: #fff;
}
.section:nth-child(3) {
	background: url("../images/about-pg-2.jpg") no-repeat top/cover;
	height: 100vh;
	width: 1000px;
}
.section:nth-child(4) {
	background: #fff;
}
.sections {
	height: 100vh;
	width: 400%;
}
.section__title {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	width: 75%;
}
.first-section-ap {
	height: 100%;
	position: relative;
}
.about-img-one-pg {
	bottom: -100px;
	position: absolute;
	right: 200px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.about-img-one-pg.active {
	bottom: 0;
}
.about-img-one-pg > img {
	width: 500px;
}
.about-img-one-pg-overlay {
	background-color: #0096c6;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 100%;
}
.about-img-one-pg-overlay.active {
	height: 0;
}
.about-page-heading > h1 {
	color: #fff;
	font: 6rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-top: 400px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
}
.about-page-heading.active > h1 {
	margin-top: 200px;
}
.about-img-one-pg-arrow {
	bottom: 30px;
	position: absolute;
	right: 30px;
}
.big-arrow path {
	stroke: #fff;
}
.scrolltop-icon-ap {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	width: 70px;
}
.provide-details > p:first-child {
	border-bottom: 10px solid #0096c6;
	border-top: 10px solid #0096c6;
	color: #0096c6;
	font: 2.4rem/1.42857143 'Lato', sans-serif;
	font-weight: 400;
	margin: 30px 0;
	padding: 30px 0;
}
.provide-details > p:last-child {
	color: #0096c6;
	font: 1.8rem/1.42857143 'Lato', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin: 30px 0 0 200px;
	padding: 0 0 0 30px;
	position: relative;
}
.provide-details > p:last-child::before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
	top: 0;
}
.third-sec-bg {
	position: relative;
}
.about-outline-logo-ap {
	left: -50px;
	position: absolute;
	top: 400px;
}
.about-outline-logo-ap > img {
	width: 300px;
}
.fourth-section-ap {
	margin-top: 150px;
}
.our-cliets-ap > h2 {
	color: #0096c6;
	font: 3rem/1.42857143 'Lato', sans-serif;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 30px;
	position: relative;
	top: -400px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
.our-cliets-ap > h2::before {
	background-color: #0096c6;
	content: "";
	height: 1px;
	position: absolute;
	right: -165px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 150px;
}
.img-client-logo {
	margin: 0 auto;
}
.bt-ap-des {
	border-top: 1px solid #ccc;
}
.bbl-ap-des {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.br-apd-des {
	border-right: 1px solid #ccc;
}
.about-client-outline-logo-ap {
	bottom: 0;
	position: absolute;
	right: 500px;
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.about-client-outline-logo-ap.active {
	right: 700px;
}
.about-client-outline-logo-ap > img {
	width: 200px;
}
/*------- About Us Page Ends -------*/
/*------- Gallery Page Starts -------*/
	
		/*------- Gallery Section Starts -------*/
	
.bg-gallery-gp {
	background: url("../images/banner.jpg") no-repeat fixed top/cover;
	margin-bottom: 100px;
	padding: 135px 15px 50px;
}
.gallery-heading-gp > h1 {
	color: #fff;
	font: 6rem/1 'Lato', sans-serif;
    font-weight: 900;
    font-style: italic;
	margin-bottom: 50px;
}
.img-gallery-pg {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	margin-bottom: 30px;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	width: 100%;
}
.img-gallery-pg:hover {
	color: #0096c6;
	filter: brightness(75%);
}
/*------- Gallery Section Ends -------*/
	
		/*------- Design, Build and Aluminum Section Starts -------*/
	
.bg-dba-gp {
	padding: 150px 15px;
	position: relative;
}
.bg-dba-gp::before {
	background-color: #e8ecef;
	bottom: 0;
	content: "";
	height: 75%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.bg-dba-gp::after {
	background-color: #0096c6;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 100px);
	z-index: -1;
}
.dba-up-arrow-gp > i {
	color: #fff;
	font-size: 10rem;
	margin-top: 100px;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.dba-up-arrow-gp.active > i {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.dba-heading-name-gp > p {
	border-bottom: 1px dashed #fff;
	color: #fff;
	font: 4rem/1.7 'Lato', sans-serif;
    font-weight: 900;
    font-style: italic;
	letter-spacing: 0px;
}
.dba-heading-name-gp > p:first-child,  .dba-heading-name-gp > p:nth-child(2),  .dba-heading-name-gp > p:nth-child(3) {
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.dba-heading-name-gp.active > p:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-heading-name-gp.active > p:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.5s;
	-webkit-transition: 0.5s linear 0.5s;
	-moz-transition: 0.5s linear 0.5s;
	-ms-transition: 0.5s linear 0.5s;
	-o-transition: 0.5s linear 0.5s;
}
.dba-heading-name-gp.active > p:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1s;
	-webkit-transition: 0.5s linear 1s;
	-moz-transition: 0.5s linear 1s;
	-ms-transition: 0.5s linear 1s;
	-o-transition: 0.5s linear 1s;
}
.dba-listing-hr-gp {
	background-color: #fff;
	height: 10px;
	margin-bottom: 50px;
	transition: 1s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	width: 0;
}
.dba-listing-hr-gp.active {
	width: 100%;
}
.dba-listing-gp > li {
	display: block;
	margin-bottom: 15px;
	opacity: 0;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
}
.dba-listing-gp.active > li:first-child {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0s;
	-webkit-transition: 0.5s linear 0s;
	-moz-transition: 0.5s linear 0s;
	-ms-transition: 0.5s linear 0s;
	-o-transition: 0.5s linear 0s;
}
.dba-listing-gp.active > li:nth-child(2) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.3s;
	-webkit-transition: 0.5s linear 0.3s;
	-moz-transition: 0.5s linear 0.3s;
	-ms-transition: 0.5s linear 0.3s;
	-o-transition: 0.5s linear 0.3s;
}
.dba-listing-gp.active > li:nth-child(3) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.6s;
	-webkit-transition: 0.5s linear 0.6s;
	-moz-transition: 0.5s linear 0.6s;
	-ms-transition: 0.5s linear 0.6s;
	-o-transition: 0.5s linear 0.6s;
}
.dba-listing-gp.active > li:nth-child(4) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 0.9s;
	-webkit-transition: 0.5s linear 0.9s;
	-moz-transition: 0.5s linear 0.9s;
	-ms-transition: 0.5s linear 0.9s;
	-o-transition: 0.5s linear 0.9s;
}
.dba-listing-gp.active > li:nth-child(5) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.2s;
	-webkit-transition: 0.5s linear 1.2s;
	-moz-transition: 0.5s linear 1.2s;
	-ms-transition: 0.5s linear 1.2s;
	-o-transition: 0.5s linear 1.2s;
}
.dba-listing-gp.active > li:nth-child(6) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.5s;
	-webkit-transition: 0.5s linear 1.5s;
	-moz-transition: 0.5s linear 1.5s;
	-ms-transition: 0.5s linear 1.5s;
	-o-transition: 0.5s linear 1.5s;
}
.dba-listing-gp.active > li:nth-child(7) {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: 0.5s linear 1.8s;
	-webkit-transition: 0.5s linear 1.8s;
	-moz-transition: 0.5s linear 1.8s;
	-ms-transition: 0.5s linear 1.8s;
	-o-transition: 0.5s linear 1.8s;
}
.dba-listing-gp > li:last-child {
	margin-bottom: 100px;
}
.dba-listing-gp > li > a {
	color: #fff;
	font: 1.8rem/1.2 'Lato', sans-serif;
    font-weight: 400;
    font-style: italic;
}
.footer-social-listing-gp > li {
	display: inline-block;
	margin-right: 15px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.footer-social-listing-gp.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.footer-social-listing-gp > li > a {
	color: #fff;
	display: block;
	font: 1.6rem/1 'Lato', sans-serif;
    font-weight: 300;
	padding: 0 0 15px;
	position: relative;
}
.footer-social-listing-gp > li > a::after {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	width: 100%;
}
.footer-social-listing-gp > li > a:hover::after {
	transform: translateX(-50%) scale(0);
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
}
.rc-listing-gp > li {
	display: inline-block;
	margin-right: 30px;
	opacity: 0;
	transform: translateX(-60px);
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transition: 2s linear;
	-webkit-transition: 2s linear;
	-moz-transition: 2s linear;
	-ms-transition: 2s linear;
	-o-transition: 2s linear;
}
.rc-listing-gp.active > li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.rc-listing-gp > li > a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font: 1.8rem/1 'Lato', sans-serif;
    font-weight: 400;
	padding: 20px 30px 20px 15px;
	position: relative;
	z-index: 1;
}
.rc-listing-gp > li > a > i {
	background-color: #0096c6;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	width: 40px;
	z-index: -1;
}
.rc-listing-gp > li > a:hover > i {
	right: -20px;
	transform: translateY(-50%) scale(1.6);
}
	
		/*------- Design, Build and Aluminum Section Ends -------*/
	
	/*------- Gallery Page Ends -------*/