/*!
Theme Name: Inmasteel
Theme URI: http://underscores.me/
Author: Hesham shawky
Author URI: http://heshamshawky.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inmasteel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Inmasteel is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css?family=Belleza');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('assets/css/wordpress-default-style.css');

body {
	font-family: 'Belleza', sans-serif;
	position: relative;
	overflow-x: hidden;
}

section {
	padding: 80px 0;
}

a:hover {
	color: #cc2031 !important;
}

.mession-vesion h2,
.mession-vesion h3 {
	font-weight: bold;
}

/* Header */
header.inam-header {
	padding-bottom: 2em;
}

.inam-header .navbar-light .navbar-nav .nav-link {
	font-size: 0.8em;
	padding: 0;
	color: #111;
}

/* 
.inam-header .navbar-light .navbar-nav .nav-item .nav-link:after {
	content: "";
	display: inline-block;
	margin: 0 5px;
	width: 1px;
	background: #000;
	height: 10px;
} */
/* 
.inam-header .navbar-light .navbar-nav .nav-item:not(:last-child):not(:nth-last-child(2)) .nav-link:after {
	content: "";
	display: inline-block;
	margin: 0 5px;
	width: 1px;
	background: #000;
	height: 10px;
} */

/* Footer */
.site-footer {
	background: url(assets/images/2-01.png) no-repeat top right, #343333;
	background-size: 500px;
	padding: 2rem 0;
	color: #fff;
}

.site-footer .nav a.nav-link {
	color: #fff;
	padding: 0;
}

.site-footer .nav {
	margin-left: 1em;
}

.site-footer .nav li:not(:last-child):not(:nth-last-child(2)) a.nav-link:after {
	content: "|";
	display: inline-block;
	margin: 0 6px;
	color: #f00;
}

.site-footer .certi li img {
	max-width: 40px;
	border-radius: 1em;
	margin: 0 2px;
	padding: 1px;
}

.site-footer .social-media li a {
	color: #ca2032;
	margin: 5px;
	font-size: 1.7em;
}

/* carosoul */


section.inma-carosoul {
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 39%, #333333 39%, #333333 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 39%, #333333 39%, #333333 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 39%, #333333 39%, #333333 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#333333', GradientType=0);

}

.inma-carosoul .carousel {
	position: relative;
	/* max-height: 265px; */
	/* background-color: white; */
	z-index: 1;
}

.inma-carosoul .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
	max-height: 500px;
}

.inma-carosoul .carousel-control-next,
.inma-carosoul .carousel-control-prev {
	top: unset;
	bottom: 1rem;
	width: 15px;
}

.inma-carosoul .carousel-control-prev {
	left: 40%;
}

.inma-carosoul .carousel-control-next {
	right: 40%;
}

.inma-carosoul .carousel-indicators {
	margin-bottom: 14px;
	z-index: 9999999999999;
}

.inma-carosoul .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}

.inma-carosoul .carousel-indicators {
	margin-bottom: 14px;
}

.inma-carosoul .carousel-indicators .active {
	background: #f00;
}


/**/

section.solution-business {
	/*position: relative;*/
	/*bottom: 340px;*/
	z-index: 0;
	background: url(assets/images/right-bg-lines.png) no-repeat bottom right, #343333;
	/*padding-top: 380px;*/
	/*padding-bottom: 50px;*/
	color: #fff;
	/*margin-bottom: 10px;*/
	background-size: 40%;
}

.inma-carosoul .carousel-caption {
	bottom: unset;
	top: 25%;
	text-align: left;
	left: 10% !important;
	/* font-size: 3rem; */
}

.inma-carosoul .carousel-item h2 {
	font-size: 2.8rem;
	font-weight: bold;
}

.inma-carosoul .carousel-item h2 span {
	background: #982423;
	/* Old browsers */
	background: -moz-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982423', endColorstr='#ce2032', GradientType=1);
	border-radius: 5px;
	padding: 0 6px 5px;
	margin: 1px 0;
	display: inline-block;
}


/**/


