@charset "utf-8";

/* CSS Document */
#top_phone {
	color: white;
	font-size: 1em;
	float: right;
	margin: 8px;
}

.menubar li,
.menubar i {
	font-size: 1.5em;
	font-weight: 400;
	color: #ff8000;
}

/* The navigation bar */

.menubar {
	overflow: hidden;
	position: fixed;
	/* Set the navbar to fixed position */
	margin-top: 45px;
	;
}

.menubar .fa {
	font-size: 1.5em;
}

nav>ul>li>a i,
nav>ul>li>a i.fa {

	margin: -20px 18px 9px -10px;
}

@media (max-width:1440px) {
	#layerslider-container-fw {
		margin-top: 135px;
	}
}

@media (max-width:980px) {
	#layerslider-container-fw {
		margin-top: 0px;
	}
}

.btn {
	background-color: #ff8000;
	color: whitesmoke;
}

#services .meta {
	color: whitesmoke;
	font-weight: 500;
	margin-bottom: -5px;

}

@media (max-width: 1200px) {

	.blog-detail {
		padding-bottom: 0px;
	}
}

.owl-height {
	height: 100%;
}

.w3-modal {
	padding-bottom: 100px;
}

.w3-xlarge {
	color: white;
}

.sponsor img {
	width: 150px;
	height: 150px;
}

.sponsor {
	background-color: #ff8000;
}

.page-top {
	margin-top: 135px;
	padding: 6vh 0;
}

@media (max-width:768px) {
	.page-top {
		margin-top: 0px;
	}
}

#product_scroll_heading p {
	padding: 10vh 0px;

	z-index: 5;

	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../images/products/fabrication_background.jpg);

	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	color: cornsilk;
	font-family: CURSIVE;
	font-size: 5vh;
	text-align: center;
	margin-bottom: 10vh;


}

.img-thumbnail:hover {
	box-shadow: 0 0 20px 1px #ff8000;
}

#gallery img {
	width: 160px;
	height: 150px;
	margin: 15px;
}

#why_us_list li {
	font-weight: 500;
	color: #ff8000;
}

#why_us_list li:hover {
	font-weight: 600;
	background-color: #ff8000;
	color: #fff;
}

nav {
	padding-top: 12px;
}

#address {
	font-family: inherit;
}

#why_us_list li {
	font-family: inherit;

}

#why_us_list {
	padding-right: 6vw;
	padding-left: 6vw;
	padding-bottom: 6vw;
}

#why_us p {
	padding-bottom: 8vh;
}

.successful_work_title h3 {
	background-color: #ff8000;
	color: white;
	padding: 20px 0;

}

.icon-box-sec {
	cursor: pointer;
	padding: 1vh;
}

.icon-box-sec h3 {
	display: none;
}

.blog-detail ul.meta {
	background-color: #ff8000;
}

.blog-detail p {
	color: #ff8000;
}

.blog {
	border: 2px solid #ff8000;
}

#contact_form .block .row {
	margin-left: 0px;
	margin-right: 0px;
}

nav>ul>li>a {
	font-size: 18px;
}

.separator {
	height: 5vh;
	background-color: white;
}

.title {
	text-shadow: 1px 1px 2px gray;
}

#team p {
	padding-top: 6vh;
	padding-bottom: 6vh;
}

#introduction #title h2 {
	font-family: Roboto;
	color: #fff;
}

.w3-card-4 {
	padding-top: 5vh;
	padding-bottom: 5vh;
}

#services .title p {
	font-size: 20px;
}

.quick_links {
	line-height: 2;
	padding-top: 5vh;
	float: left;

}

.quick_links a {

	color: #c2c2c2;
}

.quick_links a:hover {

	color: darkred;
	padding: 1vh;
	background-color: whitesmoke;
}

#welcome strong {
	color: #ff8000;
}

.active a {
	color: #bf9958;

	font-weight: 600;
}


/* go top top button style */

.gototop {
	display: none;
	z-index: 2;
	-webkit-animation: hide 350ms ease-out forwards 1;
	animation: hide 350ms ease-out forwards 1;


	text-align: center;


	position: fixed;
	bottom: 16px;
	right: 16px;

	-webkit-transition: background-color 100ms ease-in-out;
	transition: background-color 100ms ease-in-out;
	cursor: pointer;
}

.gototop>span {
	display: inline-block;
	-webkit-transition: transform 100ms 100ms ease-in-out;
	transition: transform 100ms 100ms ease-in-out;
}



.gototop:hover>span,
.gototop:focus>span {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.isvisible {
	-webkit-animation: show 1s ease-out forwards 1;
	animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	25% {
		opacity: .5;
		-webkit-transform: rotate(-3deg) translateY(-40px);
	}

	75% {
		-webkit-transform: rotate(3deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
}

@keyframes hide {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	25% {
		opacity: .5;
		transform: rotate(-3deg) translateY(-40px);
	}

	75% {
		transform: rotate(3deg);
	}

	100% {
		opacity: 0;
		transform: translateY(100px);
	}
}

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

	25% {
		opacity: .5;
		-webkit-transform: rotate(-3deg) translateY(-40px);
	}

	75% {
		-webkit-transform: rotate(3deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0deg);
	}
}

@keyframes show {
	0% {
		transform: rotate(0deg);
	}

	25% {
		opacity: .5;
		transform: rotate(-3deg) translateY(-40px);
	}

	75% {
		transform: rotate(3deg);
	}

	100% {
		opacity: 1;
		transform: rotate(0deg);
	}
}