body,div,p,label {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
header{
    position: fixed !important;
    top:0  !important;
    left: 0  !important;
    width: 100%  !important;
    padding: max(1vw, 10px) max(2vw, 10px)  !important;
    z-index: 10000  !important;
    display: flex  !important;
    /*justify-content:space-between  !important;
    align-items: center  !important;*/
    transition: 0.5s  !important;
    margin-bottom: 10px !important;
	flex-wrap: wrap;
	background: #fff !important;
}
header.sticky{
	background: #fff !important;
	padding:3px 30px !important;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05) !important;
}
header .logo img{
    height: 50px !important;
    width: 100% !important;
}
header .logo{
	min-width:280px;
	max-width:25%;
    color: #111 !important;/*rgb(84,167,175)*/
    font-weight: 600 !important;
    font-size: max(2.2vw, 25px) !important;
    text-decoration: none !important;
	margin-left:6%;
}
@media screen and (max-width: 340px) {
	header .logo{
		min-width:280px;
		max-width:25%;
		color: #111 !important;/*rgb(84,167,175)*/
		font-weight: 600 !important;
		font-size: max(2.2vw, 25px) !important;
		text-decoration: none !important;
		margin-left:1.5%;
	}
}
header.sticky .logo{
    color: #111 !important;
}
header.sticky .logo img{
    border-radius:0% !important;
}
header .name{
    color:#111 !important;
    font-weight: 600 !important;
    font-size: max(2.2vw, 25px) !important;
	padding-top:24px;
    height: 50px !important;
}
@media screen and (max-width: 425px) {
	header .name{
		font-size: max(2.2vw, 18px) !important;
	}
}
header .navigation{
	min-width:250px;
	max-width:100%;
    margin: auto  !important;
    position: relative !important;
    display: flex !important;
	flex-wrap: wrap;
}
header li{
    list-style: none !important;
    margin-right: max(2vw, 10px) !important;
	padding-top:36px;
    height: 30px !important;
}
header li a {
    text-decoration: none !important;
    color:#111 !important;
    font-weight: 500 !important;
    font-size: max(1.5vw, 15px) !important;
	/*position:absolute;
	bottom:12px;*/
}
header li i{
    color: rgb(84,167,175) !important;
    font-size: max(2vw, 15px) !important;
}
header.sticky li a{
    color:#111 !important;
}
header li a:hover{
  color: rgb(84,167,175) !important;
}
header.sticky li i{
    color: rgb(84,167,175) !important;
}
header.sticky li i:hover{
  color: rgb(84,167,175) !important;
}
header li i:hover{
  color: rgb(84,167,175) !important;
}
#slider {
	width:86%;
	margin: auto; 
	margin-left:7%;
	overflow:hidden;
	border: 1px solid;
	border-color: rgb(120,120,120);
	border-left: 0;
	border-right: 0;
}
.slide {
	float:left;
	text-align:center;
	margin:auto;
}
.product{
	min-width:280px;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background:rgb(230,230,230);
	padding-right:0;
	padding-left:0;
	position:relative;
	border-radius: 25px;
}
.product a:hover {
  color: rgb(84,167,175) !important;
  font-size: max(1.6vw, 18px) !important;
}
.label_name{
	font-size: max(2vw, 25px) !important;
    font-weight: 600 !important;
}
.product_name{
	font-size: max(1.5vw, 15px) !important;
	color: #111;
	margin-left:5%;
}
.product_img img{
	width:100%;
	border-radius: 25px;
	border: 1px solid;
	border-color:rgb(120,120,120);
}
.product_img img:hover{
	color: rgb(120,120,120) !important;
	border: 2px solid;
}
.product_info{
	margin-left:10%;
	font-size: max(1.1vw, 12px) !important;
}
.product_info a:hover {
  color: rgb(84,167,175) !important;
  font-size: max(1.3vw, 15px) !important;
}
.fooinfo{
	background-color:rgb(230,230,230);
	margin-bottom:-1%;
    display: flex  !important;
	flex-wrap: wrap;
	width:100%;
}
.foo1{
	margin-left:8%;
	min-width:30%;
	max-width:100%;
}
.foo2{
	margin-left:7%;
	min-width:40%;
	max-width:100%;
}
.foofont{
	font-size: max(1.1vw, 12px) !important;
	margin-bottom: .0rem;
}
.foologo{
	font-size: max(1.5vw, 15px) !important;
	margin-right:5%;
}
.logoLink{
	background-color:#fff;
	margin-right:1%;
	padding:1%;
}
@font-face {
  font-family: title_font;
  src: url(Arvo-Regular.woff);
}
@font-face {
  font-family: body_font;
  src: url(OpenSans-Regular.woff);
}
@font-face {
  font-family: header_font_b;
  src: url(arial-black.woff);
}
@font-face {
  font-family: header_font_r;
  src: url(arial.woff);
}
@font-face {
  font-family: body_special;
  src: url(SourceSansPro-SemiBold.woff);
}
.font_t {
  font-family: title_font;
}
.font_b {
  font-family: body_font;
}
.font_hb {
  font-family: header_font_b;
}
.font_hr {
  font-family: header_font_r;
}
.font_special {
  font-family: body_special;
}
.font_w{
	color:white;
}
.pathpage{
	list-style: none !important;
	color:#111;
}
.pathpage:hover {
	color: rgb(84,167,175) !important;
  text-decoration:none;
}
.pointer {
	width:3px;
	height: 25px;
	float: left;
	text-align: center;
	position: relative;
	background: black;
}
.pointer:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 13px solid white;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}
.pointer:before {
	content: "";
	position: absolute;
	right: -12px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 13px solid;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}