section.mession-vesion {
	background-color: #982423;
	/* Old browsers */
	background-color: -moz-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* FF3.6-15 */
	background-color: -webkit-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* Chrome10-25,Safari5.1-6 */
	background-color: linear-gradient(to right, #982423 0%, #ce2032 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982423', endColorstr='#ce2032', GradientType=1);
	background-size: contain;
	/*position: relative;*/
	/*top: -22em;*/
	/*margin-bottom: -22em;*/
	padding: 5rem 0 7rem;
	color: #fff;
}

/**/

.inqure {
	position: relative;
}

.inqure .container>.head h3.mr-auto {
	max-width: 350px;
	margin: auto;
	text-align: center;
	background: #333;
	padding: 10px;
	border-radius: 10px;
	position: absolute;
	top: -30px;
	color: #fff;
	left: 0;
	right: 0;
}

/**/

header.inma-header-page h2 {
	background: url(assets/images/lines-01.png) center repeat-x, #333;
	background-size: contain;
	color: #fff;
	padding: 5rem;
	margin-bottom: 5rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase !important;
}

.inma-feature-image {
	max-height: 400px;
	overflow: hidden;
	max-width: 800px;
	/* text-align: center; */
	border-radius: 10px;
	margin: 3rem auto;
}

.inma-page-content article {
	max-width: 800px;
	margin: 3rem auto 5rem;
	text-align: left;
}

.about-content {
	padding: 0px 30px;
}

.inma-page-content article h1,
.inma-page-content article h2,
.inma-page-content article h3,
.inma-page-content article h4,
.inma-page-content article h5,
.inma-page-content article h6 {
	color: #cb2031;
}

.inma-page-content {
	margin: 10rem auto;
	margin: auto;
	text-align: center;
}

/**/
.gallery-carosoul .carousel-inner {
	max-width: 90%;
	margin: auto;
	border-radius: 15px;
	max-height: 450px;
}

.gallery-carosoul #galleryCaro,
#blogCarosoul {
	max-width: 90%;
	margin: auto;
}

.gallery-carosoul .carousel-control-prev,
.gallery-carosoul .carousel-control-next,
#blogCarosoul .carousel-control-prev,
#blogCarosoul .carousel-control-next {
	opacity: 1;
}

.gallery-carosoul .carousel-control-prev img,
.gallery-carosoul .carousel-control-next img,
#blogCarosoul .carousel-control-prev img,
#blogCarosoul .carousel-control-next img {
	max-width: 10px;
}

.gallery-carosoul .carousel-control-prev,
#blogCarosoul .carousel-control-prev {
	left: -11%;
}

.gallery-carosoul .carousel-control-next,
#blogCarosoul .carousel-control-next {
	right: -11%;
}

.gallery-carosoul .num {
	position: absolute;
	background: #982423;
	/* Old browsers */
	background: -moz-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982423', endColorstr='#ce2032', GradientType=1);
	bottom: -12px;
	right: 0;
	left: 0;
	padding: 5px;
	width: 115px;
	margin: auto;
	color: #fff;
	text-align: center;
}

.gallery-post {
	margin-bottom: 4rem;
}

.gallery-post h5 {
	margin-top: 1rem;
}

.gallery-post h5 a {
	color: #ca2032;
	font-size: 17px;
}

.page-template-template-gallery .image-box:after {
	content: "";
	display: block;
	width: 80%;
	height: 14px;
	background: #ca2032;
	margin: auto;
}

.image-box img {
	border-radius: 10px;
	width: 235px;
	height: 200px;
}

#blogCarosoul article h4 {
	margin-top: 3rem;
	color: #ca2032;
}

#blogCarosoul article h4:after,
.more-post>h4:after,
.post-archhive>h4:after {
	content: "";
	display: block;
	width: 10%;
	margin: 10px auto;
	height: 3px;
	background: #333;
}

.slide-num {
	color: #ca2032;
}

#blogCarosoul .carousel-control-next,
#blogCarosoul .carousel-control-prev {
	top: -8%;
	max-height: 400px;
}

.products-caro .carousel-control-next,
.products-caro .carousel-control-prev {
	top: 0;
	max-height: 525px;
}

.more-post {
	margin: 8rem 0;
}

.more-post>h4,
.post-archhive>h4 {
	margin-bottom: 4rem;
}

.more-post a {
	color: #ca2032;
}

.more-post h5 {
	margin: 2rem auto 0;
}

.more-post img {
	border-radius: 10px;
}

.post-archhive ul {
	display: inline-block;
	margin: auto;
}

.post-archhive ul li a {
	border-radius: 0;
	border-color: #000;
	/* padding: 0.4rem 2rem; */
	width: 100px;
	text-align: center;
	color: #333;
	margin: 0 15px;
}

