@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?10si43');
  src:  url('fonts/icomoon.eot?10si43#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?10si43') format('truetype'),
    url('fonts/icomoon.woff?10si43') format('woff'),
    url('fonts/icomoon.svg?10si43#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






/*-------common style start-------*/
html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
h1,h2,h3,h4,h5,h6,li,ul,p,a,span{
	margin:0px;
	padding:0px;
}
a{
	text-decoration: none;
}
span{
	display: inline-block;
}
a{
	display: inline-block;
	text-decoration-style: none;
}
li{
	list-style-type: none;
}
button{
	border:none;
}
body{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}
.left{
	float: left;
}
.right{
	float:right;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.maincontainer{
	width:100%;
	height:100%;
	padding-top: 151px;
}
.middlecontainer{
	width:1196px;
	margin:0 auto;
}
.banner-image{
	width: 100%;
	min-height: 370px;
	position: relative;
}
.innerpages{
	    padding: 60px 0;
}
.innerpages section{
	margin-bottom: 60px;
}
table{
	  width: 100%;
    border: 1px solid #f3f3f3;
    border-collapse: collapse;
    margin-top: 5px;
}
table tr td{
	 border: 1px solid #f3f3f3;
	 padding: 15px;
}
/*-------common style end-------*/


/*-------header style start-------*/
.logo{
  width: 225px;
  height: 60px;
  margin: 25px 0px 23px;
  cursor: pointer;
}
.contacting{
	font-size:14px;
	color:#2b6fae;
	display: block;
}
.contact-icon{
	padding:0px 10px 0px 0px;	
}
.contact{
	padding:36px 0px 36px 90px;
}
.sidespace{
	padding-left:0px;
}
.text-color{
	color:#a19e9e;
	font-size:12px;
	margin-bottom: 5px;
}
.menulist.productmenu{
	position: relative;
}
.menulist.productmenu:hover{
	cursor: default;
}
.menulist.productmenu:hover .submenu{
	display: block;
}
.submenu{
		position: absolute;
    left: 0;
    top: 39px;
    width: 400px;
    background: #255e92;
    display: none;
}
.menulist.productmenu .submenu li{
	width: 100%;
	float: none;
}
.mainmenu{
	margin:0px;
}
.submenu li{
	width:133px;
	position: relative;
}
.submenu li a{
	color:#000;
	padding:10px 15px;
	margin:0px;
}
.icon-send:before{
  content: "\f1d8";
  color:#3072af;
  font-size: 26px;

}
.icon-phone{
  color:#3072af;
  font-size: 31px;
}
.icon-phone:before {
  content: "\f095";
}
.icon-room{
	font-size: 34px;
  	color:#3072af;
}
.icon-room:before {
  content: "\e8b4";
}
.menu-part{
	position: relative;
	padding: 0px 465px 0px 0px;
	background-color: #3072af; 
}
.menu-part::after{
	width:360%;
	position: absolute;
	top:0;
	bottom: 0;
	content: '';
	right:100%;
	background-color: #3072af;
}

.menulist{
	display: inline-block;
}
.menulist a{ 
	display: block;
	color:#e3eaf4;
	font-weight: 500;
	font-size: 14px;
	padding:12px 15px 13px;
}
.menulist a:hover{
	color:#fff;
	text-decoration: none;
	background-color: #12599b;
}
.icon-heart:before {
  content: "\f004";
  font-size: 16px;
  padding-right: 10px;
}
.donatenowtext{
	vertical-align: middle;
}
.donatenow-button{
	position: relative;
	color:#fff;
	background-color: #4e9b57;
	padding:12px 10px 12px 66px ;
}
.donatenow-button::after{
	position: absolute;
    top: -1px;
    bottom: -1px;
    left: -30px;
    width: 50px;
    background: #4e9b57;
    -webkit-transform: skewX(-35deg);
    content: '';
}
.donatenow-button:hover{
	color:#fff;
	text-decoration: none;
}
/*........menu part style start.............*/
/* line 210, ../compass/sass/style.scss */
.menu-part {
  width: 100%;
  background-color: #23A044;
  position: relative;
}
/* line 214, ../compass/sass/style.scss */
.menu-part .container {
  width: 1220px;
  margin: 0 auto;
  padding: 0;
  background-color: #3072AF;
  position: relative;
}
/* line 219, ../compass/sass/style.scss */
.menu-part .container:after {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  content: '';
  width: 360%;
  background-color: #3072AF;
}
/* line 229, ../compass/sass/style.scss */
.menu-part .container .menu .menu-left {
  background-color: #3072AF;
}
/* line 234, ../compass/sass/style.scss */
.menu-part .container .menu .menu-left ul li {
  float: left;
  list-style: none;
}
/* line 237, ../compass/sass/style.scss */
.menu-part .container .menu .menu-left ul li a {
  text-decoration: none;
  font-size: 14px;
  color: white;
  padding: 11px 20px;
}
/* line 242, ../compass/sass/style.scss */
.menu-part .container .menu .menu-left ul li a:hover, 
.menu-part .container .menu .menu-left ul li a:focus, 
.menu-part .container .menu .menu-left ul li:hover {
  cursor: pointer;
  background-color: #255e92;
}
.menu-part .container .menu .menu-left ul.mainmenu li ul.submenu li:hover a{ 
	background-color: #21507b;
}
/* line 252, ../compass/sass/style.scss */
.menu-part .container .menu .menu-right {
  margin-right: 0px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  background: #23A044;
  padding: 10px;
  border-radius: 0;
  position: relative;
  display: inline-block;
  width: 250px;
  z-index: 0;
  text-align: center;
  border: 1px solid transparent;
  letter-spacing: 2px;
}
/* line 266, ../compass/sass/style.scss */
.menu-part .container .menu .menu-right:before {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -30px;
  width: 100px;
  background: #23A044;
  -ms-transform: skewX(-35deg);
  transform: skewX(-35deg);
  z-index: -1;
  content: '';
}
/* line 279, ../compass/sass/style.scss */
.menu-part .container .menu .menu-right ul li {
  list-style: none;
}
/* line 281, ../compass/sass/style.scss */
.menu-part .container .menu .menu-right ul li a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  margin-left: 110px;
}
/* line 286, ../compass/sass/style.scss */
.menu-part .container .menu .menu-right ul li a:hover {
  color: #82DECF;
  cursor: pointer;
}

/*........menu part style end.............*/
.contact .contact-icon i{
		margin-top: 7px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-bottom;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
}
/*-------header style end---------*/

/*-------slider style start-------*/
.slidercontainer{
	
}
.carousel-control:hover{
	text-decoration: none;
}
/*-------slider style end---------*/



/*---------partnercontainer style start----------*/
.partnercontent{
	text-align: center;
	background: #000;
  padding: 60px 0;
  color: #fff;
}
.partnerheading{
	padding:0;
	font-size: 40px;
  font-weight: 400;
}
.veekka-subtext{
		color: #969696;
    font-size: 15px;
    padding: 5px 0 25px;
}
.partnertext{
  font-size: 17px;
  line-height: 30px;
  display: inline-block;
  max-width: 471px;
}
.ourtesting{
	margin: 110px 0px;
}
.testingbox{
	width:365px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.testingboximg{
	width:365px;
	height:215px;
}
.testingheading{
	margin:35px 0px 17px;
	font-weight: 500;
    font-size: 21px;
    color:#3072af;
}
.inbetweenspace{
	margin-right: 46px;
}
.testingbox p{
	width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 17px;
}
.readmorebtn{
	padding: 10px 16px;
  line-height: 18px;
	border-radius: 4px;
	background-color:#4e9b57;
	border:1px solid #4e9b57;
}
.readmorebtn:hover{
	color: #fff;
	background-color:#43864b;
}
.readmorebtn:hover .readmoretext, 
.readmorebtn:hover .icon-chevron-right:before{
	color:#fff;
}
.readmoretext{
	font-size: 14px;
	vertical-align: middle;
	color:#fff;
}
.icon-chevron-right:before{
	content: "\f054";
	margin:0px 0px 0px 5px;
	vertical-align: middle;
	color:#fff;
}
.icon-chevron-right{
		vertical-align: middle;
}
/*---------partnercontainer style end----------*/



/*---------benefitcontainer style start----------*/
.benefitone{
	margin:90px 0px;
	box-sizing: border-box;
}
.benefittwo{
	margin-bottom: 90px;
}
.benefitthree{
	padding-right: 60px;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.benefitcontent{
	padding-top:8px;
	width: calc(100% - 700px);
}
.benefitcontent h5{
	font-size: 15px;
    font-weight: bold;
    color: #1e3141;
}
.benefitcontent h2{
	font-size: 35px;
    line-height: 46px;
    color: #0f2435;
    margin-bottom: 15px;
}
.benefit-inbetween-space{
	margin-left:46px;
}
.benefitcontent .subcontent{
	font-size: 15px;
  line-height: 35px;
	color: #000;
	margin-bottom: 23px;
	width: 468px;
}
.mainproductimg{
	width:650px;
	height: 413px;
}
.emptyspaceone{
	width:50px;
	height:5px;
	border-radius: 8px;
}
.emptyspacetwo{
	width:25px;
	height:5px;
	border-radius: 8px;
}
.emptyspacethree{
	width:15px;
	height:5px;
	border-radius: 8px;
}
.benefitonecolor{
	background-color:#f096b4;
}
.benefittwocolor{
	background-color: #7aa7f5;
}
.benefitthreecolor{
	background-color: #7dd6bc;
}
.benefitoneimage{
	width:650px;
	height:413px;
	float: right;
	background-color: #f2f1fe;
	border-radius: 5px;
	position: relative;
}
.benefittwoimage{
	width:650px;
	height:413px;
	background-color: #e9fdf2;
	border-radius: 5px;
	position: relative;
}
.benefitthreeimage{
	width:477px;
	height:413px;
	background-color: #e5efff;
	border-radius: 5px;
	position: relative;
}
.subheading{
	font-size: 18px;
	margin:35px 0px 10px;
}
.subheadingonecolor{
	color:#6356dc;
}
.subheadingtwocolor{
	color:#43c87f;
}
.subheadingthreecolor{
	color:#3e7edc;
}
/*---------benefitcontainer style end----------*/

/*-------footer style start-------*/
.footer{
	padding: 40px 0px 27px;
	background-color: #0f2435;
}
.footertop{
	height:181px;
	text-align: center;
}
.footercol{
	box-sizing: border-box;
}
.footercol a{
    font-size: 14px;
    color: #888f97;
    margin-bottom: 25px;
    display: block;
    text-align: left;

}
.footer a:hover{
	color:#ccc;
	text-decoration: none;
}
.footercol h4{
	color:#d5d6d7;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 28px;
}
.footercol p{
	font-size:14px; 
	color:#888f97;
}
.productscol2{
	margin:0px 66px;
}
.secondcol{
	text-align: left;
	margin-right: 0px;
	display: inline-block;
}
.secondcol a:hover{
	color:#ccc;
}
.fourthcol{
	text-align: left;
    width: 162px;
}
.footerrow{
	margin-top: 23px;
}
.fourthcol .gmail:hover{
	color:#80ded0;
	text-decoration: underline;
}
.footercol a.gmail{
	color:#55bdb3;
	font-size: 16px;
	margin-top: 10px;
}
.footerlist .yellow{
	color:#e4b345;
}
.footerlist .yellow:hover{
	color:#e4b345;
}
.footerlist .green{
	color:#49a29d;
}
.footerlist .green:hover{
	color:#49a29d;
}
.footerlist .pink{
	color:#f887ad;
	margin-bottom: 48px;
}
.footerlist .pink:hover{
	color:#f887ad;
	margin-bottom: 48px;
}
.bottomone h3{
	display: inline-block;
}
.footerbottom{
	padding-top: 20px;
}
.username{
	display: inline-block;
	font-size: 14px;
	color:#888f97;
	margin-left: 15px;
}
.footerwebname{
	color:#fff;
}
.bottomtwo ul li a{
	font-size:14px; 
	color:#888f97;
	margin-left: 21px;
}
/*---------footer style end----------*/


/*---------About us style start----------*/
.innerpages h2{
    padding: 0px 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #a19e9e;
}
.page-content{
    line-height: 30px;
}
.banner-image.about-image{
	background: url(images/about-image.jpeg);
	background-size: cover;
}
.page-tittle{
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    box-sizing: border-box;
}
.about-page section p{
	margin-bottom: 20px;
}
.about-page table{
	max-width: 700px;
}
.about-page table tr td:last-child{
	  background-color: #f9fdff;
    font-weight: 600;
    width: 75%;
}
/*---------About us style end----------*/


/*--------- Product style start----------*/
.banner-image.pmi-image{
	background: url(images/pmi.jpeg);
	background-size: cover;
	background-position: 0;
}
.banner-image.oes-image{
		background: url(img/043.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.ferrite-image{
		background: url(img/046.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.hard-image{
		background: url(img/047.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.ultra-image{
		background: url(img/048.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.magnetic-image{
		background: url(img/044.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.visual-image{
		background: url(img/050.jpg);
		background-size: cover;
		background-position: 0;
}
.banner-image.dye-image{
		background: url(img/Dye-Penetrant-Testing.jpg);
		background-size: cover;
		background-position: 0;
}


.contact-image{
	background: url(images/contact.jpeg);
	background-size: cover;
	background-position: 0;
}
.product-page section.left{
	width: 60%;
	padding-right: 35px;
  box-sizing: border-box;
}
.product-page section.right{
	width: 40%;
}
.product-page section p{
	margin-bottom: 20px;
}
.image-list{
	  margin-top: 38px;
}
.image-list li{
	padding: 10px;
	width: 50%;
	box-sizing: border-box;
}
.image-list li img{
		width: 100%;
    border: 1px solid #dadada;
    height: 180px;
    padding: 5px;
    border-radius: 6px;
    box-sizing: border-box;
}
.top-space-60{
	margin-top: 60px;
}
.product-page.hardnes-page section.left{
 	width: 75%;
}
.product-page.hardnes-page section.right {
    width: 25%;
}
.product-page.hardnes-page section.right .image-list li{
	width: 100%;
}
.product-page.hardnes-page section.right .image-list li img{
	height: auto;
}
.our-stategy ul {
	margin-left: 50px;
	margin-top: 25px;
}
.our-stategy ul li{
	list-style: circle;
	padding: 10px;
}
.our-stategy .subtext{
	margin-bottom: 15px;
}
.image-list li.pmi-big-img{
	float: none;
   width: 100%;
}
.image-list li.pmi-big-img img{
	height: 400px;
}
/*--------- Product style end----------*/

/*--------- contact style start----------*/
.contactbox{
	  padding: 30px 0px 15px 30px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 1px 2px 12px 2px #f0f0f0;
    border-radius: 13px;
    width: calc(50% - 10px);
    margin-right: 10px;
}
.contactbox .icon-phone{
	font-size: 27px;
}
.contactbox a{
	margin:7px 5px 16px 0px;
	font-weight: 600;
	display: inline-block;
}
.contactboxbottomspace{
	margin-bottom: 10px;
}
.icon-mail_outline:before {
  content: "\e0e1";
  color:#3072af;
  font-size: 23px;
}
.iconphonecircle{
	  margin-right: 17px;
    padding: 9px 10px;
    border-radius: 50%;
    border: 2px solid #3072af;
    width: 45px;
    height: 45px;
    box-sizing: border-box
}
.iconemailcircle{
	  margin-right: 17px;
    padding: 8px 9px;
    border-radius: 50%;
    border: 2px solid #3072af;
    width: 45px;
    height: 45px;
    box-sizing: border-box;
}
.contact-details{
	font-size: 17px;
	font-weight: 800;
	color:#23A044;
	display: block;
}
.contactphone{
	display: block;
  color: #a19e9e;
  font-size: 14px;
  margin-top: 2px;
}
.contact-page{
	padding:15px;
}
.addressbox{
	box-sizing: border-box;
	background-color: #fff;
}
.addressbox .address-details{
  box-sizing: border-box;
  margin-bottom: 15px;
}
.branch-details{
	padding: 30px;
}
.addressicon{
	    margin-right: 15px;
}
.addressbox h3{
	margin-bottom: 10px;
	color: #a19e9e;
	font-weight: 400;
}
.addressbox p{
		display: inline-block;
    line-height: 40px;
    font-size: 16px;
    width: calc(100% - 88px);
}
.address-bottom-space{
	margin-bottom: 15px;
}
.addressicon .icon-room, 
.addressicon .icon-home{
    margin-top: 9px;
    display: block;
    font-size: 45px;
}
.icon-home:before {
  content: "\f015";
  color:#3072af;
}
.branchlist{
		float: left;
    padding: 0px 20px;
    border: 1px solid #f3f3f3;
    margin: 11px 15px 10px;
    border-radius: 5px;
    background: #f3f3f3;
    font-weight: bold;
}
.branchmenulist{
	line-height: 40px;
}
.locationbox .contactbox{
	width: 100%;
	padding: 30px;
}
/*--------- contact style end----------*/
.page-content ul {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;

}
.page-content ul li{
	    border-bottom: 1px solid #f3f3f3;
    padding: 10px 25px;
}
.page-content ul li:last-child{
	border-bottom: none;
}



/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}