@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,input{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;letter-spacing:0.4px;font-family: 'Saira Semi Condensed', sans-serif;}

.container-fluid{width:100%;margin:0 auto;max-width:1900px;}
.fixed-header{width:100%;float:left;z-index:100;background:#fff;border-bottom:1px solid #eee;}
.container{width:90%;margin:0 5%;}
.fixed{position:fixed;top:0px;left:0px;}

.fixed-log{width:400px;position:absolute;left:47%;top:50%;z-index:100;transform: translate(-50%,-50%);z-index:100;}
.fixed-log>img{width:100%;}

.arrow {
  text-align: center;
  margin-top:20px;
  padding-left:25%;
}
.arrow a{text-decoration:none;color:#2E3192;}
.arrow a span{font-size:14px;color:#000;}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.top-bar{width:100%;float:left;height:30px;background:#354BA1}
.top-bar>ul{display:inline-block;floaT:left;list-style:none;}
.top-bar>ul>li{float:left;line-height:30px;}
.top-bar>ul>li>a{text-decoration:none;color:#fff;font-size:13px;letter-spacing:1px;padding:0 20px 0px 20px;font-family: 'Saira Semi Condensed', sans-serif;}
.tagline{float:right;display:inline-block;line-height:30px;font-size:15px;color:#fff;font-weight:500;letter-spacing:1px;margin-right:10px;font-family: 'Saira Semi Condensed', sans-serif;}

.fixed-top-banner{width: 100%; float: left; position:relative;z-index:99;}

.fixed-top-banner>img{width:100%;float:left;position:relative;z-index:99;}

.fdheader{width:100%;float:left;height:70px;border-bottom:0px solid #f5f5f5;background:#2e3192;transition:all 0.5s;z-index:101;}
.fixed-header{width:100%;float:left;height:70px;border-bottom:0px solid #f5f5f5;position:fixed;top:-200px;background:#2e3192;transition:all 0.5s;z-index:101;}
.fixed{top:0px;position:fixed;left:0px;}
.bottom0{top:0px;}
.logo{display:inline-block;float:left;margin-left:20px;}
.logo>a>img{height:50px;margin-top:10px;}

.nav{display:inline-block;height:95px;float:right;}
.nav>ul{display:inline-block;list-style:none;height:30px;padding:0px;}
.nav>ul>li{padding:23px 20px;floaT:left;position:relative;}
.nav>ul>li>a i{top: -2px; position: relative;}
.nav>ul>li>a{text-decoration:none;font-size:15px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family: 'Saira Semi Condensed', sans-serif;transition:all 0.5s;}
.nav>ul>li>a:hover{color:#81B75F;}

.nav>ul>li ul{width:220px;float:left;position:absolute;left:0px;top:98%;background:#fff;padding:0px 0px;display:none;z-index:100;border-left:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee;}
.nav>ul>li ul li{width:100%;float:left;padding:10px 0px;padding-left:10px;list-style:none;}
.nav>ul>li ul li a{text-decoration:none;font-size:14px;color:#121F2B;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family: 'Saira Semi Condensed', sans-serif;transition:all 0.5s;}
.nav>ul>li:hover ul{display:block;}
.slider{width:100%;float:left;}

.about-us{width:100%;float:left;margin:20px 0px;}
.about-us>div{width:48%;float:left;margin:0 1%;}
.image-80{width:80%;margin:0 10%;}
.image-60{width:60%;margin:0 20%;}
.about-us>div>img{float:left;}
.about-us>div>h2{width:100%;float:left;font-size:24px;padding:30px 0px 10px 0px;}
.about-us>div>p{width:100%;float:left;padding:5px 0px;line-height:30px}

.quality-assurance{width:100%;float:left;padding:40px 0px;text-align:center;background:#F4F7FC;}
.quality-assurance>div>h2{width:100%;float:left;font-size:24px;padding:0px 0px 10px 0px;}
.quality-assurance>div>p{width:100%;float:left;padding:5px 0px;line-height:30px}

.whatwedo{width:100%;float:left;padding:40px 0px;text-align:center;}
.whatwedo>h2{width:100%;float:left;font-size:24px;padding:0px 0px 10px 0px;}
.whatwedo>h2>span{width:80px;border:0px;border-bottom:4px solid #3376d1;display:inline-block;margin-top:10px;}
.whatwedo>div{width:46%;padding:2%;float:left;}
.whatwedo>div>h3{width:100%;float:left;font-size:20px;padding:0px 0px 10px 0px;}
.whatwedo>div>p{width:100%;float:left;padding:5px 0px;line-height:30px;text-align:left;}


.pnale-list{width:100%;float:left;margin:20px 0px;}
.pnale-list>a{display:inline-block;width:23%;margin:10px 1% 10px 1%;padding:12px 0px;float:left;box-shadow:0px 0px 1px #7591bf;text-decoration:none;font-size:15px;text-transform:capitalize;text-align:center;background:#F4F7FC;}

.certificates{width:100%;float:left;text-align:center;}
.certificates>img{width:46%;margin:2%;float:left;}

.covid19{width:100%;float:left;margin:20px 0px;}
.covid19-image{width:30%;float:left;}
.covid19-image>a>img{width:100%;float:left;}

.covid19-products{width:70%;float:left;padding:20px 0px;position:relative;}
.covid19-products>h3{width:100%;float:left;text-align:center;font-size:24px;}
.covid19-products>p{width:100%;float:left;text-align:center;font-size:15px;}
.covid19-products>p>span{width:80px;border:0px;border-bottom:4px solid #3376d1;display:inline-block;margin-top:10px;}

.products-list{width:100%;float:left;}
.products-grid1{margin:30px 10px;float:left;box-shadow:0px 0px 1px #000}
.products-grid1 a{text-decoration:none;}
.products-grid1 a p{width:100%;float:left;font-size:16px;text-align:center;color:#000;font-weight:500;background:#F4F7FC;padding:10px 0px;}


.products-grid{width:23%;margin:10px 1%;float:left;box-shadow:0px 0px 1px #000}
.products-grid a{text-decoration:none;}
.products-grid a p{width:100%;float:left;font-size:16px;text-align:center;color:#000;font-weight:500;background:#F4F7FC;padding:10px 0px;}

.nfs-arrow-left{z-index:10;display:inline-block;position:absolute;left:15px;top:48%;margin-top:-20px;height:40px;width:40px;background:url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-left-20.png') center no-repeat #ffffff9e;background-size:24px;border-radius:100px;cursor:pointer;border:1px solid #ddd;}
.nfs-arrow-right{z-index:10;display:inline-block;position:absolute;right:15px;top:48%;margin-top:-20px;height:40px;width:40px;background:url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-right-20.png') center no-repeat #ffffff9e;background-size:24px;border-radius:100px;cursor:pointer;border:1px solid #ddd;}
.nfs-arrow-right:hover, .nfs-arrow-left:hover{background-color:#f5f5f5;}


.types-products{width:100%;float:left;padding:40px 0px 0px 0px;background:#F4F7FC;}
.types-products>h3{width:100%;float:left;text-align:center;font-size:24px;}
.types-products>div>ul{width:50%;float:left;list-style:none;margin:40px 25%;}
.types-products>div>ul>li{width:50%;float:left;text-align:center;}
.types-products>div>ul>li>a{text-decoration:none;}
.types-products>div>ul>li>a>img{width:300px;border-radius:300px;}
.types-products>div>ul>li>a>p{width:100%;float:left;text-align:center;font-size:18px;color:#1e63e1;font-weight:600;margin-top:10px;}

.full-product-list{width:100%;float:left;padding:40px 0px;}
.full-product-list>h3{width:100%;float:left;text-align:center;font-size:24px;}
.full-product-list>p{width:100%;float:left;text-align:center;font-size:15px;}
.full-product-list>p>span{width:80px;border:0px;border-bottom:4px solid #3376d1;display:inline-block;margin-top:10px;}
.fproducts-list{width:100%;float:left;position:relative;margin:20px 0px 0px 0px;}
.fproducts-grid{width:32.33%;margin:20px 0.5%;float:left;box-shadow:0px 0px 2px #b1bed3; }
.fproducts-grid a{text-decoration:none;}
.fproducts-grid:nth-child(3n+4){clear:both;}
.fproducts-grid a p{width:96%;padding:2%;background:#F4F7FC;float:left;font-size:16px;text-align:center;color:#000;font-weight:500;min-height:60px;}
.fproducts-grid:hover a p{background:#e7f0ff;}

.fproducts-grid1{width:32.33%;margin:20px 0.5%;float:left;box-shadow:0px 0px 2px #b1bed3;position:relative;}
.fproducts-grid1 a{text-decoration:none;width:100%;display:inline-block}
.fproducts-grid1 a img{width:36%;padding:30px 0px;}
.fproducts-grid1 a div{width:62%;padding:1%;background:#F4F7FC;float:left;position:absolute;right:0px;top:0px;bottom:0px;}
.fproducts-grid1 a p{width:100%;float:left;font-size:13px;text-align:center;color:#000;font-weight:500;font-family: 'Poppins', sans-serif;}
.fproducts-grid1 a div p:first-child{padding:10px 2%;font-size:14px;font-weight:600;margin-bottom:15px;position:relative;}
.fproducts-grid1 a div p:first-child::after
{
 content: ''; border-bottom: 2px solid #3376d1; width: 40px; position: absolute; bottom: 0px; left: 50%; margin-left: -20px;
}
.fproducts-grid1:hover a div{background:#e7f0ff;}

.fproducts-grid2{width:49%;margin:20px 0.5%;float:left;box-shadow:0px 0px 2px #b1bed3;position:relative;overflow:hidden;}
.fproducts-grid2 a{text-decoration:none;width:100%;display:inline-block}
.fproducts-grid2 a img{width:36%;padding:15px 0px;}
.fproducts-grid2 a div{width:60%;padding:2%;background:#F4F7FC;float:left;position:absolute;right:0px;top:0px;bottom:0px;}
.fproducts-grid2 a p{width:100%;float:left;font-size:13px;text-align:center;color:#000;font-weight:500;}
.fproducts-grid2 a div p:first-child{padding:2%;font-size:16px;font-weight:600;}
.fproducts-grid2:hover a div{background:#e7f0ff;}

.blogs{width:100%;float:left;padding:40px 0px;}
.heading{width:100%;float:left;}
.heading>h3{width:100%;float:left;text-align:center;font-size:24px;}
.heading>p{width:100%;float:left;text-align:center;font-size:15px;}
.heading>p>span{width:80px;border:0px;border-bottom:4px solid #3376d1;display:inline-block;margin-top:10px;}

.blogs-list{width:100%;float:left;margin-top:20px;}
.blogs-list>div{width:31.33%;margin:1%;float:left;}
.blogs-list>div>a>img{width:100%;float:left;}
.blogs-list>div>a>p{width:96%;float:left;text-align:center;padding:2%;}

.full-width{width:100%;float:left;}


.header-bg{width:100%;float:left;position:relative;padding:60px 0px;background-repeat: no-repeat;background-position: fixed;background-size:cover;}
.header-bg>h2{width:100%;float:left;text-align:center;color:#fff;font-size:40px;text-transform:uppercase}

.header-bg .breadcrumb {background-color: transparent;padding-top: 15px;text-align:center;}
.header-bg .breadcrumb li{display:inline-block;}
.header-bg .breadcrumb li a {font: 400 14px;color: #fefefe;text-decoration:none;}
.header-bg .breadcrumb li{color:#fff;}
.header-bg .breadcrumb li a.active {color: #ED1C24;}

.aboutus-bg{}

.heading-box{width:100%;float:left;padding:60px 0px;text-align:center;background:url('../images/bg.jpg') no-repeat;background-size:cover;background-attachment: fixed;}
.heading-box>h1{width:100%;float:left;font-size:25px;text-transform:capitalize;color:#fff;}
.heading-box>p{width:100%;float:left;font-size:18px;color:#f5f5f5;}

.prodcut-detail{width:100%;float:left;margin:20px 0px;}
.pd-image{width:48%;float:left;text-align:center;padding:1%;}
.pd-image>a>img{display:inline-block;max-width:100%;}
.pd-detail{width:46%;padding:50px 2% 60px 2%;float:left;background:#F4F7FC;}
.pd-detail>h2{width:100%;float:left;text-transform:capitalize;font-size:24px;font-weight:600;}
.pd-description{width:100%;float:left;margin:20px 0px 0px 0px;}
.pd-description>p{width:100%;float:left;padding:5px 0px;line-height:24px;font-size:16px;}
.pd-description>h3{width:100%;float:left;font-size:16px;font-weight:600;padding-bottom:2px;border-bottom:1px solid #d0d5dd;margin-bottom:5px;}
.pd-form{width:100%;float:left;margin:15px 0px;padding-left:10px;}
.pd-form>a{display:inline-block;margin-right:15px;padding:8px 25px;border-radius:2px;color:#fff;text-transform:uppercase;text-decoration:none;}
.whatsappbg{background:#4AC959;}
.enquirybg{background:#1564c7;}
.order-on-call{font-size: 28px; background: url(../images/mice.png) no-repeat; display: inline-block; padding-left: 48px; background-size: 46px; font-weight: 600;margin-top:5px;}

.contactus-bg{background-image:url('../images/contactus.jpg');padding:100px 0px;}

.contact-us{width: 90%; float: left; margin: 50px 5%; box-shadow: 0px 0px 1px #103f6f;}
.contact-form{width:100%;margin:0px 0px 0 0%;float:left;}
.contact-us>p{width:100%;float:left;margin-top:30px;text-align:center;}
.contact-form form{width:64%;float:left;padding:3%}
.row-half{width:44%;margin:10px 4% 10px 0;float:left;}
.row-half label{display:inline-block;width:100%;float:left;font-size:12px;font-weight:400;margin:2px 0px;color:#707070;}
.row-half input[type="text"], input[type="email"]{-webkit-appearance:none;appearance:none;width:100%;float:left;height:35px;background:#eee;outline:none;padding-left:1%;font-size:12px;font-weight:400;}
.row-full{width:91%;margin:10px 6% 10px 0;float:left;}
.row-full label{display:inline-block;width:100%;float:left;font-size:12px;font-weight:400;margin:2px 0px;color:#707070;margin-bottom:6px;}
.row-full textarea{-webkit-appearance:none;appearance:none;width:100%;float:left;background:#eee;border:0px;outline:none;padding-left:1%;font-size:12px;font-weight:400;}
.required{color:#ff0000;font-size:12px;}
.submit-row{width:100%;float:left;padding:10px 0px 20px 0px;}
.submit-row input[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none;width:200px;padding:10px 0px;text-align:center;font-size:14px;font-weight:400;text-transform:uppercase;background:rgb(184, 10, 10);color:#fff;}
.contact-info{width: 30%; float: right; padding: 10px 0px; background: #103F6F;}
.contact-info>ul{width:100%;float:left;margin:0 auto;display:inline-block;}
.contact-info>ul>li{list-style:none;float:left;margin:10px 3% 20px 3%;width:94%;float:left;}
.contact-info>ul>li>a{display:inline-block;width:100%;float:left;font-size:15px;font-weight:500;color:#f5f5f5e0;margin:2px 0px;line-height:20px;}
.contact-info>ul>li>label{display:inline-block;width:100%;float:left;font-size:18px;color:#fff;font-weight:600;}



.footer{width:100%;float:left;padding:80px 0px;background:#121F2B;text-align:center;}
.footer-logo{width:200px;display:inline-block;margin:0px auto 30px auto;}

.footer-nav{margin:0px auto 30px auto;display:inline-block;}
.footer-nav>li{float:left;list-style:none;margin:0 15px;}
.footer-nav>li>a{color:#f5f5f5;font-size:15px;font-weight:400;text-decoration:none;}
.clear{clear:both;}

.social{margin:0px auto 30px auto;display:inline-block;}
.social>a{display:inline-block;float:left;margin:0 6px;width:34px;height:34px;line-height:34px;background:transparent;border:2px solid #fff;border-radius:100px;text-align:center;text-decoration:none;}
.social>a>i{line-height:34px;font-size:17px;color:#fff;}

.footer-info{display:inline-block;margin:0px auto;font-size:10px;color:#e7e8e9 }
.footer-info>a{color:#e7e8e9;font-size:15px;margin:0 15px;line-height:15px;text-decoration:none;}
.footer-info>a>i{font-size:14px;color:#fff}

.copy-right{width:100%;float:left;text-align:center;padding:8px 0px;font-size:10px;color:#e7e8e9;background:#000;}




.mobile{display:none}
.desktop{display:block;}
.mobile-nav{display:none;float:right;top:17.5px;position:relative;right:17.5px;}
#nav-icon1 {
  width: 40px;
  height: 35px;
  position: relative;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 12px;
}

#nav-icon1 span:nth-child(3) {
  top: 24px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media only screen and (max-width:1200px) 
{
.fproducts-grid1{width:49%;}
}
@media only screen and (max-width:767px) 
{
	.fixed-log{width:200px;}
.nav{display:none;}
.about-us>div{width:98%;}
.types-products>div>ul>li>a>img{width:100%;}
.types-products>div>ul{width:98%;margin:20px 1%;}
.types-products>div>ul>li{width:46%;margin:0 2%;}
.blogs-list>div{width:48%;}
.pnale-list>a{width:48%;}
.fproducts-grid{width:99%;}
.products-grid{width:48%;}
.contact-form form{width:96%;padding:10px 2%;}
.contact-info{width:100%;margin:0px 0px;}
.fixed-top-banner{height: 100vh; background: url(../images/cover.jpg) center; background-size: 100%; }
.fixed-top-banner>img{display:none;}
.mobile-nav{display:block;}
.nav {
    position: absolute;
    width: 250px;
    right: 0px;
    top: 70px;
    background: #333692;
    float: left;
    height: auto;
}
.nav>ul{width:100%;float:left;height:auto;}
.nav>ul>li{width:95%;padding:15px 0 10px 5%;}
.nav>ul>li ul{display:block;position:relative;top:unset;left:unset;width:100%;background:transparent;border:0px;}
.nav>ul>li ul li a{color:#f5f5f5;}
.covid19-image{display:none;}
.covid19-image,.covid19-products{width:100%;}
.fproducts-grid1{width:99%;}
.fproducts-grid1 a img{width:50%;margin:0 25%;padding:0px;}
.fproducts-grid1 a div{width:96%;position:relative;}
}