a.view-archive {
	display: block;
	margin: 1rem auto;
	max-width: 235px;
	margin-top: 40px;
	background: #982423;
	/* Old browsers */
	background: -moz-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982423', endColorstr='#ce2032', GradientType=1);
	color: #fff !important;
	padding: 1rem;
	border-radius: 10px;
}

.post-new {
	margin-bottom: 4rem;
}

.rand-post {
	margin-bottom: 6rem;
}

section.products h3 {
	margin-bottom: 5rem;
}

section.products h3:after {
	content: "";
	display: block;
	width: 150px;
	height: 3px;
	background: #ca2032;
	margin: 10px auto;
}

/**/
.table thead {
	background: #982423;
	/* Old browsers */
	background: -moz-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #982423 0%, #ce2032 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982423', endColorstr='#ce2032', GradientType=1);
	color: #fff;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	font-weight: 400;
}

/**/

.page-template-template-jobs .nav-tabs {
	border-bottom: none;
	margin-bottom: 3em;
}

.page-template-template-jobs .nav-tabs .nav-item {
	margin: auto;
}

.page-template-template-jobs .nav-tabs .nav-item a {
	border: none !important;
	color: #333;
	text-transform: capitalize;
	font-weight: 700;

}

.page-template-template-jobs .nav-tabs .nav-item a.active {
	color: #ca2032;
	border-bottom: 3px solid #ca2032 !important;
}

.policy,
.certificates {
	background-color: #eee;
	padding: 13rem 0;
}

.certificates {
	background: #ddd;
}

.q-page img {
	position: absolute;
	top: 50%;
	z-index: 1;
	max-height: 260px;
	left: 48%;
	margin-top: -171px;
	margin-left: -81px;
}

.policy span,
.certificates span {
	border-bottom: 4px solid #ca2032;
	padding-bottom: 0.5em;
}

.current-menu-item a {
	color: #ca2032 !important;
}


/**
 *
 */
.certi-logos>.row {
	padding: 2rem 0;
	border-left: 2px solid #ca2032;
	margin-top: 3rem;
}

.certi-logos>.row h5 {
	color: #ca2032;
	line-height: 3;
	text-align: center;
}


/**
*/

.team {
	background: #fff;
	padding: 2rem 1rem;
}

.team h5 {
	font-weight: 600;
	font-size: 1.1rem;
	color: #000;
}

.team h5:after {
	width: 30%;
	content: '';
	display: block;
	height: 4px;
	background: #ca2032;
	margin: 10px auto;
}

.team p {
	font-size: 10px;
	text-align: justify;
}

.team small {
	color: #111;
	margin-bottom: 1rem;
	font-weight: 600;
	font-size: 0.6em;
}

.personal-img {
	position: absolute;
	top: -65px;
	left: 0;
	right: 0;
	margin: auto;
	background: #ca2032;
	border-radius: 50%;
	width: 130px;
	height: 130px;
}

.team {
	background: #fff;
	padding: 6rem 1rem 1rem;
	border-radius: 20px 20px 0 0;
}

.team p a {
	display: block;
	color: #ca2032;
	font-size: 0.8rem;
	font-weight: bold;
}

#team .row:nth-of-type(2) {
	margin-top: 12rem;
}

.first-last {
	margin-top: 10rem;
}

.second-third {
	margin-top: 5rem;
}

.page-id-143 .form-control {
	border: 1px solid #ca2032 !important;
	margin-bottom: 2rem;
}

@media (max-width:992px) {
	.inam-header .navbar-light .navbar-nav .nav-item:not(:last-child):not(:nth-last-child(2)) .nav-link:after {
		display: none;
	}

	.inam-header .navbar-light .navbar-nav .nav-item .nav-link {
		font-size: 1em !important;
	}

	.inam-header .navbar-light .navbar-nav li:last-child {
		padding-left: 0 !important;
	}

	.inam-header .navbar-light .navbar-nav li:last-child i {
		display: none;
	}

	.inam-header .navbar-light .navbar-nav li:last-child form {

		position: static !important;
	}

	.inam-header .navbar-light .navbar-nav li:last-child form input {
		display: block !important;
	}

	.team {
		margin: 0 !important;
		margin-bottom: 10rem !important;
	}

}

