@charset "utf-8";
/* CSS Document */

.cpyrght {
	float: left;
	width: 70%;
}

.web-out {
	float: left;
	width: 30%;
}

.form-control2 {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
	color: #000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;

}

.contact_submit_button {
	background: #ff980e;
	border: 0;
	padding: 5px 15px 5px 15px;
	color: #fff;
	text-transform: uppercase;
	float: left;
	color: #fff;
	margin-top: 15px;
}

#products {
	background: rgb(255, 255, 255, 0.8);
}

.contact-info a:hover {
	color: #fff !important;
}

.header-style-5 #navbar>ul>li>a.active {
	color: #ff980e;
}

.header-style-5 #navbar>ul>li>a:hover {
	color: #ff980e;
}

.navigation #navbar>ul>li>a.active {
	color: #051829;
}

.navigation #navbar>ul>li>a:hover {
	color: #051829;
}


/* Contact */
.reasons-section .single-item .inner-box {
	position: relative;
	display: block;
	background: #fff;
	padding: 100px 30px 38px 30px;
	border-radius: 20px;
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
	transition: all 500ms ease;
	min-height: 235px;
}

.reasons-section .single-item .inner-box .icon-box {
	position: absolute;
	left: 30px;
	top: 0px;
	font-size: 40px;
	line-height: 80px;
	width: 60px;
	height: 80px;
	color: #fff;
	background: #ff980e;
	text-align: center;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.reasons-section .single-item .inner-box .icon-box {
	font-size: 40px;
	line-height: 80px;
	color: #fff;
	text-align: center;
}

.reasons-section .single-item .inner-box h3 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #222;
	font-weight: 500;
	margin-bottom: 23px;
}

.reasons-section .single-item .inner-box h3 a {
	color: #000;

}

.reasons-section .inner-content .single-column:nth-child(2) .single-item .inner-box .icon-box {
	background: #22aa49;
}

.reasons-section .inner-content .single-column:last-child .single-item .inner-box .icon-box {
	background: #051829;
}

#section-padding {
	padding: 100px 0px;
}



/* responsive */
@media screen and (max-device-width: 991px) {
	.cpyrght {
		float: left;
		width: 100%;
	}

	.web-out {
		float: left;
		width: 100%;
	}

	.site-footer .copyright-info {
		text-align: center;
	}
}