/*====================================================================
1.1 Loader CSS
=====================================================================*/
.preloader ~ .page-wrapper{
	overflow:hidden
}
.preloader{
	position:fixed;
	background: #f8b004;
	width:100%;
	top: 0;
	left: 0;
	height:100%;
	z-index:9999
}
.preloader > div{
	top: 50%;
	position:relative;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.preloader span {
  display: table;
  font-family: "Montserrat", sans-serif;
  margin-top: 70px;
  text-align: center;
  width: 100%
}

/*------- Past Loader Css bottom --------*/
.loader {
	margin:0 auto;
	display:table
}
.square {
	background: rgb(255,255,255);
	width: 19px;
	height: 19px;
	float: left;
	top: -13px;
	margin-right: 6px;
	margin-top: 6px;
	position: relative;
	opacity: 0;
	animation: enter 3.3s infinite;
	-o-animation: enter 3.3s infinite;
	-ms-animation: enter 3.3s infinite;
	-webkit-animation: enter 3.3s infinite;
	-moz-animation: enter 3.3s infinite;
}
.error {
	color: #f00;
}
.enter {
	top: 0px;
	opacity: 1;
}
.square:nth-child(1) {
	animation-delay: 0.99s;
	-o-animation-delay: 0.99s;
	-ms-animation-delay: 0.99s;
	-webkit-animation-delay: 0.99s;
	-moz-animation-delay: 0.99s;
}
.square:nth-child(2) {
	animation-delay: 1.155s;
	-o-animation-delay: 1.155s;
	-ms-animation-delay: 1.155s;
	-webkit-animation-delay: 1.155s;
	-moz-animation-delay: 1.155s;
}
.square:nth-child(3) {
	animation-delay: 1.32s;
	-o-animation-delay: 1.32s;
	-ms-animation-delay: 1.32s;
	-webkit-animation-delay: 1.32s;
	-moz-animation-delay: 1.32s;
}
.square:nth-child(4) {
	animation-delay: 0.495s;
	-o-animation-delay: 0.495s;
	-ms-animation-delay: 0.495s;
	-webkit-animation-delay: 0.495s;
	-moz-animation-delay: 0.495s;
	animation-delay: 0.495s;
}
.square:nth-child(5) {
	animation-delay: 0.66s;
	-o-animation-delay: 0.66s;
	-ms-animation-delay: 0.66s;
	-webkit-animation-delay: 0.66s;
	-moz-animation-delay: 0.66s;
	animation-delay: 0.66s;
}
.square:nth-child(6) {
	animation-delay: 0.825s;
	-o-animation-delay: 0.825s;
	-ms-animation-delay: 0.825s;
	-webkit-animation-delay: 0.825s;
	-moz-animation-delay: 0.825s;
	animation-delay: 0.825s;
}
.square:nth-child(8) {
	animation-delay: 0.165s;
	-o-animation-delay: 0.165s;
	-ms-animation-delay: 0.165s;
	-webkit-animation-delay: 0.165s;
	-moz-animation-delay: 0.165s;
	animation-delay: 0.165s;
}
.square:nth-child(9) {
	animation-delay: 0.33s;
	-o-animation-delay: 0.33s;
	-ms-animation-delay: 0.33s;
	-webkit-animation-delay: 0.33s;
	-moz-animation-delay: 0.33s;
	animation-delay: 0.33s;
}
.clear {
	clear: both;
}
.last {
	margin-right: 0;
}

@keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-o-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-ms-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-webkit-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

@-moz-keyframes enter {
	0% {
		opacity: 0;
		top: -13px;
	}
	5% {
		opacity: 1;
		top: 0px;
	}
	50.9% {
		opacity: 1;
		top: 0px;
	}
	55.9% {
		opacity: 0;
		top: 13px;
	}
}

/* default css */
body {
	font-family: var(--theme-general-font);
	font-size: 14px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none ;
}
img {
	max-width: 100%;
}
a,
a:hover {
	text-decoration: none;
}
p {
	line-height: 26px;

}
.mix-tab ul li {
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.list-color-extra1 li,
.list-color-extra1 a {
	color: var(--theme-extra1-color)
}
.media-icons a + a {
	margin-left: 20px !important;
	margin-right: 0;
}
.media-icon-hover-white a:hover{
	color: var(--theme-white-color)
}
.sub-title {
	text-transform: inherit;
	color: #4c4c4c;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 26px;
	margin: 0;
	font-size: 14px;
}
.hover-all-white:hover * {
	color: var(--theme-white-color)
}
.mx-minus-15 {
	margin-left: -15px;
	margin-right: -15px;
}
.ml-30 {
	margin-left: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.p-30 {
	padding: 30px;
}
.font-13 {
	font-size: 13px;
}
.font-weight-semibold {
	font-weight: 600 !important;
}
.btn {
	font-size: 14px;
	height: 40px;
	line-height: 38px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0;
}
.btn-primary {
	border: 2px solid var(--theme-primary-color);
	color: var(--theme-secondary-color)
}
.btn-primary:hover {
	background-color: transparent;
	color: var(--theme-primary-color);
	border: 2px solid var(--theme-primary-color);
}
.btn-white {
	border: 2px solid var(--theme-white-color);
}
.btn-white:hover {
	background-color: transparent;
	color: var(--theme-white-color);
}

.line-height-26 {
	line-height: 26px;
}
.z-index-9 {
	z-index: 9;
}

/* Top Header */
.top-search-form {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	padding: 0 50px;
	position: absolute;
	width: 100%;
	z-index: 1;
	animation-name: slideInUp;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	top: -150px;
}
.top-search-form.visible {
	animation-name: slideInDown;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	top: 0;
}
.top-search-form input {
	width: 100%;
	border: none;
	height: 80px;
	padding: 25px 50px 25px 0;
}
.top-search-form > .close {
	border: 2px solid;
	cursor: pointer;
	line-height: 13px;
	padding: 5px 7px;
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%);
	font-size: 13px;
	color: var(--theme-general-color);
}

/* Main nav */
.navbar-brand {
	width: 180px;
}
.nav-secondary .navbar-nav .active > .nav-link,
.nav-white-hover .navbar-nav .nav-link:hover {
	/*color: var(--theme-white-color)*/
	color:#e32c1b
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
}

/*====================================================================
4. Slider Section Style Start
====================================================================*/
/* Bootstrap 4 Slider */
.carousel-item {
	position: relative;
}
.carousel-item::after {
	left: 0;
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-color: rgba(0, 0, 0, .6);
}

/*=========================
Slider Animation
=========================*/
.carousel-caption.y-center {
	bottom: auto;
	left: 0;
	right: 0;
}
.main-slider .carousel-item .carousel-caption .slider-btn {
	opacity: 0;
}
.main-slider .carousel-caption .slider-title {
	overflow: hidden;
	height: 90px;
	display: table;
}
.main-slider .carousel-caption h1 {
	animation-delay: 0.2s;
	animation-duration: 1s;
	font-size: 30px;
	padding: 15px 20px;
	opacity:0;
	background-color: var(--theme-primary-color);
	display: table;
	    color: white;
}
.main-slider .carousel-caption p {
	animation-delay: 0.6s;
	animation-duration: 1s;
	margin-top: 10px;
	margin-bottom:30px;
	width:60%;
	opacity:0;
	color: #fff
}
.main-slider .carousel-caption li {
	opacity:0;
	padding-bottom: 10px;
	color: #fff
}
.main-slider .carousel-caption li:nth-child(1) {
	animation-delay: 1s;
	animation-duration: 1s
}
.main-slider .carousel-caption li:nth-child(2) {
	animation-delay: 1.1s;
	animation-duration: 1s
}
.main-slider .carousel-caption li:nth-child(3) {
	animation-delay: 1.2s;
	animation-duration: 1s
}
.main-slider .carousel-caption .slider-btn{
	animation-delay: 1.5s;
	animation-duration: 1s
}
.main-slider .carousel-item.active .carousel-caption p, 
.main-slider .carousel-item.active .carousel-caption h1, 
.main-slider .carousel-item.active .carousel-caption li:nth-child(1),
.main-slider .carousel-item.active .carousel-caption li:nth-child(2),
.main-slider .carousel-item.active .carousel-caption li:nth-child(3),
.main-slider .carousel-item.active .carousel-caption .slider-btn {
    animation-name: fadeInUp;
}
.main-slider .carousel-item.active .carousel-caption p, 
.main-slider .carousel-item.active .carousel-caption h1, 
.main-slider .carousel-item.active .carousel-caption li:nth-child(1),
.main-slider .carousel-item.active .carousel-caption li:nth-child(2),
.main-slider .carousel-item.active .carousel-caption li:nth-child(3),
.main-slider .carousel-item.active .carousel-caption .slider-btn{
	animation-duration: 1s;
	animation-fill-mode: both;
	opacity:1
}

/* Service Section Style */
.service-item {
	border: 2px solid #c2c2c2;
}
.service-item.hover-bg-primary:hover {
	border-color: var(--theme-primary-color);
}
.service-item i,
.service-item:hover i {
	display: inline-block;
	height: 50px;
	margin: 0 auto;
	width: 50px;
}
.service-item i.icon-building {
	background: url(../images/service/building-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-building {
	background: url(../images/service/building-ico2.png) no-repeat center / cover;
}
.service-item i.icon-interior {
	background: url(../images/service/interior-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-interior {
	background: url(../images/service/interior-ico2.png) no-repeat center / cover;
}
.service-item i.icon-renovation {
	background: url(../images/service/renovation-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-renovation {
	background: url(../images/service/renovation-ico2.png) no-repeat center / cover;
}
.service-item i.icon-architecture {
	background: url(../images/service/architecture-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-architecture {
	background: url(../images/service/architecture-ico2.png) no-repeat center / cover;
}
.service-item i.icon-consulting {
	background: url(../images/service/consulting-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-consulting {
	background: url(../images/service/consulting-ico2.png) no-repeat center / cover;
}
.service-item i.icon-painting {
	background: url(../images/service/painting-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-painting {
	background: url(../images/service/painting-ico2.png) no-repeat center / cover;
}

.service-item i.icon-pipefitting {
	background: url(../images/service/pipe-fittings-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-pipefitting {
	background: url(../images/service/pipe-fittings-ico2.png) no-repeat center / cover;
}
.service-item i.icon-electrical {
	background: url(../images/service/electrical-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-electrical {
	background: url(../images/service/electrical-ico2.png) no-repeat center / cover;
}
.service-item i.icon-digging {
	background: url(../images/service/digging-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-digging {
	background: url(../images/service/digging-ico2.png) no-repeat center / cover;
}
.service-item i.icon-woodwork {
	background: url(../images/service/wood-work-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-woodwork {
	background: url(../images/service/wood-work-ico2.png) no-repeat center / cover;
}
.service-item i.icon-transportation {
	background: url(../images/service/transportation-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-transportation {
	background: url(../images/service/transportation-ico2.png) no-repeat center / cover;
}
.service-item i.icon-measurement {
	background: url(../images/service/measurement-ico.png) no-repeat center / cover;
}
.service-item:hover i.icon-measurement {
	background: url(../images/service/measurement-ico2.png) no-repeat center / cover;
}

/* Gallery Section Style */
.mix-tab ul li {
	border: 2px solid transparent;
	color: #acacac;
	padding: 6px 20px;
	line-height: 24px;
	font-weight: 600;
}
.mix-tab ul li.mixitup-control-active {
	border-color: var(--theme-primary-color);
	color: var(--theme-primary-color);
}
.default-portfolio-item .content {
	opacity: 0;
	visibility: hidden;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
}
.default-portfolio-item:hover .content {
	opacity: 1;
	visibility: visible;
}

/* Construction Section Style */
.construction-item .image-area {
	float: left;
	width: 60%;
	position: relative;
}
.construction-item .image-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.construction-item:hover .image-area:before {
	opacity: 1;
	visibility: visible;
}
.construction-item .image-area .btn {
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}
.construction-item:hover .image-area .btn {
	opacity: 1;
	visibility: visible;
}
.completion {
	float: left;
	width: 40%;
	padding-bottom: 20px;
}
.completion a {
	display: block;
	color: var(--theme-secondary-color);
	padding: 12px 15px;
	text-align: center;
	background: var(--theme-primary-color);
	font-size: 16px;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}
.completion p {
	color: #acacac;
	margin-bottom: 0;
}
.fact-counter .progress {
	height: 10px;
}
.bar-progress .skill-percent {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 13px;
}
.bar-progress.two {
	margin: 50px 0;
}
.bar-progress.two .type {
	font-family: var(--theme-highlight-font);
	font-weight: 600;
	text-transform: uppercase;
	top: -25px;
	position: absolute;
}
.progress-overlay {
	position: absolute;
	top: calc(100% - 80px);
	left: 0;
	width: 100%;
	background-color: var(--theme-secondary-opacity-color);
	padding: 25px 0;
	z-index: 9;
}
.owl-carousel .owl-nav button {
	color: #fff !important;
	background: #f8b004 !important;
	font-size: 24px !important;
	height: 40px;
	width: 40px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}
.owl-carousel .owl-nav {
	display: table;
	margin: 40px auto 0;
}
.owl-carousel .owl-nav button.owl-prev {
	margin-right: 10px;
}
.nav-middle.owl-carousel .owl-nav {
	position: absolute;
	width: calc(100% + 30px);
	display: flex;
	justify-content: space-between;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
	margin-top: 0;
}
.project-images .custom-dots-1 {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.project-images .custom-dots-1 li {
	position: relative;
	margin: 0 5px;
	cursor: pointer;
}
.project-images .custom-dots-1 li.active::before {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--theme-primary-opacity-color);
	position: absolute;
	content: "";
}
.project-images .custom-dots-1 li img {
	width: 70px;
}
.project-thumbnail .owl-nav {
	width: 100%;
	position: absolute;
	top: calc(100% + 48px);
	left: 0;
	justify-content: space-between;
	display: flex;
	margin: 0;
}
.project-thumbnail.owl-carousel .owl-nav button {
	margin: 0;
	width: auto;
	height: auto;
	background-color: transparent !important;
	color: var(--theme-secondary-color) !important
}

/* Achievement Section Style */
.achievement .count-num {
	font-size: 36px;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: #f8b004;
}

/* Testimonial Section Style */
.testimonials-carousel .item {
	position: relative;
	padding-left: 120px;
}
.testimonials-carousel .client-item {
	left: 0;
	position: absolute;
}
.testimonials-carousel .avatar {
	display: table;
	margin: 0 auto 10px;
}
.testimonials-carousel .client-item > .avatar img {
	border: 2px solid #f8b004;
	border-radius: 50%;
	width: 60px;
}
.testimonials-carousel .client-name {
	font-size: 14px;
	font-weight: 600;
}
.testimonials-carousel .feedback {
	border: 1px solid #acacac;
	padding: 15px 20px;
	min-height: 150px;
	position: relative;
}
.testimonials-carousel .feedback::before {
	background: #fff none repeat scroll 0 0;
	border: 1px solid;
	border-color: transparent transparent #acacac #acacac;
	content: "";
	height: 20px;
	left: -10px;
	position: absolute;
	top: 20px;
	transform: rotate(43deg);
	width: 20px;
}
.quotation h5 {
	font-size: 20px;
	line-height: 26px;
}

/* Engineers Sections Style */
.engineer-item {
	padding-bottom: 80px;
}
.engineer-overlay {
	top: calc(100% - 80px);
}
.engineer-item:hover .hover-y-center {
	top: 50%;
	transform: translateY(-50%);
}
.engineer-item:hover .engineer-overlay {
	top: 0;
}
.engineer-overlay .title {
	padding: 20px 15px 0 ;
}
.engineer-item:hover .engineer-overlay .title {
	padding-bottom: 5px;
	padding-top: 0;
}
.engineer-overlay .designation {
	padding: 0 15px 20px;
}
.engineer-overlay p {
	padding: 0 20px 20px;
}

/* Latest News */
.time {
	background-color: rgba(0, 0, 0, 0.8);
	left: 15px;
	width: 90px;
	bottom: -30px;
}
.date span {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
}
.time .year {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0;
}
.post-meta {
	display: inline-block;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	padding-bottom: 10px;
}
.post-meta a span {
	color: #acacac;
}
.post-meta a:hover span {
	text-decoration: none;
}

/* Sidebar Widget */
.widget_categories ul li,
.widget_categories ul li a{
	font-family: var(--theme-highlight-font);
	color: var(--theme-secondary-color);
	font-size: 14px;
}
.widget_categories ul li {
	padding: 10px 0;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
	border-bottom: 1px solid #e1e1e1;
}
.tagcloud ul li a {
	border: 1px solid var(--theme-secondary-color);
	color: var(--theme-secondary-color);
	font-family: var(--theme-highlight-font);
	font-size: 13px;
	line-height: 35px;
	padding: 0 12px;
	border-radius: 0;
}
.tagcloud ul li a:hover {
	background-color: var(--theme-secondary-color);
	color: var(--theme-white-color)
}
.widget_recent_post ul > li,
.widget_recent_entries li,
.widget_recent_entries li:last-child,
.widget_popular_post ul li,
.widget_popular_post ul li:last-child  {
	padding: 15px 0;
	border-bottom: 1px solid #e1e1e1 !important;
	margin-bottom: 0 !important;
}
.widget_recent_entries ul li a:hover {
	text-decoration: none;
}
.widget_popular_post .post-img{
	width: 50px;
	height: 50px;
	display: ruby;
}
 .related-post .content a,
.widget_recent_post ul li .content a,
.widget_popular_post ul li .content a {
	font-family: var(--theme-highlight-font);
	font-weight: 500;
	color: var(--theme-general-color);
	margin-bottom: 4px;
	display: block;
}
.related-post .content a {
	font-weight: 600;
	color: var(--theme-secondary-color);
}
.related-post .content a:hover,
.widget_recent_post ul li .content a:hover,
.widget_popular_post ul li .content a:hover {
	color: var(--theme-primary-color)
}
.widget_recent_post ul li .content span,
.widget_popular_post ul li .content span {
	color: #959595;
	font-size: 13px !important;
}
.widget_recent_postul li .content ul {
	display: flex;
}

/* Single Blog Post */
.single-post .time {
	top: 20px;
	left: 20px;
	display: table;
}
blockquote {
	padding: 10px 20px;
	margin: 20px 0;
	font-family: var(--theme-highlight-font);
	font-style: italic;
	font-weight: 500;
	color: #1c1c1c;
	margin-left: 50px;
	line-height: 26px;
	background-color: var(--theme-primary-color);
}
.tagline {
	background: #f5f5f5 none repeat scroll 0 0;
	display: inline-block;
	padding: 30px 20px;
	margin: 30px 0;
	width: 100%;
}
.tagline > li {
	color: #1b1b1b;
	float: left;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	padding: 0 15px;
	line-height: 40px;
}
.share-box {
	display: inline-block;
	padding: 30px 0;
	width: 100%;
}
.share-box li.share {
	width: auto;
	padding: 0 15px;
}
.share-box li {
	float: left;
	height: 40px;
	width: 40px;
	color: var(--theme-white-color);
	text-align: center;
	font-family: montserrat;
	font-weight: 600;
	line-height: 40px;
	margin: 0 3px;
	background-color: var(--theme-primary-color);
}
.share-box a {
	text-transform: uppercase;
	color: var(--theme-white-color);
	display: block;
	text-align: center;
	font-family: montserrat;
	font-weight: 600;
	line-height: 40px;
}
.share-box a:hover {
	background-color: var(--theme-secondary-color)
}
.comments .media-body {
	border-bottom: 1px solid #ececec;
	padding-bottom: 20px;
}

/* Footer Section Style */
footer::after {
	content: "";
	background: rgba(27, 27, 27, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.footer-logo img {
	width: 200px;
}
.footer-widget, .footer-widget p {
	color: #acacac;
}
.footer-widget .widget-title {
	color:var(--theme-white-color);
	font-size: 18px;
}
.contact-widget ul li:last-child {
	margin-bottom: 0;
}
.widget-hours ul li {
	border-bottom: 1px solid #acacac;
	padding: 15px 0;
	margin-bottom: 0;
}
.widget-hours ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.widget_fliker_photo ul li {
	width: 31.6%;
	opacity: 0.7;
}
.widget_fliker_photo ul li:hover {
	opacity: 1;
}
.subscribe-widget input {
	background: transparent;
	border: 1px solid #959595;
	height: 45px;
	padding: 10px 15px;
	margin: 20px 0 10px !important;
	border-radius: 0;
}
.media-widget a {
	color: var(--theme-white-color)
}

.footer-bottom {
	position: relative;
	z-index: 2;
	background: rgba(0, 0, 0, 0.8);
	padding: 30px 0;
}
.list-mr-20 li {
	margin-right: 20px;
}
.list-mr-20 li:last-child {
	margin-right: 0;
}
.list-hover-text-primary a:hover {
	color: var(--theme-primary-color)
}
.footer-menu > li a {
	color: #acacac;
	font-size: 13px;
}
a.bg-primary:hover,
a.bg-primary:focus {
	background-color: var(--theme-primary-color) !important;
}

/* Page Banner Style */
.page-banner::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
}
.breadcrumb-item {
	text-transform: uppercase;
}
.breadcrumb-item > a {
	color: var(--theme-white-color);
	font-family: var(--theme-highlight-font);
	font-size: 13px;
}
.breadcrumb-item.active {
	color: var(--theme-primary-color)
}

/* About Us Page */
.service-icon {
	width: 45px;
	display: ruby;
}

/* Single Service Page Accordion */
.simple-accordion .card-header {
	padding: 0;
	background-color: var(--theme-gray-color);
	border-radius: 0 !important;
}
.simple-accordion .card-header .title a.btn-link[aria-expanded="true"],
.simple-accordion .card-header:hover {
	background-color: var(--theme-primary-color);
}
.simple-accordion .title a,
.simple-accordion .title a:hover {
	padding: 10px 15px;
	display: block;
	text-transform: initial;
	font-size: 14px;
	color: var(--theme-secondary-color) !important;
	text-decoration: none;
}

/* Sidebar widgets */
.sidebar-service .widget {
	margin-bottom: 30px;
}
.widget_service_list ul li {
	margin-bottom: 5px;
}
.widget_service_list ul li a {
	display: inline-block;
	padding: 20px 30px;
	padding-left: 80px;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	color: var(--theme-secondary-color);
}
.widget_service_list ul li a:hover, 
.widget_service_list ul li.active a {
	color: var(--theme-white-color)
}
.widget_service_list ul li a.building {
	background: var(--theme-gray-color) url(../images/service/building-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.building:hover, 
.widget_service_list ul li.active a.building {
	background: var(--theme-primary-color) url(../images/service/building-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.renovation {
	background: var(--theme-gray-color) url(../images/service/renovation-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.renovation:hover, 
.widget_service_list ul li.active a.renovation {
	background: var(--theme-primary-color) url(../images/service/renovation-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.interior {
	background: var(--theme-gray-color) url(../images/service/interior-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.interior:hover, 
.widget_service_list ul li.active a.interior {
	background: var(--theme-primary-color) url(../images/service/interior-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.architecture {
	background: var(--theme-gray-color) url(../images/service/architecture-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.architecture:hover, 
.widget_service_list ul li.active a.architecture {
	background: var(--theme-primary-color) url(../images/service/architecture-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.consulting {
	background: var(--theme-gray-color) url(../images/service/consulting-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.consulting:hover, 
.widget_service_list ul li.active a.consulting {
	background: var(--theme-primary-color) url(../images/service/consulting-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.painting {
	background: var(--theme-gray-color) url(../images/service/painting-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.painting:hover, 
.widget_service_list ul li.active a.painting {
	background: var(--theme-primary-color) url(../images/service/painting-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.pipe-fittings {
	background: var(--theme-gray-color) url(../images/service/pipe-fittings-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.pipe-fittings:hover, 
.widget_service_list ul li.active a.pipe-fittings {
	background: var(--theme-primary-color) url(../images/service/pipe-fittings-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.electrical {
	background: var(--theme-gray-color) url(../images/service/electrical-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.electrical:hover, 
.widget_service_list ul li.active a.electrical {
	background: var(--theme-primary-color) url(../images/service/electrical-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.digging {
	background: var(--theme-gray-color) url(../images/service/digging-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.digging:hover, 
.widget_service_list ul li.active a.digging {
	background: var(--theme-primary-color) url(../images/service/digging-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.woodwork {
	background: var(--theme-gray-color) url(../images/service/wood-work-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.woodwork:hover, 
.widget_service_list ul li.active a.woodwork {
	background: var(--theme-primary-color) url(../images/service/wood-work-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.transportation {
	background: var(--theme-gray-color) url(../images/service/transportation-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.transportation:hover, 
.widget_service_list ul li.active a.transportation {
	background: var(--theme-primary-color) url(../images/service/transportation-ico2.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.measurement {
	background: var(--theme-gray-color) url(../images/service/measurement-ico.png) no-repeat 20px center / 25px;
}
.widget_service_list ul li a.measurement:hover, 
.widget_service_list ul li.active a.measurement {
	background: var(--theme-primary-color) url(../images/service/measurement-ico2.png) no-repeat 20px center / 25px;
}
.widget_client_feedback,
.widget_calculations,
.widget_brouchure {
	padding: 30px;
	background-color: var(--theme-gray-color);
}
.sidebar-service .widget-title {
	margin-bottom: 25px;
}
.sidebar-service .widget p {
	color: var(--theme-secondary-color)
}
.widget_client_feedback .item {
	text-align: center;
}
.widget_client_feedback .client-name {
	font-size: 14px;
	padding-bottom: 0;
	color: var(--theme-primary-color)
}
.widget_client_feedback .client-img {
	width: 50px;
	height: 50px;
	padding-top: 10px;
	margin: 0 auto;
}
.widget_client_feedback .client-img img {
	border-radius: 50%;
}
.widget_client_feedback .feedback {
	margin-top: 30px;
	border: 1px solid #acacac;
	padding: 15px 20px;
	position: relative;
}
.widget_client_feedback .feedback::before {
	border-color: transparent transparent #acacac #acacac;
	border-style: solid;
	border-width: 1px;
	content: "";
	height: 20px;
	position: absolute;
	width: 20px;
	background: #f5f5f5;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	transform: rotate(135deg);
}
.widget_project_type tr td {
	color: #1b1b1b;
	border: 1px solid #1b1b1b;
	padding: 10px 15px;
}
.widget_media_link {
	padding: 30px;
	background-color: var(--theme-gray-color);
	display: inline-block;
	width: 100%;
}
.widget_media_link .media-link a {
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-family: montserrat;
	font-weight: 600;
	line-height: 40px;
	color: var(--theme-white-color);
	background-color: var(--theme-primary-color);
	float: left;
	margin-right: 6px;
	width: 40px;
}
.widget_media_link .media-link a:hover {
	background-color: var(--theme-secondary-color);
}

/* Project Single Page */
.pagination-area-border {
	border-top: 2px solid #f8b004 !important;
	border-radius: 0;
}
[class*="pagination-area"] li.page-item a {
	background: var(--theme-primary-color);
	text-transform: uppercase;
	color: var(--theme-secondary-color);
	line-height: 40px;
	padding: 0 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	margin-top: 40px;
	border-radius: 0 !important;
	border: none;
}
.pagination-area li + li a {
	margin-left: 5px;
}
[class*="pagination-area"] li.active.page-item a,
[class*="pagination-area"] li.page-item a:hover {
	background-color: var(--theme-secondary-color);
	color: var(--theme-white-color)
}

/* Engineer Profile */
.engineer-name {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 2px solid #f3f3f3;
}
.project-experience .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: var(--theme-primary-color);
}
.project-experience .item:hover .overlay {
	visibility: visible;
	opacity: 1;
}
.project-experience .overlay a {
	font-size: 14px;
	color: var(--theme-secondary-color);
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	text-transform: uppercase;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Error Page */
.error-page-content .h1 {
	font-size: 200px;
}
.error-page-content span {
	font-size: 40px;
}

/* Contact Page */
.info-icon {
	display: inline-block;
	margin-right: 20px;
}
.info-icon i {
	color: #f8b004;
}
.info-icon i {
	border-color: #f8b004 !important;
}
.info-icon i {
	border: 2px solid;
	font-size: 30px;
	height: 80px;
	padding: 24px;
	text-align: center;
	width: 80px;
}

/* Media Screen Style */
@media screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-nav > li.nav-item {
		line-height: 80px;
	}
	.navbar-expand-lg .navbar-nav .nav-item+.nav-item {
		margin-left: 30px !important;
		margin-right: 0 !important;
	}
	.navbar-expand-lg .navbar-nav .nav-item:first-child {
		margin-left: 0;
	}
	.navbar-expand-lg .navbar-nav .nav-item:first-child,
	.navbar-expand-lg .navbar-nav .nav-item:last-child {
		margin-right: 0 !important;
	}
	.navbar .navbar-nav li > ul.dropdown-menu {
		background: #f5f5f5;
		top: 110%;
	}
	.navbar .navbar-nav li:hover > ul.dropdown-menu {
		top: 100%;
	}
}

@media screen and (max-width:1500px) {
	.bg-img-1 {
		background-size: 30% !important;
		background-position: 15% bottom !important;
		        height: 544px;
	}
}

@media screen and (max-width: 1300px) {
	[class*="carousel-control-"] {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.construction-item .image-area {
		height: 300px;
	}
	.construction-item .image-area,
	.completion {
		width: 100%;
		overflow: hidden;
	}
	.widget_fliker_photo ul li {
		width: 65px;
	}
	.bg-img-1 {
		background-size: 38% !important;
		background-position: 10% bottom !important;
	}
	.carousel-caption .slider-title h1 {
		font-size: 150%;
	}
}

@media screen and (max-width: 991px) {
	.top-search-form {
		display: none;
	}
	.navbar-toggler {
		margin: 15px 0;
	}
	.dropdown-item:focus, .dropdown-item:hover {
		color: var(--theme-white-color) !important;	
	}
	.dropdown-item {
		font-weight: 600;
		font-size: 13px;
		text-transform: uppercase;
		color: var(--theme-secondary-color)
	}
	.construction-item .image-area {
		height: auto;
	}
	.mt-md-30 {
		margin-top: 30px !important
	}
	.widget_fliker_photo ul li {
		width: 75px;
	}
	.page-banner h1 {
		font-size: 24px;
	}
	.project-images .owl-nav {
		display: none !important;
	}

	.carousel-item {
		height: 700px;
	}
	.carousel-item img{
		height: inherit;
	}
}

@media screen and (max-width: 767px) {
	.xs-mb-10 {
		margin-bottom: 10px;
	}
	.xs-mb-30 {
		margin-bottom: 30px;
	}
	.error-page-content .h1 {
		font-size: 100px;
	}
	.error-page-content span {
		font-size: 20px;
	}
	.carousel-caption .slider-title h1 {
		font-size: 100%;
		padding: 15px;
	}
	.progress-overlay {
		top: calc(100% - 50px);
		padding: 10px 0;
	}
}

@media screen and (max-width: 575px) {
	.share-box li {
		margin-bottom: 10px !important;
	}
}