@media (max-width: 768px) {

	.inam-header nav form {
		top: 100px !important;
		left: 65px !important;
	}

	.inma-carosoul .carousel-item h2 {
		font-size: 2rem;
	}

	section.solution-business {
		background-size: cover;
	}

	section.solution-business p br,
	.mession-vesion p br {
		display: none;
	}

	section.solution-business p {
		margin-top: 2rem;
	}

	.navbar-toggler {
		color: #ca2032 !important;
		border: none;
		margin-top: 2rem;
	}

	ul#menu-menu-1 {
		background: #333;
		padding: 2rem;
		border-radius: 2rem;
		position: fixed;
		z-index: 9;
		left: 0;
		margin: 1rem;
	}

	.inam-header .navbar-light .navbar-nav .nav-link {
		color: #fff;
		margin-bottom: 1.5rem;
	}

	header.inam-header {
		margin-bottom: 6rem;
	}

	.navbar {
		/*background-color: #f8f9fa!important;*/
		position: fixed;
		z-index: 99;
		width: 100%;
		background-color: white !important;
		left: 0;
	}

	.navbar-collapse {
		background: #ffffffad;
		position: fixed;
		top: 115px;
		bottom: 0;
		z-index: 9;
		left: 0;
		right: 0;
		height: 100%;
	}

	.gallery-post h5 {
		font-size: 1em;
	}

	.page-template-template-about section.mession-vesion {
		padding-right: 2rem !important;
		padding-left: 2rem !important;
	}

	.values li {
		display: block !important;
		text-align: left !important;
	}

	/* .contact ul.nav {
		padding: 2rem 1rem 0 !important;
		background: none !important;
		color: #333 !important;
		text-align: left !important;
	} */

	.contact-form {
		max-width: 100% !important;
		margin: 1rem auto !important;
	}

	.page-template-template-jobs .nav-tabs .nav-item a {
		font-size: 0.73em;
		font-weight: bold;
	}

}

.two_employees {
	max-width: 60%;
	margin: auto;
}

.inma_employees {
	max-width: 350px;
	margin: auto;
}

#team .row:nth-of-type(2) {
	margin-top: 100px;
}

.our-client h4:after {
	content: "";
	display: block;
	width: 10%;
	margin: 10px auto;
	height: 3px;
	background: #333;
}

.inma-page-content article h3 {
	padding-bottom: 25px;
}

.read-more,
.read-more:hover {
	color: #cc2031 !important;
}

.gallery-page .gallery-post .project-title {
	margin: auto;
	text-align: center;
}

.gallery-page .gallery-post h5 {
	background: #cc2031;
	padding: 40px;
	position: relative;
	left: 35%;
}

.gallery-page .gallery-box {
	margin-bottom: -50px;
}

.gallery-page .gallery-post h5 a {
	color: #fff;
	text-decoration: unset;
	font-size: 15px;
}

.gallery-page .gallery-post h5 a:hover {
	color: #fff !important;
}

.gallery-page .gallery-img:after {
	display: none;
}

.certificates .text-uppercase {
	position: absolute;
	left: -100px;
	top: 312px;
	font-weight: 600;
}

.quality-box {
	margin: auto;
	background-color: #eee;
	margin-bottom: 20px;
	position: relative;
	width: 90%;
	padding: 0px 15px;
}

