@import url('https://fonts.googleapis.com/css?family=Open+Sans: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");


h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-family: 'IBM Plex Sans', sans-serif; */
}

@font-face {
  font-family: 'atxaesterix';
  src: url('../fonts/atxaesterix.woff2') format('woff2'),
       url('../fonts/atxaesterix.woff') format('woff');
  font-weight: 400; /* 400 = Regular, 700 = Bold */
  font-style: normal;
  font-display: swap; /* Shows fallback text instantly while loading */
}


.atx-regular {
	font-family: "atxaesterix", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.atx-bold {
	font-family: "atxaesterix", sans-serif;
	font-weight: 700;
	font-style: bold;
}

html {
	scroll-behavior: smooth;
	touch-action: manipulation;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
	color: #f6f7f9;
	font-size: 0.98rem;
	line-height: 1.5rem;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	font-family: "Open Sans",Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	

}

::-moz-selection,
::-webkit-selection,
::selection {
	color: white;
	background: #FFDA03 !important;
}

/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #ededef;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #333;
}

/**SCROLLBAR**/
.bg-light {
	background: #bfc1c1 !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-yellow {

color: #FFDA03;
}
.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: #121314 !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);
}

.bg-darkblue {
	color: #ffffff;
	background: rgba(3, 27, 49, 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: #ffffff;
	transition: all .4s;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	transition-delay: 0s;
	transition-property: all;
/*text-decoration: underline;*/
}

a:hover {
	color: #FFDA03;
	text-decoration: none;
}

/*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: #FFDA03;
}

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

}

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


}

footer {
	padding-top: 100px;
	background-color: #000000;
	color: rgba(7, 7, 7, 0.5);
	bottom: 0px;
	z-index: 0;
	font-size: 1.0rem;
	border-top: 1px solid #333333;
	/* 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: #FFDA03 !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, #FFDA03 50%, #2b2b2b 0%);
	background-color:#FFDA03;

}

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


.btn:hover .fa.fa-search {
	color:#FFDA03 ;
}

.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: #000000;
}

.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;
	
}

.bg-heading {
	background-image: url("../images/bg-heading.svg");
}

.bg-contact-form {
	background-image: url('../images/ef-logo.svg');
	background-position: right top;
	background-repeat: no-repeat;
}

.bg-company {
	background-image: url('../images/bg-company.webp?10');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000000;
	background-position: center top;
}

.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);
}


.main-category .col {
	border: 1px solid #333333 !important;
		-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}

.main-category .col:hover {
	border: 1px solid #575757 !important;
	-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}


.main-category .item-img img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transition: filter 0.4s ease, -webkit-filter 0.4s ease;
}

.main-category .item-img:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


.main-category .item {
	position: relative;
	-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
	
}

.main-category .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;
}

.main-category .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;
}

.main-category a {
	text-decoration: none;
}
.main-category .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);
	text-decoration: none;
	transition: 700ms;
	-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	width: 100%;
	padding: 10px;
}

.main-category .item:hover .caption{
	color: #FFDA03 !important;
	text-decoration: none;
}



.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 .col {
	border: 1px solid #333333 !important;
	-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}

.product-list .col:hover {
	border: 1px solid #575757 !important;
	-webkit-transition: 700ms;
	/* Safari */
	-moz-transition: 700ms;
	-ms-transition: 700ms;
	-o-transition: 700ms;
	transition: 700ms;
}

.product-list .caption {
padding: 10px 5px;


}

.product-list .caption strong{
font-size: 1.3rem;
text-align: center;
display: block;
}

.product-list p {
	color: white;
	text-decoration: none;

}
.product-list .caption:hover .text-model{
	color: #FFDA03;
	text-decoration: none;
	
}


.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: #FFDA03;
	font-weight: bold;
}

.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: 10%;
	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);
}

.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
}


.product-detail {
	margin-top: 20px;

}

.product-detail .product-model {
	font-size:2.5rem !important;
	font-weight: bold;
	word-spacing: -1px !important;
}

.product-detail .product-title {
	font-size: 1.8rem !important;
	word-spacing: -1px !important;
}

.badge-secondary-outline {

	border: 1px solid #323232;
	color: #323232 !important;
	border-radius: 0;

}