@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700,800,900');
@import url("https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap');
h1, h2, h3, h4, h5, h6 {
/* font-family: 'IBM Plex Sans', sans-serif; */
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.font-exo {
  font-family: "Faculty Glyphic", sans-serif;
  font-weight: 600;
  font-style: normal;
}
html {
	scroll-behavior: smooth;
	touch-action: manipulation;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
body {
	color: #333;
	font-size: 0.98rem;
	line-height: 1.5rem;
	background-color:#f6f7f9;
	padding: 0px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	 font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  
}
::-moz-selection,
::-webkit-selection,
::selection {
  color: white;
  background: #26b286 !important;
}
/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
	width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #ededef; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #031b31; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #031b31; 
  }
	
  /**SCROLLBAR**/
.bg-light {
	background: #e4e4e1 !important;
}
.bg-very-light {
	background: #f5f5f5 !important;
}
.bg-light-blue {
	background: #e9f0f2 !important;
}
.bg-fixed {
	/*background-image:url('../images/bg-vision.png');
	background-color: #09325b;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-attachment:fixed
}
.bg-static {
	/*background-image:url('../images/bg-vision.png');
	background-color: #09325b;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bg-svg {
	background-position: top bottom;
	background-repeat: repeat-x;
	background-image:url(../img/bg.svg);
	background-color: #F4F4E8;
}
.btn {
	border-radius: 0px;
}
.text-brown {
	color: #784320 !important
}
.bg-brown {
	background: #bd9c5c
}
.bg-light-brown {
	background: #f1eae2
}
.bg-gradient-purple {
	background: rgb(53,58,124);
	background: -moz-linear-gradient(90deg, rgba(53,58,124,1) 0%, rgba(94,57,142,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(53,58,124,1) 0%, rgba(94,57,142,1) 100%);
	background: linear-gradient(90deg, rgba(53,58,124,1) 0%, rgba(94,57,142,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353a7c", endColorstr="#5e398e", GradientType=1);
}
.bg-gradient-red {
	background: linear-gradient(111.4deg, rgb(28, 28,26) 0.4%, rgb(28, 28, 26) 100.2%);
	}
.bg-gradient-blue {
	background: rgb(7,76,145);
	background: -moz-linear-gradient(131deg, rgba(7,76,145,1) 17%, rgba(44,165,180,1) 90%, rgba(65,194,100,1) 100%);
	background: -webkit-linear-gradient(131deg, rgba(7,76,145,1) 17%, rgba(44,165,180,1) 90%, rgba(65,194,100,1) 100%);
	background: linear-gradient(131deg, rgba(7,76,145,1) 17%, rgba(44,165,180,1) 90%, rgba(65,194,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#074c91", endColorstr="#41c264", GradientType=1);
}
.bg-gradient-darkblue {
	background: rgb(20,105,133);
	background: -moz-linear-gradient(138deg, rgba(20,105,133,1) 0%, rgba(20,149,149,1) 57%, rgba(51,160,113,1) 100%);
	background: -webkit-linear-gradient(138deg, rgba(20,105,133,1) 0%, rgba(20,149,149,1) 57%, rgba(51,160,113,1) 100%);
	background: linear-gradient(138deg, rgba(20,105,133,1) 0%, rgba(20,149,149,1) 57%, rgba(51,160,113,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#146985", endColorstr="#33a071", GradientType=1);
}
.bg-gradient-green {
	background: rgb(0,155,99);
	background: -moz-linear-gradient(90deg, rgba(0,155,99,1) 0%, rgba(135,188,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,155,99,1) 0%, rgba(135,188,113,1) 100%);
	background: linear-gradient(90deg, rgba(0,155,99,1) 0%, rgba(135,188,113,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009b63", endColorstr="#87bc71", GradientType=1);
}
.bg-gradient-cyan {
	background: rgb(1,155,193);
	background: -moz-linear-gradient(90deg, rgba(1,155,193,1) 0%, rgba(64,169,198,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1,155,193,1) 0%, rgba(64,169,198,1) 100%);
	background: linear-gradient(90deg, rgba(1,155,193,1) 0%, rgba(64,169,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#019bc1", endColorstr="#40a9c6", GradientType=1);
}
.bg-gradient-gray {
	background: rgb(115,115,115);
	background: -moz-linear-gradient(131deg, rgba(115,115,115,1) 14%, rgba(232,232,232,1) 100%);
	background: -webkit-linear-gradient(131deg, rgba(115,115,115,1) 14%, rgba(232,232,232,1) 100%);
	background: linear-gradient(131deg, rgba(115,115,115,1) 14%, rgba(232,232,232,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#737373", endColorstr="#e8e8e8", GradientType=1);
}
.bg-light-brown {
	background-color: #c09d62;
}
.bg-gray {
	background-color: #8e8b8a;
}
.bg-black {
	background: #1b1b1b !important;
}
.bg-dark {
	background: #16212d !important;
}
.text-red {
	color: #f20000 !important
	}
.text-blue {
	color: #033461 !important
}
.text-green {
	color: #009364 !important
}
.text-black {
	color: #1b1b1b !important
}
.text-bluegreen-gradient {
	background: #25CC0F;
	background: linear-gradient(to bottom right, #25CC0F 0%, #9E3212 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-bluegreen-gradient {
	color: #ffffff;
	background: rgb(0,50,112);
	background: -moz-linear-gradient(32deg, rgba(161, 0, 2, 1) 26%, rgba(25, 203, 228, 1) 100%);
	background: -webkit-linear-gradient(32deg, rgba(161, 0, 2, 1)  26%, rgba(25, 203, 228, 1) 100%);
	background: linear-gradient(32deg, rgba(161, 0, 2, 1)  26%, rgba(25, 203, 228, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001651", endColorstr="#009368", GradientType=1);
}
.bg-blue-gradient {
	color: #ffffff;
	background: rgb(0, 50, 112, 1);
	background: -moz-linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(1, 18, 50, 1) 100%);
	background: -webkit-linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(1, 18, 50, 1) 100%);
	background: linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(1, 18, 50, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001651", endColorstr="#009368", GradientType=1);
}
.bg-lightblue-gradient {
	color: #ffffff;
	background: rgb(25, 203, 228, 1);
	background: -moz-linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(25, 203, 228, 1) 100%);
	background: -webkit-linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(25, 203, 228, 1) 100%);
	background: linear-gradient(32deg, rgba(0,50,112,1) 26%, rgba(25, 203, 228, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001651", endColorstr="#19cbe4", GradientType=1);
}

.bg-bluebrown-gradient {
	color: #ffffff;
	/* background: rgb(0,22,81);
background: -moz-linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(255,209,75,1) 100%);
background: -webkit-linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(255,209,75,1) 100%);
background: linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(255,209,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001651",endColorstr="#ffd14b",GradientType=1);*/

	background: rgb(0,22,81);
	background: -moz-linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(99,59,41,1) 100%);
	background: -webkit-linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(99,59,41,1) 100%);
	background: linear-gradient(32deg, rgba(0,22,81,1) 26%, rgba(99,59,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001651", endColorstr="#633b29", GradientType=1);
}
.bg-blue {
	color: #ffffff;
	background: rgb(0, 50, 112, 1);
}
.text-blue-gradient {
	background: #018fcf;
	background: linear-gradient(to right, #02abff 20%, #ffffff 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 


}
.text-light-blue{
	color: #0090d0;
}
.text-white-80 {
	color: rgba(255, 255, 255, 0.8) !important;
}
.border-left-blue {
	border-left:rgb(0,22,81) solid 10px;
	;
}
hr.line-center {
	border: 0;
	height: 4px;
	width: 66px;
	margin: 0px auto;
	background-color: #00a775;
}
hr.line-center-blue {
	border: 0;
	height: 3px;
	width: 66px;
	margin: 0px auto;
	background-color: #001651;
}
hr.line-left {
	border: 0;
	height: 3px;
	width: 66px;
	margin-left:0px;
	background-color: #009364;
}
hr.line-left-blue {
	border: 0;
	height: 3px;
	width: 66px;
	margin-left:0px;
	background-color: #001651;
}
hr.round-center {
	border-radius: 5px;
	width: 66px;
	height: 3px;
	background-color: #009364;
}
a {
	color:#1b1b1b;
	transition: all .4s;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    text-decoration: none;
}
a:hover {
	color:#000000;/*text-decoration: underline;*/
}
/*a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
}
a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
a:hover:after { 
  width: 100%; 
  left: 0; 
}*/


.sideCategory {
	/*border: 1px solid #DEDEDE;*/
	  background-color: #eff0f0
}
.sideCategory a {
	padding: 2px 15px;
	display: block;
	color: #333333;
	letter-spacing: -0.5px;
}
.sideCategory ul li a {
	font-size: 14.5px;
	margin-left: 10px;
	padding: 0px;
	padding-left:20px
}
.sideCategory a.active {
	font-weight: bold
}
.section-title {
	color:#005691
}
#back-to-top.on {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3sease;
    -o-transition: opacity .3s ease;
    transition: opacity .3sease;
}
#back-to-top.off {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .15s ease,visibility 0s .15s;
    -o-transition: opacity .15s ease,visibility 0s .15s;
    transition: opacity .15s ease,visibility 0s .15s
}
#back-to-top {
    position: fixed;
    width: auto;
    right: -5px;
    bottom: 71px;
    margin: 0;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
	text-decoration: none !important
}