.quality-box .quality-sec,
.quality-box .quality-sec-border {
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.quality-box .view-more-button a,
.quality-box .view-more-button a:hover {
	color: #fff !important;
	font-weight: 700;
}

.quality-box .quality-sec-border {
	position: relative;
}

.quality-box .reward-title {
	/* padding: 0px 60px 0px 30px; */
	text-align: left;
	float: left;
	width: 100%;
	margin: auto;
}

.quality-box .reward-title h5 {
	color: #cc2031;
	font-weight: 700;
	text-align: left;
}

.quality-box .quality-sec .view-more-button,
.quality-box .quality-sec .reward-picture {
	padding: 20px;
	padding-right: 50px;
}

.quality-box .border-quality {
	position: absolute;
	content: '';
	height: 150px;
	width: 1px;
	background: #cc2031;
	top: 15px;
	right: 50%;
}

.quality-box .view-more-button {
	padding: 0px;

}

.quality-box .view-more-button a {
	width: 100px;
	padding: 8px;
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
}

.quality-box .reward-logo {
	width: 100%;
	margin: auto;
	text-align: center;
}

.our-client .our-client-text {
	color: #cc2031;
}

.our-client h4:after {
	background: #cc2031;
}

/**/

.navbar-expand-lg .navbar-nav .dropdown-menu {
	display: block;
	display: none;
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	padding: 20px;
	width: 250px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
	color: #fff !important;
	text-transform: none;
	padding-bottom: 6px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover .dropdown-menu.show {
	display: block !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link:after {
	display: none !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-item.active .nav-link:before {
	position: absolute;
	content: "\f0da";
	color: #fff;
	left: 10px;
	font-family: FontAwesome;
	font-size: 14px;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link.active .nav-link:before {
	position: absolute;
	content: "\f0da";
}

/**/
.team-title {
	max-width: 65%;
	margin: auto;
	padding: 40px;
}

.team-title h3 {
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
	color: #fff;
	margin: auto;
	border-radius: 10px;
	padding: 40px 0px;
	font-size: 20px;
	font-weight: 600;
}

.two_employees {
	margin-bottom: 100px;
}

.values-mission {
	position: relative;
}

.photo_garlley_image {
	margin: auto;
}

.photo_garlley_image img {
	/* width: 190px; */
	/* border-radius: 10px; */
	padding-bottom: 15px;
	/* cursor: pointer; */
	width: 200px;
	height: 200px;
}

.photo_garlley_image p {
	color: #cc2031;
	font-size: 13px;
	padding: 7px;
	font-weight: bold;
}

.image-product {
	width: 55%;
	margin: auto;
}

.inma-feature-image img {
	border-radius: 10px;
}

.logos {
	margin: 60px 0px;
}

.image-desc {
	color: #cc2031;
}

section.products {
	width: 75%;
	margin: auto
}

.carousel-item p {
	text-align: left;
}

.products-caro .carousel-item img {
	width: 80%;
	max-height: 350px !important;
	border-radius: 10px;
	margin: auto;
	margin-bottom: 60px;
}

.products-caro .carousel-control-next {
	right: 0%;
}

.products-caro .carousel-control-prev {
	left: 0%;
}

.bolg-page {
	width: 70%;
	margin: auto;
}

.solution-business {
	padding: 60px 0px;
}

section.inma-carosoul {
	padding-bottom: 30px;
}

.bolg-page {
	padding: 30px 0px;
}

.inqure {
	padding: 40px 0px;
}

.our-client .owl-carousel .owl-item img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: auto;
}

.our-client .owl-carousel .owl-nav button.owl-next,
.our-client .owl-carousel .owl-nav button.owl-prev {
	position: relative;
	bottom: 165px;
}

.our-client .owl-carousel .owl-nav button.owl-prev {
	position: relative;
	left: -10px;
}

.owl-nav button span {
	font-size: 30px;
}

.owl-carousel .owl-nav button.owl-next {
	float: right;
	right: -10px;
}

.mession-about {
	background: linear-gradient(to right, #982423 0%, #ce2032 100%);
}

.news-section #blogCarosoul .carousel-control-next,
.news-section #blogCarosoul .carousel-control-prev {
	top: 0%;
	max-height: 400px;
}

.contact-form input.right-radius {
	border-radius: 0px 10px 0px 0px;
}

.contact-form input.left-radius {
	border-radius: 10px 0px 0px 0px;
}

.contact-form textarea {
	height: 180px;
	border-radius: 0px 0px 10px 10px;
}

.contact-form .form-action {
	margin: auto;
	text-align: center;
}

.contact-form .col {
	position: relative;
}

.contact-form .asterix {
	position: absolute;
	top: 5px;
	left: 100px;
	color: #cc2031;
}

.contact-form .subject .asterix {
	position: absolute;
	top: 5px;
	left: 80px;
	color: #cc2031;
}

.contact-form .row {
	margin-bottom: -5px;
}

.form-action button {
	padding: 0.6rem 1.5rem !important;
	border-radius: 10px;
}

.gallery-posts {
	width: 80%;
	margin: auto;
	text-align: center;
}

/*popup style*/

/* Style the Image Used to Trigger the Modal */
#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

#myImg:hover {
	opacity: 0.7;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 9999;
	/* Sit on top */
	padding-top: 138px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content,
#caption {
	animation-name: zoom;
	animation-duration: 0.6s;
}

@keyframes zoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

/* The Close Button */
.close {
	position: absolute;
	top: 40px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
	}
}

.navbar-expand-lg .navbar-nav .dropdown-menu .nav-link:after {
	display: none !important;
}

.inma-page {
	padding: 40px 0px;
}

.q-page {
	padding: 40px 0px;
}

.form-icon {
	position: relative;
	top: -15px;
	left: 15px;
}

.form-search {
	color: #fff;
	position: absolute;
	top: 25px !important;
	left: 60px !important;
	padding: 10px;
	letter-spacing: 3px;
	width: 250px;
}

@media (max-width:992px) {
	.gallery-carosoul .num {
		position: absolute;
		bottom: auto;
		top: 365px !important;
	}

	.quality-box .border-quality {
		position: absolute;
		content: '';
		height: 100px;
		width: 1px;
		background: #cc2031;
		top: 10px;
		right: 50%;
	}

	.quality-box .reward-title h5 {
		font-size: 15px;
	}

	.quality-box .reward-logo {
		position: relative;
		bottom: 5px;
	}

	.quality-box .reward-logo img {
		max-width: 45px !important;
	}

	.contact ul.nav {
		background: #333;
		color: #fff;
		padding: 5rem 0rem 7rem !important;
		border-radius: 20px;
		max-height: 450px;
	}

	.contact-form {
		width: 100%;
		margin: 200px 0px 0px 0px !important;
		max-width: unset !important;
	}

	.image-product {
		width: 100%;
		margin: auto;
	}

}

@media (max-width:767px) {
	.form-icon {
		position: relative;
		top: 0px;
		left: 15px;
	}

	.inam-header nav form {
		position: absolute;
		top: 25px !important;
		left: 40px !important;
	}

	.our-client .owl-carousel .owl-item img {
		display: block;
		max-width: 150px;
	}

	.our-client .owl-carousel .owl-nav button.owl-prev {
		position: relative;
		right: 20px;
	}

	.our-client .owl-carousel .owl-nav button.owl-next {
		position: relative;
		left: 20px;
	}

	.gallery-carosoul .num {
		position: absolute;
		bottom: auto;
		top: 300px !important;
	}

	.quality-box {
		margin: auto;
		background-color: #eee;
		margin-bottom: 20px;
		position: relative;
		width: 100%;
		padding: 0px 15px;
	}

	.certificates .text-uppercase {
		position: absolute;
		left: 35% !important;
		top: 75px !important;
		font-weight: 600;
	}

	.border-quality,
	.quality-box .reward-title,
	.reward-picture {
		display: none;
	}

	.reward-logo {
		display: inline-flex;
		justify-content: center;
	}

	.team-title h3 {
		padding: 20px 0px;
		font-size: 15px;
	}

}

@media (max-width:576px) {
	.our-client .owl-carousel .owl-item img {
		display: block;
		width: auto;
		margin: auto;
		max-width: 100%;
	}
	.our-client .owl-carousel .owl-nav button {
		position: relative;
		bottom: unset;
		top: 40px;
	}

	.our-client .owl-carousel .owl-nav button.owl-prev {
		position: relative;
		right: 10px;
	}

	.our-client .owl-carousel .owl-nav button.owl-next {
		position: relative;
		left: 10px;
	}

	.our-client .owl-carousel .owl-nav {
		position: relative;
		bottom: 100px;
	}

	.form-search {
		width: 150px;
	}

	.certificates .text-uppercase {
		position: absolute;
		left: 35% !important;
		top: 75px !important;
		font-weight: 600;
	}

	.contact-form {
		width: 100%;
		margin: 250px 0px 0px 0px !important;
		max-width: unset !important;
	}
}

.inam-header .navbar-light .navbar-nav .nav-item .nav-link:after {
	content: "";
	display: inline-block;
	margin: 0 5px;
	width: 1px;
	background: #000;
	height: 10px;
}


.inam-header .navbar-light .navbar-nav .nav-item:nth-last-child(2) .nav-link:after {
	content: "";
	display: none !important;
	margin: 0 5px;
	width: 1px;
	background: #000;
	height: 10px;
}

.modal-backdrop {
	position: relative;
}

.modal-body {
	margin: auto;
	text-align: center;
	width: auto;
}

@media (max-width: 576px) {
	.modal-dialog {
		max-width: 300px;
		margin: 1.75rem auto;
	}

	.quality-box .view-more-button a {
		width: 200px;
	}

	.quality-box {
		width: 90%;
	}

}

.navbar-expand-lg .navbar-nav {
	margin-top: 20px;
	display: inline-flex;
	margin-left: 0px;
}

.inam-header .navbar-light .navbar-nav .nav-link {
	font-size: 12px;
}

@media (max-width:1200px) {
	.inam-header .navbar-light .navbar-nav .nav-link {
		font-size: 9px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.gallery-page .gallery-post h5 {
		padding: 20px;
		position: relative;
		left: 24%;
	}
}

@media (max-width:767px) {
	.gallery-page .gallery-post h5 {
		position: relative;
		left: 0%;
	}

	.gallery-page .gallery-post .project-title {
		order: 2;
	}

	.site-footer .social-media li a {
		color: #ca2032;
		margin: 5px;
		font-size: 1.2em;
	}
}

@media (max-width:1200px) {
	.site-footer {
		background: #343333;
		background-size: 500px;
		padding: 2rem 0;
		color: #fff;
	}

	.site-footer .social-media li a {
		margin: 2px;
	}

	.site-footer .certi li img {
		max-width: 35px;
		border-radius: 1em;
		margin: 0px 2px;
	}
}

.products-caro .num {
	bottom: auto;
	top: 405px !important;
	border-radius: 5px;
}

.products-caro .carousel-control-next {
	right: -5%;
}

.products-caro .carousel-control-prev {
	left: -5%;
}

.products-caro .text-uppercase h5 {
	text-align: left;
	float: left;
}

.owl-nav button:focus {
	outline: none !important;
}

@media (max-width: 576px) {
	.team-title {
		max-width: 65%;
		margin: auto;
		padding: unset;
	}

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

@media (max-width:992px) {
	.team-title {
		max-width: 100%;
	}
}

@media (max-width:576px) {
	.team-title {
		max-width: 80%;
	}

	.image-product {
		width: 80%;
		margin: auto;
		text-align: center;
		margin-top: 40px;
	}
	.quality-box .quality-sec-border{
		order: 1;
		padding-top:  19px;
		padding-right: 30px;
	}
	.quality-box .quality-sec {
		order: 2;
	}
	.inma_employees {
		max-width: unset;
		margin: auto;
	}
}

section.products .gallery-img img {
	width: auto;
	height: auto;
}

.products-caro h5 {
	float: left;
	font-size: 16px;
	padding-top: 2px;
}

@media (max-width:767px) {
	.products-caro .carousel-control-next {
		right: -10%;
		top: -4%;
	}

	.products-caro .carousel-control-prev {
		left: -10%;
		top: -4%;
	}

	.products-caro .num {
		position: absolute;
		bottom: auto;
		top: 330px !important;
	}
}
@media(max-width:576px){
	.products-caro .num {
		position: absolute;
		bottom: auto;
		top: 295px !important;
	}
}
.client-logo {
	margin: 20px;
	margin-bottom: 50px;
	max-width: 200px;
}
.modal.and.carousel {
	position: fixed;  
  }
  .carousel-control-next-icon, .carousel-control-prev-icon {

    background-color: #c12135 !important;
    padding: 13px !important;
}
.close-button
{
	background-color: #c12135 !important;
    border-color: #c12135 !important;
    color: #fff !important;
}
table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
  }
  
  td, th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
  }
  
  tr:nth-child(even) {
	background-color: #dddddd;
  }
  .close-button:hover {
    color: #fff !important;
  } 
  .quality-box .carousel-control-prev{
	  left: -30px;
  }
  .quality-box .carousel-control-next{
	right: -30px;
}  
.image-box {
    border-radius: 10px;
    width: 235px;
    height: 200px;
}
.inquire-now {
	color: #fff !important;
	
}
.inquire-now:hover{
    color: #ca2032
}
.view-all-products {
	margin: auto !important;
	text-align: center;
	max-width: 350px;
    margin: auto;
    text-align: center;
    background: #333;
    padding: 10px;
    border-radius: 10px;
    color: #fff !important;
    
}

@media (max-width:320px){
	.navbar-brand {
		max-width: 150px !important;
	}
}
.quality-box .carousel-item img{
	max-height:350px !important;
	margin:auto !important;
}
tr:nth-child(even){
	    background-color: #fff !important;
}
article table span {
	font-weight:normal !important;
	color: #404040 !important;
}
article table span b{
	color:#990000 !important;
}
.table th {
    font-weight: normal !important;
}
article table th p span {
    font-size: 9px !important;
}
article table td p{
	font-size: 9px !important;
    line-height: 30px !important;
}
.our-client .logos .logo {
	width:150px !important;
}

.quality-box .carousel-item img{
	max-height: unset !important;
}
 
article table span {
    font-size: 11px !important;
}