* {
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: 'ProximaNovaBlack';
	src: url('../fonts/proxima-nova-black.otf') format('opentype');
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaBold';
	src: url('../fonts/proxima-nova-semibold.otf') format('opentype');
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaSemiBold';
	src: url('../fonts/ProximaNova-Semibold.ttf') format('opentype');
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/proxima-nova-regular.otf') format('opentype');
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}

body,
html {
	width: 100%;
	height: 100%;
}

body {
	padding-right: 0 !important;
	background: #f1f2f2;
	color: #333333;
	font-family: 'ProximaNova';
}

.btn:focus {
	outline: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

h1 {
	font-family: 'ProximaNovaBlack';
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'ProximaNovaBold';
}

ul,
li,
a {
	font-family: 'ProximaNova';
}

p {
	font-size: 15px;
	font-family: 'ProximaNova';
}

.web-para {
	font-size: 15px;
	font-family: 'ProximaNova';
}

.web-bold-para {
	font-size: 17px;
	font-family: 'ProximaNova';
}

.web-smaller-text {
	font-size: 11px;
}

.web-small-text {
	font-size: 13px;
}

.web-bold-heading {
	font-size: 24px;
}

.img-fluid {
	max-width: 100%;
	height: auto !important;
	width: 100% !important;
}

.lh-normal {
	line-height: 1.3;
}

.web-extra-bold {
	font-family: 'ProximaNovaBlack';
}

.web-bold {
	font-family: 'ProximaNovaBold';
	;
}

.web-medium {
	font-family: 'ProximaNovaSemiBold';
}

.web-regular {
	font-family: 'ProximaNova';
	;
}

.web-white {
	color: #fff !important;
}

.web-yellow {
	color: #deb25c;
}

.web-green {
	color: #36546a;
}

.web-container {
	width: 80%;
	margin: auto;
}

.lh-title {
	line-height: 1;
}

.web-big-title {
	font-size: 44px;
	line-height: 1.2;
}

.web-h1 {
	font-size: 38px;
	line-height: 1.2;
}

.web-h2 {
	font-size: 34px;
}

.web-h3 {
	font-size: 28px;
}

.web-h4 {
	font-size: 22px;
	line-height: 1.5;
}

.web-h5 {
	font-size: 18px;
}

.web-h6 {
	font-size: 15px;
}

.section-padtop-15 {
	padding-top: 15px !important;
}

.section-padbottom-15 {
	padding-bottom: 15px !important;
}

.section-padtop-20 {
	padding-top: 20px !important;
}

.section-padbottom-20 {
	padding-bottom: 20px !important;
}

.section-padtop-30 {
	padding-top: 30px !important;
}

.section-padbottom-30 {
	padding-bottom: 30px !important;
}

.section-padtop-50 {
	padding-top: 50px !important;
}

.section-padbottom-50 {
	padding-bottom: 50px !important;
}

.section-padtop-70 {
	padding-top: 70px !important;
}

.section-padbottom-70 {
	padding-bottom: 70px !important;
}

.section-padtop-90 {
	padding-top: 90px !important;
}

.section-padbottom-90 {
	padding-bottom: 90px !important;
}

.section-padtop-110 {
	padding-top: 110px !important;
}

.section-padbottom-110 {
	padding-bottom: 110px !important;
}

.section-bg-green {
	background: #36546a;
}

.section-bg-white {
	background: #fff;
}

.section-bg-yellow {
	background: #deb25c;
}

.web-ul {
	list-style: none;
	padding: 0;
	width: 100%;
	display: table;
}

.web-ul li {
	width: 1%;
	display: table-cell;
}

.obj-cover {
	height: 100% !important;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.obj-right {
	-o-object-position: right;
	object-position: right;
}

.obj-left {
	-o-object-position: left;
	object-position: left;
}


/*placeholder*/

::-webkit-input-placeholder {
	/* Edge */
	color: #8691A6 !important;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8691A6 !important;
}

::-moz-placeholder {
	color: #8691A6 !important;
}

::-ms-input-placeholder {
	color: #8691A6 !important;
}

::placeholder {
	color: #8691A6 !important;
}


/*Form Fields*/

.form-control {
	background: rgba(196, 206, 217, 0.1);
	color: #333 !important;
	font-size: 14px;
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 8px !important;
    border: 2px solid #a6a6a6;
    padding: 15px;
    font-family: 'ProximaNovaBold';
	background-clip: padding-box;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgba(196, 206, 217, 0.2);
}

textarea.form-control {
	resize: none;
	line-height: 1.3;
}

label {
    font-size: 14px;
    color: #646464;
    font-family: 'ProximaNovaBold';
}

.job-table thead th {
    vertical-align: middle;
    font-size: 14px;
    color: #646464;
    font-family: 'ProximaNovaBold';
}

.item {
	overflow: hidden;
}

.item img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.item:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: ease-in .3s;
	-o-transition: ease-in .3s;
	transition: ease-in .3s;
}

.half-text {
	width: 65%;
	margin: auto;
}

.medium-text {
	width: 75%;
	margin: auto;
}


/*added by amna*/

.container-less-gap {
	margin-top: -2rem;
}

.large-text {
	width: 80%;
	margin: auto;
}

.sm-medium-text {
	width: 67%;
	margin: auto;
}


/*end*/

.web-card-ul {
	width: 90%;
	margin: auto;
}

.web-card-ul li {
	padding: 0 20px;
	width: 30%;
}


/*Web Button*/

.web-btn {
	font-size: 16px;
	background: #d9ae5a;
	border: 0;
	border-radius: 0;
	padding: 10px 30px;
	color: #fff !important;
	text-decoration: none;
	font-family: 'ProximaNova';
	display: inline-block;
	text-transform: uppercase;
}

.web-btn:hover {
	border: 0;
	color: #fff !important;
	background: #36546a;
	text-decoration: none;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.web-btn:focus {
	color: #fff !important;
	background: #36546a;
}
.web-btn-sm{
    font-size: 14px;
	padding: 7px 20px;
}


.btn:focus {
	outline: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.web-btn-outline {
	background: transparent;
	border: 2px solid #fff;
	color: #fff !important;
}

.web-btn-outline:hover {
	background: transparent;
	border: 2px solid #d9ae5a;
	color: #d9ae5a !important;
}

.web-btn-outline:focus {
	color: #fff !important;
	background: #d9ae5a;
}

.web-btn-outline-inv {
	background: transparent;
	border: 2px solid #36546a;
	color: #36546a !important;
}

.web-btn-outline-inv:hover {
	background: transparent;
	border: 2px solid #d9ae5a;
	color: #d9ae5a !important;
}

.web-btn-outline-inv:focus {
	color: #fff !important;
	background: #d9ae5a;
}

.web-btn-gradient {
	background-color: #d9ae5a;
	/* For browsers that do not support gradients */
	background-image: -webkit-gradient(linear, left top, right top, from(#d9ae5a), to(#36546a));
	background-image: -o-linear-gradient(left, #d9ae5a, #36546a);
	background-image: linear-gradient(to right, #d9ae5a, #36546a);
}

.web-btn-gradient:hover {
	background: #d9ae5a;
}

.web-btn-gradient:focus {
	background: #d9ae5a;
}

.alert {
	border-radius: 8px;
}

.row-less-gap {
	margin-right: -7px;
	margin-left: -7px;
}

.row-less-gap [class*="col-"] {
	padding-right: 8px;
	padding-left: 8px;
}


/*Top Header*/

.top-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #fff;
	z-index: 1031;
	padding: 8px 0 10px 0;
	border-top: 2px solid #deb25c;
}

.top-header-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


/*Top header conatct details*/

ul.top-header-contact-ul {
	margin-right: 20px;
}

ul.top-header-contact-ul li a {
	color: #deb25c;
	text-decoration: none;
	font-size: 15px;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

ul.top-header-contact-ul li a:hover {
	color: #355468;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

ul.top-header-contact-ul li a span {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #deb25c;
	text-align: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

ul.top-header-contact-ul li a:hover span {
	color: #355468;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	border-color: #355468;
}

ul.top-header-contact-ul li a i {
	color: #deb25c;
	font-size: 15px;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	line-height: 0;
}

ul.top-header-contact-ul li a:hover i {
	color: #355468;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}


/*Top header social details*/

ul.top-header-social-ul {
	margin-right: 20px;
}

ul.top-header-social-ul li {
	margin-right: 2px !important;
}

ul.top-header-social-ul li a {
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #deb25c;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

ul.top-header-social-ul li a:hover {
	color: #355468;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	border-color: #355468;
}

ul.top-header-social-ul li a i {
	color: #deb25c;
	font-size: 15px;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	line-height: 0;
}

ul.top-header-social-ul li a:hover i {
	color: #355468;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.top-download-icon {
	padding-top: -10px;
	height: 25px;
	width: 25px;
}

.top-download-icon img {
	height: 100%;
	width: 100%;
}


/*header*/

.web-main-menu {
	width: 100%;
	display: block;
	background: transparent;
}

.navbar {
	padding: 10px 0;
	background: #f1f2f2;
	top: 50px;
	-webkit-transition: ease .1s;
	-o-transition: ease .1s;
	transition: ease .1s;
	height: 105px;
}

.navbar.shrink {
	background: #f1f2f2;
	top: 0px;
	-webkit-transition: ease .1s;
	-o-transition: ease .1s;
	transition: ease .1s;
	border-bottom: 2px #E0E0E0 solid;
}

a.navbar-brand-yaemco {
	width: 120px;
	display: inline-block;
}

a.navbar-brand-yaemco img {
	width: 100%;
}

.navbar-brand {
	padding: 0;
}

.navbar-nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.navbar-nav .nav-item {
	display: inline-block;
}

.navbar-nav a.nav-link {
	padding: 0px !important;
	font-size: 14px;
	text-transform: capitalize;
	color: #36546a;
	display: block;
	font-family: 'ProximaNovaBold';
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	position: relative;
}

.navbar-nav a.nav-link:hover,
.navbar-nav a.nav-link:focus {
	color: #deb25c;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.navbar-nav .nav-item.active a.nav-link:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	height: 2px;
	width: 100%;
	background: #deb25c;
}

.navbar-nav li {
	padding: 0 10px;
}

.navbar-btn {
	font-size: 13px !important;
	background: #000 !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 12px 30px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-family: 'Lato', sans-serif !important;
	;
}

.navbar-btn:hover {
	border: 0 !important;
	color: #fff !important;
	background: #8691A6 !important;
	text-decoration: none !important;
	-webkit-transition: ease-in .2s !important;
	-o-transition: ease-in .2s !important;
	transition: ease-in .2s !important;
}

.navbar-btn:focus {
	color: #fff !important;
	background: #8691A6 !important;
}

.navbar.shrink .navbar-btn {
	background: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 12px 30px !important;
	color: #000 !important;
	text-decoration: none !important;
	font-family: 'Lato', sans-serif !important;
	;
}

.navbar.shrink .navbar-btn:hover {
	border: 0 !important;
	color: #fff !important;
	background: #8691A6 !important;
	text-decoration: none !important;
	-webkit-transition: ease-in .2s !important;
	-o-transition: ease-in .2s !important;
	transition: ease-in .2s !important;
}

.navbar.shrink .navbar-btn:focus {
	color: #fff !important;
	background: #8691A6 !important;
}

.navbar-nav-right {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}


/*Home Sldier*/

.homepage-banner {
	margin-top: 140px;
}


/*slider*/

.carousel-control-next,
.carousel-control-prev {
	width: 40px;
	height: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	bottom: auto;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 10px;
}

.carousel-control-prev {
	left: 30px;
}

.carousel-control-next {
	right: 30px;
}

.carousel-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	position: relative;
}

/*.carousel-item1 {*/
/*	background-image: url('../images/slider/slider_1.jpg');*/
/*}*/

/*.carousel-item2 {*/
/*	background-image: url('../images/slider/unique-solutions.jpg');*/
/*}*/

/*.carousel-item3 {*/
/*	background-image: url('../images/slider/embedding-technology.jpg');*/
/*}*/
/*.carousel-item4 {*/
/*	background-image: url('../images/slider/quality-innovation.jpg');*/
/*}*/
/*.carousel-item5 { */
/*	background-image: url('../images/slider/tenants-satisfaction.jpg');*/
/*}*/
/*.carousel-item6 {*/
/*	background-image: url('../images/slider/mobile-app-maintenance.jpg');*/
/*}*/

/*.carousel-item6 {*/
/*	background-image: url('../images/slider/Yaemco-mobile-app.jpg');*/
/*}*/
/*.carousel-item6 {*/
/*	background-image: url('../images/slider/Yaemco-mobile-app.jpg');*/
/*}*/
/*.carousel-item6 {*/
/*	background-image: url('../images/slider/banner5.jpg');*/
/*}*/

.slider-info {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10%;
	width: 50%;
	background: rgba(54, 84, 106, 0.7);
	padding: 30px 60px;
}

.post-banner-boxes-ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
}

.post-banner-boxes-ul li {
	text-align: center;
	width: 280px;
}

.post-banner-boxes-ul li:first-child {
	text-align: left;
}

.post-banner-boxes-ul li:last-child {
	text-align: right;
}


/* Service ul */

.service-card {
	width: 100%;
}

.service-card a {
	text-decoration: none;
	color: initial;
}

.service-card-header {
	overflow: hidden;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	border-bottom: 5px solid #d8ae5a;
	height: 200px;
	width: 100%;
}

.service-card-header img {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.service-card:hover img {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.service-card:hover .service-card-header {
	border-color: #36546a;
}


/* about-us-section */

.about-us-section {
	background: url(../images/about/banner.jpg) no-repeat center center;
	background-size: cover;
}


/* testimonial-section */

.testimonial-section {
	background: url(../images/testimonial/background.jpg) no-repeat center center;
	background-size: cover;
}

.swiper-relative {
	position: relative;
}

.swiper-btn {
	position: absolute;
	width: 100%;
	background: #333;
	top: 50%;
	left: 0;
	right: 0;
}

.testimonial-btn-next,
.testimonial-btn-prev {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin: 0 5px;
}

.testimonial-btn-next:after,
.testimonial-btn-prev:after {
	color: #fff;
	line-height: 40px;
	font-size: 12px;
	font-weight: 700 !important;
}

.testimonial-btn-next:after,
.testimonial-btn-prev:after {
	color: #fff;
	line-height: 40px;
	font-size: 12px;
	font-weight: 700 !important;
}

.testimonial-btn-next {
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.testimonial-btn-prev {
	left: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/*Footer*/

.footer-menu-border-right {
	border-right: 1px solid #d9ae5a;
	padding-right: 15px;
	margin-right: 5px;
}

.footer-menu li {
	margin-bottom: 10px;
}

.footer-menu li:last-child {
	margin-bottom: 0;
}

.footer-menu li a {
	font-size: 13px;
	color: #d9ae5a;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.footer-menu li a:hover {
	text-decoration: none;
	color: #fff;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

a.navbar-brand-yaemco-footer {
	width: 120px;
	display: inline-block;
}

a.navbar-brand-yaemco-footer img {
	width: 100%;
}
.management-card img
{
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start; 
}

footer ul.top-header-social-ul {
	margin-right: 0;
	text-align: right;
}

footer ul.top-header-social-ul li a {
	border: 2px solid #fff;
}

footer ul.top-header-social-ul li a:hover {
	color: #deb25c;
	border-color: #deb25c;
}

footer ul.top-header-social-ul li a i {
	color: #fff;
}

footer ul.top-header-social-ul li a:hover i {
	color: #deb25c;
}


/*Newsletter*/


#newsletter .form-control {
	border: none;
}


#newsletter .form-control:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sub-button {
	border: 2px solid #36546a;
}
/*newsletter*/

/*Sidemenu*/

.web-btn-toggle {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 5px;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.web-btn-toggle:hover {
	border: 0;
}

.web-btn-toggle:focus {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.web-btn-toggle svg {
	color: #36546a !important;
	width: 26px;
	height: 26px;
}

.web-btn-toggle:hover svg {
	color: #8691A6 !important;
}

.web-btn-close {
	position: absolute;
	top: 5px;
	right: 10px;
	background: transparent;
	border: 0;
	border-radius: 0;
	margin-top: 0;
	margin-left: 5px;
	padding: 5px;
}

.web-btn-close svg {
	color: #36546a !important;
	width: 26px;
	height: 26px;
}

.web-btn-close:hover,
.web-btn-close:focus {
	color: #d9ae5a !important;
}

#sidebar {
	width: 100%;
	position: fixed;
	top: 0;
	left: -100%;
	height: 100vh;
	z-index: 1200;
	background: #f1f2f2;
	;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow-y: scroll;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#sidebar.active {
	left: 0;
}

.sidenav-overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 998;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	top: 0;
	left: 0;
}

.sidenav-overlay.active {
	display: block;
	opacity: 1;
}

#sidebar .sidebar-header {
	padding: 15px;
	border-bottom: 0;
	/* background: #ccc; */
	color: #fff;
	border-bottom: 1px solid #2A303E;
}

#sidebar .sidebar-header a {
	padding: 0;
}

#sidebar .sidebar-header img {
	width: 150px;
}

#sidebar ul.components {
	padding: 5px 0 20px 0;
}

#sidebar ul.components .btn {
	font-size: 14px !important;
}

#sidebar a {
	padding: 10px 15px;
	font-size: 15px;
	text-decoration: none;
	color: #fff;
	font-family: 'ProximaNova';
}

#sidebar a:hover {
	color: #deb25c;
	background: #f1f2f2;
	;
}

#sidebar ul li a {
	padding: 10px 15px;
	font-size: 15px;
	display: block;
	;
	color: #36546a;
	text-decoration: none;
	border-bottom: 1px solid #2A303E;
	font-family: 'ProximaNova';
}

#sidebar ul li.active>a {
	color: #2A303E;
	background: #fff;
	text-decoration: none;
}

#sidebar ul li a span {
	width: 22px;
	height: 22px;
	display: inline-block;
	margin-right: 5px;
}

#sidebar ul li a span img {
	width: 100%;
	height: auto;
}

#sidebar a[data-toggle="collapse"] {
	position: relative;
}

