@charset "utf-8";

/* CSS Document */

body {

	height: 100%;

	background: #fff;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

}

a {

	text-decoration: none;

}



.overlapbg {

	width: 100%;

	height: 100%;

	background: #fff;

	position: fixed;

	z-index: 1;

	opacity: 0.5;

}

.topbanner {

	background: #2147b2;

	border-bottom: 4px solid #fff;

	position: relative;

	z-index: 9;

	min-height: 100px;

}

.topcompanybanner {

	width: 100%;

}

.topcompanylogo {

	width: 95%;

	margin: 50px 0 75px;

}

.maindivarea {

	z-index: 9;

}

.topsection {

	margin-top: -80px;

}

.footerbg {

	background: #2147b2;

	padding: 20px 0 70px;

	z-index: 9;

}

.footerbglogoimg {

	width: 200px;

}

.footertext {

	font-family: "Montserrat";

	font-size: 13px;

	color: #fff;

	padding: 0 10px;

}

.footertext a {

	font-family: "Montserrat";

	font-size: 13px;

	color: #fff;

}





/* Client Picture Name Style */



.topimagearea {

	min-height: 140px;

}

.clientpic {

	width: 140px;

	height: 140px;

	padding: 0;

	border: 5px solid #fff;

	border-radius: 100%;

	float: right;

	margin: 0 10px 0 0;

}

.clientname {

	font-family: "Montserrat";

	font-size: 25px;

	color: #000000;

	font-weight: 700;

	text-align: left;

}

.clienttitle {

	font-family: "Montserrat";

	font-size: 16px;

	color: #1d1d1d;

	font-weight: 500;

	text-align: left;

	margin-top: -18px;

	width: auto;

	float: left;

}

.clienttitledivider {

	font-family: "Montserrat";

	font-size: 16px;

	color: #1d1d1d;

	font-weight: 500;

	text-align: left;

	margin-top: -18px;

	width: auto;

	float: left;

	padding: 0;

}

.topsectionindustry {

	margin-top: -40px;

}

.topsectioncompanyname {

	font-family: "Montserrat";

	font-size: 22px;

	color: #000000;

	font-weight: 600;

	text-align: left;

	line-height: 20px;

}



/* Top Menu Style */

.topsectioncontactarea {

	display: table;

	width: 100%;

	padding: 10px;

}

.topseciconarea {

	width: 40px;

	border-radius: 50%;

	display: table-cell;

	vertical-align: middle;

}

.topsectextarea {

	width: 300px;

	display: table-cell;

	vertical-align: middle;

	padding: 0 0 0 15px;

}

.topmenuicon {

	width: 40px;

	height: 40px;

	background: #2147b2;

	text-align: center;

	padding-top: 9px;

}

.topmenuicon i {

	color: #fff;

	font-size: 20px;

}

.topmenubutton:hover {

	color: #c47940;

}

.topmenutext {

	font-family: "Montserrat";

	font-size: 16px;

	color: #4c4c4c;

	font-weight: 600;

	margin-right: 5px;

}

.topmenutext>a {

	font-family: "Montserrat";

	font-size: 16px;

	color: #4c4c4c;

	font-weight: 600;

	margin-right: 5px;

	text-decoration: none;

}

.topmenutext>a:hover {

	text-decoration: underline;

}

.topmenulevel {

	font-family: "Montserrat";

	font-size: 15px;

	/*color: #8f8f8f;*/
	color: #333333;

	font-weight: 500;

	margin-top: -5px;

}

/* Button Style */



.gradientbutton {

	width: 100%;

	background: #2147b2;

	border-radius: 50px;

	padding: 10px 0 10px 10px;

	font-family: "Montserrat";

	text-transform: uppercase;

	font-size: 17px;

	color: #fff;

	font-weight: 600;

	text-decoration: none;

	text-align: left;

}

.gradientbutton:hover {

	color: #fff;

}

.gradientbuttonicon {

	width: 40px;

	fill: #fff;

	font-size: 20px;

	margin-right: 15px;

}











/* Accordian Style */

.accordionheadingsty {

	width: 100%;

	background: linear-gradient(-180deg, rgba(9, 190, 115, 10), rgba(7, 136, 83, 10) 100%);

	font-family: "Montserrat";

	text-transform: uppercase;

	font-size: 17px;

	color: #fff;

	font-weight: 600;

	text-decoration: none;

	border-radius: 50px;

	border: none;

	text-align: left;

	padding: 10px 0 10px 15px;

}

.accordionheadingsty:hover {

	color: #fff;

	border: none;

}

.accordionbuttonicon {

	width: 40px;

	fill: #fff;

	font-size: 20px;

	margin-right: 15px;

}