#back-to-top .back-to-top-text {
    display: block;
    position: relative;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 18px;
    color: #26b286;
}

#back-to-top .back-to-top-text:after {
  content: "";
  position: absolute;
  display: block;
  width: 0%;
  height: 1px;
  bottom: -3px;
  left: 0;
  background-color: #26b286;
  transition: width 0.3s ease-in-out;
  
}

#back-to-top .back-to-top-text:hover:after {
  width: 100%;
 

}
	
footer {
	padding-top: 100px;
	background-color: #1b1b1b;
	color:  rgba(204,204,204,0.5);
	bottom: 0px;
	z-index: 0;
	font-size: 1.0rem;
	/*background-image:url('../images/footer-bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-attachment:fixed*/

   position: sticky;
   padding-bottom: 50px;

}
footer p {
	color: rgba(204,204,204,1);
	font-weight:500;
	
}
footer a {
	color: rgba(204,204,204,1);
	display: inline-block;
    position: relative;
    text-decoration: none !important
}
footer a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0%;
  height: 1px;
  bottom: -3px;
  left: 0;
  background-color: white;
  transition: width 0.3s ease-in-out;
}
footer a:hover::after {
width: 100%;
}
footer ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	margin-left: -15px;
	}
footer ul li a {	
	display: inline-block;
    position: relative;
    text-decoration: none !important
}


