/* Table of Content
==================================================

1. Fonts - Roboto and Poppins
2. Common CSS
3. Loader CSS
4. Header
5. Slider
6. About Us Wrapper
7. Counters Wrapper
8. Our Services Wrapper
9. CTA Wrapper
10. Our Team Wrapper
11. Pricing Wrapper
12. Testimonials Wrapper
13. Blog Wrapper
14. Clinets Wrapper
15. Breadcrumb Wrapper
16. Innper Page Wrapper
17. Gallery Wrapper
18. FAQ
19. 404 
20. Contact Us Wrapper 
21. Footer Wrapper
22. Responsive

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

@import url('font-awesome.min.css');
@import url('meanmenu.css');
@import url('animate.css');
@import url('owl.css');
@import url('magnific-popup.css');
@import url('et-line.css');
@import url('bicon.min.css');

/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.57143;
	font-weight: 400;
	color: #797979;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'roboto', sans-serif;
	margin-top: 0;
	color: #f26b31;
}

a {
	color: #2d2e2e;
	transition: all 0.3s ease 0s;
}

a:hover {
	color: #242c42;
	text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #fff
}

.btn,
.btn * {
	transition: all 0.3s ease 0s;
}

i {
	transition: all 0.4s ease-in-out 0s;
}

.transition3s {
	transition: all 0.3s ease-in-out 0s;
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

li {
	list-style: outside none none;
}

.mb-30 {
	margin-bottom: 30px;
}

section {
	float: left;
	width: 100%;
	padding: 100px 0;
}

.section_heading {
	text-align: center;
	width: 100%;
	margin: 0 0 40px;
}

.section_heading h2 {
	font-size: 4rem;
	color: #2d2d2d;
}

.section_heading h2 span {
	color: #f26b31;
}

.separator {
	margin: 5px auto 0px;
	width: 120px;
	position: relative;
}

.separator ul::before {
	content: '';
	width: 40px;
	height: 1px;
	background: #c9c9c9;
	left: -8px;
	top: 63%;
	position: absolute;
}

.separator ul {
	padding: 0px;
	margin: 0px;
}

.separator ul::after {
	content: '';
	width: 40px;
	height: 1px;
	background: #c9c9c9;
	right: -8px;
	top: 63%;
	position: absolute;
}

.separator ul li {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background: #f26b31;
	border-radius: 50%;
}

#scrollUp {
	border-radius: 50%;
	bottom: 100px;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000 !important;
	background: #f26b31;
}

#scrollUp:hover {
	background: #333;
	color: #fff;
}

#scrollUp i {
	display: block;
	padding-top: 8px;
}

.no-padding {
	padding: 0 !important;
}

.pad-b-10 {
	padding-top: 10px;
}

.bg-color2 {
	background: #f2f2f2;
}

.padding-20 {
	padding: 20px;
}

.border-left-four {
	border-left: 1px solid #e3e0e0;
}

.border-three {
	border: 1px solid #e3e0e0;
}

.margin-bottom3 {
	margin-bottom: 25px;
}

.row.row-safari {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.img-area img {
	width: 100%;
	height: auto;
}

/* Button Effects */
.theme-button-one {
	line-height: 55px;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 0 42px;
	position: relative;
	z-index: 1;
	color: #fff;
	min-width: 170px;
	border-radius: 25px;
	text-align: center;
	background: #f26b31;
	display: inline-block;
	box-shadow: none;
	border: none;
}

/* Button Sytle one */
.bttn {
	overflow: hidden;
}

.bttn::before,
.bttn::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	overflow: hidden;
	text-align: center;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.bttn.color-one::before,
.bttn.color-one::after {
	color: #fff;
}

.bttn::before {
	top: 0;
}

.bttn::after {
	bottom: 0;
	line-height: 0;
}