.accordionbuttonicon2 {

	width: 40px;

	fill: #fff;

	font-size: 20px;

	margin-right: 15px;

}

.accordianul {

	padding: 0;

	margin: 0;

}

.accordianlist {

	background: #dfdfdf;

	padding: 10px 3px;

	text-align: center;

	margin: 15px 0 0 0;

	font-family: "Montserrat";

	text-transform: uppercase;

	font-size: 16px;

	font-weight: bold;

	color: #1F1F1F;

	list-style: none;

	border-radius: 50px;

	text-decoration: none;

}

.accordionheadingsty2 {

	width: 100%;

	background: #2147b2;

	font-family: "Montserrat";

	text-transform: uppercase;

	font-size: 17px;

	color: #fff;

	font-weight: 600;

	text-decoration: none;

	border-radius: 50px;

	border: none;

	text-align: left;

	padding: 10px 0 10px 15px;

}

.accordionheadingsty2:hover {

	color: #fff;

	border: none;

}



/* Product Style */

.productbox {

	width: 100%;

	background: #fff;

	margin-bottom: 10px;

	padding: 3px;

}

.productbox img {

	width: 100%;

}

.producttitle {

	font-family: "Montserrat";

	font-size: 14px;

	color: #282828;

	text-align: center;

	padding: 5px 0;

	margin: 0;

}



/* Contact Style */

.contactbg {

	background-color: transparent;

}

.contactsolidbg {

	/* 	background: #e4e4e4; */

}

.infobox {

	border-bottom: 1px solid #fff;

	padding: 15px;

}

.lastinfobox {

	border: none;

	padding: 15px;

}

.infoboxicon {

	font-size: 18px;

	color: #000;

}

.infoboxheading {

	font-family: "Montserrat";

	font-size: 18px;

	color: #2d2d2d;

	font-weight: bold;

}

.infoboxheading2 {

	font-family: "Montserrat";

	font-size: 18px;

	color: #000;

	font-weight: bold;

}

.infoboxtext {

	font-family: "Montserrat";

	font-size: 15px;

	color: #4c4c4c;

	font-weight: 600;

	margin-right: 5px;

}

.infoboxtext>a {

	font-family: "Montserrat";

	font-size: 15px;

	color: #4c4c4c;

	font-weight: 600;

	margin-right: 5px;

	text-decoration: none;

}

.infoboxlevel {

	font-family: "Montserrat";

	font-size: 14px;

	color: #8f8f8f;

	font-weight: 500;

}

.infolist {

	margin-bottom: 3px;

}



/* Social and Review Style */

.socialli {

	background-color: transparent;

	padding: 20px 20px 0;

	display: inline-block;

}

.socialicon {

	width: 50px;

}



/* BAbber Area Style */

.bannerarea {

	background: #fff;

}

.bannerarea img {

	width: 100%;

}

.videoarea {

	background: #fff;

}







/* Popup Style */

.popupstyle {

	margin-top: 150px;

}

.popupheaderstyle {

	background: #e8e8e8;

}

.popupheadtitle {

	font-family: "Montserrat";

	font-size: 20px;

	color: #0E0E0E;

	font-weight: 600;

	text-transform: uppercase;

	width: 100%;

}

.popuptopclosebtn {

	display: none;

}

.popuplowerclosebtn {

	font-family: "Montserrat";

	font-size: 16px;

	color: #0E0E0E;

	font-weight: 600;

	background: #dedddd;

	border-radius: 50px;

}

.popupbtn {

	width: 100%;

	background: #efeeee;

	font-family: "Montserrat";

	font-size: 15px;

	color: #0E0E0E;

	font-weight: 500;

	border-radius: 5px;

}

.qrcodestyle {

	width: 200px;

}

.popheading {

	font-family: "Montserrat";

	font-size: 18px;

	color: #0E0E0E;

	font-weight: 600;

}

.popuptext {

	font-family: "Montserrat";

	font-size: 16px;

	color: #0E0E0E;

	font-weight: 400;

}

.gallerypopheading {

	font-family: "Montserrat";

	font-size: 18px;

	color: #0E0E0E;

	font-weight: 600;

}

.gallerypopdescription {

	font-family: "Montserrat";

	font-size: 14px;

	color: #0E0E0E;

	font-weight: 500;

}





/* paragraph more and less */

a.morelink {

	text-decoration: none;

	outline: none;

}

.morecontent span {

	display: none;



}



.lb-image {

	object-fit: contain
}



/* Abdul From Control */

/*.form-control{

	background-color: #eeeeee;

	border-color: transparent;

}*/