footer ul li a::after {	
content: "";
  position: absolute;
  display: block;
  width: 0%;
  height: 1px;
  bottom: -3px;
  left: 0;
  background-color: white;
  transition: width 0.3s ease-in-out;
  
  
}

footer ul li a:hover::after {	
  width: 100%;

}	
footer i {
	color: rgba(204,204,204,0.8);
}
footer .heading {
	font-weight:bold;
	color: #fff;
	font-size: 1.4rem;
}

footer .label {
	display: inline-block;
	color: rgba(204,204,204,0.5);
	
	}
footer .copyright {
	display: inline-block;
	}	

footer a:hover {  
	text-decoration:none;
	color: rgba(204,204,204,0.8);
	text-decoration: underline;
}



table, .detail-desc table {
	border:1px solid #ccc!important;
	width: 100% !important;
}
table td, .detail-desc table td {
	border: 1pt!important;
	border-right: 1pt solid #ccc!important;
	border-bottom: 1pt solid #ccc!important;
}
.table-no-border td, .table-no-border {
	border: none!important;
	border-right: none!important;
	border-bottom: 1px dotted #ccc!important;
}

/*List*/
#ListAll .h-product {
	display:none;
}
.h-product a, .h-product a:hover {
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s;  /* Firefox < 16 */
	-ms-animation: fadein 0.5s;  /* Internet Explorer */
	-o-animation: fadein 0.5s;  /* Opera < 12.1 */
	animation: fadein 0.5s;
	text-decoration:none;
}
.h-product-item {
	background-color: #fff;
}
.h-product img {
	border: none;
}
.h-product:hover .text-wrap {
	display: block;
}
.h-product .label-product-stock {
	font-size: 12px;
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;
	margin-right:0px;
	right: 10px;
	position:absolute;
	border-radius: 3px;
	z-index:10;
	background: #006600;
	color: white;
}
.h-product .label-product {
	font-size: 12px;
	display: inline-block;
	padding: 3px 10px;
	margin-top: 10px;
	margin-left:0px;
	position:absolute;
	border-radius: 3px;
	z-index:10;
}
.label-product {
	font-size:13px;
	display: inline-block;
	padding:10px 20px;
	margin-top: 20px;
	margin-left: 20px;
	position:absolute;
	border-radius: 3px;
}
.label-product.clearance {
	background: #263238;
	color: white;
}
.label-product.new {
	background: #b71c1c;
	color: white;
}
.label-product.available {
	background: #ff6d00;
	color: white;
}
.label-product.soon {
	background: #379C4E;
	color: white;
}
.label-product.stocklast {
	background: #7B4332;
	color: white;
}
.label-product.indentorder {
	background: #2097D5;
	color: white;
}
.label-product.discontinued {
	background: #666666;
	color: white;
}
.h-product .text-wrap {
	display: none;
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.h-product .text-wrap .quick-view {
	position:relative;
	border-radius: 2px;
	padding: 10px 18px;
	/*background: #00aaee;*/
	background: #009364;
	/*	background: -moz-linear-gradient(90deg, rgba(49,42,111,1) 0%, rgba(2,73,149,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(49,42,111,1) 0%, rgba(2,73,149,1) 100%);
	background: linear-gradient(90deg, rgba(49,42,111,1) 0%, rgba(2,73,149,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#312a6f", endColorstr="#024995", GradientType=1);*/
	color:#FFFFFF;
	margin: auto 0px;
	text-decoration:none;
}
 @keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}