.subproduct{
	color:#111;
	font-size: max(1.1vw, 12px) !important;
}
.subproduct:hover .subproductimg{
	color: rgb(120,120,120) !important;
	border:2px solid;
}
.subproductimg{
	width:100%;border:1px solid;border-color:rgb(120,120,120);border-radius: 25px;
}
.subproductlist{
	min-width:180px;
	max-width:100%;
	border-radius: 25px;
	background-color: rgb(230,230,230);
}
.mainusbproduct{
	padding:2%;
	padding-left:0%;
	padding-top:0%;
	min-width:300px;
	max-width:85%;
}
.othrprodcat{
	padding:2%;
	padding-right:0%;
	padding-left:1%;
	float: right;
	min-width:300px;
	width:20%;
	border-left:1px solid;
	border-color:rgb(120,120,120);
}
.othrprodcat a {
	font-size:max(1.1vw, 12px) !important
}
.othrprodcat a:hover {
	color: rgb(84,167,175) !important;
	font-size:max(1.2vw, 12px) !important
}
.subproductlist:hover label {
	color: rgb(84,167,175) !important;
	font-size:max(1.2vw, 12px) !important
}
.product_label{
	font-size: max(1.1vw, 12px) !important;
	color: #111;
	margin-bottom: 0rem;
}
.product_Details{
	padding:2%;
	min-width:300px;
	max-width:48%;
}
.blogcont{
	min-width: 200px;
	max-width:20%;
	min-height:200px;
	padding:10px;
	border:1px solid;
	border-color:rgb(120,120,120);
}
@media screen and (max-width: 444px) {
	.blogcont {
		min-width: 200px;
		max-width:100%;
		min-height:200px;
		padding:10px;
		border:1px solid;
		border-color:rgb(120,120,120);
	}
}
.blogdisc{
	min-width: 200px;
	max-width:80%;
	width:min(calc(100% - 200px), 80%);
	min-height:200px;
	padding:10px;
}
@media screen and (max-width: 444px) {
	.blogdisc {
		min-width: 200px;
		max-width: 100%;
		width:100%;
		min-height:200px;
		padding:10px;
	}
}
.contdetl-l{
	min-width: 200px;
	width:50%;
	width:min(calc(100% - 200px), 50%);
	padding:10px;
	padding-left:0px;
}
.contdetl-r{
	min-width: 200px;
	width:50%;
	width:min(calc(100% - 200px), 50%);
	padding:10px;
	padding-left:40px;
}
@media screen and (max-width: 444px) {
	.contdetl-r {
		min-width: 200px;
		width:50%;
		width:min(calc(100% - 200px), 50%);
		padding:10px;
		padding-left:20px;
		border-top:2px solid;
		border-left:0px solid;
	}
}
li{
	font-size: 10px;
	list-style-position: outside;
	vertical-align: text-top;
}
.industry{
	padding-left:5%;
	padding-right:5%;
	padding-top:3%;
	min-width:max(19%,65px);
	max-width:max(21%,65px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}