#sidebar .dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 25px !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
}

#sidebar ul a,
#sidebar ul ul a {
	font-size: 15px;
	padding-left: 15px !important;
}

#sidebar ul ul a,
#sidebar ul ul ul a {
	padding-left: 25px !important;
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: -6px;
}


/*Scroll To Top*/

#web-return-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	background: #8691A6;
	width: 25px;
	height: 25px;
	display: block;
	text-decoration: none;
	border-radius: 50%;
	display: none;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#web-return-to-top i {
	color: #000;
	margin: 0;
	/* position: relative;
  left: 13px;
  top: 7px; */
	font-size: 15px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#web-return-to-top:hover {
	background: #fff;
}


.job-desc-heading{
    margin-top: 30px;
}
.job-desc-heading:first-child{
    margin-top: 0px;
}


.success-msg-ui i{
    font-size: 36px;
    color: #28a745;
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    border: 2px solid #28a745;
    border-radius: 50px;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

@media (min-width: 3001px) and (max-width: 4500px) {}

@media (min-width: 1800px) and (max-width: 3000px) {
	.section-padbottom-15 {
		padding-bottom: 25px !important;
	}
	.section-padtop-15 {
		padding-top: 25px !important;
	}
	.section-padtop-30 {
		padding-top: 50px !important;
	}
	.section-padbottom-30 {
		padding-bottom: 50px !important;
	}
	.section-padtop-50 {
		padding-top: 70px !important;
	}
	.section-padbottom-50 {
		padding-bottom: 70px !important;
	}
	.section-padtop-70 {
		padding-top: 90px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 90px !important;
	}
	.section-padtop-90 {
		padding-top: 110px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 110px !important;
	}
	.section-padtop-110 {
		padding-top: 130px !important;
	}
	.section-padbottom-110 {
		padding-bottom: 130px !important;
	}
}

@media (min-width: 2001px) and (max-width: 3000px) {}

@media (min-width: 1501px) and (max-width: 1799px) {
	.section-padbottom-15 {
		padding-bottom: 25px !important;
	}
	.section-padtop-15 {
		padding-top: 25px !important;
	}
	.section-padtop-30 {
		padding-top: 50px !important;
	}
	.section-padbottom-30 {
		padding-bottom: 50px !important;
	}
	.section-padtop-50 {
		padding-top: 70px !important;
	}
	.section-padbottom-50 {
		padding-bottom: 70px !important;
	}
	.section-padtop-70 {
		padding-top: 90px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 90px !important;
	}
	.section-padtop-90 {
		padding-top: 110px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 110px !important;
	}
	.section-padtop-110 {
		padding-top: 130px !important;
	}
	.section-padbottom-110 {
		padding-bottom: 130px !important;
	}
	.web-h1 {
		font-size: 38px;
		line-height: 1.3;
	}
	.web-h2 {
		font-size: 29px;
	}
	.web-h3 {
		font-size: 25px;
	}
	.web-h4 {
		font-size: 21px;
		line-height: 1.5;
	}
	.web-h5 {
		font-size: 19px;
	}
	.web-h6 {
		font-size: 17px;
	}
	p {
		font-size: 17px;
	}
	.web-btn {
		font-size: 17px;
	}
	.form-control {
		font-size: 17px;
	}
}

@media (min-width: 1281px) and (max-width: 1380px) {}


/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px

*/

@media (min-width: 1024px) and (max-width: 1280px) {
	#sidebar {
		width: 300px;
		left: -350px;
	}
	a.navbar-brand-stallion {
		width: 130px;
		display: inline-block;
	}
	  .client-ul li {
    width: 15%;
    padding: 10px
  }
  .client-ul li img.client-logo-height {
    height: 50px;
  }
  .client-ul li img.client-logo-height-medium{
    height: 60px;
    width: auto;
  }
	
}