/*End product*/

/*breadcrumb*/

.breadcrumb {
	font-size: 14px;
	padding: 0px;
	list-style: none;
	border-radius: 0px;
	font-weight: 400;
	background-color: transparent;
	margin:0px;
	color: #7f7f7f  !important; 
	

	/*text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);*/
}
.breadcrumb > li {
	display: inline-block;
	/* color: rgba(5, 5, 5, 0.6)!important */
	color: #021b31 !important; 
}
.breadcrumb a {
	/* color: rgba(5, 5, 5, 0.6)!important */
	color: #7f7f7f  !important; 
}
.breadcrumb > li + li:before {
	padding: 0 5px;
	content: "/\00a0";
	/* color: rgba(5, 5, 5, 0.6)!important */
	color: #7f7f7f  !important; 
}
.breadcrumb > .active {
	/* color: rgba(5, 5, 5, 0.6)!important */
	color: #7f7f7f  !important; 
}
/*breadcrumb*/

.breadcrumb-product .breadcrumb-item, .breadcrumb-product .breadcrumb-item a, .breadcrumb-product .breadcrumb-item:before {
	/* color: rgba(5, 5, 5, 0.6)!important; */
	color: #003270!important;
}
.breadcrumb-product .breadcrumb-item.active {
	/* color: rgba(5, 5, 5, 0.6)!important; */
		color: #003270!important;
}
.btn-whatsapp {
	background-color: #02cb69 !important;
	border: 2px solid #02cb69;
	color: #ffffff !important;
}
.btn-whatsapp:hover {
	color: rgba(51,51,51,0.8) !important;
}
.btn-quote {
	padding: 10px 40px !important;
	border-radius: 0px;
	font-weight: 700;
	margin:  auto 10px;
	color: #015894 !important;
}
span.btn-quote-header {
	
	color: #fff ;
	border-radius: 50px;
	padding: 1px 20px;
	/* width:100% */
	display:inline-block;
	
  transition: background-position 0.5s;
  background-size: 200% 100%;
  background-image: linear-gradient(to left, #26b286 50%, #2b2b2b 50%);
 

}

span.btn-quote-header:hover {
  transition: background-position 0.5s;
  background-size: 200% 100%;
  background-image: linear-gradient(to left, #2b2b2b 50%, #26b286 50%);
  background-position:  100% 100%;  
}


.nav-tabs .active a {
	color:#1757B8;
}
.nav-tabs .nav-link.active {
	border-top: 3px solid #009364
}
.nav-tabs li a {
	border-radius: 0px !important;
	color: #1757B8;
	font-size:20px;
	padding: 10px 20px!important
}
.tab-content table {
	border: 1px solid #DDDDDD;
}
.tab-content table tr td {
	padding: 5px
}
.nav-bg-image {
	background-repeat: no-repeat;
	background-size: auto 150px;
}
.text-shadow {
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.text-shadow-lg {
	text-shadow: 0px 3px 7px rgba(0,0,0,0.6);
}
.nav-right .nav-item {
	font-size: 14px;
	padding: 0px 10px !important;
}
.nav-right a {
	color: #363d35;
}
.nav-right a:hover {
	color: #000;
	text-decoration: none;
}
.nav-right small {
}
.bg-green-color {
	background-color: #56ac47;
	color:#FFFFFF !important
}
.bg-blue-color {
	background-color: #001854;
	color:#FFFFFF !important
}
.bg-facebook-color {
	background-color: #3b5998;
	color:#FFFFFF !important
}
.btn-blue {
	background-color: #001854;
	color:#FFFFFF !important
}
.btn-circle.btn-sm {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	font-size: 8px;
	text-align: center;
}
.btn-circle.btn-md {
	width: 50px;
	height: 50px;
	padding: 7px 10px;
	border-radius: 25px;
	font-size: 10px;
	text-align: center;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 12px;
	text-align: center;
}
/* Change navbar styling on scroll */

.section {
	 padding-bottom: 300px;
     position: relative;
	 z-index: 1;
	 background-color:#f6f7f9;
	}
.section-header {
	position: relative
}
.section-heading {
	color: #1b1b1b
}
.section-header span.overlay {
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,0,0,1);
	position:absolute;
	top: 0px;
}
.section-header .container-wrapper {
	/* background-color:#00a775; */
	display:inline-block;
	padding: 10px 30px;
	}
ul.green {
	list-style: none;
}
ul.green li::before {
	content: "\2022";
	color: #03ab5d;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
ul.green li {
}
.bg-header {
	padding: 100px 0px 50px 0px;
}
.bg-header-1x {
	padding: 80px 0px 20px 0px;
	border-bottom: 1px #e4e4e1 dotted;
}
.bg-header-2x {
	padding: 150px 0px 80px 0px;
	border-bottom: 1px #e4e4e1 dotted;
}
.bg-header-3x {
	padding: 200px 0px 100px 0px;
	border-bottom: 1px #e4e4e1 dotted;
}
.bg-header-4x {
	padding: 300px 0px 100px 0px;
	border-bottom: 1px #e4e4e1 dotted;
}
.bg-heading {
	background-image: url("../images/bg-heading.svg");
}
.bg-contact-form {
	background-image:url('../images/ef-logo.svg');
	background-position: right bottom;
	background-repeat:  no-repeat;
}
.bg-company {
	background-image:url('../images/bg-company.png?7');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #031b31;
	background-position: center center;
}
.bg-pattern {
	background-image:url('../images/bg-pattern.png?7');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-pattern-blue {
	background-image:url('../images/bg-pattern-blue.png?7');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-solutions {
	background-image:url('../images/bg-solution.png?7');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #031b31;
	background-position: center center;
}
.bg-solution {
	background-image:url('../images/bg-solution.png?7');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #031b31;
	background-position: center center;
}

.bg-PanasonicIndustrialDevices {
	background-image:url('../images/bg-PanasonicIndustrialDevices.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-CarloGavazziy{
	background-image:url('../images/bg-CarloGavazziy.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-products {
	background-image:url('../images/bg-products.png?7'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bg-contact {
	/* background-image:url('../images/bg-header.png'); */
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f5f5f5;
}

/**************Testimonial Section**************/
.testimonial-list .item{
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: 100ms; /* Safari */
	-moz-transition: 100ms;
	-ms-transition: 100ms;
	-o-transition: 100ms;
	transition: 100ms;
	transform: scale(1);
	border: 5px solid transparent
}
.testimonial-list .item:hover{
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 .1rem 0.5rem rgba(0,0,0,0.1);
	-webkit-transition: 100ms; /* Safari */
	-moz-transition: 100ms;
	-ms-transition: 100ms;
	-o-transition: 100ms;
	transition: 100ms;
	transform: scale(1.02);
	border: 5px solid #e4e4e1;
	background-color: white;
}

/**************Testimonial Section**************/


/**************why us section**************/
.why-us-section .border-bottom{
	border-bottom: rgba(0, 50, 112, 0.5) 1px dotted !important;
} 

.why-us-section >.py-5 {

	display: block;
	/*background: linear-gradient(to right, #d7ebef 50%, #f5f6f9 50%);*/
	background: linear-gradient(to right, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.6) 50%);
	background-size: 200% 100%;
	/*background-size: 200% 100%;*/
	
	background-position: right bottom;
	transition: all .5s ease-out;
}

.why-us-section >.py-5:hover {
    background-position: left bottom;


}
/**************why us section**************/

.solution-section {
	background-color: transparent;
}
.bg-section-solution {
	background-image:url('../images/bg-section-solution.png?7');
	background-repeat: no-repeat;
	background-size: cover;
}
.solution-section .item {
	position: relative;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	margin-bottom: 50px;
 box-shadow:0 .1rem 0.5rem rgba(0,0,0,0.5)!important;
	background-color: #000000;
}
.solution-section .item .overlay {
	position:absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.solution-section .caption {
	display:block;
	text-align: center;
	font-weight:bold;
	font-size: 20px;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
	background-color:rgba(27, 27, 27, 0.4);
	width: 100%;
	padding: 10px;
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
}
.solution-section .item:hover .caption {
	margin-bottom: 20px !important;
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
}
.solution-section .owl-item.active.center .caption {
	display: block;
}
.solution-section .owl-item.active .caption {
	display: none;
}
.solution-section .item:hover {
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
 box-shadow:0 .1rem 1rem rgba(0,0,0,0.2)!important;
}
.solutions-list .item {
	position:relative;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.solutions-list .item:hover {
 	box-shadow:0 .5rem 1rem rgba(0,0,0,0.5)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.solutions-list .item .overlay {
	background-color:rgba(255,255,255, 0.1);
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	position:absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.solutions-list .caption {
	display:block;
	text-align: center;
	font-weight:bold;
	font-size: 20px;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
	background-color:rgba(27, 27, 27, 0.4);
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	width: 100%;
	padding: 10px;
}
.solutions-list .item:hover .caption {
	margin-bottom: 50px !important;
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
}
.solutions-list .item:hover .caption {
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	margin-bottom: 0px;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}

.products-section img {
 	/* -moz-transform: scale(1);
   -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);*/

    -webkit-transition: transform 1s ease-in-out;
    -moz-transition:transform 1s ease-in-out;
    -ms-transition:transform 1s ease-in-out; 
	}
	
.products-section img:hover {

	/* -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.1)!important; 
		cursor: zoom-in ;
		*/

    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition:transform 0.5s ease-in-out;
    -ms-transition:transform 0.5s ease-in-out;

	box-shadow:0 .2rem 1rem rgba(0,0,0,0.15)!important;
	}	
	
.product-section img {
	padding: 20px;
	
}


.product-section .caption {
	font-size: 25px;
	padding: 35px;
	display: block;
	margin-top: 20px;
	text-align: left;
	font-weight: normal;
	color:rgba(255, 255, 255, 0.9);
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.product-section .item {
	position: relative;
 	box-shadow:0 .5rem 1rem rgba(0,0,0,0.15)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-section .item .overlay {
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	position:absolute;
	width: 100%;
	height: 100%;
}
.product-section .item:hover .overlay {
	background-color: rgba(0,0,0,0.3);
 box-shadow:0 .5rem 1rem rgba(0,0,0,.3)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-list img {
	padding: 20px;
}
.product-list .item {
	position:relative;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-list .item:hover {
 box-shadow:0 .5rem 1rem rgba(0,0,0,0.5)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-list .item .overlay {
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	position:absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: 0;
}
.product-list .item:hover .overlay {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: rgba( 0,0,0,0.3);
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-list .item .icon img {
	width: 30%;
	margin-top: 15%;
	margin-left: 35%;
	text-align:center
}
.product-list .icon .caption {
	text-align: center;
	background-color: transparent;
	font-size:28px;
	color:#56ac47;
	font-weight:bold;
}
.product-list .caption {
	position:absolute;
	font-size: 25px;
	padding: 35px;
	display: block;
	margin-top: 20px;
	text-align: left;
	font-weight: normal;
	color:rgba(255, 255, 255, 0.9);
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.product-list .item:hover .caption {
	padding-left: 55px;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}

.service-list .item {
	position:relative;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.service-list .item:hover {
 box-shadow:0 .5rem 1rem rgba(0,0,0,0.5)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.service-list .item .overlay {
	background-color:rgba(255,255,255, 0.1);
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	position:absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.service-list .caption {
	display:block;
	text-align: center;
	padding: 20px;
	font-weight:bold;
	font-size: 20px;
	color: #1b1b1b;
	background-color:rgba(255, 255, 255, 0.3);
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	height: 100px;
	width: 100%;
}
.service-list .item:hover .caption {
	margin-bottom: 50px !important;
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
}
.service-list .item:hover .caption {
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	margin-bottom: 0px;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.service-section .item-img {
	position:relative;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	overflow: hidden;
}
.service-section a:hover {
	text-decoration: none !important;
}
.service-section .item:hover {
 	box-shadow:0 .2rem 0.5rem rgba(0,0,0,0.5)!important;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.service-section .item-img img {
	max-width: 100%;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: auto;
	transform: scale(1);
}
.service-section .item-img:hover img {
	transform: scale(1.1);
}
.service-section .item .overlay {
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	position:absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.service-section .item:hover .overlay {
	/* background-color:rgba(0,0,0,0.4); */
		-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}
.service-section p.caption {
	display:block;
	text-align: left;
	padding: 10px;
	font-weight:bold;
	font-size: 1rem;
	background-color:rgba(255, 255, 255, 0);
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	width: 100%;
}
.service-section .item:hover p.caption {
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
}
.service-section .item:hover p.caption {
	transition: 700ms;
	-webkit-transition: 700ms; /* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	margin-bottom: 0px;
	text-decoration: none;
}
.brand-list .col-xs-6.col-md-4 {
	margin-bottom: 20px;
}

.company-item:hover img{
	


}
.company-item{
	
	
}

.company-item:hover{
	visibility: visible;
	background-size: cover;
	background-position: -10px;
background-image:url(../images/company-expertise-bg.png);
	transition: all  0.6s ease-in ;
	background-repeat: no-repeat;
}



.company-item .heading{
  position: relative;
  display: inline-block;
  font-size: 2em;
  font-weight: 800;
  color: royalblue;
  overflow: hidden;
  background: linear-gradient(to right, #00a775, #00a775 50%, #343a40 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 275ms ease;
  text-decoration: none;
}
	
.company-item:hover .heading {
	color: #00a775 !important;
	background-position: 0 100%;
	}
	

/**OWL CAROUSEL**/
.item-static {
}
/* .imageSlide  */
.videoSlide {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}
/*.imageSlide img, */
.videoSlide video {
	position:absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	width: 100%;
	height: 100%;
	pointer-events: none
}
/* .imageSlide-overlay,
.videoSlide-overlay {
opacity: 0.5;
background: rgb(0,0,0);
background: -moz-linear-gradient(131deg, rgba(255,255,255,1) 4%, rgba(0,0,0,1) 33%);
background: -webkit-linear-gradient(131deg, rgba(255,255,255,1) 4%, rgba(0,0,0,1) 33%);
background: linear-gradient(131deg, rgba(255,255,255,1) 4%, rgba(0,0,0,1) 33%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
position: absolute;
top: 0; left: 0;
bottom: 0; right: 0;
width: 100%;
height: 100%; 
} */

.imageSlide-overlay, .videoSlide-overlay {
	opacity: 0.5;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(131deg, rgba(255,255,255,0.9) 4%, rgba(0,0,0,0.8) 33%);
	background: -webkit-linear-gradient(131deg, rgba(255,255,255,0.9) 4%, rgba(0,0,0,0.8) 33%);
	background: linear-gradient(131deg, rgba(255,255,255,0.9) 4%, rgba(0,0,0,0.8) 33%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.imageSlide-arrow, .videoSlide-arrow {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 30px;
	height: 30px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	opacity: 0.4;
}
.imageSlide .imageSlide-caption, .videoSlide .videoSlide-caption {
	position:absolute;
	/* display: block;
width: 100% ;
height: 100%; */
bottom: 10%;
	top: 10%;
	left: 10%;
	right: 10%;
}
.imageSlide .imageSlide-caption-center, .videoSlide .videoSlide-caption-center {
	position:absolute;
	top: 35%;
	left: 15%;
	right: 15%;
	text-align: center;

}
.imageSlide .imageSlide-caption-center .image-container {
	margin-bottom: 20px;
}
.image-container div {
	display: inline-block;
	border: 1px solid red;
}
.image-container div img {
	width: 150px!important;
	height: 200px;
}
.imageSlide .imageSlide-caption-left, .videoSlide .videoSlide-caption-left {
	position:absolute;
	top: 50%;
	left: 10%;
	right: 20%;
	bottom: 10%;
	text-align: left;

}

.imageSlide-caption-left .imageSlide-caption-container {
	display: inline-block;
	padding: 4%;
	width: 60%;
	background-color: rgba(3, 27, 49, 0.9);
}

.imageSlide .imageSlide-caption-right, .videoSlide .videoSlide-caption-right {
	position:absolute;
	top: 30%;
	right: 10%;
	left: 30%;
	text-align: right;
}
.imageSlide h1, .videoSlide h1 {

	margin: auto;
	/* color: #fff; */
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
	position: relative;
	padding-bottom: 5px;
	font-size: 2rem;
}
.imageSlide h3, .videoSlide h3 {
	line-height:1.8rem ;
	margin: auto;
	font-size: 1.3rem;
	/* color: #fff; */
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.imageSlide p, .videoSlide p {
	margin: auto;
	font-size: 1.1rem;
	/* color: rgba(255,255,255,0.8); */
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
	line-height: 2rem;
}
.imageSlide .product_logo {
	width: 120px!important;
}
.imageSlide .product_img {
	height: 13rem;
	width: auto!important;
}
.mainSlider .owl-item.active .product_logo {
	-webkit-animation: 1s .2s fadeInLeft both;
	animation: 1s .9s fadeInLeft both;
}
.mainSlider .owl-item.active .product_img {
	-webkit-animation: 1s .2s fadeInLeft both;
	animation: 1s .7s fadeInLeft both;
}
.lightingSlider .owl-item.active h1, .mainSlider .owl-item.active h1 {
	-webkit-animation: 1s .2s fadeInDown both;
	animation: 1s .2s fadeInDown both;
	position: relative;
}
.mainSlider .owl-item.active h3 {
	-webkit-animation: 1s .6s fadeInUp both;
	animation: 1s .6s fadeInUp both;
	position: relative;
}
.lightingSlider .owl-item.active p, .mainSlider .owl-item.active p {
	-webkit-animation: 1s .8s fadeInUp both;
	animation: 1s .8s fadeInUp both;
	z-index: 1;
}
/**owl.carousel**/

/* CSS from jQuery Background Video plugin */
/**
 * Set default positioning as a fallback for if the plugin fails
 */
 .jquery-background-video-wrapper {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.jquery-background-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.jquery-video-caption {
	border:2px solid red;
	position: absolute;
	width: 100%;
	z-index: 100;
	height: auto;
}
/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */
.js .jquery-background-video {
	opacity: 0;
	-webkit-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}
.js .jquery-background-video.is-visible {
	opacity: 1;
}
/**
 * Pause/play button
 */ 
.jquery-background-video-pauseplay {
	position: absolute;
	background: transparent;
	border: none;
	box-shadow: none;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 15px;
	padding: 0;
	cursor: pointer;
	outline: none !important;
}
.jquery-background-video-pauseplay span {
	display: none;
}
.jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.jquery-background-video-pauseplay.play:before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #FFF;
}
.jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after {
	border-top: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	border-left: 5px solid #FFF;
}
.jquery-background-video-pauseplay.pause:after {
	left: 10px;
}
/*Product*/

ul.list-bullet-color li::marker
{
		color: #009364;
		
}
.list-col {
	position:relative
}
.list-container .list-col {
	display:none;
	position:relative
}
.h-product-item:hover {
	border: 1px solid #dee2e6 !important;
 box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.list-col a, .list-col a:hover {
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s;  /* Firefox < 16 */
	-ms-animation: fadein 0.5s;  /* Internet Explorer */
	-o-animation: fadein 0.5s;  /* Opera < 12.1 */
	animation: fadein 0.5s;
	text-decoration:none;
}
.list-col-item {
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 3px;
}
.list-col-item span.badge {
	position:absolute;
	top: 5%;
	left:10%;
	background-color:#001232;
	color: #fff;
	border-radius: 3px;
	font-weight:400 !important
}
.list-col-item .img-fluid {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.list-col:hover .list-col-item {
	border: 1px solid #c2cad3;
}
.list-col:hover .text-wrap {
	/*display: block; */
	opacity: 1;
	transition: opacity 0.3s;
}
.list-col .text-wrap {
	/*display: none;
	opacity: 0;*/
	position: absolute;
	top: 0%;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.list-col:hover .text-wrap .btn-group {
	/*display: block; */
	opacity: 1;
}
.list-col .text-wrap .btn-group {
	/*display: none;*/
	opacity: 0;
}
.list-col .text-wrap .quick-view {
	position:relative;
	border-radius: 2px;
	padding: 10px 18px;
	/*background: #00aaee;*/
	background: #001232;
	color:#FFFFFF;
	margin: auto 0px;
	text-decoration:none;
}
.list-col .caption-wrap {
	padding: 10px 20px;
}
.list-col .caption-wrap p {
	line-height: 20px;
	font-size:14px;
	color: #3f3e3e;
	font-weight: 500
}