.bttn>span {
	display: block;
	-webkit-transform: scale3d(0.2, 0.2, 1);
	transform: scale3d(0.2, 0.2, 1);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.bttn:hover::before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.bttn:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.bttn:hover>span {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.bttn:hover {
	color: #fff;
}

.bttn.color-one::before,
.bttn.color-one::after {
	background: #f26b31;
}

/*
================================================
3. Loader CSS
================================================
*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222222;
	z-index: 99999;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f26b31;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f26b31;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f26b31;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*
================================================
4. Header
================================================
*/
.header-bottomarea {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1008;
}

.menu-fixed .header-bottomarea {
	background: #ffffff;
	float: left;
	width: 100%;
	-webkit-box-shadow: 0px 3px 15px 3px rgba(33, 33, 34, 0.125);
	-moz-box-shadow: 0px 3px 15px 3px rgba(33, 33, 34, 0.125);
	box-shadow: 0px 3px 15px 3px rgba(33, 33, 34, 0.125);
}

.header-section.menu-fixed {
	position: fixed;
	background: #ffffff;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.header-section.menu-fixed .header-top {
	display: none !important;
}

.header-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.header {
	display: flex;
	align-items: center;
}

.header-logo {
	display: flex;
	padding: 15px 0;
	margin-left: -30px;
}



.header-search {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
}

.header-searchtrigger {
	border: none;
	font-size: 24px;
	align-self: stretch;
	display: flex;
	align-items: center;
	color: #2b2b2b;
	min-width: 34px;
	background: none;
	border: none;
	outline: none !important;
	cursor: pointer;
}

.header-searchtrigger:hover,
.header-searchtrigger.is-active {
	color: #ff9138;
}

.header-searchbox {
	position: absolute;
	right: 0;
	top: 100%;
	width: 300px;
	height: auto;
	background: #f5f5f5;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
	transform: scale(0.8);
	transform-origin: 50% 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.header-searchbox input {
	border: 1px solid #bbbbbb;
	border-right-color: #f26b31;
	width: 85%;
	padding: 0 15px;
}

.header-searchbox input:focus {
	border-color: #f26b31;
}

.header-searchbox button,
.header-searchbox [type="submit"] {
	background: #f26b31;
	border: 1px solid #f26b31;
	color: #ffffff;
	flex: 0 0 45px;
	max-width: 45px;
	font-size: 18px;
}

.header-searchbox button:hover,
.header-searchbox [type="submit"]:hover {
	background: #f26b31;
}

.header-searchbox input,
.header-searchbox select {
	height: 45px;
	padding: 0 15px;
}

.header-searchbox.is-visible {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

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

	.header-topcontact,
	.header-toplinks {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {

	.header-topcontact,
	.header-toplinks {
		text-align: center;
		padding: 0;
	}
}

@media only screen and (max-width: 767px) and (max-width: 767px) {

	.header-topcontact,
	.header-toplinks {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 767px) {

	.header-topcontact li,
	.header-toplinks li {
		border-right: none;
		line-height: 1.5;
	}

	.header-topcontact li:first-child,
	.header-toplinks li:first-child {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 767px) and (max-width: 767px) {

	.header-topcontact li:first-child,
	.header-toplinks li:first-child {
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 767px) {

	.header-topcontact li:last-child,
	.header-toplinks li:last-child {
		padding-right: 15px;
	}
}

@media only screen and (max-width: 575px) {
	.header-searchbox {
		width: 290px;
	}
}

/**
 * Navigation */
.in-navigation {
	text-align: right;
	flex-grow: 1;
	padding: 0 20px;
}

.in-navigation>ul {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 0;
	display: inline-block;
}

.in-navigation>ul>li {
	display: inline-block;
	list-style: none;
	font-size: 15px;
	position: relative;
}

.in-navigation>ul>li>a {
	font-family: 'roboto', sans-serif;
	color: #f26b31;
	display: block;
	padding: 30px 20px;
	font-weight: 500;
	font-size: 18px;
}

.in-navigation>ul>li:hover>a,
.in-navigation>ul>li.active a {
	color: #f26b31;
}

.in-navigation .in-dropdown {
	position: relative;
}

.in-navigation .in-dropdown>a::after {
	content: "\f107";
	font-family: "FontAwesome";
	padding-left: 10px;
	font-weight: 400;
	font-size: 15px;
	vertical-align: bottom;
}

.in-navigation .in-dropdown ul {
	position: absolute;
	left: 100%;
	right: auto;
	top: 0;
	height: auto;
	width: 240px;
	z-index: 99;
	padding-left: 0;
	margin-bottom: 0;
	text-align: left;
	background: #262626;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transform: translateX(20px);
	transition: all 0.2s ease-in-out 0s;
	visibility: hidden;
	opacity: 0;
}

.in-navigation .in-dropdown ul li {
	position: relative;
}

.in-navigation .in-dropdown ul li a {
	display: block;
	padding: 9px 15px;
	color: #fff;
	font-size: 14px;
	font-family: 'roboto', sans-serif;
}

.in-navigation .in-dropdown ul li:not(:last-child) a {
	border-bottom: 1px solid #464646;
}

.in-navigation .in-dropdown ul li:hover>a {
	color: #ffffff;
	background: #f26b31;
	border-color: #f26b31;
}

.in-navigation .in-dropdown ul li:hover>ul {
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
}

.in-navigation .in-dropdown>ul {
	left: 0;
	top: 100%;
	transform: translateY(20px);
}

.in-navigation .in-dropdown:hover>ul {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.in-navigation .in-dropdown.overflow-element ul {
	left: auto;
	right: 100%;
	transform: translateX(-20px);
}

.in-navigation .in-dropdown.overflow-element>ul {
	left: auto;
	right: 0;
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 191px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 191px 0px rgba(0, 0, 0, 0.1);
	-webkit-animation: sticky 2s;
	animation: sticky 2s;
}

/*
================================================
5. Slider Wrapper
================================================
*/
.main-slider {
	position: relative;
	padding: 0;
}

/* .main-slider .slide {
	position: relative;
	padding: 30px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	height:980px;
	background:#f2f2f2;
} */

.main-slider .slide {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.main-slider .container {
	position: relative;
	z-index: 2;
}

.main-slider h1:after {
	position: absolute;
	width: 100px;
	height: 4px;
	background: #f26b31;
	content: "";
	left: 0;
	bottom: 0;
}

.main-slider h1 {
	position: relative;
	text-transform: uppercase;
	opacity: 0;
	margin-bottom: 20px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	color: #f26b31;
	font-size: 50px;
	font-weight: 500;
	font-style: italic;
}

.main-slider h1 span {
	display: block;
	color: #003674;
	font-size: 75px;
	font-weight: 700;
	font-style: normal;
}

.main-slider .active h1 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1300ms;
	font-family: 'roboto', sans-serif;
}

/* .main-slider .content {
	height:970px;
	display:table;
	position:relative;
	padding:370px 0 0;
} */
.main-slider .content p {
	margin: 0 0 40px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0;
}

.main-slider .active p {
	margin: 0 0 40px;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 2000ms;
	opacity: 1;
}

.main-slider .social-links {
	position: absolute;
	left: 5%;
	top: 45%;
}

.main-slider .social-links li:first-child {
	margin: 0;
}

.main-slider .social-links li {
	display: block;
	margin: 10px 0 0;
}

.main-slider .social-links li a {
	font-size: 20px;
	line-height: 1;
	color: #999;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #717171;
}

.main-slider .social-links li a:hover {
	color: #fff;
	background: #717171;
}

.main-slider .tp-btn {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active .tp-btn {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1000ms;
}

.main-slider .owl-dots {
	position: absolute;
	right: 8%;
	top: 55%;
	z-index: 1;
	margin-top: -20px;
}

.owl-theme .owl-dots .owl-dot {
	display: none;
}

.main-slider .owl-dots {
	position: absolute;
	right: 8%;
	max-width: 20px;
	margin-left: 0;
	width: 100%;
	text-align: center;
	top: 60%;
	margin-top: -80px !important;
}

.main-slider .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: transparent;
	width: 18px;
	height: 18px;
	margin: 3px 0px;
	border-radius: 50px;
	border: 2px solid transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot:before {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0px;
	right: 0;
	margin: 4px;
	background: #f26b31;
	border-radius: 50%;
	content: '';
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active,
.main-slider .owl-dots .owl-dot:hover {
	border-color: #f26b31;
}

.main-slider .owl-dots .owl-dot span {
	display: none;
}

.main-slider .owl-nav {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 1;
	width: 100%;
	margin-top: -20px;
	display: none;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
	position: absolute;
	right: 0;
	top: 50%;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
	left: 0px;
}

/* .owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 50%;
} */
.main-slider .owl-carousel .owl-controls .owl-nav .owl-next {
	right: 50px;
}

/** Features **/
.features-wrapper {
	float: left;
	width: 100%;
}

/** Single Feature Service **/
.single-feature-service {
	margin: 0;
	vertical-align: middle;
	padding: 7.5% 15%;
	background: #003674;
	float: left;
	width: 100%;
}

.single-feature-service.two {
	background: #f26b31;
}

.single-feature-service .services-icon {
	width: 22%;
	float: left;
	font-size: 70px;
	text-align: center;
	color: #fff;
	line-height: 85px;
}

.single-feature-service .service-content {
	padding: 0 0 0 20px;
	float: left;
	width: 75%;
}

.single-feature-service h3 {
	text-transform: capitalize;
	padding: 0;
	color: #fff;
	font-family: 'roboto', sans-serif;
	font-size: 30px;
}

.single-feature-service p {
	color: #fff;
	margin: 0;
}

/*
================================================
6. About Us Wrapper
================================================
*/
.about-wrapper {
	padding: 101px 0 105px;
	background: url(../images/dot.jpg) left top repeat;
}

section#about-us.content_sec {
	position: relative;
}

.inner-page-wrapper.about-wrapper {
	padding: 90px 0 0;
	background: none;
}

.about-wrapper .about-text h3 {
	font-size: 40px;
	text-align: left;
	padding-top: 16px;
	text-transform: capitalize;
	font-weight: bold;
	color: #3f3f3f;
}

.about-wrapper .about-text h3 span {
	color: #f26b31;
}

.about-wrapper .about-text .line {
	display: inline-block;
	width: 40%;
	border: 1px dashed #b2b2b2;
	margin: 5px 0 20px;
}

.home-about-inner {
	background: url(../images/home-about-img.png) left top no-repeat;
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 20%;
	color: #fff;
	background-size: cover;
}

.home-about-inner h2 {
	color: #fff;
	font-size: 30px;
	margin: 0 0 10px;
}

.home-about-inner p {
	text-align: justify;
	margin: 0 0 20px;
}

.single-about-service {
	float: left;
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
}

.about-services-icon {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.single-about-service i {
	width: 65px;
	height: 65px;
	background: #003674;
	color: #fff;
	display: inline-block;
	line-height: 65px;
	margin: 0 0 20px;
	border-radius: 50%;
	font-size: 35px;
}

.single-about-service h3 {
	font-size: 25px;
	text-align: center;
	color: #003674;
	margin: 0 0 6px;
	padding: 0;
}

.single-about-service p {
	margin: 0;
}

/*
================================================
7. Counters Wrapper
================================================
*/
.counter-wrapper {
	float: left;
	width: 100%;
}

#counter {
	background: url(../images/election-repair-img2.png) center center no-repeat fixed;
	margin: 0;
	height: 100%;
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	padding: 110px 0 70px;
}

#counter:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(17, 18, 20, 0.9);
	top: 0;
	left: 0;
	z-index: 1;
}

.work-statistics-write {
	padding: 0px;
	margin-bottom: 30px;
	z-index: 111;
	position: relative;
}

.work-statistics-write h3 {
	font-size: 37px;
	color: white;
	vertical-align: middle;
	margin-top: 13px;
}

.work-statistics-write p {
	font-size: 18px;
	color: white;
	vertical-align: middle;
	margin-top: 13px;
	line-height: 25px;
}

.work-statistics {
	padding: 0px;
	margin-bottom: 40px;
	padding: 0px;
	position: relative;
	z-index: 111;
}

.work-statistics h3 {
	font-size: 32px;
	color: #fff;
	margin: 0px 9px 20px;
	vertical-align: middle;
	margin-top: 10px;
}

.work-statistics p::before {
	background: #fff;
	position: absolute;
	width: 30px;
	height: 2px;
	content: '';
	top: 45%;
	left: -20px;
}

.work-statistics p {
	position: relative;
	color: #fff;
	font-weight: 400;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 0 8px;
	background-color: #000;
}

.work-statistics:hover .stat-icon {
	transform: rotateY(360deg);
}

.stat-icon {
	font-size: 35px;
	margin-top: 0px;
	color: #f26b31;
	transition: 1.4s;
	-o-transition: 1.4s;
	-webkit-transition: 1.4s;
	-moz-transition: 1.4s;
	-ms-transition: 1.4s;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
}

/*
================================================
8. Our Services Wrapper
================================================
*/
.services-wrapper {
	padding: 101px 0 110px;
	background: url(../images/dot.jpg) left top repeat;
}

.services-wrapper .section_heading {
	margin: 0;
}

.inner-page-wrapper.services-wrapper {
	padding: 50px 0 90px;
}

.single-service-content {
	float: left;
	width: 100%;
	margin: 50px 0 0;
	text-align: center;
	padding: 25px;
	transition: all 0.3s ease 0s;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
	background: #fff;
}

.single-service-content:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.32);
}

.single-services-icon i:after {
	content: "";
	width: 15px;
	height: 15px;
	background: #f26b31;
	position: absolute;
	border-radius: 50%;
	right: -4px;
	top: 10px;
}

.single-services-icon i {
	width: 65px;
	height: 65px;
	background: #003674;
	color: #fff;
	display: inline-block;
	line-height: 65px;
	margin: 0 0 20px;
	border-radius: 50%;
	font-size: 35px;
	position: relative;
}

.single-service-content h3 {
	position: relative;
	font-size: 25px;
}

.single-service-content h4 i {
	color: #000;
	font-size: 55px;
	margin-right: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.single-service-content p {
	font-weight: 300;
	margin: 0 0 20px;
}

.single-service-content .bttn.color-one::before,
.single-service-content .bttn.color-one::after {
	background: #feaa2c;
}

.single-service-content .theme-button-one {
	background: #f26b31;
	line-height: 50px;
	padding: 0 35px;
}

/** Services Details **/
section.services-detials-wrapper {
	padding: 90px 0 75px;
}

.services-details .detail {
	padding: 30px 0 30px;
}

.services-detials-wrapper .accordion-box {
	width: 100%;
}

/** Sidebar **/
.sidebar {
	background: #fff;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.sidebar .widget {
	margin-bottom: 10px;
	padding: 20px;
}

.sidebar-title {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 600;
	color: #37404d;
	position: relative;
	padding: 0 0 0 10px;
	border-left: 3px solid #f26b31;
}

.sidebar .form-search {
	position: relative;
}

.sidebar .form-search .form-control {
	border: 1px solid #eee;
	height: 45px;
}

.sidebar .form-search .btn {
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 12px 9px 12px;
}

.sidebar .categories ul li {
	line-height: 30px;
	font-size: 14px;
}

.sidebar .categories ul li a {
	color: #535353;
}

.sidebar .categories ul li a:hover {
	color: #f26b31;
	;
}

.sidebar .categories ul li span {
	float: right;
}

.sidebar .tags ul li a {
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 12px;
	font-size: 11px;
	text-decoration: none;
	border: solid 1px #e4e4e4;
	background: #e4e4e4;
	text-transform: uppercase;
	color: #5f5f5f;
	letter-spacing: 1px;
	border-radius: 2px;
}

.sidebar .tags ul li a:hover {
	border: solid 1px #ff214f;
	background: #f26b31;
	color: #fff;
}

/*
================================================
9. CTA Wrapper
================================================
*/
.cta-wrapper::before {
	background: linear-gradient(to left, #0e3466 0%, #194575 50%);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.85;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.cta-wrapper {
	background: url(../images/cta-bg.jpg) left top fixed no-repeat;
	z-index: 9;
	position: relative;
	padding: 107px 0 102px;
	/* margin-top: 40px; */
}

.cta-wrapper .cta-text {
	text-align: center;
	padding: 0 10%;
}

.cta-wrapper h3 {
	font-size: 25px;
	color: #fff;
	text-transform: capitalize;
	margin: 0 0 20px;
}

.cta-wrapper p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 25px;
}

.cta-text .line {
	display: inline-block;
	width: 50%;
	border: 1px dashed #fff;
	margin: 15px 0 40px;
}

.cta-wrapper ul {
	color: #fff;
	overflow: hidden;
	text-align: center;
}

.cta-wrapper ul li {
	font-size: 20px;
	display: inline-block;
	font-weight: 600;
}

.cta-wrapper ul>li:first-child {
	font-weight: 700;
}

.cta-wrapper ul>li+li {
	margin-left: 30px;
}

.cta-wrapper ul i {
	display: inline-block;
	padding-left: 5px;
	color: #f26b31;
	margin-right: 10px;
}

/*
================================================
10. Our Team Wrapper
================================================
*/
.our-team-wrapper {
	padding: 102px 0 110px;
}

.our-team-wrapper .section_heading {
	margin: 0;
}

.inner-page-wrapper.our-team-wrapper {
	padding: 50px 0 90px;
}

.team-member {
	padding: 0;
	margin: 40px 0 0;
}

.team-thumb {
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

.team-thumb img {
	width: 100%;
}

.team-social {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 5px solid rgba(255, 255, 255, 0.8);
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.team-member:hover .team-social {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.team-social ul {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #003674;
	transform: scale(.8);
}

.team-social li {
	margin-bottom: 5px;
	position: absolute;
	bottom: 25px;
	right: -100%;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

.team-member:hover .team-social li {
	right: 30px;
}

.team-social li:nth-child(2) {
	bottom: 65px;
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

.team-social li:nth-child(3) {
	bottom: 105px;
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
}

.team-social li:nth-child(4) {
	bottom: 145px;
	-webkit-transition: all .9s ease-out;
	-moz-transition: all .9s ease-out;
	-ms-transition: all .9s ease-out;
	-o-transition: all .9s ease-out;
	transition: all .9s ease-out;
}

.team-social li:nth-child(5) {
	bottom: 185px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.team-social li:nth-child(6) {
	bottom: 225px;
	-webkit-transition: all 1.1s ease-out;
	-moz-transition: all 1.1s ease-out;
	-ms-transition: all 1.1s ease-out;
	-o-transition: all 1.1s ease-out;
	transition: all 1.1s ease-out;
}

.team-social li:nth-child(7) {
	bottom: 265px;
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	-ms-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}

.team-social li:nth-child(8) {
	bottom: 305px;
	-webkit-transition: all 1.3s ease-out;
	-moz-transition: all 1.3s ease-out;
	-ms-transition: all 1.3s ease-out;
	-o-transition: all 1.3s ease-out;
	transition: all 1.3s ease-out;
}

.team-social li:nth-child(9) {
	bottom: 345px;
	-webkit-transition: all 1.4s ease-out;
	-moz-transition: all 1.4s ease-out;
	-ms-transition: all 1.4s ease-out;
	-o-transition: all 1.4s ease-out;
	transition: all 1.4s ease-out;
}

.team-social a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: #003674;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
}

.team-member .team-info {
	display: inline-block;
	width: 100%;
	padding: 20px;
	border-top: 1px solid #fff;
	background: #003674;
	text-align: center;
}

.team-member span {
	color: #fff;
}

.team-member h2 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 0;
}

/*
================================================
11. Pricing Wrapper
================================================
*/
.pricing-wrapper {
	padding: 105px 0 110px;
	background: #f2f2f2;
}

.pricing-wrapper .section_heading {
	margin: 0;
}

.pricing-wrapper .price_card {
	text-align: center;
	padding: 30px 0px 40px;
	margin: 40px 0 0;
	border-radius: 20px;
	float: left;
	-webkit-box-shadow: 0 0 25px 0 rgba(41, 61, 88, .06);
	-moz-box-shadow: 0 0 25px 0 rgba(41, 61, 88, .06);
	box-shadow: 0 0 25px 0 rgba(41, 61, 88, .06);
	background: #fff;
}

.pricing-wrapper .plan-title {
	margin-bottom: 10px;
	display: block;
}

.pricing-wrapper .plan-title h4 {
	color: #262626;
}

.pricing-wrapper .price_amount {
	color: #000;
	font-size: 20px;
}

.pricing-wrapper .price_amount strong {
	font-size: 50px;
	font-weight: 600;
	font-family: 'roboto', sans-serif;
	padding: 0 5px;
}

.pricing-wrapper .features {
	margin: 0px auto;
	width: 55%;
}

.pricing-wrapper .features ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.pricing-wrapper .features ul li {
	padding: 15px 0;
	border-bottom: solid 1px #d1d1d1;
	color: #262626;
}

.pricing-wrapper .features ul li.deactive {
	color: #000;
}

.pricing-wrapper .features ul li:last-child {
	border-bottom: none;
}

.pricing-wrapper .purchase {
	margin-top: 10px;
	text-align: center;
}

.pricing-wrapper .purchase a.purchase_now {
	padding: 10px 25px;
	background: #f26b31;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-family: 'roboto', sans-serif;
	border-radius: 25px;
}

.pricing-wrapper .purchase a.purchase_now:hover {
	color: #fff;
}

.pricing-wrapper .ultimate {
	border: none;
	z-index: 9;
}

.pricing-wrapper .ultimate .plan-title h4 {
	color: #fff;
}

.pricing-wrapper .ultimate .plan-title .separator ul li {
	display: inline-block;
	background: #fff;
	margin: 0px 2px;
	padding: 0px;
}

.pricing-wrapper .ultimate .price_amount {
	color: #fff;
	font-size: 20px;
}

.pricing-wrapper .ultimate .price_amount strong {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	font-family: 'roboto', sans-serif;
}

.pricing-wrapper .ultimate {
	background: #f26b31 !important;
	-webkit-box-shadow: 0px 5px 32px -7px rgba(255, 98, 4, 0.78);
	-moz-box-shadow: 0px 5px 32px -7px rgba(255, 98, 4, 0.78);
	box-shadow: 0px 5px 32px -7px rgba(255, 98, 4, 0.78);
}

.pricing-wrapper .ultimate .purchase a.purchase_now,
.pricing-wrapper .ultimate .purchase a:hover.purchase_now {
	color: #f26b31;
	border-radius: 25px;
	background: #fff;
}

.pricing-wrapper .ultimate .features ul li {
	padding: 15px 0;
	color: #fff;
}

.pricing-wrapper .ultimate .features ul li:last-child {
	border-bottom: none;
}

/*
================================================
12. Electric Repair
================================================
*/
.electric-repair-services {
	float: left;
	width: 100%;
}

.election-repair::before {
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.95;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.election-repair-img1:before {
	background: #003674
}

.election-repair-img2:before {
	background: #f26b31
}

.election-repair {
	padding: 10%;
	position: relative;
	z-index: 9;
	float: left;
	width: 100%;
}

.election-repair-img1 {
	background: url(../images/election-repair-img1.png) left 90% no-repeat;
}

.election-repair-img2 {
	background: url(../images/election-repair-img2.png) right 90% no-repeat;
}

.election-repair-main {
	display: table !important;
	table-layout: fixed;
	width: 100%;
}

.election-repair-main>div>div {
	background-position: center center !important;
	background-size: cover !important;
	float: none;
	margin: 0 !important;
	padding: 0 2%;
	vertical-align: middle;
	min-height: 400px;
}

.election-repair-main>div>div>div {
	padding-top: 11% !important;
}

.election-repair-img1 .electric-repair-left {
	padding: 0 0 0 40%;
}

.election-repair-img1 .electric-repair-left h3 {
	color: #f26b31;
	font-size: 16px;
	margin: 0 0 20px;
}

.election-repair-img1 .electric-repair-left h3 span {
	color: #fff;
	font-size: 24px;
	display: block;
	margin: 5px 0 0;
}

.election-repair-img1 .electric-repair-left p {
	color: #fff;
	margin: 0 0 13px;
}

.election-repair-img2 .electric-repair-right {
	padding: 0 45% 0 2%;
}

.electric-repair-right ul {
	margin: 0;
	display: inline-block;
}

.electric-repair-right ul li {
	float: left;
	font-weight: 700;
	width: 48%;
	color: #fff;
	padding: 4px 0 8px;
	font-size: 16px;
}

.electric-repair-right ul li img {
	margin: 0 8px 0 0;
}

.election-repair-img2 .electric-repair-right h3 {
	color: #fff;
	font-size: 16px;
	margin: 0 0 16px;
}

.election-repair-img2 .electric-repair-right h3 span {
	color: #fff;
	font-size: 24px;
	display: block;
	margin: 5px 0 0;
}

.election-repair-img2 .electric-repair-right p {
	color: #fff;
}

.electric-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

/*
================================================
12. Testimonials Wrapper
================================================
*/
.testimonials-wrapper {
	background-color: #f2f2f2;
	/* For browsers that do not support gradients */
	background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 23%);
	padding: 104px 0 110px;
}

.testimonials-wrapper .section_heading {
	margin: 0;
}

.inner-page-wrapper.testimonials-wrapper {
	background: none;
	border: none;
	padding: 60px 0 110px;
}

.single-testimonial-item {
	position: relative;
	display: block;
	background: #ffffff;
	-webkit-box-shadow: 0px 2px 10px 3px #f6f6f6;
	box-shadow: 0px 2px 10px 3px #f6f6f6;
	margin-top: 40px;
}

.single-testimonial-item .inner-content {
	position: relative;
	display: block;
	padding: 55px 30px 52px;
	background: #f2f2f2;
}

.single-testimonial-item .inner-content .client-info {
	position: relative;
	display: block;
	padding-bottom: 22px;
}

.single-testimonial-item .inner-content .client-info h3 {
	color: #3a3a3a;
	font-weight: 600;
	margin: 0 0 3px;
}

.single-testimonial-item .inner-content .client-info span {}

.single-testimonial-item .inner-content .img-box {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 2;
	background: #fff;
}

.single-testimonial-item .inner-content .img-box::before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	content: "";
	background: rgba(0, 0, 0, 0.70);
	border-radius: 50%;
	transition: all 0.5s ease-in-out 0s;
	transform-style: preserve-3d;
	transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
	opacity: 0;
	z-index: 4;
}

.single-testimonial-item:hover .inner-content .img-box::before {
	transform: perspective(1200px) rotateY(0deg) translateZ(0px);
	transition-delay: 0.1s;
	opacity: 1;
}

.single-testimonial-item .inner-content .img-box img {
	width: 100%;
	transition: all 700ms ease 800ms;
	border-radius: 50%;
}

.single-testimonial-item:hover .inner-content .img-box img {
	transform: rotate(360deg);
}

.single-testimonial-item .inner-content .text-box {
	position: relative;
	display: block;
	padding-top: 24px;
}

.single-testimonial-item .inner-content .text-box p {
	margin: 0;
}

.single-testimonial-item .quote-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 70px;
	background: #f26b31;
	z-index: 3;
}

.single-testimonial-item .quote-icon span:before {
	color: #ffffff;
	font-size: 30px;
	display: block;
	padding: 20px 0;
}

.testimonials-wrapper .owl-nav div {
	display: none !important;
}

/*
================================================
13. Blog Wrapper
================================================
*/
.inner-page-wrapper.blog-wrapper:before {
	background: none;
}

.inner-page-wrapper.blog-wrapper {
	background: none;
	padding: 50px 0 90px;
}

.inner-page-wrapper.blog-wrapper .post-detail {
	background: #f9f9f9;
}

.blog-wrapper {
	background: url(../images/pattern.png) left top repeat;
	z-index: 9;
	position: relative;
	padding: 105px 0 110px;
}

.blog-wrapper h2 {
	color: #2d2d2d;
}

.blog-wrapper .section_heading {
	margin: 0;
}

.blog-wrapper .post-img {
	width: 100%;
	position: relative;
	padding: 0px;
	float: left;
	height: 100%;
	overflow: hidden;
}

.blog-wrapper .post-img img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}

.blog_card:hover .post-img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.blog-wrapper .post-img .posted_on {
	border-radius: 50%;
	position: absolute;
	text-align: center;
	padding: 16px 10px;
	height: 70px;
	width: 70px;
	top: 15px;
	right: 15px;
	bottom: 10px;
	background: #f26b31;
}

.blog-wrapper .post-img .posted_on span.date {
	font-size: 25px;
	display: block;
	color: #fff;
	font-weight: 700;
	line-height: 20px;
}

.blog-wrapper .post-img .posted_on span.month {
	font-size: 14px;
	display: block;
	color: #fff;
	font-weight: 400;
}

.blog-wrapper .blog_card {
	display: inline-block;
	margin: 40px 0 0;
}

.blog-wrapper .post-detail {
	padding: 20px;
	border: none;
	border-top: 0px;
	width: 100% !important;
	background: #fff;
	display: inline-block;
}

.blog-wrapper .post-detail h5 {
	font-size: 25px;
}

.blog-wrapper .post-detail .post-status {
	margin: 10px 0 5px;
	width: 100%;
	display: inline-block;
}

.blog-wrapper .post-detail .post-status ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.blog-wrapper .post-detail .post-status ul li {
	float: left;
	min-width: 50px;
	color: #797979;
	margin-right: 20px;
	font-size: 14px;
}

.blog-wrapper .post-status ul li i {
	color: #f26b31;
}

.blog-wrapper .post-status ul li span a {
	color: #797979;
}

.blog-wrapper .post-detail .post-status ul li:last-child {
	margin-right: 0;
}

.blog-wrapper .post-detail .post-status ul li i::before {
	margin-right: 5px;
	font-size: 14px;
}

.blog-wrapper .description p {
	margin: 0 0 25px;
}

.blog-details-wrapper .post-commet {
	border-bottom: 1px solid #e7e4dd;
	border-top: 1px solid #e7e4dd;
	font-size: 14px;
	margin: 60px 0 30px;
	padding: 15px 0;
	text-align: left;
	text-transform: uppercase;
}

.blog-details-wrapper .post-commet .social-icons {
	margin-top: 1px;
	font-size: 16px;
	float: right;
	margin-top: 0;
}

.social-icons li {
	display: inline-block;
	margin-left: 10px;
}

.pro_review {
	display: flex;
}

.review_thumb {
	margin-right: 20px;
	min-width: 12%;
}

.review_info h5 a {
	color: #f26b31;
}

.pro_review img {
	max-width: 100%;
	background: #eee;
	border-radius: 50%;
}

.pro_review.ans {
	margin-bottom: 50px;
	margin-left: 50px;
	margin-top: 50px;
}

.rating_send a {
	font-size: 14px;
	display: block;
	float: right;
	margin-top: -30px;
}

.comment-reply-title {
	font-weight: 600;
}

.comment-form-comment .comment-notes {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	height: 140px;
	font-size: 14px;
	color: #666;
}

.comment-input input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	height: 40px;
	font-size: 14px;
	color: #666;
}

.comment-input {
	margin: 0 -10px;
	overflow: hidden;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	padding: 0 10px;
	width: 33.3333%;
}

.inner-page-wrapper.blog-details-wrapper {
	padding: 90px 0 54px;
}

/*
================================================
14. Clinets Wrapper
================================================
*/
.clinets-wrapper {
	float: left;
	width: 100%;
	padding: 80px 0;
}

.clinets-wrapper .owl-carousel .owl-item img {
	width: auto;
}

/*
================================================
15. Breadcrumb Wrapper
================================================
*/
.breadcrumb-wrapper {
	background-image: url("../images/image-banner/schneider-inner-banner.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 180px 0 0;
	position: relative;
	background-size: cover;
	min-height: 374px;
}

.page-breadcrumb-inner {
	margin: 60px 0 0;
	clear: both;
	float: left;
}

.page-breadcrumb {
	display: inline-block;
	padding: 12px 32px 12px 0;
	position: relative;
}

.breadcrumb-wrapper .page-heading {
	position: relative;
	top: 51px;
	float: left;
	width: 50%;
}

.breadcrumb-wrapper .page-heading .line {
	display: inline-block;
	width: 100%;
	border: 1px dashed #bebebf;
	margin: 15px 0 25px;
}

.page-heading h1 {
	font-size: 45px;
	text-align: left;
	text-transform: capitalize;
	font-weight: bold;
	color: #f26b31;
}

.page-heading h1 span {
	color: #f26b31;
}

.breadcrumb-list {
	text-align: left;
}

.breadcrumb-list li {
	display: inline-block;
	position: relative;
	padding: 0px 14px;
}

.breadcrumb-list li:first-child {
	padding-left: 0px;
}

.breadcrumb-list li a {
	text-transform: capitalize;
	color: #000;
}

.breadcrumb-list li:last-child a {
	color: #000;
	font-weight: 600;
}

.breadcrumb-list li::before {
	font-family: FontAwesome;
	content: "\f101";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	position: absolute;
	left: -5px;
}

.breadcrumb-list li:first-child::before {
	display: none
}

.breadcrumb-list li:first-child::before {
	display: none;
}

/*
================================================
16. Innper Page Wrapper
================================================
*/
.inner-page-wrapper {
	float: left;
	width: 100%;
	padding: 90px 0;
}

/*
================================================
17. Gallery Wrapper
================================================
*/
.gallery-wrapper {
	padding: 60px 0 90px;
}

.gallery-content {
	overflow: hidden;
}

.gallery-wrapper.home {
	padding: 0;
}

.gallery-wrapper.home .sb-photo {
	margin: 0;
}

.gallery-content .overlay-content {
	padding: 20px;
	width: 100%;
	bottom: 0;
	position: absolute;
}

.gallery-content .photo-overlay {
	position: absolute;
	bottom: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	color: #fff;
	text-transform: capitalize;
	border: 5px solid rgba(242, 107, 49, 0.8);
	display: block;
	background-color: rgba(242, 107, 49, 0.9);
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.sb-photo:hover .photo-overlay {
	left: 0;
}

.gallery-content .sb-photo {
	position: relative;
	overflow: hidden;
	margin: 30px 0 0;
}

.photo-overlay .zoom-icon,
.photo-overlay h2,
.photo-overlay span {
	margin-left: -100%;
}

.sb-photo:hover .photo-overlay .zoom-icon,
.sb-photo:hover .photo-overlay h2,
.sb-photo:hover .photo-overlay span {
	margin-left: 0;
}

.photo-overlay .zoom-icon {
	font-size: 25px;
	margin-bottom: 5px;
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
}

.photo-overlay .zoom-icon a:hover {
	color: #000;
}

.photo-overlay span {
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

.photo-overlay .zoom-icon a {
	color: #fff;
}

.photo-overlay h2 {
	font-size: 20px;
	font-family: 'roboto', sans-serif;
	margin-bottom: 0;
	bottom: 20px;
	width: 100%;
	color: #fff;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

.mfp-figure {
	background-color: #fff;
}

img.mfp-img {
	padding: 12px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
	top: -35px;
}

/*
================================================
18. FAQ
================================================
*/
.faq-wrapper {
	padding: 90px 0 75px;
}

.accordion-box {
	position: relative;
	width: 60%;
	margin: 0 auto;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 15px;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 16px;
	margin-bottom: 0px;
	cursor: pointer;
	line-height: 24px;
	border: 1px solid #eaeaea;
	font-weight: 700;
	padding: 15px 10px 15px 80px;
	color: #444444;
	text-transform: uppercase;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .acc-btn .icon-inner {
	color: #13b5ea;
	font-size: 16px;
}

.accordion-box .block .icon-outer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 100%;
	text-align: center;
	font-size: 13px;
	color: #b3b2b2;
	background: #eaeaea;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -21px;
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 13px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon-outer {
	background-color: #f26b31;
}

.accordion-box .block .icon-outer .icon-plus {
	opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
	opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
	opacity: 1;
	color: #fff;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
	opacity: 0;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.accordion-box .block .acc-content.Fusestar {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	font-size: 13px;
	background: #ffffff;
	padding: 15px;
	border-color: #eaeaea;
	border-style: solid;
	border-width: 0 1px 1px;
}

.accordion-box .block .content p {
	margin-bottom: 20px;
	line-height: 1.8em;
	color: #777777;
	font-size: 15px;
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}

/*
================================================
19. 404 
================================================
*/
.error_area {
	padding: 71px 0 90px;
}

.error_area .error_text h3 {
	font-size: 80px;
	margin: 0 0 15px;
	font-family: 'roboto', sans-serif;
}

.error_area .error_text p {
	font-size: 20px;
	color: #797979;
	margin: 0 0 15px;
	font-family: 'roboto', sans-serif;
}

.error_area .error_text .input-group {
	max-width: 500px;
}

.error_area .error_text .input-group input {
	height: 60px;
	border: none;
	border-radius: 0px;
	background: #efefef;
	padding: 0px 20px;
	font-size: 14px;
	font-weight: normal;
	color: #b5b5b5;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.error_area .error_text .input-group .input-group-append {
	margin-left: 10px;
}

.error_area .error_text .input-group .input-group-append button {
	background: #f26b31;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-size: 30px;
	padding: 0px 35px;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

/*
================================================
20. Contact Us Wrapper 
================================================
*/
.inner-page-wrapper.contact-us-wrapper {
	padding: 39px 0 50px;
}

.contact-form {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	padding: 50px 50px 50px;
	box-shadow: 0px 2px 5px 3px #f2f1f9;
}

.contact-form form {
	position: relative;
	display: block;
}

.contact-form form .input-box {
	position: relative;
	display: block;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea {
	position: relative;
	display: block;
	background: transparent;
	border: 1px solid #f0eef9;
	width: 100%;
	height: 60px;
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 20px;
	border-radius: 5px;
	transition: all 500ms ease;
}

.contact-form form textarea {
	height: 110px;
	padding-left: 16px;
	padding-right: 20px;
	padding-top: 17px;
	padding-bottom: 15px;
	color: #222222;
}

.contact-form form input[type="text"]:focus {
	border-color: #1d1d1d;
	color: #222222;
}

.contact-form form input[type="email"]:focus {
	border-color: #1d1d1d;
	color: #222222;
}

.contact-form form textarea:focus {
	border-color: #1d1d1d;
	color: #222222;
}

.contact-form form .input-box .icon {
	position: absolute;
	top: -3px;
	left: 20px;
	margin: 16px 0 14px;
}

.contact-form form .input-box .icon i {
	color: #868298;
	font-size: 16px;
	display: none;
	line-height: 30px;
}

.contact-form form input[type="text"]::-webkit-input-placeholder {
	color: #868298;
}

.contact-form form input[type="text"]:-moz-placeholder {
	color: #868298;
}

.contact-form form input[type="text"]::-moz-placeholder {
	color: #868298;
}

.contact-form form input[type="text"]:-ms-input-placeholder {
	color: #868298;
}

.contact-form form input[type="email"]::-webkit-input-placeholder {
	color: #868298;
}

.contact-form form input[type="email"]:-moz-placeholder {
	color: #868298;
}

.contact-form form input[type="email"]::-moz-placeholder {
	color: #868298;
}

.contact-form form input[type="email"]:-ms-input-placeholder {
	color: #868298;
}

.contact-form .button-box {
	display: inline-block;
}

.contact-form .theme-button-one {
	cursor: pointer;
}

.contact-address-area {
	position: relative;
	display: block;
	padding: 120px 0 0;
}

.single-address-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 40px;
	height: 230px;
	/* margin-bottom: 40px; */
	-webkit-box-shadow: 0px 2px 5px 3px #f8f8f8;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.single-address-box p {
	font-size: 18px;
}

.single-address-box:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #f26b31;
	transition: all 0.7s ease;
	transform: translateY(100%) scaleY(0);
	content: "";
	z-index: -1;
}

.single-address-box:hover:before {
	opacity: 1;
	transform: translateY(0%) scaleY(1);
}

.single-address-box h3 {
	margin: 0 0 15px;
	transition: all 0.7s ease;
}

.single-address-box:hover h3 {
	color: #ffffff;
	transition: all 0.8s ease;
	transition-delay: .5s;
}

.single-address-box p {
	margin: 0;
	text-align: justify;
	font-size: 16px;
	transition: all 0.7s ease;
}

.single-address-box:hover p {
	color: #fff;
	transition: all 0.9s ease;
	transition-delay: .7s;
}

.google-map {
	float: left;
	width: 100%;
	pointer-events: none;
}

.google-map iframe {
	width: 100%;
	border: none;
	height: 300px;
	margin: 0 0 -6px;
}

/*
================================================
21. Footer Wrapper
================================================
*/
.footer-top::before {
	background: #111214;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.footer-top {
	/* background: url(../images/footer-bg.jpg) center center fixed no-repeat; */
	z-index: 9;
	position: relative;
	padding: 60px 0;
	float: left;
	width: 100%;
	background-size: cover;
}

.footer-top p {
	text-align: justify;
	color: #fff;
}

.footer-top p span {
	text-align: justify;
	color: #fff;
	display: flex;
	width: 22rem;
	/* position: relative; */
}

.footer-top h3.widget-title {
	padding: 0 0 0 10px;
}

.footer-top h3.widget-title.one {
	padding: 0;
}

.footer-top h3.widget-title.one:before {
	display: none;
}

.footer-top h3.widget-title.one:after {
	content: "";
	position: absolute;
	left: 0;
	width: 25%;
	height: 2px;
	background: #f26b31;
	bottom: 0
}

.footer-top h3.widget-title.one {
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.footer-top h3.widget-title::before {
	content: "";
	background: #f26b31;
	height: 22px;
	width: 2px;
	position: absolute;
	left: 0;
	top: 0;
}

.footer-top h3.widget-title,
.widget-title {
	color: #fff;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 20px;
	text-transform: capitalize;
	font-family: 'roboto', sans-serif;
	font-size: 20px;
	position: relative;
	letter-spacing: 0;
}

.footer-top h3.widget-title img {
	margin: 0 5px 0 0;
}

.social-icon {
	margin-top: 35px;
}

.social-icon a {
	width: 40px;
	height: 40px;
	background: #f26b31;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 42px;
	margin-right: 11px;
}

.social-icon a:hover {
	background: #fd0060;
	color: #fff;
}

.social-icon a.fb:hover {
	background: #3a559f;
}

.social-icon a.tw:hover {
	background: #50abf1
}

.social-icon a.gp:hover {
	background: #dd4b39
}

.social-icon a.dr:hover {
	background: #cf3f72
}

.social-icon a.be:hover {
	background: #0071b9
}

.nav-widget ul {
	margin: 0 0 0;
	/* padding: 0 0 0 22%; */
	list-style: none;
}

.nav-widget ul li {
	padding: 0 0 7px;
}

.nav-widget ul li a {
	color: #fff;
}

.nav-widget ul li a:hover {
	color: #f26b31;
}

.newslatter-widget {
	position: relative;
	margin-bottom: 30px;
}

.newslatter-widget input {
	background: #313131;
	border: none;
	padding: 9px 15px;
	color: #999999;
	width: 100%;
	letter-spacing: 1px;
	padding-right: 75px;
}

.newslatter-widget button,
.newslatter-widget input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border: none;
	background: #f26b31;
	color: #fff;
	font-weight: 500;
	padding: 0 18px;
	margin: 5px;
	cursor: pointer;
}

.footer-info p {
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}

.footer-info p i {
	margin-right: 5px;
	color: #b6b6b6;
	position: absolute;
	left: 0;
	top: 5px;
}

.footer-info p b {
	font-weight: 500;
}

.footer-top .form-group {
	margin-bottom: 15px;
}

.footer-top input {
	height: 42px;
	background: #ffffff;
	border: none;
	padding: 0 0 0 10px;
	width: 100%;
	color: #acacac;
	border-radius: 20px;
}

.footer-top .btn {
	background: #f26b31;
	height: 38px;
	width: 125px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 0;
	float: left;
	border-radius: 20px;
	width: 100%;
}

.copyright {
	background: #000;
	color: #8e959b;
	padding: 15px 0px;
	float: left;
	width: 100%;
}

.copyright p {
	margin: 0;
}

.copyright span.color {
	color: #fff;
}

/*
================================================
22. Responsive
================================================
*/
@media (min-width: 1450px) {

	/** Features **/
	.single-feature-service {
		padding: 7.5% 8%;
	}

	.single-feature-service h3 {
		font-size: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1399px) {

	/** Slider **/
	.main-slider .slide {
		/* background-position:70% top !important; */
	}

	.main-slider .social-links {
		left: 2%;
	}

	.main-slider .owl-dots {
		right: 2%;
	}

	.main-slider .content {
		padding: 350px 0 0 50px;
	}

	.main-slider h1 {
		font-size: 30px;
		margin: 0 0 30px;
		padding: 0 0 10px;
	}

	.main-slider h1 span {
		font-size: 50px;
	}

	.main-slider p {
		display: none;
	}

	/** Breadcrumb Wrapper **/
	.breadcrumb-wrapper {
		padding: 120px 0 0;
		background-position: 56% center;
	}

	/** About Us **/
	.about-image img {
		width: 100%;
	}

	/** election repair **/
	.election-repair-img1 .electric-repair-left {
		padding: 0 0 0 15px;
	}

	.election-repair-img2 .electric-repair-right {
		padding: 0 0 0 15px;
	}

	.electric-repair-right ul li {
		width: 100%;
	}

	/** Home About Us **/
	.home-about-inner {
		padding: 65px 15%;
	}

	/** CTA  Wrapper **/
	.cta-wrapper .cta-text {
		padding: 0 15%;
	}

	/** Our Team **/
	.team-social {
		display: none;
	}

	/** Footer **/
	.social-icon a {
		width: 35px;
		height: 35px;
		font-size: 14px;
		line-height: 35px;
		margin-right: 3px;
	}

	.nav-widget ul {
		/* padding: 0 0 0 17%; */
	}

	.about-services {
		display: flex;
	}
}

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

	/** Header Bottom **/
	.header-logo {
		display: inline-block;
		padding: 32px 0;
	}

	.header-section.menu-fixed {
		position: inherit;
	}

	/** Slider **/
	.main-slider .slide {
		height: auto;
	}

	.main-slider .content {
		height: auto;
		display: table;
		position: relative;
		padding: 100px 0;
	}

	.main-slider h1 {
		font-size: 42px;
	}

	.main-slider .owl-dots {
		right: 2%;
	}

	/** Breadcrumb Wrapper **/
	.breadcrumb-wrapper {
		padding: 120px 0 0;
		background-position: 66% center;
	}

	/** Navigation **/
	.header-bottomarea {
		position: inherit;
		background: #f2f2f2;
	}

	.mean-container a.meanmenu-reveal {
		top: -85px !important;
	}

	/**  Features Section Start  **/
	.single-feature-service {
		margin: 0;
		padding: 7.5% 10px;
		width: 100%;
		text-align: center;
	}

	.single-feature-service .services-icon {
		width: 100%;
		text-align: center;
		line-height: 60px;
		font-size: 50px;
	}

	.single-feature-service h3 {
		font-size: 20px;
	}

	.single-feature-service .service-content {
		float: left;
		width: 100%;
		padding: 0;
	}

	/** About Us **/
	.home-about-inner {
		padding: 10% 5%;
	}

	.inner-page-wrapper.about-wrapper {
		padding: 90px 0;
	}

	/** CTA **/
	.cta-wrapper h3 {
		line-height: 35px;
	}

	.cta-wrapper .cta-text {
		padding: 0;
	}

	.cta-wrapper ul>li+li {
		margin-left: 0;
	}

	.cta-wrapper ul li {
		float: none;
		display: block;
	}

	/** Counters Wrapper **/
	.work-statistics p {
		font-size: 15px;
	}

	/** election repair **/
	.election-repair-img1 .electric-repair-left {
		padding: 0 0 0 15px;
	}

	.election-repair-img2 .electric-repair-right {
		padding: 0 15px 0 15px;
	}

	.electric-repair-right ul li {
		width: 100%;
	}

	/** Services Wrapper **/
	.single-service-content {
		padding: 5px 18px 30px;
	}

	/** Service Details **/
	.sidebar {
		margin: 40px 0 0;
	}

	/** Blog Details **/
	.inner-page-wrapper.blog-details-wrapper {
		padding: 80px 0;
	}

	/** Footer **/
	.footer-top {
		padding-top: 47px;
	}

	.footer-top .widget {
		padding-top: 40px !important;
	}

	.social-icon a {
		width: 35px;
		height: 35px;
		line-height: 37px;
		margin-right: 0;
	}

	.nav-widget ul {
		padding: 0 0 0 10%;
	}
}

@media (max-width: 767px) {

	/** Header Bottom **/
	.header-logo {
		display: inline-block;
		padding: 30px 0;
	}

	.header-bottomarea {
		position: inherit;
		background: #f2f2f2;
	}

	.header-section.menu-fixed {
		position: inherit;
	}

	/** Slider **/
	.main-slider .slide {
		height: 200px;
		/* background:#003674; */
	}

	.main-slider .slide {
		min-height: 0vh;
	}

	.main-slider .content {
		height: auto;
		display: table;
		position: relative;
		padding: 100px 0 50px;
	}

	.main-slider h1 {
		font-size: 30px;
		padding: 0 0 10px;
	}

	.main-slider h1 span {
		font-size: 40px;
	}

	.main-slider .owl-dots .owl-dot {
		display: none;
	}

	/**  Features Section Start  **/
	.single-feature-service {
		margin: 0;
		padding: 25px 15px;
		width: 100%;
		text-align: center;
	}

	.single-feature-service .services-icon {
		width: 100%;
		text-align: center;
	}

	.single-feature-service .service-content {
		float: left;
		width: 100%;
	}

	/** About Us **/
	.home-about-inner {
		padding: 10% 5%;
	}

	/** CTA **/
	.cta-wrapper .cta-text {
		padding: 0;
	}

	.cta-wrapper ul li {
		float: none;
		display: block;
	}

	.cta-wrapper ul>li+li {
		margin: 10px 0 0;
	}

	/** Election Repair **/
	.election-repair-img1 .electric-repair-left {
		padding: 0 0 11% 15px;
	}

	.election-repair-img2 .electric-repair-right {
		padding: 0 0 11% 15px;
	}

	.electric-repair-right ul li {
		width: 100%;
	}

	.election-repair-main>div>div {
		min-height: auto;
	}

	/** Client Wrapper **/
	.clinets-wrapper .owl-item {
		float: none;
		display: inline-block;
		text-align: center;
	}

	.clinets-wrapper .owl-item .item {
		display: inline-block;
		text-align: center;
	}

	/** Breadcrumb Wrapper **/
	.breadcrumb-wrapper {
		padding: 80px 0 0;
		min-height: 150px;
		padding: 0;
	}

	.breadcrumb-wrapper .page-heading {
		width: 90%;
	}

	.page-heading h1 {
		font-size: 28px;
		margin: 0 0 20px;
	}

	.page-breadcrumb-inner {
		text-align: center;
	}

	/** About Wrapper **/
	.inner-page-wrapper.about-wrapper {
		padding: 90px 0;
	}

	/** FAQ Wrapper **/
	.accordion-box {
		width: 100%;
	}

	/** 404 Wrapper **/
	.error_area .error_text h3 {
		font-size: 38px;
	}

	.error_area .error_text h4 {
		font-size: 20px;
	}

	/** Service Details **/
	.sidebar {
		margin: 40px 0 0;
	}

	/** Blog Details **/
	.inner-page-wrapper.blog-details-wrapper {
		padding: 80px 0;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		width: 100%;
	}

	.cta-wrapper h3 {
		line-height: 35px;
	}

	/** Our Team **/
	.team-social {
		display: none;
	}

	/** Footer Wrapper **/
	.widget {
		padding: 35px 0 0;
	}

	.nav-widget ul {
		padding: 0;
	}

	.social-icon a {
		width: 35px;
		height: 35px;
		line-height: 37px;
		margin-right: 5px;
	}
}

/* start custom css */

.whatsapp-floating {
	right: 20px;
	bottom: 35px;
	z-index: 999;
	position: fixed;
}

.cust_whatsapp {
	width: 40px;
	height: 40px;
}


.about-widget {
	/* padding: 20px; */
	border-radius: 8px;
}

.contact-list {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

.contact-list li {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	color: #fff;
}



.contact-list li i {
	color: #fea52c;
	font-size: 16px;
	width: 25px;
}

.address {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	color: #555;
	line-height: 1.6;
}

.address i {
	color: #fea52c;
	margin-right: 10px;
	font-size: 18px;
}

.cust_footer {
	color: #fff;
}

.footer_color {
	color: #fea52c;
}

.ramdas-heading-seprate {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 2px 2px;
}


/* end custom css */


/* start media  query  */

@media only screen and (max-width: 1600px) {
	.about-services {
		display: flex !important;
	}

}

@media only screen and (max-width: 1920px) {
	.about-services {
		display: flex;
	}

}

@media only screen and (max-width: 1366px) {
	.about-services {
		display: flex;
	}

}

/* 2 */

/* Up to 1200px */
/* @media only screen and (min-width: 1200px) {
	.breadcrumb-wrapper {
		min-height: 420px;
	}
} */

/* 1201px – 1400px */
@media only screen and (min-width: 1201px) and (max-width: 1401px) {
	.breadcrumb-wrapper {
		min-height: 340px;
	}
}

/* 1401px – 1600px */
@media only screen and (min-width: 1401px) and (max-width: 1601px) {
	.breadcrumb-wrapper {
		min-height: 440px;
		/* border: 10px solid black; */
	}
}

/* 1601px – 1800px */
@media only screen and (min-width: 1601px) and (max-width: 1801px) {
	.breadcrumb-wrapper {
		min-height: 475px;
		/* border: 2px solid black; */
	}
}

/* Above 1800px */
@media only screen and (min-width: 1801px) {
	.breadcrumb-wrapper {
		min-height: 515px;
	}
}



/* end media  query  */

/* 5 submit button in contact form start */
/* Ramdas Black & White Button */




.ramdas-btn {
	background: linear-gradient(135deg, #000, #222);
	color: #fff !important;
	border: 2px solid #000;
	padding: 14px 60px;
	font-weight: 600;
	font-size: 16px;
	border-radius: 999px;
	/* fully rounded pill shape */
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition:
		background 0.4s ease,
		color 0.4s ease,
		transform 0.2s ease,
		box-shadow 0.3s ease;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Hover State */
.ramdas-btn:hover {
	/* background: #fff; */
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

/* Active (click) State */
.ramdas-btn:active {
	transform: translateY(0);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}



/* Hover State */

/* Active (click) State */
.ramdas-btn:active {
	transform: translateY(0);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Subtle Shine Effect */
.ramdas-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg,
			transparent,
			rgba(255, 255, 255, 0.3),
			transparent);
	transition: left 0.6s ease;
}

.ramdas-btn:hover::after {
	left: 100%;
}

/* Disabled / Loading State */
.ramdas-btn:disabled,
.ramdas-btn.loading {
	opacity: 0.6;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}


@media (max-width: 768px) {
	.ramdas-heading {
		font-size: 22px;
	}

	.ramdas-btn {
		/* width: 80%; */
	}

	.page-breadcrumb {
		display: inline-block;
		padding: 12px 32px 12px 0;
		position: relative;
		top: -21px;
		font-size: 12px;
	}

	.header-bottom img {
		width: 200px;
	}
}

/*  5 submit button in contact form end */


/*-------- Start Custom Code--------*/

.fa-angle-right {
	padding: 5px;
}

.icon_color {
	color: #f26b31;

}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
}



.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dropdown ul li {
	position: relative;
}

.dropdown ul li a {
	display: block;
	padding: 10px 25px;
	text-decoration: none;
	/* color: #; */
	text-align: left;

}

.dropdown ul li a:hover {
	background: #f26b31;
}

/* Hide all submenus */
.in-navigation ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	min-width: 250px;
}

/* Show submenu on hover */
.in-navigation ul li:hover>ul {
	display: block;
}

/* Third level and deeper */
.in-navigation ul ul ul {
	top: 0;
	left: 100%;
}


/* Schneider dropdown glass effect */
.dropdown>.submenu {
	background: rgba(0, 0, 0, 0.45);
	/* light transparent */
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(10px);
	/* Safari support */
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Links color */
.dropdown>.submenu li a {
	color: #fff;
}

/* Hover */
.dropdown>.submenu li a:hover {
	background: rgba(242, 107, 49, 0.8);
	color: #fff;
}

.dropdown:hover>a i {
	transform: rotate(90deg);
}


.about-section {
	padding: 50px 0;
	background: #f9f9fb;
	position: relative;
	font-family: Arial;
	overflow: hidden;
}

.container {
	max-width: 100%;
	height: auto;
	margin: auto;
}

.about-wrapper {
	display: flex;
	align-items: center;
	gap: 50px;
}

/* Background Shape */

.about-shape {
	position: absolute;
	width: 450px;
	height: 450px;
	background: #f26b31;
	opacity: 0.08;
	border-radius: 50%;
	top: -120px;
	left: -120px;
}

/* Image */

.about-image {
	position: relative;
	width: 50%;
}

.about-image img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Content */

.about-content {
	width: 50%;
}

.about-content h5 {
	color: #000;
	margin-bottom: 10px;
}

.about-content h3 {
	margin-bottom: 20px;
}

.btn-primary-custom {
	background: linear-gradient(135deg, #1a1616, #1a1a1b);
	color: #fff;
	box-shadow: 0 10px 25px rgba(78, 115, 223, 0.4);
	margin-top: 10px;
}

.btn-group-custom {
	display: flex;
	gap: 20px;
}

.btn-custom {
	font-size: 16px;
	font-weight: 600;
	padding: 12px 38px;
	border-radius: 30px;
	text-decoration: none;
	transition: 0.3s;
}

.about-content p {
	color: #555;
	line-height: 1.7;
	margin-bottom: 15px;
	/* margin-top: 20px; */
	text-align: justify;
}

.ramdas-why-section {
	padding: 1px 0;
	background: #f8f9fb;
}

.ramdas-section-title {
	text-align: center;
	margin-bottom: 60px;
}

.ramdas-section-title h2 {
	font-size: 38px;
	font-weight: 700;
}

.ramdas-section-title span {
	color: #000;
}

.ramdas-section-title p {
	color: #666;
	margin-top: 10px;
}

.ramdas-why-card {
	background: #fff;
	padding: 35px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transition: 0.4s;
	height: 100%;
	transform: 0.3s;
}

.ramdas-why-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
	background-color: rgb(255, 105, 52);
}

.ramdas-why-card:hover h4,
.ramdas-why-card:hover p {
	color: #fff;
}

.ramdas-why-card:hover .ramdas-icon {
	transform: scale(1.1);
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ramdas-why-card:hover .ramdas-icon i {
	color: rgb(255, 105, 52);
}

.ramdas-icon {
	width: 70px;
	height: 70px;
	margin: auto;
	border-radius: 100%;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: 0.3s;
}

.ramdas-icon i {
	font-size: 28px;
	color: #fff;
}

.ramdas-why-card h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.ramdas-why-card p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}

.ramdas-why-grid .col-lg-4 {
	margin-bottom: 30px;
}

.rpi-product-section {
	padding: 80px 0;
	background: #f5f7f8;
}

.rpi-product-header {
	text-align: center;
	margin-bottom: 50px;
}

.rpi-product-header h2 {
	font-size: 36px;
	font-weight: 700;
}

.rpi-product-card {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
	min-height: 390px;
	transition: 0.3s;
}

.rpi-product-card p {
	min-height: 145px;
}

.rpi-product-card h4 {
	min-height: 55px;
}

.rpi-product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
	border-bottom: 4px solid #f26b31;
}

.rpi-product-card:hover h4,
.rpi-product-card:hover p {
	color: #000;
}

.rpi-product-card:hover .rpi-product-icon {
	transform: scale(1.1);
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.rpi-product-card:hover .rpi-product-icon i {
	color: rgb(255, 105, 52);
}

.rpi-product-icon {
	width: 60px;
	height: 60px;
	background: #000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-bottom: 15px;
}

.rpi-product-icon i {
	color: #fff;
	font-size: 24px;
}

.rpi-btn {
	display: inline-block;
	padding: 10px 22px;
	background: #ff7a00;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	text-decoration: none;
	transition: all .3s ease;
}

.rpi-btn:hover {
	background: #e86d00;
	transform: translateY(-2px);
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}






/*-------- End Custom Code--------*/

/*-------- start Responsive Code--------*/


@media (max-width:768px) {
	.fa-angle-right {
		display: none !important;
	}
}

@media (max-width:768px) {
	.about-wrapper {
		flex-direction: column;
		padding: 15px 0px;
	}
}

@media (max-width:768px) {
	.about-content {
		width: 100%;
	}
}

@media (max-width:768px) {
	.about-image {
		width: 100%;
	}
}


/*-------- end Responsive Code--------*/