*{
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-webkit-font-smoothing: antialiased!important;
	font-smoothing: antialiased!important;
	margin:0px; 
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	font:normal 15px 'Montserrat', sans-serif;	
	color:#1f2533;
}

ul, li, ol{list-style:none;}
p{line-height:inherit;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-weight:normal; line-height:inherit;}

img {width:auto\9; height:auto; max-width:100%; vertical-align:middle;  border:none;  -ms-interpolation-mode:bicubic;}
a{text-decoration:none;}
a:hover{}
input, textarea, select{font:normal 15px 'Fira Sans', sans-serif; border:none; padding:0px 10px; border-radius:4px; background:#fff;}
input:focus{outline:none;}
input[type="submit"]{cursor:pointer;}
input[type="submit"]:focus, button:focus{outline:none;}

span, label{border:none; margin:0px; padding:0px;}

p{line-height:30px;}

.clear{clear:both;}


.wrapper{max-width:1140px; margin:auto;}

/* header starts here */
.header{background:#fff; width:100%; display:table; padding:20px 0 10px 0px; position:fixed; top:0px; z-index:2; box-shadow:0px 0px 40px rgba(0,0,0,0.1);}
.header .logo{float:left;}
.header .logo h1{font-size:16px; font-weight:900; float:left; padding:12px 0px 0px 10px; color:#1f2533;}
.header .logo img{height:60px; width:100%; float:left;}
/*.header ul{float:right; margin:0px 0px 0px 0px;}
.header ul li{float:left;}
.header ul li a{display:block; color:#666; padding:0px 20px; font-size:15px; line-height:40px;}
.header ul li button{}
.header ul li button.SignIn{margin-left:0px; margin-right:0px;}
.header ul li:last-child a{padding-right:0px;}
/* header ends here */
/* Nav starts here */

nav{float:right;}
nav ul{margin:0px !important;}
nav ul li{float:left; display:inline-block; padding:  10px 10px 10px 0;}
nav ul li a{font-size:16px;	font-weight:400; line-height:24px;	color:#0E0C0C;	padding:10px; display:block; text-decoration:none !important;}
nav ul li .nav-item{*display:inline; zoom:1; position:relative; float:left;}
nav ul li .nav-item a{display:block; color:#000; line-height:37px; padding:0px 15px;}
nav ul li a.active{background:#D18407; border-radius: 14px; color:#fff;}
nav ul li a:hover{ border-radius: 14px; color:#888;}
nav ul li:hover .nav-submenu{display:block;}
ul.nav-submenu{display:none; width:220px; padding:10px 0 0 0 !important; background:#f3f3f9; position:absolute; z-index:100;}
ul.nav-submenu li{padding: 0px 10px; width:100%; border-bottom:0.1px solid #85929E;}
ul.nav-submenu li a{font-size:14px;	font-weight:300; color:#0E0C0C; text-decoration:none !important;}
ul.nav-submenu li .active{background:#D18407; color:#fff;}
ul.nav-submenu li:hover{background:#DDD;color:#fff;}

.nav-mobile{
    display:none;
    float:right;
    position:absolute;
    top:30px;
    right:20px;
    cursor:pointer;
    background:none;
    min-height:32px;
    width:32px;
    z-index:10;
}
.nav-click{position:relative; top:0px; right:0px; display:none; height:37px; width:50px; cursor:pointer; float:right;}
.nav-click i{display:block; height:37px; width:48px; background:url(../images/nav_click.png) no-repeat center center;}
.EmptyHeader{height:70px;}

/* slider starts here */
.SliderSec{width:100%; display:table; height: auto; position:relative;}

.flexslider{width:100%; }
.flexslider .flex-direction-nav{display:none;}
.flexslider .flex-control-paging{position:absolute; margin:auto; left:50%; transform:translateX(-50%); bottom:20px; display:table;}
.flexslider .flex-control-paging li{float:left;}
.flexslider .flex-control-paging li a{float:left; font-size:0px; width:10px; height:10px; background:#fff; margin:0px 10px 0px 0px; border-radius:100%; cursor:pointer;}
.flexslider .flex-control-paging li a.flex-active{background:rgba(255,255,255, 0.5);}

.SliderBanner{width:100%; height:560px;}
.SliderBannerOne{background:url(../images/CoronavirusDrugSupply.jpg) center no-repeat; background-size:cover; width:100%;}
.SliderBannerTwo{background:url(../images/ppekit_wearer.jpg) center no-repeat; background-size:cover; width:100%;}
.SliderBannerThree{background:url(../images/covid-19-supply-items.jpg) center no-repeat; background-size:cover; width:100%;}

.SliderSec{text-align: center; overflow:hidden;}
.SliderSearch{position:absolute; top:0px; width:100%;}
.SliderSearch h2{
	color:#fff; 
	font-size:60px;
	font-weight:900;
	text-align:center;
	padding:200px 0px 20px 0px; 
}
.SearchFields{display:table; margin:auto;}
.SearchFields input[type="text"]{
	background:#fff;  
	height:60px; 
	width:550px; 
	float:left;
	padding:0px 20px;
	border-radius:4px 0px 0px 4px; 
}
.SearchFields input[type="submit"]{
	background:#f78b31 url(../images/search_icon.png) center no-repeat; 
	height:60px; 
	width:80px;
	border-radius:0px 4px 4px 0px;
}
/* slider ends here */

/* about section starts here */
.about{width:100%; display:table; background:#f9f9f9; padding:70px 0px;}
.about h2{font-size:50px; font-weight:900; padding:0px 0px 20px 0px; text-align:center;}
.about p{text-align:center; font-size: 14px; margin:auto;}
.about .adwards{width: 48%; margin: 0 10px 10px 0; padding:0px; display: inline-table; float: left; border:1px solid #8c8c8c}
.about .adwards img{width: 100%; height: auto; border:1px solid #8c8c8c;}
.about .adwards h4{font-size: 24px; padding: 10px; text-align: center;}

.flexsilderProducts{position:relative;}
.flexsilderProducts .flex-control-paging{display:none;}
.flexsilderProducts .flex-direction-nav{}
.flexsilderProducts .flex-direction-nav a{width:31px; height:55px; background:url(../images/arrow_left_product.png) no-repeat; font-size:0px; position:absolute; top:130px; left:20px;}
.flexsilderProducts .flex-direction-nav a.flex-prev{background:url(../images/arrow_right_product.png) no-repeat; left:65.5%;}

.services-sec{padding:30px 0px; background:#fff; display:table; width:100%;}
.services-sec h3{font-size:44px; text-align:center; font-weight:600; color:#000; padding:30px 0px; margin: auto;}
.services-sec-box{width:48.5%; float:left; text-align:center; margin: 10px 10px 20px 0; border:1px solid #efefef; border-radius: 10px;}
.services-sec-box img{width:100%; height:290px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.services-sec-box h4{font-size:30px; text-align:center; color:#333; padding:20px 0px;}

.products-sec{padding:30px 0px; background:#fff; display:table; width:100%;}
.products-sec h3{font-size:44px; text-align:center; font-weight:600; color:#000; padding:30px 0px; margin: auto;}
.ProductsGrid{display:table; width:100%; padding:0px 0px 50px 0px;}
	.productmaincol{width:25%; float:left; margin:0px 0% 20px 0px; padding:0px 10px;}
	.ProductCol{width:100%; box-shadow:0px 0px 40px rgba(0,0,0,0.1); background:#fff; border-radius:4px; overflow:hidden; position:relative;}
    .ProductCol label{position:absolute; background:rgba(0,0,0, 0.8);  color:#fff; font-size:10px; padding:5px 10px; top:10px; border-radius:0px 4px 4px 0px;}
	.ProductImage{height:180px; border-radius:4px 4px 0px 0px; overflow:hidden;}
	.ProductCol img{width:100%; height: 200px;}
	.ProductCol h4{margin:25px; border-bottom:0px solid #c6c6c6; font-size:16px; padding:0px 0px 0px 0px;}
	
	.ProductCol:nth-child(2n){margin-right:0px; float:right;}
	.ViewAllBth:hover{background:#f78b31; color:#fff; border:1px solid #f78b31;}
/* Testimonials starts here */
.Testimonials{padding:100px 0px; background:#f9f9f9; display:table; width:100%;}
.Testimonials h5{text-align:center; padding:0px 0px 70px 0px; font-size:40px; line-height:50px;font-weight:900;}

.flexsliderNew{width:100%; position:relative;}
.flexsliderNew .flex-direction-nav{}
.flexsliderNew .flex-direction-nav a{
    width:31px;
    height:55px;
    background:url(../images/arrow_left.png) no-repeat;
    font-size:0px;
    position:absolute;
    top:30px;
    left:0px;
}
.flexsliderNew .flex-direction-nav a.flex-prev{
    background:url(../images/arrow_right.png) no-repeat;
    right:-0px;
    left:auto;
}
.flexsliderNew .flex-control-paging{
    display:none;
    margin:auto; 
    width:5%;
    padding:30px 0px 0px 0px;
}
.flexsliderNew .flex-control-paging li a{
    font-size:0px;
    float:left;
    margin:0px 5px 0px 0px;
    display:block;
    cursor:pointer;
    width:12px;
    height:12px;
    border-radius:100%;
    background:#8c8c8c;
}
.flexsliderNew .flex-control-paging li a.flex-active{opacity:0.6;}
    .TestimonialCol{width:50%; float:left; padding:0px 0px 0px 5%;}
	.TestimonialCol img{
		float:left; 
		margin:0px 15px 0px 0px;
		padding:5px;
		background:#fff;
	}
	.TestimonialCol p{
		float:left; 
		margin:0px 0px 0px 0px; 
		width:70%;
		font-size:14px;
		line-height:23px;
	}
	.TestimonialCol p i{display:block; font-weight:bold; line-height:45px; font-style:normal;}
	.TestimonialCol p i em{font-style:normal; font-weight:normal;}
/* Testimonials ends here */

/* features starts here */
.FeatureLine{background:#f78b31;}
/* features starts here */
.service-call{width:100%; margin:auto; padding:40px 0; text-align:center; background:#9ec7f0;}

.service-call h3{font-size:36px; padding:0px; text-align:center:font-weight:700;}
.service-call p{font-size:24px; padding:0px; text-align:center:}


/* about section starts here */
.contact{width:100%; display:table; background:#f9f9f9; padding:70px 0px;}

.contact h2{font-size:36px; font-weight:700; padding:0px 0px 20px 0px; text-align:left;}
.contact p{text-align:left; font-size: 16px; margin:auto;  padding:6px 0;}
.contact-branch{width:24%; display:table; background:#f9f9f9; padding:30px 0px; margin:0 2px  0 0; box-shadow: #106bd5; background: #fff;  float: left; border:1px solid #f4f4f0;}
.contact-branch h3{font-size:24px; font-weight:700; padding:0px 0px 20px 0px; text-align:center;}
.contact-branch p{text-align:left; font-size: 16px; margin:auto; padding:6px 16px;}

/* footer starts here */
.footer{padding:50px 0px 30px 0px; background: #1f2533;}
.footerlogo{margin:0px 0px 20px 0px; width:210px;}

.footercol{
	width:20%;
	float:left;
	font-size:15px;
	color: #DDD;
}
.footercolTwo{padding-left:2%; width:25%;}
.footercolOne{width:45%;}	
.footercol h6{
	font-size:20px;
	padding:0px 0px 20px 0px;
	color: #DDD;
}
.footercol p{padding-bottom:10px; font-size:14px; line-height:22px; color: #DDD;}
.footercol p i{color:#106bd5; font-style:normal;}
.footercol a{color:#363636; display:block; font-size:14px; line-height:24px; color: #DDD;}
.footercoltwo p{line-height:35px; padding-bottom:0px;}

.footersocial{}
.footersocial a{display:block; font-size:40px; color: #DDD; float:left; margin:0px 15px 0px 0px;}

.FooterLine{
	border-top:1px solid #c6c6c6; 
	padding:20px 0px;
	display:table;
	width:100%;
}
.FooterLine p{float:left; color: #DDD;}
.FooterLine ul{float:right;}
.FooterLine ul li{float:left; padding:0px 0px 0px 30px;}
.FooterLine ul li a{color:#DDD;}
/* footer ends here */

@media (max-width: 768px){
.SliderSec{width:100%; height:auto;}
.SliderBanner{width:100%; height:260px;}
.about{width:100%; padding:10px;}
.about h2{font-size:32px;}
.ProductsGrid{width:100%; padding:10px;}
.productmaincol	{width:100%; padding:10px;}
.ProductCol{width:100%;}
.service-call{width:100%;}
.service-call h3{font-size:18px; padding:10px;}
.services-sec-box{width:95%; margin:10px;}
.services-sec h3{font-size:26px;}
.services-sec-box img{width:100%; height:auto;}
.footercol{width:100%; padding:10%;}
.footercolOne{width:100%;}	
.footercolTwo{width:100%;}
}
@media (min-width: 360px) and (max-width: 640px){
.SliderSec{width:100%; height:auto; position:relative;}
.logo{float:left; padding:0 20px;}
 .nav-mobile{display:block;}
 nav{width:100%; float:none; }
 nav ul{display:none; top:60px; right:0px; left:0px; position:absolute; width:100%; z-index:9999; overflow:auto;  background:rgba(0,0,0, 0.7);}
 nav ul li{width:100%;text-align:center; padding:0px 10px; float:right;}
 nav ul li a{line-height:24px; padding:10px; font-size:16px; font-weight:400; border-bottom:1px solid #f3f5f6; color:#fff;}
 
 .nav-click {display:block;} 
 .nav-item:hover .nav-submenu {display:none;}
ul.nav-submenu{position:static; width:100%; background:none;}
ul.nav-submenu li{padding: 0px; width:100%; border-bottom:0.1px solid #85929E;}
ul.nav-submenu li a{font-size:14px;font-weight:300; color:#fff; text-decoration:none !important;}
.about{width:100%; padding:10px;}
.about h2{font-size:26px;}
.ProductsGrid{width:100%; padding:10px;}
.productmaincol	{width:100%; padding:10px;}
.ProductCol{width:100%;}
.service-call{width:100%;}
.service-call h3{font-size:24px; padding:10px;}
.service-call p{font-size:22px; padding:10px;}
.Testimonials{padding:10px; width:100%;}
.Testimonials h5{padding:10px; font-size:24px;}
.footercol{width:100%; padding:10%;}
.footercolOne{width:100%;}	
.footercolTwo{width:100%;}
.FooterLine{text-align:center; padding:10px;}

}