@media (max-width: 767px) {
	.section-padbottom-50 {
		padding-bottom: 20px !important;
	}
	.section-padtop-50 {
		padding-top: 20px !important;
	}
	.section-padtop-70 {
		padding-top: 50px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 50px !important;
	}
	.section-padtop-90 {
		padding-top: 90px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 90px !important;
	}
	.section-padtop-140 {
		padding-top: 200px !important;
	}
	.section-padtop-180 {
		padding-top: 200px !important;
	}
	.employee-engagement img {
		margin-bottom: 15px;
	}
	footer ul.top-header-social-ul li {
		display: none;
	}
	.tm-card img {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.management-card img{
		-webkit-box-align: start !important;
		    -ms-flex-align: start !important;
		        align-items: flex-start !important;
	    
	}
	.about-us-img,
	.company-glance-img,
	{
		padding-bottom: 15px;
	}
	.value-services-img {
		padding-top: 30px;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.value-services-info {
		margin-left: 15px !important;
	}
	.pc19-img,
	.ifm-img img,
	.env-manage-img img,
	.company-glance-img img {
		margin-bottom: 15px !important;
	}
	.value-services-info .section-padtop-50 {
		padding-top: 15px;
	}
	.value-services-info {
		margin-left: 0px;
	}
	.solution-stain-body-text {
		margin-left: 15px;
	}
	.about-us-text.large-text {
		width: 100%;
	}
	.tm-card-large-icon img {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		width: 90px;
	}
	.management-card img{
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;}
	.large-icons img,
	.tm-card-large-icon img {
		width: 100%;
	}
	.large-icons,
	.second-section-icon {
		width: 90px;
		margin: auto;
	}
	.home-maintenance .section-padtop-50 {
		padding-top: 15px !important;
	}
	.post-banner-boxes-ul li:first-child {
		width: 100%;
	}
	/*top header nav*/
	ul.top-header-contact-ul li a {
		font-size: 12px;
	}
	.career-card-job h2 {
		text-align: left;
	}
	.post-banner-boxes-ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		/*align-items: center;*/
	}
	.post-banner-boxes-ul li .service-card {
		margin-bottom: 15px;
	}
	.slider-info {
		left: 20%;
	}
	.slider-info h1 {
		font-size: 15px;
	}
	.web-btn {
		font-size: 15px !important;
		padding: 10px 15px;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	/*corporate page*/
	.tile-section .pl-5 {
		padding-left: 0px !important;
	}
	.tile-section .pr-5 {
		padding-right: 0px !important;
	}
	.top-header-flex {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.swiper-btn {
		display: none;
	}
	a.navbar-brand-yaemco-footer {
		width: 100px;
		padding-bottom: 10px;
	}
	.top-header-flex {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	/*.cp-team-section .team-body-text*/
	/*{*/
	/*    margin-top:15px;*/
	/*}*/
}

/*
##Device = Smart Phones (Portrait and Landscape)
*/

@media (min-width: 768px) and (max-width: 1024px) {
/*.contact-map-section*/
/*{*/
/*        margin-top: 10px !important;*/
/*            margin-bottom: 25px;*/
/*}*/

    footer ul.top-header-social-ul {
    margin-right: 0;
    text-align: center;
    margin-top: 15px;
}
.navbar-brand-yaemco-footer
{
    margin-bottom:15px;
}
    .cg-adcd-icon
    {
        width:175px;
        padding-left:0px;
    }
    .cg-nfpa-icon img
    {
        width:180px;
        padding-left:0px;
    }
    .inno-second-section .inno-card-header img {
	height: 45% !important;
	width: 45% !important;
}
	.post-banner-boxes-ul li:first-child {
		text-align: left;
		margin-right: 15px;
	}
	.post-banner-boxes-ul li:last-child {
		text-align: left;
		margin-left: 15px;
	}
	.section-padtop-30 {
		padding-top: 20px !important;
	}
	.section-padbottom-30 {
		padding-bottom: 20px !important;
	}
	.section-padtop-50 {
		padding-top: 30px !important;
	}
	.section-padbottom-50 {
		padding-bottom: 30px !important;
	}
	.section-padtop-70 {
		padding-top: 40px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 40px !important;
	}
	.section-padtop-90 {
		padding-top: 50px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 50px !important;
	}
	.section-padtop-110 {
		padding-top: 70px !important;
	}
	.section-padbottom-110 {
		padding-bottom: 70px !important;
	}
	.web-h1 {
		font-size: 24px;
		line-height: 1.2;
	}
	.web-h2 {
		font-size: 21px;
	}
	.web-h3 {
		font-size: 19px;
	}
	.web-h4 {
		font-size: 17px;
		line-height: 1.5;
	}
	.web-h5 {
		font-size: 15px;
	}
	.web-h6 {
		font-size: 13px;
	}
	p {
		font-size: 13px;
	}
	.web-btn
	{
	    font-size: 13px;
	}
	.web-container {
		width: 90%;
		margin: auto;
	}
	.inno-second-section .section-padtop-110 {
		padding-top: 70px !important;
	}
	.future-section .team-body-text {
		padding-top: 15px;
	}
	/*footer ul.top-header-social-ul {*/
	/*	text-align: center;*/
	/*	align-self: flex-end !important;*/
	/*	margin: 25px 0px 25px 0px;*/
	/*}*/
	/*footer .navbar-brand-yaemco-footer img {*/
	/*	margin-bottom: 35px;*/
	/*	text-align: center;*/
	/*}*/
	.home-maintenance .section-padtop-50 {
		padding-top: 0px !important;
	}
	.cp-team-section .team-body-text {
		margin-top: 15px;
	}
	.team-img {
		-ms-flex-item-align: center !important;
		    -ms-grid-row-align: center !important;
		    align-self: center !important;
	}
	/*top header nav*/
	ul.top-header-contact-ul li a {
		font-size: 12px;
	}
	ul.top-header-contact-ul li span i {
		font-size: 17px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.swiper-btn {
		display: none;
	}
	.top-header-flex {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.card-body h2 {
		font-size: 20px;
	}
	.top-header-flex {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.card-body .web-btn {
		padding: 10px 12px;
	}
	.future-section img {
		-ms-flex-item-align: center !important;
		    -ms-grid-row-align: center !important;
		    align-self: center !important;
	}
	a.navbar-brand-yaemco-footer {
		width: 100px;
		padding-bottom: 10px;
	}
	.client-ul li {
  width: 12%;
  padding: 5px;
}
.client-ul li img.client-logo-height {
  height: 45px;
}
.client-ul li img.client-logo-height-medium{
  height: 60px;
  width: auto;
}
	/*footer ul.top-header-social-ul li a {*/
	/*	width: 25px;*/
	/*	height: 25px;*/
	/*}*/
	/*footer ul.top-header-social-ul li a i {*/
	/*	font-size: 11px;*/
	/*}*/
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .client-ul li {
    width: 16%;
    padding: 10px;
  }
  .client-ul li img.client-logo-height {
    height: 60px;
  }
  .client-ul li img.client-logo-height-medium{
    height: 60px;
    width: auto;
  }
}


/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
/*    .corporate-section h1 {*/
/*    padding-top: 70px;*/
/*}*/
/*.about-yaemco {*/
/*    margin-top: 70px;*/
/*}*/
    .cg-adcd-icon img
    {
        width:85px;
    }
    .inno-second-section .inno-card-header img {
	height: 70% !important;
	width: 70% !important;
}
   .post-banner-boxes-ul .service-card-body .web-h4 {
    font-size: 20px;
}
	.corporate-values-section .large-icons img {
		width: 90%;
		margin: auto;
	}
	.section-padtop-30 {
		padding-top: 20px !important;
	}
	.section-padbottom-30 {
		padding-bottom: 20px !important;
	}
	.section-padtop-50 {
		padding-top: 30px !important;
	}
	.section-padbottom-50 {
		padding-bottom: 30px !important;
	}
	.section-padtop-70 {
		padding-top: 40px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 40px !important;
	}
	.section-padtop-90 {
		padding-top: 50px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 50px !important;
	}
	.section-padtop-110 {
		padding-top: 70px !important;
	}
	.section-padbottom-110 {
		padding-bottom: 70px !important;
	}
	.section-padtop-innerpage {
		padding-top: 100px !important;
	}
	.row-inv {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.home-imp-img img {
		margin-bottom: 15px;
	}
	.home-services-info .section-padtop-50 {
		padding-top: 0px !important;
	}
	.quality-management-img img {
		margin-bottom: 15px;
	}
	.system-img img,
	.team-img img {
		margin-bottom: 15px;
	}
	.career .card-body h2 {
		font-size: 20px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.career .card-body p {
		font-size: 12px;
	}
	#sidebar {
		width: 300px;
		left: -350px;
	}
	ul.top-header-social-ul li {
		display: none;
	}
	.value-services-info .section-padtop-50 {
		padding-top: 15px !important;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.about-us .about-us-body-text p {
		margin-top: 15px;
	}
	/*.pc19-img
	{
		margin-bottom: 15px;
	}*/
	.large-text {
		width: 100%;
	}
	.section-padbottom-50 {
		padding-bottom: 30px;
	}
	.large-icons img,
	.second-section-icon img {
		height: 70%;
		width: 70%;
	}
	.tm-card-large-icon img {
		width: 70px;
	}
	/*top header nav*/
	ul.top-header-contact-ul li a {
		font-size: 12px;
	}
	ul.top-header-contact-ul li span i {
		font-size: 15px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.row.no-gutters.chairman-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.swiper-btn {
		display: none;
	}
	.top-header-flex {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.about-us-text-section {
		margin-left: 0px !important;
		margin-top: 15px;
	}
	.post-banner-boxes-ul li:first-child {
		width: 100%;
	}
	.post-banner-boxes-ul li {
		width: 100%;
	}
	.future-section img {
		-ms-flex-item-align: center !important;
		    -ms-grid-row-align: center !important;
		    align-self: center !important;
	}
	.post-banner-boxes-ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	/* .post-banner-boxes-ul li */
	/*{*/
	/*    width:250px;*/
	/*}*/
	.post-banner-boxes-ul li .service-card {
		width: 150px;
	}
	.service-card-header {
		height: 150px;
	}
	.client-ul li {
  width: 15%;
  padding: 5px
}
.client-ul li img.client-logo-height {
  height: 40px !important;
}
.client-ul li img.client-logo-height-medium{
  height: 60px;
  width: auto;
}
}


/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .slider-info
    {
        padding: 30px 20px !important;
    }
    .slider-info h1 {
    font-size: 16px !important;
}
    .management-card img {
		-webkit-box-align: start !important;
		    -ms-flex-align: start !important;
		        align-items: flex-start !important;
    }
    .logo-h-sm{
        height: 80px !important;
        width: auto;
    }
/*.corporate-section h1{*/
/*    padding-top: 40px;*/
/*}*/
/*.about-yaemco {*/
/*    margin-top: 40px;*/
/*}*/

    .client-ul li {
  width: 40%;
  padding: 10px
}
.trusted-clients-desktop{
  display: none;
}
.client-ul li img.client-logo-height {
  height: 30px !important;
}
	.corporate-values-card-header img {
		width: 90%;
		margin: auto;
	}
	.section-padtop-30 {
		padding-top: 20px !important;
	}
	.section-padbottom-30 {
		padding-bottom: 20px !important;
	}
	.section-padtop-50 {
		padding-top: 30px !important;
	}
	.section-padbottom-50 {
		padding-bottom: 30px !important;
	}
	.section-padtop-70 {
		padding-top: 40px !important;
	}
	.section-padbottom-70 {
		padding-bottom: 40px !important;
	}
	.section-padtop-90 {
		padding-top: 50px !important;
	}
	.section-padbottom-90 {
		padding-bottom: 50px !important;
	}
	.section-padtop-110 {
		padding-top: 70px !important;
	}
	.section-padbottom-110 {
		padding-bottom: 70px !important;
	}
	.web-h1 {
		font-size: 26px;
		line-height: 1.2;
	}
	.web-h2 {
		font-size: 22px;
	}
	.web-h3 {
		font-size: 20px;
	}
	.web-h4 {
		font-size: 18px;
		line-height: 1.5;
	}
	.web-h5 {
		font-size: 16px;
	}
	.web-h6 {
		font-size: 14px;
	}
	p {
		font-size: 14px;
	}
	.home-imp-img img {
		margin-bottom: 15px;
	}
	.home-services-info .section-padtop-50 {
		padding-top: 0px !important;
	}
	.navbar {
		height: 85px;
	}
	a.navbar-brand-yaemco {
		width: 75px;
		overflow: hidden;
	}
	.web-container {
		width: 85%;
		margin: auto;
	}
	.quality-management-img img {
		margin-bottom: 15px;
	}
	.banner-solution-sustain {
		margin-bottom: 0px;
	}
	.solution-stain-body-text {
		margin-left: 15px;
	}
	.row-inv {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	ul.top-header-social-ul li {
		display: none;
	}
	.home-maintenance .section-padtop-50 {
		padding-top: 15px !important;
	}
	.carousel-control-prev {
		left: 10px;
	}
	.carousel-control-next {
		right: 10px;
	}
	.carousel-control-next,
	.carousel-control-prev {
		height: 30px;
		width: 30px;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.value-services-info {
		margin-left: 15px;
	}
	.pc19-img {
		margin-bottom: 15px;
	}
	/*.env-manage-img*/
	/*{*/
	/*    margin-bottom:15px;*/
	/*}*/
	.large-text {
		width: 100%;
	}
	.section-padbottom-50 {
		padding-bottom: 10px;
	}
	.half-text {
		width: 100%;
	}
	.sm-medium-text {
		width: 100%;
	}
	.team-section .team-img img {
		margin-bottom: 15px;
	}
	.team-section .team-img,
	.future-section .team-img img {
		margin-bottom: 15px;
	}
	.system-section .system-section {
		padding-top: 0px;
	}
	/*corporate page*/
	.corporate-section h1 {
		padding-bottom: 10px;
	}
	.large-icons img,
	.second-section-icon img {
		height: 70%;
		width: 70%;
	}
	.tm-card-large-icon img {
		width: 90px;
	}
	/*top header nav*/
	ul.top-header-contact-ul li a {
		font-size: 12px;
	}
	ul.top-header-contact-ul li a span {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		text-align: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	ul.top-header-contact-ul li span i {
		font-size: 9px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.career-card-job h2 {
		text-align: left;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.slider-info h1 {
		font-size: 20px;
	}
	.testimonial-btn-next,
	.testimonial-btn-prev {
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 50%;
		margin: 0 5px;
	}
	.row.no-gutters.chairman-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.post-banner-boxes-ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.about-us-text-section {
		margin-left: 0 !important;
		margin-top: 15px;
	}
	.swiper-btn {
		display: none;
	}
	a.navbar-brand-yaemco-footer {
		margin-bottom: 15px;
	}
	.about-us .about-us-body-text p {
		margin-top: 15px;
	}
	.system-section {
		padding-top: 15px;
		padding-bottom: 30px !important;
	}
	.top-header-flex {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.system-section .section-padtop-110 {
		padding-top: 50px !important;
	}
	.system-section .section-padbottom-110 {
		padding-bottom: 50px !important;
	}
	
	.career-app-gap {
        padding: 30px 20px;
    }
}

@media (max-width: 320px) {
      .trusted-clients-desktop{
    display: none;
  }
    .cg-adcd-icon .large-icons img {
    height: 54px;
    width: 100px;
}
    .cg-nfpa-icon img {
    height: 540px;
    width: 100px;
}
	ul.top-header-social-ul li {
		display: none;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.pc19-img {
		margin-bottom: 15px;
	}
	.large-text {
		width: 100%;
	}
	.section-padbottom-50 {
		padding-bottom: 10px;
	}
	.half-text {
		width: 100%;
	}
	.large-icons img {
		height: 70%;
		width: 70%;
	}
	.tm-card-large-icon img {
		width: 90px;
	}
	.system-section {
		padding-top: 15px;
		padding-bottom: 30px !important;
	}
	/*top header nav*/
	ul.top-header-contact-ul li a {
		font-size: 10px;
	}
	ul.top-header-contact-ul li span i {
		font-size: 10px;
		line-height: 1.5px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	ul.top-header-contact-ul li a span {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		/*display: inline-block;*/
		/*border: 2px solid #deb25c;*/
		text-align: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.career-card-job h2 {
		text-align: left;
	}
	.about-us-text-section {
		margin-left: 0;
	}
	.row.no-gutters.chairman-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.top-header-flex {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
		.section-padtop-70 {
		padding-top: 40px !important;
	}
}

/*@media (min-width: 1024px) {*/

/*	.web-btn-toggle {*/
	    
/*	      transform: translateX(100%);*/

	    
        /*transform: translateX(100%);*/
/*overflow:hidden;*/


/*		display: none !important;*/
/*		overflow:hidden;*/
/*	}*/
/*	.home-maintenance .section-padtop-50 {*/
/*		padding-top: 30px !important;*/
/*	}*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    .web-btn-toggle {*/
          /*display:contents;*/
/*        overflow:hidden;*/
/*    }*/
/*	.navbar-desktop,*/
/*	.d-none-mob {*/
/*		display: none;*/
/*	}*/
/*}*/


@media (min-width: 1024px){
.web-btn-toggle{
  display: none !important;
  }
  .home-maintenance .section-padtop-50 {
		padding-top: 30px !important;
	}
}


@media (max-width: 1025px){
  .navbar-desktop, .d-none-mob{
    display: none;
    }
    .web-btn-toggle{
  display: inline-block !important;
  }
    
  }


/* added by amna arshad*/

bold-paragraph {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 17px;
}

.banner-margin {
	margin-top: 100px;
}

.banner-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	position: relative;
}

.banner-item-info {
	color: #fff;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-shadow: 2px 2px 8px #000000;
}

.banner-item-info {
	text-align: center;
}
/*why yaemco page*/

.banner-why-yaemco {
	background-image: url('https://cdn.pixabay.com/photo/2017/08/01/00/23/panel-2562239_960_720.jpg');
	background-size: cover;
}

/*leadership page*/

.banner-leadership {
	background-image: url('https://cdn.pixabay.com/photo/2020/01/22/13/04/businessman-4785283_960_720.jpg');
	background-size: cover;
}

/*Client portfolio page*/

.banner-client-portfolio {
	background-image: url('../images/client-portfolio/Client-Portfolio-page.jpg');
	background-size: cover;
}


/*Asset Management banner*/

.banner-asset-management {
	background-image: url('../images/solutions-services/Asset-Management.jpg');
	background-size: cover;
}

.banner-home-improvement {
	background-image: url('../images/solutions-services/home-improvements/Home-Improvements-banner.jpg');
	background-size: cover;
}

.banner-value-services {
	background-image: url('../images/solutions-services/value-added-services/Value-Added-Services-banner.jpg');
	background-size: cover;
}

.banner-hard-fm-services {
	background-image: url('../images/solutions-services/fm-services/hard-fm-Services-banner.jpg');
	background-size: cover;
}

.banner-soft-fm-services {
	background-image: url('../images/solutions-services/soft-fm-service/soft-fm-services-banner.jpg');
	background-size: cover;
}

.banner-solution-sustain {
	background-image: url('../images/solutions-services/sustainbility-solution/Sustainability-Solutions-banner.jpg');
	background-size: cover;
}

.banner-specialized-services {
	background-image: url('../images/solutions-services/specialized-services/specialized-service-banner.png');
	background-size: cover;
}

.banner-energy-management {
	background-image: url('../images/solutions-services/energy-management/energy-management-banner.jpg');
	background-size: cover;
}

.banner-ifacility-management {
	background-image: url('../images/solutions-services/integrated-facilities/integrated-facilities-management-banner.jpg');
	background-size: cover;
}

.banner-home-maintenance {
	background-image: url('../images/solutions-services/home-maintenance/home-maintenance-banner.jpg');
	background-size: cover;
}

.banner-about-us {
	background-image: url('../images/who-we-are/about-us/about-us-banner.jpg');
	background-size: cover;
}

.banner-team {
	background-image: url('../images/who-we-are/our-team/Our-team-banner.jpg');
	background-size: cover;
}

.banner-company-glance {
	background-image: url('../images/who-we-are/company-glance/company-at-a-glance-banner.png');
	background-size: cover;
}

.banner-corporate-values {
	background-image: url('../images/who-we-are/corporate-values/corporate-values-banner.png');
}

.banner-employee-engagement {
	background-image: url('../images/excellence-delivered/employee-engagement/employee-engagement-banner.jpg');
	background-size: cover;
}

.banner-qm {
	background-image: url('../images/excellence-delivered/quality-management/banner.jpg');
	background-size: cover;
}

.banner-td {
	background-image: url('../images/excellence-delivered/training-development/banner.jpg');
	background-size: cover;
}
.banner-solu {
	background-image: url('../images/excellence-delivered/training-development/solution.jpg');
	background-size: cover;
}
.banner-pcovide {
	background-image: url('../images/excellence-delivered/post-covid-era/post-covid-era.jpg');
	background-size: cover;
}

.banner-environ-management {
	background-image: url('../images/excellence-delivered/environmental-management.jpg/banner.jpg');
	background-size: cover;
}

.banner-acc-award {
	background-image: url('../images/excellence-delivered/accreditation-awards/banner.jpg');
	background-size: cover;
}

.banner-contact {
	background-image: url('../images/contact/banner.jpg');
	background-size: cover;
}

/*.banner-innovation {*/
/*	background-image: url('../images/innovation/banner.jpg');*/
/*	background-size: cover;*/
/*}*/
.banner-innovation {
	background-image: url('../images/innovation/banner.jpg');
	background-size: cover;
}

.banner-career {
	background-image: url('../images/career/banner.jpg');
	background-size: cover;
}


/*================================== banners end============================*/

.banner-text {
	color: white;
	text-shadow: 1px 1px 1px #000000;
}


/*================================== banners end============================*/

.portfolio-img-section {
	border: 1px solid #a5a6a6;
}

.portfolio-img-section img {
	width: 100%;
	height: 100%;
	border-bottom: 4px solid #4d4d4d;
}


/*.portfolio-img-section .img-bottom {*/


/*    padding: 10px;*/


/*    background: #fff;*/


/*    border-bottom: 4px solid #4d4d4d;*/


/*}*/


/*home improvements*/

.home-imp-img {
	height: 100%;
	width: 100%;
}


/*integrated managemnet facilities*/

.ifac-management-body-text {
	padding-left: 15px;
}

.ifac-management-body-text ul li {
	line-height: normal;
}


/*Energy Management*/

.energy-management .title {
	line-height: normal;
}


/*Our company glance*/

.company-glance-info {
	line-height: 1.5rem;
}

.growth-dynamic .icon {
	padding-bottom: 1rem;
}


/* contact us page */

.contact .form-row {
	font-size: 15px;
	/*font-weight: bold;*/
	color: #646464;
		font-family: 'ProximaNovaBold';
}

.contact .form-row input, .contact select#exampleFormControlSelect1,
.contact .form-row textarea {
	border: 2px solid #a6a6a6;
	padding: 15px;
	font-family: 'ProximaNovaBold';
}
.contact-submit-button {
	color: #36546a;
	font-size: 15px;
	border-radius: 7px;
	font-family: 'ProximaNovaBold';
}

.contact #inputNumber,
#exampleDataList {
	font-size: 15px;
}

.contact-map {
	margin-top: 0px;
	background-color: #deb25c;
		
}
.contact-map ul li
{
    font-family: 'ProximaNova' !important;
}
.dropdown-menu a.dropdown-item {
	padding: 3px 15px !important;
	font-size: 14px;
	text-transform: capitalize;
	color: #36546a;
	font-family: 'ProximaNovaBold';
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
	position: relative;
}

.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus {
	color: #deb25c;
	background-color: #f1f2f2;
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.web-ul-typo li {
	font-size: 15px;
	    font-family: 'ProximaNova';
}


/*career*/

.web-btn-outline-gold {
	background: transparent;
	border: 2px solid #d9ae5a;
	color: #36546a !important;
	border-radius: 8px !important;
}

.web-btn-outline-gold:hover {
	background: #36546a;
	color: #fff !important;
}

.about-us-text-section {
	margin-left: 65px;
}

.large-icon,
.tm-card-large-icon img {
	height: 30%;
}

ca .web-btn-outline-gold:focus {
	color: #fff !important;
	background: #d9ae5a;
}


/*Specialized Services*/

.speciali.corporate-values-card,
.yaemco-card {
	padding-bottom: 15px;
	margin: auto;
}

.corporate-values-card img,
.yaemco-card img {
	margin-bottom: 15px;
}

.inno-second-section .inno-card-header img {
	height: 70%;
	width: 70%;
}

.inno-body p {
	padding-top: 15px;
}


/*icons hover filter */

.corporate-values-card-header img:hover,
.yaemco-card-header img:hover,
.management-card img:hover,
.specialized-service-card-header img:hover,
.inno-card-header img:hover,
.second-section-icon img:hover,
.tm-card img:hover,
.specialized-services-icon img:hover,
.soft-service-card-header img:hover,
.hard-service-card-header img:hover {
	-webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(48%) saturate(4572%) hue-rotate(312deg) brightness(90%) contrast(87%);
	        filter: brightness(0) saturate(100%) invert(92%) sepia(48%) saturate(4572%) hue-rotate(312deg) brightness(90%) contrast(87%);
	-webkit-transition: ease-in .2s;
	-o-transition: ease-in .2s;
	transition: ease-in .2s;
}

.career-card-job h2 {
	text-align: center;
}
.logo-h{
  height: 70px;
  width:auto;
}

.logo-h-sm{
  height: 100px !important;
  width:auto;
}



/*Client Logos*/

.client-ul{
  list-style: none;
  display: block;
  text-align: left;
}

.client-ul li{
  display: inline-block;
  vertical-align: middle;
  width: 14%;
  margin: 10px;
  padding: 5px 10px;
}
.client-ul li img{
  width: 100%;
}

.client-ul li img.client-logo-height{
  height: 50px;
  width: auto;
}
.client-ul li img.client-logo-height-medium{
  height: 90px;
  width: auto;
}
/*map*/
div#map {
    width: 100%;
    height: 310px !important;
    overflow:hidden;
}
ul
{
        font-family: 'ProximaNova';
}
.gmnoprint .gm-style-mtc button
{
    font-family: 'ProximaNova' !important;
    color: #333333 !important;
}
.gmnoprint .gm-style-mtc button:hover
{
    color: #deb25c !important;
}
.career-app-gap{
    padding: 50px;
}
.career-app{
    border-radius: 5px;
    overflow:hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
}
.jd ul.jd-info li {
    display: inline-block;
    margin-right: 20px;
}
.career-job label
{
font-family: 'ProximaNovaBold';
    
}
.career-job .form-control
{
    border: 2px solid #a6a6a6;
    padding: 15px;
    font-family: 'ProximaNovaBold';
    background: #fff;
}
.career-job input#file {
    top: 0 !important;
    padding-top: 10px !important;
}

/*<!--grey scale-->*/

.portfolio-img-section img{
            filter:grayscale(100%);
            transition:.2s ease-in-out;
        }
      
.portfolio-img-section img:hover{     
            filter:grayscale(0%);
        }
.img-bottom img:hover{
      border-bottom:4px solid #d9ae5a;
}