@charset "UTF-8";

:root {
	--primary: #E01C24;
	--yellow: #FFD600;
	--red: #E01C24;
	--ftrbg: #27242C;
	--white: #fff;
	--text: #464646;
	--black: #000;
	--productBG: #F2F2F2;
	--strokeBG: #D2D2D2;
	--catBG: #E5E5E5;
	--loadMore: #9D9D9D;
	--darkYellow: #CFA949;
	--seprator: #939393;
	--btnBorder: #B7B7B7;

	/*---- for home ---*/
	--yellowbg: #f9d71b;

	/*---- for home end ---*/

	--font75: 75px;
	--font72: 72px;
	--h1: 48px;
	--h2: 42px;
	--h3: 32px;
	--h4: 24px;
	--font22: 22px;
	--font20: 20px;
	--font18: 18px;
	--font16: 16px;
	--font14: 14px;
	--font13: 13px;
	--font12: 12px;


	--weight200: 200;
	--weight300: 300;
	--weight400: 400;
	--weight600: 600;
	--weight700: 700;
	--weight800: 800;
	--weight900: 900;

	--body-font: 'Poppins', sans-serif;
	--title-font: 'Poppins', sans-serif;

}


/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #E01C24; 
  border-radius: 10px;
}

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

@media (max-width:1440px){
  .custom-pro-width li{width:20%;}

}
@media (max-width:1024px){.custom-pro-width li{width:20%;}
.down-left img{width:100%;}
.down-right img{width:100%;}
.down-right{top:-10px;right:-83px;}
.down-left{top:-6px;left:-160px;}
.visual-left h1{font-size: 28px;}

}
@media (min-width:1024px){
  .venobox.large img{height:508px; width:100%;}
  .custom-pro-width.mcb li{
    width: 25%;
  }
}
@media (max-width:991px){.custom-pro-width li{width:25%;}
.products-tab.tab-media ul li{width:calc(100%/4);}
.switch-tab{margin-bottom:40px;}
.switch-tab.led{margin-bottom:0px;display:block;}
.switch-tab.led ul li{width:100%;margin-bottom:0;border-bottom:0;width:32% !important;}
.download-catalogue{height:300px;}
ul.custom-pro-width.plate li{width:25% !important;}
.switch-tab ul li{width:100%;margin-bottom:0;border-bottom:0;width:calc(98%/4) !important;}
.switch-tab ul li a{line-height:30px;font-size:14px;}
.switch-tab ul{line-height:0px;background-color:#fff;display:none;-webkit-transition:opacity .4s ease, top .45s ease, margin-top .4s ease;transition:opacity .4s ease, top .45s ease, margin-top .4s ease;}
.switch-tab ul li.active a{color:#f45302;background-color:#f7f7f7;}
.products-tab.wire ul li a{font-size:12px;}
.products-tab ul li a{font-size:15px;}
.owl-carousel .owl-item img{width:100% !important;}
.down-left img{width:76%;}
.down-right img{width:76%;}
.down-right{top:-9px;right:-134px;}
.down-left{top:-6px;left:-160px;}
.download-catalogue .download h3{font-size:21px;}
.download-catalogue .download a{font-size:14px;padding:9px 27px;}
.light-design .item-img img{height:100%;width:100%;}
.light-design .item-contant .product-list.wire img{margin-left:-35%;width:80%;}
.light-design .item-img.img-led img{height:100%;width:auto;}
}
@media (min-width:850px) and (max-width:1024px){.container{width:800px;}
.light-design .item-contant .product-list img{width:44%;padding:4px 0;}
.light-tittle{font-size:15px;}
.product-catgory li p{font-size:13px;}
.product-catgory li .img-pro img{width:60%;}
.product-catgory li:hover .overley{height:100%;}
.product-catgory li:hover .img-pro img{width:70%;}
.product-catgory li:nth-child(3):hover .img-pro img{width:70%;}
.product-catgory li:last-child:hover .img-pro img{width:70%;}
.vh-nav .navbar-nav > li > a{font-size: 14px;padding: 5px 8px;}
}
@media (max-width:860px){
  .vh-nav .navbar-nav > li > a{font-size: 14px;padding: 5px 8px;}
  a.navbar-brand img {width: 100%;transition: 0.5s all ease-in-out;}
}
@media (max-width:768px){.vedio-blog .vedio-area, .vedio-blog .blog-area{width:100%;}
.banner-mobile{display:block !important;}
.light-tittle{font-size:15px;}
.vedio-blog .blog-area{margin-bottom:50px;}
.owl-carousel .owl-item img{width:100% !important;margin-top:20px;}
.blog-post{margin-bottom:20px;height:420px;}
.custom-pro-width li{width:33.3%;}
ul.custom-pro-width.plate li{width:33.3% !important;}
.light-design .item-contant .product-list img{width:54%;padding:4px 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover{color:#000;background-color:#e5e5e57a;}
.down-left img{width:60%;}
.down-right img{width:60%;}
.down-right{top:132px;right:-98px;}
.custumer-care{background-size:inherit;}
.down-left{top:125px;left:-139px;}
.download-catalogue .download h3{font-size:25px;margin-top:57px;}
.download-catalogue .download a{font-size:15px;}
.vh-hidden-m{display:none;}
.about-fullon h3{font-size:17px;}
.about-fullon h3 span{font-size:25px;}
.switch-tab{margin-bottom:45px;}
.switches-design .item-contant{padding:10px 30px 74px 30px;}
.vh-banner-p:before{}
.vh-banner-p.custom-c{height:300px;}
.product-catgory li p{font-size:13px;}
.custom-pro-width li{width:50%;}
.download-btn a:first-child{display:none;}
.download-btn a{padding:9px 45px;font-size:16px;}
}
@media (max-width:767px){.vedio-blog .vedio-area{height:300px;}
.v-overlay{height:300px;}
.switches-design .item-img{height:auto !important;}
.switches-design .item-img img{height:auto;}
.vedio-blog .vedio-area .v-overlay a img{width:100px;height:100px;}
.product-catgory li p{font-size:15px;}
.call-now ul.contact-f li{width:100%;}
.product-catgory li .overley{width:7%;}
.cover-plate h3 li a{float:left;display:inline-block;}
.cover-plate h3 li{padding-top:30px;display:inline-block;}
.cover-plate h3{padding-top:20px;}
.cover-plate{padding:15px 0 1px 15px;margin:20px 0px 3px 0;}
a.toggle.dropdown-m:after{content:"\f107";position:absolute;top:8px;right:20px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:22px;text-rendering:auto;visibility:hidden;transition:all 0.5s ease-in-out;transform:rotate(90deg);}
a.toggle.dropdown-m.active:after{transform:rotate(0deg);transition:all 0.5s ease-in-out;}
.nav-mobile.mobile-nav .toggle.dropdown-m:after{visibility:visible;}
body .vh-nav{height:110px;position:fixed !important;top:0;left:0 !important;margin:auto !important;}
.banner-mobile{margin-top:110px;}
.custom-container{width:100%;padding:0;}
.nav-mobile{display:block;visibility:visible;}
.mix-area{margin-top:160px;}
.vh-nav .navbar-toggle{border:none;margin-top:39px;padding:8px 9px 4px 9px;}
.nav-scroll .navbar-toggle{margin-top:13px;padding:4px 9px 0px 9px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;border:none;}
.navbar-default .navbar-toggle .menu-text{font-size:12px;color:#f36f21;font-weight:bold;line-height:0;}
.vh-nav .navbar-collapse .navbar-nav{margin:0 -15px;}
.nav-scroll .navbar-toggle .menu-text{font-size:10px;color:#f36f21;font-weight:bold;line-height:0;position:relative;top:-3px;}
.navbar-toggle .icon-bar{display:block;width:40px;height:4px;border-radius:7px;}
.nav-scroll .navbar-toggle .icon-bar{background-color:#f36f21;width:40px;height:4px;}
.vh-nav .navbar-toggle .icon-bar{background-color:#ffff;}
.navbar-default .navbar-collapse{background:#fff;width:50%;margin-top:31px;float:right;overflow:unset;}
.nav-scroll .navbar-collapse{background:#fff;width:50%;margin-top:10px;float:right;overflow:unset;}
.vh-nav .navbar-nav > li > a{padding:9px 15px;margin:0;color:#000;line-height:30px;box-shadow:0 1px 4px 0px #dedede;font-size:13px;z-index:unset;}
.vh-nav ul li:hover > ul, .vh-nav ul li:hover > .hg_mega_container{z-index:10000;}
.vh-nav ul ul.sub-menu{position:inherit;}
.vh-nav ul ul.sub-menu{position:inherit;display:none;}
.vh-nav ul li:hover .sub-menu{display:block;}
.call-now .img-right, .call-now .img-left{display:none;}
.banner-p-list li a{font-size:12px; color:#fff !important;}
.site-map-area h3{font-size:17px;text-transform:uppercase;margin-top:8px;}
.vh-nav .p-mega-container{display:none;}
.site-map-area{margin-top:110px;height:64px;}
.products-tab ul li{padding:0;width:33.33%;}
.light-design.light-led .item-contant{padding:20px 30px;}
.led-light .light-design.light-led{padding-bottom:25px;height:auto !important;}
.light-design .item-img.img-led img{width:100%;}
.single-product .pro-right-w ul li{width:163px;float:left;margin-right:20px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#000;padding:9px 39px;line-height:17px;box-shadow:0 1px 4px 0px #dedede;font-size:13px;}
.product-catgory li{width:100%;}
.footer-nav{margin-bottom:2px;position:relative;}
.footer .footer-nav h3, .footer .contact-social h3{width:100%;background:#f9f9f9;padding:15px 50px 15px 15px;margin-bottom:0;color:#8c8c8c;font-size:14px;}
.footer .footer-nav ul li{padding:5px 15px;border:1px solid #e4e4e4;border-width:1px 1px 0px 1px;}
.footer .footer-nav ul li:last-child{border-bottom:1px solid #e4e4e4;}
.footer .footer-nav ul{display:none;}
.footer .footer-nav h3:after, .footer .footer-nav h3:before{-webkit-transition:.5s all ease-out;transition:.5s all ease-out;display:inline-block;content:'';width:11px;height:1px;background:#626262;position:absolute;top:25px;right:15px;opacity:1;}
.footer .footer-nav h3:before{opacity:1;-webkit-transform:rotate(90deg);transform:rotate(0deg);}
.footer-nav h3.active:before{-webkit-transform:rotate(0deg);transform:rotate(90deg);opacity:1;}
#scroll-banner{margin-top:52px;}
.products-tab.wire ul li{width:50%;}
.products-tab.boy-nav ul li{width:50% !important;}
.single-product .pro-left-w{height:300px;}
.visual-left{
  text-align: center;
}

.visualiser_h .visual-right img {
    height: auto;
}

}

@media (max-width:580px){.product-catgory li p{font-size:12px;}
.heading-cat{margin-bottom:20px;}
a.download-btn{margin-bottom:5px;}
.right-d{float:left;text-align:center;width:100%;}
.sub-footer .copyright p{text-align:center;}
.about-fullon.color-black h3 span{display:block;border-right:none;}
.about-fullon h3 span{display:block;border-right:none;}
/*.product-catgory li:last-child p{left:-57px;}*/
.products-tab ul li a{padding:0 10px;font-size:14px;line-height:45px;}
.vh-banner-p{padding-top:105px;height:250px;}
.products-tab ul{margin-top:-25px;}
.btn-mobile{font-size:12px;}
.switch-tab.led ul li, .switch-tab ul li{width:49% !important;}
.light-design .item-contant .product-list img{width:75%;padding:4px 0;}
.products-tab.light-outdoor ul li{width:calc(100%/2) !important;border:1px solid #e8e8e8;}
.products-tab.light ul li{width:calc(100%/3) !important;border:1px solid #eae8e8;}
.single-product .pro-right-w ul li{width:118px;}
.owl-carousel .owl-item img{width:100% !important;}
.download-catalogue .download h3{font-size:20px;margin-top:40px;}
.down-left{top:125px;left:-189px;}
.down-right{top:132px;right:-140px;}
.download-catalogue .download a{font-size:14px;padding:9px 27px;margin-top:3%;}
.custom-link{width:100%;text-align:center;}
.heading h2{font-size:20px;}
.about-fullon h3{font-size:14px;line-height:24px;}
.about-fullon h3 span{font-size:25px;}
.about .heading span{font-size:35px;}
.contact h3{font-size:30px;}
.contact .banner-p-list li a{font-size:15px;}
#scroll-banner{margin-top:30px;}
.light-design .item-img img{width:auto;}
.switches-design .item-contant .modular .img{height:34px;}
.switches-design .item-contant .modular.automation span b{font-size:16px;line-height:28px;}
.item-visual{display: none;}
}
@media (max-width:480px){.light-design .item-contant .product-list img{width:95%;padding:4px 0;}
.products-tab.wire ul li a{font-size:10px;}
.products-tab.tab-media ul li{width:calc(100%/2) !important;}
.products-tab.wire ul li{width:50% !important;}
.vh-nav .mobile-nav{top:60px;}
.nav-mobile{top:60px;}
.banner-mobile{margin-top:60px;}
ul.custom-pro-width.plate li{width:50% !important;}
.product-catgory li{width:100%;}
.blog-post-2 .item-contant{padding:30px 20px;}
.blog-contant{padding:36px 20px;}
.blog-post-2{height:450px;}
.blog-post-2 .item-img img{height:auto;}
.blog-post-2 .item-contant h3{font-size:30px;line-height:40px;}
.blog-post-2 .item-contant p{font-size:14px;}
.heading h2{font-size:18px;}
.download-catalogue .download h3{font-size:31px;}
.download-catalogue .download a{font-size:16px;padding:8px 20px;margin-top:18%;}
.titulo-equipo{font-size:14px;}
.blog-contant p{font-size:10px;}
.custom-xs{width:100%;}
.vh-banner-p{padding-top:70px;}
.custom-link{width:100%;}
body .vh-nav{position:fixed !important;top:0;left:0 !important;margin:auto !important;height:60px !important;background:#f45302 !important;transition:0.5s all ease-in-out;}
body .vh-nav .navbar-header .navbar-brand{padding:10px 15px;}
body .vh-nav .navbar-header .navbar-brand img{width:200px;}
body .vh-nav .navbar-toggle{margin-top:13px;padding:5px 9px 5px 9px;}
.site-map-area{margin-top:60px;min-height:80px;}
.products-tab ul li a{padding:0 4px;font-size:13px;line-height:42px;font-weight:500;}
.products-tab ul li{width:calc(100%/3) !important;}
.navbar-default .navbar-collapse{margin-top:8px;}
.download-catalogue .download h3{font-size:20px;margin-top:40px;}
.down-left{top:125px;left:-189px;}
.down-right{top:132px;right:-140px;}
.download-catalogue .download a{font-size:14px;padding:9px 27px;margin-top:3%;}
.call-now ul li a{font-size:30px;}
.call-now ul.contact-f li h4{font-size:24px;}
.about-fullon h3 img{display:block;border-right:none;}
}
@media (max-width:375px){.custom-pro-width li{width:100%;}
.product-catgory li p{font-size:12px;}
/*.product-catgory li:last-child p{left:-57px;}*/
}











* {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
}

h1 {
	font-family: var(--title-font);
	font-weight: var(--weight400);
}

h2 {
	font-size: var(--h2);
	font-weight: 600;
	line-height: 1;
}

h3 {
	font-size: var(--h3);
	font-weight: var(--weight700);
	line-height: 1.3;
}

h4 {
	font-size: var(--h4);
	font-weight: var(--weight700);
}

p {
	font-weight: 350;
	;
}

body {
	color: var(--text);
	font-size: var(--font18);
	line-height: 1.5;
	font-family: var(--body-font);
	overflow-x: hidden;
	font-weight: var(--weight300);
	margin: 0;
	padding: 0;
}

:focus {
	outline: -webkit-focus-ring-color auto 0;
}
.careersright-block p{
	font-weight: var(--weight300);
	font-size: 16px;
}
.careersright-block h5{
	font-weight: var(--weight700);
	font-size: 16px;
	line-height: 1.5;
	text-transform: none;
}
a,
a:hover,
a:focus,
a:visited {
	outline: 0;
	text-decoration: none;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
}

button::-moz-focus-inner {
	outline: 0;
}

button:focus {
	outline: 0px dotted;
	outline: 0px auto -webkit-focus-ring-color;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	list-style-type: none;
	text-decoration: none;
}

::selection {
	background: #ed1b2d;
	color: #ffffff;
}

a {
	font-family: var(--body-font);
	cursor: pointer;
}

/*---------------------------------- main top header css ----------------------------*/
/*#main-wrapper{
	width: 100vw;
  height: 100vh;
  overflow: auto;
}
.main-hm-header header {
	background-color: transparent;
	box-shadow: 0 0 0px 0px rgb(0 0 0 / 50%);
}

.main-hm-header header {
	border-bottom: 1px solid #000000;
}*/
.main-hm-header{
	position: fixed;
	left: 0;
	top: 0;
	height: auto;
	width: 100%;
	background: rgb(255, 255, 255);
	transition: ease 0.4s;
  	z-index: 100;
}


.mainheader,
.partners-block {
	display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 0 auto;
}
.partners-block {
	width: 960px;
}
.partnerscol {
	width: 175px;
    margin: 0 auto;
}
.partnerscol img { width: 100%;}
.mainheader {
	justify-content: space-between;
}

header {
	padding: 16px 28px 0px;
}

.headerleft {
	width: 60%;
	display: flex;
	align-items: flex-end;
}

.headerright {
	width: 40%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 20px;
}

.logo {
    width: 120px;
    margin: 0 50px 16px 0;
}
.introheading p {
	max-width: 75%;
	margin: 0 auto;
}
.introheading h2 {
	padding-bottom: 50px;
}
.navigation {
	padding-right: 12%;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: block;
	color: var(--black);
	font-size: var(--font16);
	padding: 0 17px;
}

nav ul li a:hover {
	color: #ed1b2d;
}

.searchform form {
	position: relative;
}

.searchform form input {
	border: 1px solid #000000;
	border-radius: 31px;
	font-size: 14px;
	line-height: 19px;
	color: var(--black);
	padding: 8px 12px;
	width: 287px;
	background-color: transparent;
}

.searchform form span {
	position: absolute;
	right: 13px;
	top: 6px;
	transform: rotateY(180deg);
}

.navcontact {padding-left: 1rem;}
.headerright .searchform{margin-left: 1rem;}

.navcontact h4 {
	color: var(--black);
	font-size: var(--font18);
	font-weight: var(--weight400);
}

.navcontact h4 span {
	display: block;
	font-size: var(--font20);
	font-weight: var(--weight700);
}
.navcontact h4 span a { color: var(--black);}
.navcontact h4 span a:hover { color: var(--primary);}
/* .headerup {
	transform: translateY(-100%);
} */

header {
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 500;
	-webkit-transition: transform .34s ease;
	transition: transform .34s ease;
	background-color: var(--white);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .5)
}

.main-hm-header header.sticky {
	background-color: var(--white);

}
.navbar {
	padding: 0px;}
.mob-nav { display: none;}
@media screen and (min-width: 1150px) {
	.navbar {
		padding: 0px;
		align-items: flex-end;
	}

	.navbar-brand {
		display: inline-block;
		padding: 0;
		margin-right: 0;
	}

	.navbar-collapse {
		align-items: flex-end;
	}

	.navbar .nav-item {
		padding: 0;
		margin: 0 15px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 10px 0 15px 0;
		position: relative;
		font-weight: 400;
	}

	.navbar-expand-lg .navbar-nav li {
		position: relative;
	}

	.navbar-expand-lg .navbar-nav li:after {
		content: '';
		display: block;
		width: 0;
		height: 3px;
		background: #E01C24;
		transition: width .3s;
	}

	.navbar-expand-lg .navbar-nav li:hover::after {
		width: 100%;
		transition: width .3s;
	}

	/*.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus, .navbar-expand-lg .navbar-nav .nav-link:visited {
		border-bottom: 3px solid #FF0000;
	}
	.navbar-expand-lg .navbar-nav li:hover .nav-link { border-bottom: 3px solid #FF0000;}
	.navbar .dropdown:hover .dropdown-menu,
	.navbar .dropdown .dropdown-menu:hover {
		display: block !important;
	}
	*/

	.navbar .dropdown {
		position: relative;
	}

	.navbar .headdropdown-menu {
		width: 100%;
		left: -100%;
		right: 0;
		top: auto;
		margin: 3px 0 0;
		border: 0;
		background: rgba(255, 255, 255, 0.76);
		backdrop-filter: blur(4px);
		border-radius: 0px 0px 20px 20px;
		padding: 15px;
		z-index: 99;
		position: absolute;
		display: none;
	}

	.codropdown .headdropdown-menu {
		width: 500px;
	}

	.prdropdown .headdropdown-menu {
		width: 880px;
	}

	.navbar .headdropdown-menu ul li {
		width: 18%;
		transition: all 0.4s linear;
	}

	.navbar .headdropdown-menu ul li:after {
		display: none;
	}

	.codropdown .headdropdown-menu ul li {
		width: 32%;
	}

	.navbar .headdropdown-menu ul li a {
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		color: #000000;
		padding: 16px;
	}

	.navbar .headdropdown-menu ul li:hover {
		background: #F2F2F2;
		border-radius: 12px;
	}

	.navbar .headdropdown-menu ul li a img {
		display: block;
		margin: 0 auto 15px;
		width: 36px;
		height: 26px;
	}

	.dropnavlist ul {
		display: flex;
		justify-content: left;
	}
}

.container {
	max-width: 88%;
}

.main-wrapper {
	margin-top: 85px; 
}

/*---------------------------------- Home css ----------------------------*/
.home-wrap{
	background: #000;
}
.homewrap section {
	width: 100%;
	height: 100vh;
}
.sectionwrap {
	overflow: hidden;
}
.hmbanner {
	position: relative;
	background-image: url(../images/switch-better-world.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.hmbanner-overlay {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hmbannerwrap {
	position: relative;
	z-index: 2;
	color: var(--white);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	height: 100vh;
	text-align: center;
}

.hmbanner-first-slide {
	width: 100%;
	display: block;
	position: absolute;
	opacity: 1;
}

.hmbanner-first-slide h2,
.hmbanner-second-slide h2, .panel h2 {
	font-family: var(--title-font);
	font-size: var(--font75);
	font-weight: var(--weight600);
	line-height: 1.1;
	/*padding-bottom: 36px;*/
}
.hmbanner-second-slide h2{padding-bottom: 0;}
#switches{
	background:#000;
	position: relative;
	height: 100vh;
}
#switches h2{
	/*position: absolute;
	top: 150px;
	left: 100px;
	opacity: 0;*/
	font-family: var(--title-font);
	font-size: var(--font75);
	font-weight: var(--weight400);
	line-height: 1.1;
	color: #fff;
	padding-bottom: 30px;
}
#switches .switchvdobg{
		width: 66vh;
		height: 55vh;
		overflow: hidden;
	}
	#switches .switchvdobg img{
		width: auto;
		height: 100%;
	}
#switches .video-background, #home-auto .home-auto-bg {
	width: 100vw;
	height: 100vh;
	}
#switches .video-background {
		position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 10%;
	}
#switches .video-background-mob{display: none; width: 100vw;
  height: 100vh;}

.sec-intro-block{
	position: absolute;
	top: 15%;
    left: 6%;
	z-index: 99;
}
.sec-intro-block.bottom{
	bottom: 15%;
	top: auto;
}

.yellow {
	color: var(--yellowbg);
}

.pink {
	color: #FB377E;
}

.blue {
	color: #3BD6E0;
}
div.sectionwrap section{
	width: 100vw;
	/*height: 100vh;*/
}

.hmbanner-second-slide {
	opacity:1;
    display: flex;
    align-items: center;
	justify-content: left;
	width: 50%;
}
.appear-border {
	border: 5px solid #FFFFFF;
	padding: 60px 70px;
	opacity:0;
	width: 540px;
    margin-right: -270px;
    margin-left: auto;
}

.hmbanner-second-slide .horzline svg{
	width: 100%;
    height: auto;
}
#left-side,
#top-side,
#right-side,
#bottom-side {
  position: absolute;
  background: none transparent;
  width: 0px;
  height: 0px;
}


#left-side {
  left: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
}

#top-side {
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

#right-side {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}

#bottom-side {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
}

.light-progress-bar {
	position: absolute;
	width: 35px;
	height: 100vh;
	right: 56px;
	bottom: 0;
	left: auto;
	z-index: 4;
}

.progress-line {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 36vh;
	/*360px*/
	width: 3px;
	background-color: #fff;
	border-radius: 3px;
}

.sun-icon {
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 9;
	left: -14px;
	display: block;
	top: 95%;
	cursor: pointer
}

.scrolldown {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	margin: 0 auto;
	text-align: center;
}

.scrolldown a {
	color: var(--white);
	font-size: 18px;
}

.scrolldown a span {
	display: block;
}

.scrolldown img {
	width: 20px;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.horzline {
    width: calc(100% - 270px);
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.hmproducts-panel {
	background-color: var(--yellowbg);
}
.hmproducts-panel .item{
	width: 100%;
	height: 100vh;
}

.hmabout-wrap1, .hmabout-wrap2, .hmabout-wrap3 {
	position: relative;
	width: 100%;
}
/*section.hm-about-panel {
	height: 100% !important;
}*/
/*#aboutus.panel {
	height: 100% !important;
}*/
.switches-panel{
	background-color: #000;
	/*height: 100vh !important;*/
	overflow: hidden;
}
 .hm-about-panel {
	background-color: var(--yellowbg);
	/*height: 100vh !important;*/
	overflow: hidden;
}
.hm-automation-panel, .home-auto-bg {
	background: rgb(173,0,0);
	background: linear-gradient(293deg, rgba(173,0,0,1) 0%, rgba(125,21,21,1) 100%);
	background: -webkit-linear-gradient(293deg, rgba(173,0,0,1) 0%, rgba(125,21,21,1) 100%);
	background: -o-linear-gradient(293deg, rgba(173,0,0,1) 0%, rgba(125,21,21,1) 100%);
}
#fans {
	background: rgb(0,180,255);
	background: linear-gradient(293deg, rgba(0,180,255,1) 0%, rgba(0,109,202,1) 35%);
	background: -webkit-linear-gradient(293deg, rgba(0,180,255,1) 0%, rgba(0,109,202,1) 35%);
	background: -o-linear-gradient(293deg, rgba(0,180,255,1) 0%, rgba(0,109,202,1) 35%);
}
#led-lights {
	background: rgb(251,145,0);
	background: linear-gradient(293deg, rgba(251,145,0,1) 0%, rgba(177,60,0,1) 100%);
	background: -webkit-linear-gradient(293deg, rgba(251,145,0,1) 0%, rgba(177,60,0,1) 100%);
	background: -o-linear-gradient(293deg, rgba(251,145,0,1) 0%, rgba(177,60,0,1) 100%);
}
.mcb-panel {
	background: rgb(165,0,162);
	background: linear-gradient(293deg, rgba(165,0,162,1) 0%, rgba(109,1,139,1) 100%);
	background: -webkit-linear-gradient(293deg, rgba(165,0,162,1) 0%, rgba(109,1,139,1) 100%);
	background: -o-linear-gradient(293deg, rgba(165,0,162,1) 0%, rgba(109,1,139,1) 100%);
}
.wires-panel {
	background: rgb(193,0,50);
	background: linear-gradient(293deg, rgba(193,0,50,1) 0%, rgba(161,0,58,1) 100%);
	background: -webkit-linear-gradient(293deg, rgba(193,0,50,1) 0%, rgba(161,0,58,1) 100%);
	background: -o-linear-gradient(293deg, rgba(193,0,50,1) 0%, rgba(161,0,58,1) 100%);
}
.hm-app-panel {
	background: rgb(201,42,48);
	background: linear-gradient(293deg, rgba(201,42,48,1) 0%, rgba(123,0,90,1) 100%);
	background: -webkit-linear-gradient(293deg, rgba(201,42,48,1) 0%, rgba(123,0,90,1) 100%);
	background: -o-linear-gradient(293deg, rgba(201,42,48,1) 0%, rgba(123,0,90,1) 100%);
}
.trending-panel {
	background-color: #c40001;
}

.ledimg {
	width: 400px;
	
}
.fansimg img, .ledimg img, .wireimg img {
	width: 100%;
}

.sliderwrap {
	/*display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(100vh - 0px);
	flex-wrap: wrap;*/
	height: 100vh
}

.slidehead {
	color: var(--black);
	position: absolute;
	top: 15%;
	left: 100px;
}

.slidehead h2, .hmproducts-panel .item h2, .hmappdes h2 {
	font-size: var(--font75);
	line-height: 1;
	font-family: var(--title-font);
	font-weight: var(--weight400);
	padding-bottom: 30px;
}

.sliderleft {
	width: 70%;
}

.sliderimg-right {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 30%;
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
}

.sliderimg-right img {
	width: 20vw !important;
}

.sliderimg2 {
	margin-top: 70px;
}
.set2 {
	display: none;
}
.slider-prdct-left {
    position: relative;
    width: 100%;
}
.swhorzline {
	position: absolute;
    left: 0;
    width: 20.5%;
    height: 60px;
    bottom: 26%;
}
.swhorzline svg { width: 100%;}
.prdctimg {
	position: absolute;
    left: 20%;
    width: 20vw;
    bottom: 15%;
}
.patternimg1 {
	position: absolute;
    width: 35%;
    left: 100px;
    bottom: 50px;
}
.patternimg2 {
	position: absolute;
    width: 32%;
    right: 35%;
    bottom: 50px;
    transform: translateY(-50%);
    transform: rotate(180deg);
}
/*------- Home Automation  --------*/
#home-auto{
	position: relative;
	height: 100vh;
	overflow: hidden;
}
#home-auto h2, #led-lights h2{
	font-family: var(--title-font);
	font-size: 68px;
	font-weight: var(--weight400);
	line-height: 1.01;
	color: #fff;
	padding-bottom: 30px;
}
.home-auto-sofa {
    width: 41%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.home-auto-mobile {
    width: 24%;
    position: absolute;
    right: 10%;
    bottom: 0;
}
span.slide-circle {
    position: absolute;
    /*width: 18px;
    height: 18px;*/
    background: #fff;
    border-radius: 50%;    
	top: 0;
	width: 10%;
    height: 160%;
}
.slide-circle-wrap {
    position: absolute;
    left: 25%;
    right: 19%;
    bottom: 19%;
    height: 5%;
	
}
.home-auto-redseclight {
    width: 7%;
    position: absolute;
    left: 40%;
    bottom: 35%;
    top: 0;
}
.home-auto-redseclight img {
    position: absolute;
    bottom: 0;
}
.light-string{
	width: 2px;
	height: 80%;
	background-color: var(--black);
	position: absolute;
	left: 50%;
	top: 0;
}
.prpl-light{
	opacity: 0;
}
.home-autoline {
    position: absolute;
    height: 34%;
    overflow: hidden;
    width: 100%;
}
.home-autoline svg {
    position: absolute;
    bottom: 0;
    right: 20%;
	height: 100%;
    width: auto;
}
.home-auto-connectbox{
	position: absolute;
	top: 33%;
    right: 18%;
    width: 9%;
}
.home-auto-bklight{
	position: absolute;
	bottom: 0;
	left: 19%;
    width: 51%;
	opacity: 0;
	mix-blend-mode: overlay;
}

.hamob-landscape-img {display: block;}
.hamob-portrait-img {display: none;}

.home-auto-sofa img, .home-auto-mobile img, .home-auto-redseclight img, .home-auto-bklight img, .home-auto-connectbox img, .mcbsimg img {
    width: 100%;
}
/*------- Pipes & fitings  --------*/

#pipe-container {
            position: relative;
            height: 100vh;
            width: 100%;
			min-width: 100%;
			left: 50%;
			transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        #pipe-container img{
            width: 100%;
 height: 100%;
        }
        .slide {
            display: block;
			position: absolute;
			height: 110vh;
			width: 120vw;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
        }
        .slide1{
            background-image: url(../images/pipes-1.png);
        }
        .slide2{
            background-image: url(../images/pipes-2.png);
        }
        .slide3{
            background-image: url(../images/pipes-3.png);
        }
        .slide4{
            background-image: url(../images/pipes-4.png);
        }
        .wall{
            background-image: url(../images/wall-bg.jpg);
        }
.pipeswrap {
	position: relative;
}
.pipedes {
    width: 40%;
    position: absolute;
    bottom: 12%;
    right: 0%;
}
/*------- Home About  --------*/
.hmaboutwrap {
	max-width: 575px;
	height: 100vh;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hmaboutwrap:last-child { margin-bottom: 0;}
.hmabout-img img { width: 100%;}
.hmaboutwrap h2 {
	font-size: 60px;
	line-height: 1;
	font-family: var(--title-font);
	font-weight: var(--weight400);
	padding: 40px 0 20px;
	color: var(--black);
}
.hmaboutwrap p {
	font-size: 20px;
	line-height: 1.4;
	padding: 0px 0 30px;
	margin: 0 auto;
    color: var(--black);
    display: block;
    width: 100%;
}
.hmabout-img {
	width: auto;
    margin: 0 auto;
}
.hmaboutbox {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; 
	height: 100vh;
	display: flex;
    align-items: center;*/
	position: relative;
	z-index: 2;
	/* margin-top: 150px; */
	background-color: var(--yellowbg);
	
}
.connectline {
	width: 5px;
    height: 150px;
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.connectline-btm {
	width: 5px;
    height: 150px;
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
section.hm-about-panel {
	/* padding: 150px 0 110px; */
}
.hmabout-wrap2, .hmabout-wrap3 {
    /* margin-top: 110px; */
}
.hmabout-wrap3 .connectline{
	bottom: -150px;
    top: auto;
}
.hmabout-wrap3 .hmaboutbox{
	padding-bottom: 50px;
}

.filmslider.owl-theme .owl-dots .owl-dot span{width: 15px; height: 15px;}

/*------- Fans  --------*/

.fansdes, .ledlightsdes {
	position: absolute;
	bottom: 140px;
	left: 100px;
}
.fansdes h2 {
	padding-bottom: 36px;
}
.fansdes h2 span {
	display: inline-block;
}
.fansimg {
	position: absolute;
    right: 15%;
    top: auto;
    width: 28%;
    height: auto;
    bottom: 0px;
    z-index: 2;
}
.horizonline {
	position: absolute;
    bottom: 15%;
    right: 0;
    width: 28%;
    z-index: 1;
}
.horizonline svg, .lightsline svg, .mcbsline svg { width: 100%; height: auto;}
.svggroup {
    mix-blend-mode: screen;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	z-index: -1;
	text-align: center;
}
/*
.svggroup {
    mix-blend-mode: screen;
    opacity: 0;
    position: relative;
    width: 100vw;
    height: 100vh;
}
.svggroup .circle {
    position: absolute;
    width: 400px;
    height: 400px;
	border-radius: 50%;
	border:1px solid #fff;
    margin: auto;
    top: 13%;
    right: 17%;
}*/
.svggroup .circle {
    position: absolute;
   	width: calc(20px + 120%);
    height: calc(20px + 67.135%);
	border-radius: 50%;
	border:1px solid #fff;
    transform-origin: 50% 50%;
    display: inline-block;
	    transform: translate(-50%,-9%);
	opacity: 0;
}
.fans-panel { overflow: hidden;}

/*-------led Lights --------*/
.ledlightsdes h2 {
	opacity: 0.1;
}
.ledimg {
	position: absolute;
    right: 20%;
    top: 0;
    width: 34vw;
    height: auto;
    z-index: 2;
}
.ledimg .flash{
	position: absolute;
     top: 22.5vw;
    right: 20.5vw;
    width: 77vw;
}
.lightsline {
	position: absolute;
    top: 6%;
    right: 0;
    width: 24vw;
    z-index: 1;
    transform: rotate(180deg);
}
.ledlightswrap {
    overflow: hidden;
}
.lightsline svg{height: auto;}
.led-mob{display: none;}
/*-------Wires cabels --------*/
.wiresdes {
	position: absolute;
	top: 30%;
	left: 100px;
	z-index: 2;
}
.wireimg {
	position: absolute;
    bottom: 100px;
    left: auto;
    right: 0;
    width: 28%;
}
.wirehome {
	position: absolute;
    bottom: 100px;
    left: auto;
    right: 0;
    width: 55%;
}
.wirehome svg {
	width: 100%;
}
.patterndiv {
	position: absolute;
    left: 70px;
    bottom: 40px;
    transform: rotate(270deg);
    width: 50%;
}
.window {
	position: absolute;
    right: 25.5%;
    top: 55%;
}
/*-------MCBS --------*/
#home-protect h2{
	font-family: var(--title-font);
	font-size: var(--font75);
	font-weight: var(--weight400);
	padding-bottom: 30px;
}
.mcbdes {
	position: absolute;
	top: 18%;
	left: 100px;
}
.mcbwrap .patterndiv {
	position: absolute;
	opacity: 0;
    right: 100px;
    left: auto;
    bottom: 90px;
    transform: rotate(180deg);
    width: 40%;
}
.shield {
	position: absolute;
    width: 34vw;
    right: 23%;
    margin: 0 auto;
    bottom: 15%;
    z-index: 0;
}
.mcbsimg {
	position: absolute;
    bottom: 120px;
    right: 13%;
    width: 34vw;
	z-index: 2;
}
.mcbsimg img, .shield img { width: 100%;}
.mcbsline {
    position: absolute;
    bottom: 26%;
    right: -10vw;
    width: 28vw;
    z-index: 1;
    transform: rotate(180deg);
}
/*------- App  --------*/
.hmappdes {
	position: absolute;
	top: 20%;
	left: 100px;
}
.hmappimg {
    position: absolute;
    right: 8%;
    width: 60%;
    bottom: 30px;
}
.hmappline {
	position: absolute;
    right: 0;
    bottom: 25%;
    width: 35%;
    transform: rotate3d(1, 1, 1, 360deg);
}
.hmappline svg { width: 100%; height: auto;}
.hmappwrap .patterndiv {
	position: absolute;
    left: 50px;
    bottom: 10%;
    transform: rotate(270deg);
    width: 45%;
}
.appbtn-wrap {
	position: absolute;
    bottom: 15%;
    left: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	z-index: 3;
}
.storebtn a {
	background-color: transparent;
    border: 1px solid;
    padding: 12px 25px;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    border-radius: 10px;
    text-align: left;
    text-decoration: none;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 10px;
}
.storebtn a span {
	width: 30px;
    display: flex;
	margin-right: 8px;
}
.storebtn a span .lab {
	font-size: 24px;
}
.storebtn a b {
	display: contents;
    text-align: left;
    font-weight: 700;
    font-size: 14px;

}

/*-------trending slider --------*/
.trendingwrap {
	position: relative; padding-bottom:70px;
}
.trendslider.owl-carousel .owl-item {
    position: relative;
    opacity: 0.5;
	transition: opacity 400ms linear;
}
.trendslider.owl-carousel .owl-item.active {
	opacity: 1;
}
.trendslider.owl-carousel .owl-item .item{position: relative;width: 100%;}
.trendslider.owl-carousel .owl-item .item::before{display: block;padding-top:45%;content: "";}

.trendslider.owl-carousel .owl-item img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.trendslider.owl-carousel .owl-item:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height:40%;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 6 10 / 69%) 43%);
}
.trendslider-caption {
	position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    height: auto;
}
.trendslider-caption {
	color: var(--white);
	padding: 35px;
}
.trendslider-caption h3 {
	font-family: var(--title-font);
	font-weight: var(--weight400);
}
.trendslider-caption p{
	width: 60%;
}
.trendslider h4 {
	position: absolute;
	bottom: -15%;
	left: 0;
	color: #f1cf11;
	font-family: var(--title-font);
	font-weight: var(--weight400);
	font-size: 60px;
}
.another-circle {
    stroke-dasharray: 227;
    stroke-dashoffset: 227;
    -webkit-transition: stroke-dashoffset 1s ease-in;
    -moz-transition: stroke-dashoffset 1s ease-in;
    -o-transition: stroke-dashoffset 1s ease-in;
    -ms-transition: stroke-dashoffset 1s ease-in;
    transition: stroke-dashoffset 1s ease-in;
}

.another-circle:hover {
    stroke-dashoffset: 0;
}

.another-circle:hover.color {
    stroke: var(--primary);
}

@keyframes rotate {
    to {
        stroke-dashoffset: 227;
    }
}


/*-------All Wrap css --------*/
 .heightpanel, .ledlightswrap, .wireswrap, .mcbwrap, .automationwrap, .hmappwrap{
	position: relative;
	height: 100vh;
}

/*---------------------------------- about us css ----------------------------*/
.page-banner {
	background: #284b6b;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	/*background-attachment: fixed !important;*/
	/*height: 56.25vh;
	min-height: 420px;*/
	min-height: 18vh;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.page-banner:before {
	content: "";
	position: absolute;
	left: 100px;
	bottom: 0;
	background-image: url(../images/dots.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 40%;
	height: 80%;
	display: none;
}

.background-banner.fans {background: linear-gradient(65.08deg, #00B4FF 10.07%, #006DCA 100%);}
.background-banner.switches {background: linear-gradient(65.08deg, #F9D71B 10.07%, #ecb00d 100%);}
.background-banner.homeauto {background: linear-gradient(65.08deg, #ad0000 10.07%, #9a0000 100%);}
.background-banner.ledlights {background: linear-gradient(65.08deg, #fe9400 10.07%, #b03a00 100%);}
.background-banner.wires {background: linear-gradient(65.08deg, #c10032 10.07%, #7e003b 100%);}
.background-banner.pipesfit {background: linear-gradient(65.08deg, #5ae000 10.07%, #2c6e00 100%);}
.background-banner.homeprotec {background: linear-gradient(65.08deg, #a500a2 10.07%, #360271 100%);}
.aboutus {background-position: 28% 50% !important;}
.blog {background : url(../images/page-banners/blog.jpg); background-position: 14% 50%!important;}
.media {background : url(../images/page-banners/media-banner.jpg); background-position: 14% 50%!important;}
.contact {background : url(../images/page-banners/contact-banner.jpg); background-position: 0% 86%!important}
.locator {background : url(../images/page-banners/store-locator-banner.jpg); background-position: left center!important;}
.client {background : url(../images/page-banners/clientele-banner.jpg); background-position: right center!important;}
.career {background : #E01C24; background-position: right center!important;}
.catalogues {background : url(../images/page-banners/catalogue-banner.jpg); background-position: right center!important;}
.techical-manuals {background : url(../images/page-banners/techical-banner.jpg); background-position: right center!important;}
.innovation {background : url(../images/page-banners/innovation-banner.jpg);}
.award {background : url(../images/page-banners/awards-banner.jpg); background-position: left center!important;}
.aboutus:before, .media:before, .career:before, .contact:before, .locator:before, .client:before .blog:before { display: none;}
.aurteam {
    background: url(../images/page-banners/team-banner.jpg);
	background-position: left center!important;
}
.bannerwrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}
.page-banner .container {
	width: 80%;
}
.background-banner.fans .paligntop {
	top: -17%;
    left: -5%;
    height: 104%;
}
.productimg{
	width: 48%;
	height: 100%;
	margin: 10px 0;
}
.productimg img {
	max-width: 100%;
	height: 100%;
	object-fit:contain;
	max-height: 437px;
}

.page-des {
	width: 530px;
	text-align: left;
	margin: 0 0 0 auto;
	color: var(--white);
}
.page-banner .productimg ~ .page-des{
	margin: 20px 0 20px auto;
	width: 52%;
}
.leftdes {
	margin: 0 auto 0 0;
}
.blacktext {
	color: var(--black);
}
.page-des h5 {
	font-size: var(--font16);
	line-height: 1;
	font-weight: var(--weight300);
	letter-spacing: 0;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.page-des h1 {
	font-family: var(--title-font);
	font-size: var(--h2);
	line-height: 1;
	font-weight: var(--weight600);
}

.page-des p {
	font-size: var(--font18);
	line-height: 1.5;
	font-weight: var(--weight300);
	padding: 20px 0;
	margin: 0;
}


.page-banner:not(.proBanner) .container{
	max-width: 50%;
    width: 50%;
    padding: 0;
    margin: auto 0 auto auto;
}
.page-banner.career .container, .page-banner.client .container{
	max-width: 50%;
    width: 50%;
    padding: 0;
    margin: auto auto auto 0;
}
.page-banner .page-des{
	margin: auto;
    width: auto;
	max-width: 530px;
	padding: 0 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.scrolldwn {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	text-align: center;
	width: 0px;
    height: 0px;
	transition: height 3s linear;
}

.scrolldwn img {
	position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    width: 40px;
}

.intro-block {
	max-width: 916px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 80px;
}

.intro-block p,
.abtvideo-des p,
.partnersright p {
	line-height: 1.7;
	font-size: var(--font20);
}
.abtvideo-des h2 { font-size: 40px;}
.abtvideo-des p {
	color: var(--black);
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
	display: none;
}
.abtvideo {
	background-color: #000;
	position: relative;
	width: 100%;
	height: 420px;
}

.abt-video-panel {
	background-color: var(--yellow);
	padding: 70px 0 20px;
	position: relative;
}

.filmslider .abtvideo .leftLine{
	position: absolute;
	left: 100%;	
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/video-line-after.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	height: 65px;
	width: 65%;
	z-index: -1;
	clip-path: inset(0% 0% 0% 0%);
}

.filmslider .abtvideo .rightLine{
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
    background-image: url(../images/video-line-before.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 20% 50%;
	height: 65px;
	width: 65%;
	z-index: -1;
	clip-path: inset(0% 0% 0% 0%);
}

.mfp-content video {
	width: 100%;
}
.playico {
	position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}
.playico img { width: 100%; transition: all 0.4s linear;}
.playico:hover img {
	transform: scale(1.1);
}
.abtvideo-block {
	max-width: 720px;
	margin: 0 auto 25px;
	text-align: center;
	position: relative;
	z-index: 10;
}

.abtvideo video {
	width: 100%;
	object-fit: cover;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
}

.abtvideo-des h2 {
	padding-bottom: 3px !important;
	margin-top: 30px;
}

.abtvideo-des {
	width: 665px;
	margin: 0 auto;
}

.values-panel {
	background-image: url(../images/core-values-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 115px 0 100px;
	position: relative;
	color: var(--white);
}

.values-panel:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0.51));
}

.valuesleft h2 {
	padding-bottom: 12px;
}

.valuesleft h3 {
	padding-bottom: 12px;
	line-height: 1.3;
}

.valuesright h4 {
	padding-top: 42px;
	padding-bottom: 10px;
}

.valuesright p {
	font-weight: var(--weight300);
	line-height: 1.5;
}

.valuescol {
	display: flex;
	align-items: center;
}

.valuesico {
	width: 72px;
	margin-right: 30px;
}

.valuesico img, .visionico img {
	width: 72px;
}
.vision-panel {
	background-color: #BA1F1F;
	padding: 65px 0;
}
.visionwrap {
	margin-top: -2.5rem;
}
.visioncol {
	color: var(--white);
	margin-top: 2.5rem;
}
.visionico {
	width: 72px;margin-bottom: 20px;
}
.visiondes h4 {
	padding-bottom: 20px;
}
.certification-panel {
	background-color: rgba(242, 242, 242, 0.71);
	padding: 65px 0 72px;
	text-align: center;
}

.certifi-wrap {
	max-width: 535px;
	margin: 0 auto;
}

.certifi-wrap h2,
.partners-panel h2 {
	letter-spacing: -0.015em;
}

.certifi-wrap p {
	color: var(--black);
	padding: 25px 0;
	margin: 0;
}

.certifi-wrap img {
	mix-blend-mode: darken;
	padding: 0 10px;
}

.partners-panel {
	padding: 100px 0 70px;
	text-align: center;
}

.partners-panel h2 {
	padding-bottom: 15px;
}

.partnersleft h3,
.partnersright p {
	color: var(--black);
}

.partners-block {
	padding: 90px 0 0;
}

.partnerscol img {
	width: 150px;
}

.explore-fans-panel {
	padding: 200px 0 100px;
}
.catlistblock{
	align-items: center;
}
.explorelist ul li{
	padding: 10px 0;
	position: relative;
}
.explorelist ul li::after{
	content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
	width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, rgb(185, 185, 185) 0%, #fff 100%);
}

.explorelist ul li:last-child::after{
	background-image: linear-gradient(90deg, #fff 0%, #fff 100%);
}
.explorelist h2,
.explorelist ul li a {
	font-family: var(--title-font);
	white-space: nowrap;
}

.explorelist h2 {
	font-size: var(--font72);
	line-height: 1;
	font-weight: var(--weight400);
	color: var(--red);
	padding-bottom: 20px;
}

.explorelist ul li a {
	font-size: var(--h1);
	line-height: 1.5;
	color: #D0D0D0;
	transition: all 0.4s linear;
}

.explorelist ul li a:hover {
	color: #ba1f1f;
	padding-left: 10px;
}

.productcolumn {
	text-align: center;
}

.productcolumn a {
	margin-top: 40px;
}

.productwrap {
	display: flex;
	align-items: center;
}

.productwrap-left {
	margin: 25px 25px 0 0;
	min-width: 50%;
}

.productimg2 {
	/*margin: 25px 0 20px 20px; */
        margin: 25px 0 20px 0px;
}

.productimg1 {
	background-image: url(../images/BG-F-JPG.jpg);
	/*background-color: #d2f0fa;*/
}

.productimg2 {
	/*background-color: #ffe9b0;*/
	background-image: url(../images/BG-F-JPG.jpg);
}

.productwrap-right {
	/*background-color: #8272df;*/
	background-image: url(../images/BG-F-JPG.jpg);
	min-width: 50%;
}

.productwrap-left img,
.productwrap-right img {
	width: 100%;
}

.explorelist ul li a.active {
	font-size: var(--font72);
	line-height: 1;
	font-weight: var(--weight400);
	color: var(--red);
	padding-bottom: 20px;
}

.prdetls {
	margin-top: 12rem !important;
}

/* Style the tab content */
.tabcontent {
	padding: 6px 12px;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
}



/*----------------------------------Media Page css ----------------------------*/
.column {
  float: left;
  width: 50%;
  display: none;
	transition: all 350ms;
	
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.secpanel {
	padding: 142px 0 100px;
}
.secpanel h2{
	font-weight: 600;
}
#media-filter-list a, .filters ul li {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.005em;
	color: var(--black);
	padding: 0 15px;
	cursor: pointer;
}
.filters ul li.active {
  color: #ED1B2D;
}
.mediagridheader {
	display: flex;
	justify-content: space-between;
}
.sortmedia-btn {
	border: 1px solid #494949;
border-radius: 64px;
	font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;

color: #494949;
}
.sortmedia-btn:focus {
	border: 1px solid #494949;
	color: #494949;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%);
}
.filters-content {
	padding-top: 50px;
}
.mediacol {
  background-color: white;
  padding: 28px 25px;
	transition: 1s;
}

.show {
  display: block;
	opacity: 1;
  visibility: visible;
  
}

.mediacol a  {
	color: #000;
}
.mediacol h5, .singlepost-wrap h5 {
	font-size: 12px;
	color: #ED1B2D;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.mediacol h4 {
	font-size: var(--font22);
	font-weight: var(--weight800);
	text-transform: uppercase;
	padding-bottom: 5px;
}
.mediacol p {
	font-size: var(--font14);
}
.mediacol .date {
	font-size: 12px;
	padding-bottom: 15px;
}
.latestcol .mediacol .mediaimg {
	position: relative;
	margin-bottom: 20px;
	height: 320px;
	overflow: hidden;
}
.latestcol .mediaimg img {
	position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	transition: 1s;
  transform: scale(1);
}
.mediacol:hover .mediaimg img {
  transform: scale(1.2)
}
.latestcol .medialike {
	position: absolute;
    bottom: 25px;
    color: #fff;
    left: 25px;
    font-size: 12px;
	font-weight: var(--weight700);
}
.latestcol {
	margin-bottom: 80px;
}
.col-sm-6.latestcol:first-child { border-right: 1px solid #B7B7B7;}
.gridrow .mediacol a {
	display: flex;
}
.gridrow .mediacol {
	border-bottom: 1px solid #D2D2D2;
}
.gridrow .mediaimg { height: auto; width: 400px; overflow: hidden;}
.gridrow .mediaimg img { position: relative; transition: 1s;
  transform: scale(1);}
.gridrow .mediacol h5 {
	width: 20%;
}
.gridrow .mediades {
	width: 60%;
    padding: 0 25px;
}
.gridrow .medialike {
	position: relative;
    color: var(--black);
    font-size: 12px;
	font-weight: var(--weight700);
	margin-top: 1rem;
}
.loadmore {
	text-align: center;
	margin: 45px auto 0;
	padding: 45px 0;
}
.loadmore a {
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	letter-spacing: 0.325em;
	color: #9D9D9D;
	transition: all 0.4s linear;
}
.loadmore a:hover {
	color: #ed1b2d;
}
.instafeed-panel {
	background: rgba(242, 242, 242, 0.71);
	padding: 100px 0;
}

.singlepost-wrap h1 {
	font-family: var(--body-font);
	font-weight: var(--weight700);
	padding-bottom: 10px;
}
.singlepost-wrap h4 {
    font-size: var(--font16);
}
.featureimg {
	margin: 80px auto 0;
}
.media-detail-wrap.secpanel {
	padding: 100px 0;
}
.media-description {
	padding: 50px 0;
}
.media-description h4 {
	padding-bottom: 25px;
}
.media-description p {
    font-weight: var(--weight300);
    margin-bottom: 20px;
}
.highlight-slider {
	padding: 50px 0 100px;
}
.highlight-slider h2, .relposts-wrap h2 {
	padding-bottom: 40px;
}
.postwrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.postcol {
	width: 33%;
	position: relative;
	overflow: hidden;
}
.postdes {
	position: absolute;
	bottom: 0;
	padding: 25px;
	color: var(--white);
}
.postdes .date, .postdes p {
	font-size: 12px; margin: 0;
}
.postdes h4 a {
	font-size: 22px;color: var(--white);
}
.postdes h4 a:hover {
	color: var(--primary);
}
.postlike {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
}
.postlike a {
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
}
.postimg {
	transition: all 0.4s ease;
}
.postcol:hover .postimg {
	transform: scale(1.1);
}
.socialshare {
	display: flex;
	margin-bottom: 120px;
	align-items: center;
}
.socialshare p {
	font-size: 14px;
	color: var(--black);
	font-weight: var(--weight400);
	margin-right: 20px;
	margin-bottom: 0;
}
.socialshare ul li { display: inline-block;}
.socialshare ul li a {
	width: 32px;
    height: 32px;
    background-color: var(--black);
    color: var(--white);
    font-size: 18px;
    border-radius: 50%;
    line-height: 1;
    display: block;
    text-align: center;
    padding: 8px 0;
	margin: 0 3px;
}
.socialshare ul li a:hover {
	background-color: var(--primary);
}
/*----------------------------------innovation page css ----------------------------*/
.midcontainer {
	max-width: 768px;
	margin: 0 auto;
}
.innovation-panel {
	text-align: center;
}
.innovation-panel h4 {
	padding-bottom: 40px;
	line-height: 1.5;
}
.innovation-panel p {
	margin-bottom: 25px;
}
/*----------------------------------award page css ----------------------------*/

.awardcol {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 70px;
}
.awardcol-text {
	width: 49%;
	padding: 0 35px;
}
.awardcol-text h4 {
	font-size: var(--font18);
	font-weight: 300;
}
.awardcol-text h4 span {
	font-weight: var(--weight700);
}
.awardcol-img {
	width: 49%;
	background-color: #C4C4C4;
}

/*----------------------------------button css ----------------------------*/


.pulse:hover,
.pulse:focus {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

button,
.page-des a {
	color: var(--color);
	transition: 0.25s;
}

button:hover,
button:focus,
.page-des a:hover,
.page-des a:focus {
	border-color: var(--hover);
	color: #fff;
}

.page-des a {
	background: none;
	border: 1px solid;
	display: inline-block;
	padding: 12px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
}

.page-des a span {
	width: 18px;
	margin-right: 15px;
	display: inline-block;
}

.borderbtn {
	background-color: transparent;
	border: 1px solid;
	display: inline-block;
	padding: 12px 25px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	transition: all 0.4s linear;
}

.borderbtn:hover,
.borderbtn:focus {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(204, 204, 204, 0);
	background-color: rgb(239 255 255 / 15%);
	border-color: var(--red);
	color: var(--red);
}

.page-des .borderbtn:hover, .sec-intro-block .borderbtn:hover, .fans-panel .borderbtn:hover, .wires-panel .borderbtn:hover, .pipedes .borderbtn:hover, .mcb-panel .borderbtn:hover {
	border-color: #fff;
	background-color: rgb(239 255 255 / 15%);
}
.sec-intro-block .borderbtn{
	font-size: 18px;
	font-weight: 300;
	padding: 7px 20px;
	text-transform: capitalize;
	
}
.sec-intro-block .borderbtn:hover, .fans-panel .borderbtn:hover, .wires-panel .borderbtn:hover, .pipedes .borderbtn:hover, .mcb-panel .borderbtn:hover{
	color: var(--white);
}
.explorebtn {
	color: var(--red);
	border: 1px solid var(--red);
}

.borderbtn.explorebtn:hover {
	/*-webkit-animation: pulse 1s;
	animation: pulse 1s;*/
	box-shadow: 0 0 0 2em rgba(204, 204, 204, 0);
	color: var(--red);
	background-color: #ffebeb;
}
.solidbtn:hover {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(204, 204, 204, 0);
	color: var(--primary);
    background-color: transparent;
}

.sliderbtn.borderbtn, .hmaboutwrap .borderbtn {
	color: var(--black);
	border: 1px solid var(--black);
}
.borderbtn span .las {
    font-size: 25px;
    vertical-align: sub;
}
.locatebtn:hover {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(204, 204, 204, 0);
	color: var(--primary);
    background-color: transparent;
    border: 1px solid var(--primary);
}
.productDescription .borderbtn { margin-top: 15px;}
/* .hmaboutwrap .borderbtn {
	margin-bottom: 40px;
} */
/*----------------------------------category page & details css ----------------------------*/

#description .container_introTxt {
	padding: 0 295px;
}

#description p {
	font-size: var(--font18);
}

#subSubCategories .dropdown {
	
}
.topheader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px!important;
}
.breadcrumb-block { margin-bottom: 50px;}
#subSubCategories .breadcrumb-block { margin-bottom: 0px;}
.topheader .mb-4 { margin-bottom: 0!important;}
.breadcrumb-block, .breadcrumb-block a {
	color: var(--black);
	font-size: var(--font18);
	line-height: 1.1;
	font-weight: var(--weight400);
}
.breadcrumb-block a:hover, .breadcrumb-block a.active {
	color: var(--primary);
}


#subSubCategories label {
	font-weight: var(--weight600);
	font-size: var(--font16);
}

#subSubCategories {
	color: var(--black);
}

#subSubCategories h5 {
	font-weight: var(--weight900);
	font-size: var(--font18);
	padding-bottom: 8px;
}

#subSubCategories input[type='checkbox'] {
	transform: scale(1.5);
}

#subSubCategories .customColor {
	outline-color: var(--red);
	border-radius: 16px;
	font-size: var(--font12);
}

#subSubCategories .productDescription .customColor {
	margin-bottom: 16px;
}

#subSubCategories .dropdown-toggle::after {
	margin-left: 0.555em!important;
	font-size: 1.2rem;
	vertical-align: middle;
}


.sortbydropdown.open .dropdown-menu{
	display: block;
	right: 0;
	left: auto;
}
/*.filterwrap .d-flex.flex-wrap { justify-content: space-between;}*/
.make-sticky {
  position: -webkit-sticky;
	position: sticky;
	top: 50px;
    margin-bottom: 50px;
}

.filterleft.fixed {
  position: fixed;
  top: auto;
}
.productlist-g{
	margin-top: -40px;
	margin-left: -20px;
	margin-right: -20px;
}
.productlist-g > div{
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
#subSubCategories .productHolder {
	border: 1px solid var(--strokeBG);
	border-radius: 17px;
	height: 100%;
	overflow: hidden;
}

#subSubCategories .productHolder:nth-child(3n+3) {
	margin-right: 0px;
}

#subSubCategories .productDescription h3 {
	font-size: var(--font20);
	padding: 0 10px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

#subSubCategories .productDescription span {
	font-size: var(--font12);
}

#subSubCategories .productDescription .seprator {
	min-height: 1px;
	border-bottom: 1px solid var(--strokeBG);
	width: 90%;
	margin: 0 auto 16px;
}

#subSubCategories .productDescription p {
	font-size: var(--font14);
	margin: 0!important;
	font-weight: var(--weight700);
	padding: 0 29px!important;
}

#subSubCategories .productDescription .text-content p:last-child {
	font-weight: var(--weight400);
	font-size: var(--font12);
}

#subSubCategories .imgHolder {
	background: var(--productBG);
	position: relative;
}
#subSubCategories .imgHolder:before{
	display: block;
    padding-top:60%;
    content: "";
}

#subSubCategories .imgHolder img {
	object-fit: contain;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#other_Cat h5 {
	font-size: var(--h2);
	font-weight: var(--weight700);
	color: var(--black);
	padding-top: 65px;
	padding-bottom: 45px;
}

#displayProduct h5 {
	font-size: var(--h2);
	font-weight: var(--weight700);
	color: var(--black);
	padding-bottom: 25px;
}

#other_Cat {
	background-color: var(--catBG);
}

#other_Cat .otherCatHolder {
	padding-bottom: 88px;
}

#other_Cat .d-flex .Cat_container {
	margin-right: 29px;
	margin-bottom: 88px!important;
	overflow: hidden;
	min-width: 33%;
	height: 288px;
	background-color: white;
	position: relative;
	border-radius: 18px;
	display: flex;
    justify-content: flex-end;
}

#other_Cat .d-flex .Cat_container img {}

#other_Cat .d-flex .Cat_container h6 {
	position: absolute;
	bottom: 61px;
	left: 45px;
	font-size: var(--h4);
	font-weight: var(--weight800);
	color: var(--black);
	width: 50%;
	display: inline-block;
	text-transform: uppercase;
}

#loadMore a {
	color: var(--loadMore);
	letter-spacing: 3px;
	font-size: var(--font13);
	margin-bottom: 71px;
	margin-top: 14px;
	display: block;
}


/* ################################### product Details ########################## */

.productDisplay .productHolder {
	margin-right: 35px;
	border: 1px solid #D2D2D2!important;
	border-radius: 17px;
	overflow: hidden;
}

.productDisplay .owl-dots .owl-dot.active span {
	background: var(--red)!important;
	width: 17px;
	height: 17px;
}

.productDisplay .owl-nav.disabled+.owl-dots {
	margin-top: 43px;
	margin-bottom: 80px;
}

.productDisplay .owl-dots .owl-dot span {
	background: #C4C4C4!important;
	width: 17px;
	height: 17px;
}


.productDisplay .productHolder  img {
	display: block; 
	min-height: 170px;
	max-width: 200px;
	margin:0 auto
}

#mainProduct {
	min-height: 500px; 
	margin-bottom: 20px;
}


#mainProduct .container{
 border-bottom: 1px solid #D0D0D0;
 padding-bottom: 30px;
 margin-bottom: 30px;
}

#mainProduct #featuredImg {
	/*position: relative;*/
}
.stick {
	position: fixed;
	top: auto;
}
.make-me-sticky {
  position: -webkit-sticky;
	position: sticky;
	top: 50px;
    
}

.featurewrap.fixed {
  position: fixed;
  top: auto;
}
.featurewrap.bottom {
  position: relative;
  top: auto;
}

#featuredImg:before, .featureslider:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
    background-image: url(../images/products/Vector.png);
    background-size: cover;
    background-position: top center;
    width: 80%;
    height: 100%;
    z-index: -1;
	display: none;
}
#featuredImg img {
	width: 100%;
	margin-top: 90px;
}
.productDescription .customColor {
	border-radius: 17px!important;
}
.product-feature-slider {
	padding-bottom: 60px;
}
.product-feature-slider .owl-item .product-item {
	height: 570px;
}
.product-feature-slider .owl-item .product-item img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.featureslider { position: relative; margin-bottom: 40px;}
.feature-hashnav {
	display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 0 30px;
}
#featureslider_btm .owl-nav{margin: 0;}
#featureslider_btm.owl-carousel .owl-stage { display: flex;}
#featureslider_top .owl-stage-outer { 
	background: radial-gradient(circle, rgba(253,253,253,1) 25%, rgba(204,205,207,1) 100%);
}
#featureslider_btm .owl-item { 
	width: 100%;
    border-radius: 8px;
    background: radial-gradient(circle, rgba(253,253,253,1) 25%, rgba(204,205,207,1) 100%);
    overflow: hidden;}
.hashnavcol img { width: 100%;}


#mainProduct .productDescription #brandLogo_product {
	object-fit: contain;
	height: 65px;
	width: auto;
	padding-bottom: 8px;
}
#tableView .row { padding: 5px 0;}
#mainProduct .productDescription h1, #mainProduct .productDescription .h1 {
	color: var(--black);
	font-size: var(--h4);
	font-weight: var(--weight800);
	font-family: var(--body-font);
}
.brandname h2 {
	font-size: 60px;
	font-weight: var(--weight800);
	/*margin-bottom: 20px;*/
	line-height: 1;
}
.productDescription .ProMetaWrap{
	margin: 30px 0;
}
.productDescription .ProMetaWrap .MetaChild{
	margin-bottom: 30px;
}
.productDescription .ProMetaWrap .MetaChild:last-child{
	margin-bottom: 0;
}
.productDescription .ProMetaWrap .MetaChild .MetaChildLable{
	color: var(--black);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom: 5px;
}
#mainProduct .productDescription .txtContent {
	padding-bottom: 25px;
}

#mainProduct .productDescription .txtContent p {
	color: var(--black);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#mainProduct .productDescription .PriceContent small{
	font-size: 12px;
	color: var(--black);
    font-weight: 700;
    text-transform: uppercase;
	display: block;
}
#mainProduct .productDescription .PriceContent h3{
	line-height: 1;
}
#mainProduct .productDescription .PriceContent .hsn_code p{
	padding-bottom: 10px;
	color: var(--black);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
#mainProduct .productDescription #colorOptn p {
	color: var(--black);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

#mainProduct .productDescription .seprator {
	min-height: 3px;
	border-bottom: 1px solid var(--seprator);
	width: 100%;
	margin: 34px auto!important
}

/*#mainProduct .productDescription .seprator.second {
	margin: 17px auto!important
}*/

#mainProduct .productDescription #colorOptn span.Product_color {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin: 6px 10px 30px 2px;
	/*background-color: var(--darkYellow);*/
	cursor:pointer;
	position: relative;
}
#mainProduct .productDescription #colorOptn span.Product_color img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

#mainProduct .productDescription #colorOptn span.Product_color.active{
	box-shadow: 0px 0px 0 2px #dc3545;
}
#mainProduct .productDescription #colorOptn span.Product_color span{
	display: none;
}
#mainProduct .productDescription #colorOptn span.Product_color.active span {
    display: block;
    position: absolute;
    font-size: 11px;
    font-weight: 700;
    transform: translateX(-50%);
    left: 50%;
    display: block;
    text-align: center;
    line-height: 1.2;
    top: 54px;
}
#mainProduct .productDescription #technicalSpecification h3,
#mainProduct .productDescription .item h3 {
	color: var(--black);
	font-size: var(--h4);
}
#mainProduct .productDescription #hsn_code.txtContent{padding: 0;}
#mainProduct .productDescription #hsn_code.txtContent p{
	padding:10px 0 0 0;
}
#mainProduct .productDescription .highlight_para {
	font-size: var(--font14);
	width: 70%;
	color: var(--black);
}

#mainProduct .productDescription #technicalSpecification #tableView {
	margin-bottom: 57px;
}

#mainProduct .productDescription #technicalSpecification #tableView .row .strong {
	font-size: var(--font14);
	color: var(--black);
	font-weight: var(--weight800);
	;
}

#tableView #technical_specification .row .strong {
	font-size: var(--font14);
	color: var(--black);
	font-weight: var(--weight800);
	;
}

#mainProduct .productDescription #technicalSpecification #tableView .row .lite {
	font-size: var(--font14);
	color: var(--black);
}

#tableView #technical_specification .row .lite {
	font-size: var(--font14);
	color: var(--black);
}

#displayProduct .productDescription h3 {
	font-size: var(--font20);
}

#displayProduct .productDescription span {
	font-size: var(--font12);
}

#displayProduct .productDescription .seprator {
	min-height: 3px;
	border-bottom: 1px solid var(--strokeBG);
	width: 90%;
	margin: 0 auto
}

#displayProduct .productDescription p {
	font-size: var(--font14);
	padding: 0!important;
	margin: 0!important;
	font-weight: var(--weight700);
}

#displayProduct .imgHolder {
	background: var(--productBG);
}

#displayProduct .productDescription .text-content p:last-child {
	font-weight: var(--weight400);
	font-size: var(--font12);
}


.ExploreCat .owl-dots .owl-dot.active span {
	background: var(--red)!important;
	width: 17px;
	height: 17px;
}

.ExploreCat .owl-dots .owl-dot span {
	background: #C4C4C4!important;
	width: 17px;
	height: 17px;
}

.productcolumn.tabcontent .productwrap{
	-webkit-animation: SlideUpContent 1s;
    -moz-animation:    SlideUpContent 1s;
    -o-animation:      SlideUpContent 1s;
    -ms-transition:    SlideUpContent 1s;
	animation: SlideUpContent 1s ;
}

.productcolumn {
	overflow: hidden;
}



/*---------------------------------- Contact page css ----------------------------*/
.contact-panel {
	max-width: 768px;
	margin: 0 auto;
	padding: 0px 0 0;
}
.contact-panel h2 {
	text-align: center;
	padding-bottom: 74px;
}
.add-block {
	display: flex;
	justify-content: space-between;
	padding-bottom: 60px;
}
.addcol {
	font-size: var(--font18);
}
.addcol h4{
 	font-weight: var(--weight700);
	font-size: var(--font18);
	padding-bottom: 8px;
}
.addcol a {
	color: var(--black);
	transition: all 0.4s linear;
}
.addcol a:hover {
    color: #ed1b2d;
}
.addcol .sociallist {
    margin-top: 0;
}
.addcol .sociallist ul li:first-child a { padding-left: 0;}
.addcol .sociallist ul li a:hover {
    color: #ed1b2d;
}
.orline span {
	font-weight: 200;
    font-size: var(--font18);
    line-height: 1;
    text-align: center;
    letter-spacing: -0.02em;
    color: var(--black);
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -5px;
    background-color: #fff;
    width: 100px;
    margin: 0 auto;
}
.orline {
	position: relative;
}
.orline:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #D0D0D0;
}
.contactform {
	padding: 50px 0 142px;
}
.contactform h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	letter-spacing: -0.02em;
	color: #464646;
}
.form-container {
	padding-top: 45px;
}
.form-group {
	margin-bottom: 20px;
}
.form-group input, .form-group textarea, .form-group select {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	color: #464646;
	border: 0;
    border-bottom: 1px solid #000000;
	width: 100%;
	padding: 10px 15px;
}
.form-group select {
	padding: 10px 12px;
}
.form-group textarea {
	resize: vertical;
	height: 120px;
}
.inputrow {
	display: flex;
	justify-content: space-between;
}
.inputrow .form-group {
	width: 46%;
}
.inputrow.threeRow .form-group {
	width: 28%;
}
.form-container .form-group label.error {font-size: 14px;color: var(--primary);font-weight: 600;margin: 0;}
.form-container .solidbtn {
	width: 35%;
    margin: 40px auto 0;
    display: block;
}
/*---------------------------------- store locator css ----------------------------*/
.locator-panel {
    padding-bottom: 40px;
}
.locator-panel h2 {
	padding-bottom: 100px;
}
.locator-title h4 {
	color: #464646;
	font-weight: var(--weight700);
	border-bottom: 1px solid #939393;
	padding-bottom: 10px;
	margin-bottom: 50px;
}
.locatorcol, .locatorcol p {
	font-size: var(--font14);
	color: var(--black);
	font-weight: var(--weight400);
}
.locatorcol p {
	margin-bottom: 10px;
}
.locatorcol h5 {
	font-size: var(--font16);
	color: var(--primary);
	padding-bottom: 10px;
}
.locatorcol ul li {
	padding-bottom: 12px;
}
.locatorcol ul li a {color: var(--black); }
.locatorcol ul li a:hover {color: var(--primary);}
.locatorcol ul {
	margin-bottom: 30px;
}
.locatorcol ul li span {
	display: block;
	font-weight: var(--weight700);
}
.locatebtn {
	border: 1px solid #939393;
	box-sizing: border-box;
	border-radius: 8px;
    font-size: var(--font14);
	font-weight: var(--weight400);
    color: var(--black);
    padding: 5px 12px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 70px;
}
.locatebtn span { margin-right: 8px; font-size: 16px;}
.mapblock iframe { width: 100%; height: 350px; margin: 0 0 -10px;}

.mapblock .modal-body {
     padding: 0;
}
.mapblock .close {
	position: absolute;
    right: 0;
    top: 0;
    background-color: #ce0416;
        width: 32px;
    height: 35px;
    z-index: 10;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    border-radius: 0 0 10px 10px;
}
.centerform, .storeform {
	text-align: center;
	padding: 20px 0 30px;
}
.locator-form .row { align-items: center;}
.centerform h4, .storeform h4 {
	padding-bottom: 20px;
}
.centerform select {
    
    font-size: var(--font18);
    line-height: 1;
    font-weight: var(--weight400);
     width: 45%;
	-webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='orange' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 8px;
    border: 1px solid #494949;
    border-radius: 40px;
	padding: 12px 15px;
    margin-right: 0;
    padding-right: 2rem;
	font-size: 15px
}
.borderright { border-right: 1px solid #000;}
.storeform {
	padding: 20px 0 30px 50px;	
}
.storeform .frmgroup {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.storeform .frmgroup input {
	border: 1px solid #494949;
    border-radius: 40px;
    font-size: 15px;
    line-height: 1;
    font-weight: var(--weight400);
    padding: 10px 15px;
    width: 75%;
}
.storeform .frmgroup input::placeholder {
	color: #AEAEAE
}
.storeform .solidbtn {
	width: 22%;
    margin: 0;
	font-size: 14px;
}
.locator-form {
	padding-bottom: 30px;
	max-width: 80%;
    margin: 0 auto;
}
/*---------------------------------- clientele css ----------------------------*/
.client-panel {
	padding-bottom: 40px;
}
.client-panel h2 {
	padding-bottom: 50px;
}
.client-panel p {
	font-size: var(--font18);
	padding-bottom: 60px;
}
.client-wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.client-panel .owl-nav button.owl-next {    font-size: 70px;    position: absolute;    top: 45%;    text-align: center;    right: 0px;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    z-index: 10;    display: block;}.client-panel .owl-nav button.owl-prev {    font-size: 70px;    position: absolute;    top: 45%;    text-align: center;    left: 0px;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    z-index: 10;    display: block}
.clientcol {
	width: 20%;
    height: 200px;
	border: 1px solid #eee;
	padding: 25px;
	display: flex;
	align-items: center;
	overflow: hidden;
	transition: all 0.6s ease;
	margin: -1px -1px 0 0;
}
.clientcol img {
	transform: scale(1);
	transition: all 0.6s ease;
	width: 75% !important;
    margin: 0 auto;
	height: 100%;
	object-fit: contain;
}

.clientcol:hover {
	box-shadow: 8px 6px 26px -2px rgb(64 64 64 / 48%);
    z-index: 12;
    position: relative;
}
.clientcol:hover img {
	transform: scale(1.2);
}
.clientslider {
	padding: 0 50px 80px;
}
.clientslider.owl-carousel .owl-stage-outer {
    padding: 30px 0;
} 
.clientslider.owl-carousel .owl-item {
	padding: 0 30px;
}
/*----------------------------------careers css ----------------------------*/
.introhead {
	padding-bottom: 100px;
}
.introhead h2 {
	padding-bottom: 50px;
}
.introhead p {
	max-width: 75%;
	
}
.career-filterleft {
	font-size: var(--font18);
}
.career-filterleft h5 {
	padding-bottom: 15px;
	color: var(--black);
}
.career-filterleft .form-check {
	padding-bottom: 10px;
}
.career-filterleft .form-check-input {
    margin-top: 0;
	border-radius: 0;
    transform: scale(1.5);
}
.form-check-label {
    margin-bottom: 0;
    font-weight: 300;
	padding-left: 10px;
}
.filter-form-check{
	margin-bottom: 8px;
}
.filter-form-check p{
	display: block;
	font-weight: var(--weight600);
	font-size: var(--font16);
}
.filter-form-check select{
	width: 80%;
}
.make-sticky {
  	position: -webkit-sticky;
	position: sticky;
	top: 50px;
    margin-bottom: 50px;
}

.careers-col {
	background: #FFFFFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	margin-bottom: 6px;
	padding: 16px 28px 28px;
	color: var(--black);
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	transition: all 0.4s ease;
}
.careersleft {
	width: 37%;
	margin-right: 20px;
}
.careersright {
	width: 60%;
	margin-top: 25px;
	padding-bottom: 5px;
	margin-left: 13px;
}
.careersleft h5 {
	font-weight: var(--weight700);
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--primary);
	padding-bottom: 8px;
}
.careersleft img {
	
    width: 300px;
    height: 100%;


}
.careersleft h4 {
	font-weight: var(--weight700);
	font-size: var(--font18);
	line-height: 1.4;
	padding-bottom: 10px;
}
.careersleft p {
	font-weight: var(--weight300);
	font-size: 13px;
	line-height: 1.4;
	color: #939393;
	margin-bottom: 10px;
}
.careersleft p:last-child { margin-bottom: 0;}
.careersright h5 {
	font-weight: var(--weight700);
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--primary);
	padding-bottom: 8px;
}
.careersright p {
	font-weight: var(--weight300);
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 18px;
}
.careersftr {
	text-align: right;
	border-top: 1px dashed #C4C4C4;
}
.careersftr a {
	font-weight: var(--weight700);
    font-size: 12px;
    line-height: 1;
    color: var(--primary);
    padding-top: 12px;
    display: inline-block;
}
.careersftr a:hover {
	color: var(--black);
}
.careers-col:hover {
	box-shadow: 0px 13px 26px rgba(255, 207, 207, 0.15), 0px 23px 26px rgba(0, 0, 0, 0.15);
	z-index: 12;
    position: relative;
}
.careersright-block .loadmore {
    margin: 50px auto 0;
    padding: 0;
}
.careerswrap {
	padding-bottom: 0px;
}
.careers-detail {
	color: var(--black);
	font-size: var(--font18);
}
.careers-detail h2 {
	padding-bottom: 15px;
}
.careers-detail h5 {
	font-size: var(--font18);
	font-weight: var(--weight700);
	padding-bottom: 10px;
}
.careers-detail h4 {
	padding: 50px 0 20px;
	
}
.careers-detail p {
	margin-bottom: 20px;
}
.careers-detail p b{
	font-weight: var(--weight700);
}
.careers-detail ul li {
	position: relative;
	padding: 5px 0 5px 20px;
}
.careers-detail ul li:before {
	position: absolute;
	left: 0;
	top: 14px;
	content: "";
	width: 8px;
	height: 8px;
	background-color: var(--primary);
	border-radius: 10px;
}
.career-form-container {
	background: #F2F2F2;
	border-radius: 28px;
	padding: 40px 30px;
}
.career-form-container p {
    font-weight: var(--weight300);
}
.career-form-container .form-group input {
	background: #FFFFFF;
	border: 1px solid #C8C8C8;
	box-sizing: border-box;
	border-radius: 21px;
	font-size: 14px;
	line-height: 1;
}
.career-form-container .form-group label, .inputfilewrap label {
	font-size: 12px;
	line-height: 1;
	font-weight: var(--weight400);
	letter-spacing: 0.025em;
	text-transform: uppercase;
	color: var(--black);
	padding-bottom: 4px;
}
.career-form-container .solidbtn {
	font-size: 12px;
	width: 75%;
    margin: 9px auto;
    display: block;
}
.file {
  display: none;
}
.inputfile {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}
.file-name {
  position: relative;
  overflow: hidden;
  line-height: 1;
    vertical-align: middle;
    border: 1px solid #C8C8C8;
    font-size: 14px;
    width: 100%;
    padding: 10px 15px;
	border-radius: 20px;
}
.filebtn {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  transition: all 0.6s;
  color: #FFF;
  font-size: 12px;
  vertical-align: middle;
  text-transform: uppercase;
  position: absolute;
	right: 0;
	line-height: 1;
    border-radius: 60px;
    padding: 13px 15px;
}
/*----------------------------------Subscribe Newsletter css ----------------------------*/
.newsletter-block {
	padding: 142px 0;
	max-width: 360px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.newsletter-panel {
	/*border-top: 1px solid #eaeaea;*/
	background-color: #f9f9f9;
	
}
.newsletter-block form {
	padding: 15px;
}

.newsletter-block form h2 {
	font-family: var(--title-font);
	font-size: var(--h2);
	line-height: 1;
	font-weight: var(--weight400);
}

.newsletter-block form p {
	color: #020202;
	padding: 12px 0;
	margin: 0;
}

.frmgroup input {
	border: 1px solid #A2A2A2;
	border-radius: 40px;
	font-size: var(--font18);
	line-height: 1;
	font-weight: var(--weight400);
	padding: 10px 15px;
	width: 100%;
}

.solidbtn {
	background: var(--primary);
	border: 1px solid var(--primary);
	border-radius: 40px;
	font-size: var(--font18);
	line-height: 1;
	font-weight: var(--weight600);
	text-align: center;
	text-transform: uppercase;
	color: var(--white);
	padding: 12px 50px;
	width: 100%;
	margin-top: 9px;
	transition: all 0.4s linear;
}
.solidbtn.view2{background-color: transparent;color: var(--primary);}

/*----------------------------------footer css ----------------------------*/
footer {
	background-color: var(--ftrbg);
	color: var(--white);
	padding: 60px 0 80px;
}

.ftrcol h4,
.moretxt h5 {
	font-size: var(--font20);
	padding-bottom: 12px;
	font-weight: var(--weight700);
}
.ftrlist ul li:first-child a {
	padding-top: 0;
}
.ftrcol h4 a {
	color: var(--white);
}
.moretxt h5 {
	padding-bottom: 25px;
}

.ftrcol ul li a {
	display: inline-block;
	font-size: var(--font18);
	line-height: 1.2;
	padding: 8px 0;
	color: var(--white);
	font-weight: var(--weight300);
}
.ftrcol ul li a b {
	font-weight: 300;
	font-size: 18px;
}
.moretxt {
	padding-top: 60px;
}

.copyright-block {
	padding: 25px 0 0;
	margin-bottom: 0;
	border-top: 1px solid rgb(255 255 255 / 29%);
	font-size: var(--font18);
	font-weight: var(--weight400);
}

.copyright-block .row {
	align-items: center;
}

.copyright-block p {
	font-size: var(--font14);
	line-height: 1.2;
	margin: 0;
}

.copyright-block ul li,
.sociallist ul li {
	display: inline-block;
}

.copyright-block ul li a {
	display: block;
	padding: 0 15px 0 10px;
	color: var(--white);
	border-right: 1px solid #fff;
	line-height: 1;font-size: var(--font14);
}

footer a:hover,
.copyright-block ul li a:hover,
.ftrcol ul li a:hover {
	color: var(--primary);
}

.copyright-block ul li:last-child a {
	border-right: 0;
}

.copyright-block ul li:first-child a {
	padding-left: 0;
}

.copy-rght a {
	color: var(--white);
	display: flex;font-size: var(--font14);
	justify-content: flex-end;
}

.sociallist {
	margin-top: 50px;
}

.sociallist ul li a {
	line-height: 1;
	font-size: var(--font18);
	font-weight: var(--weight400);
	padding: 4px 0;
    width: 26px;
    height: 26px;
    display: block;
    text-align: center;
    border-radius: 24px;
    margin: 0 3px;
	color: var(--white);
	background: #737373;
}

.socialconnect ul li a {
	line-height: 1;
	font-size: var(--font18);
	font-weight: var(--weight400);
	padding: 4px 0;
    width: 170px;
    height: 40px;
    display: block;
    text-align: center;
    /*border-radius: 24px;*/
    margin: 0 3px;
	color: var(--white);
	/*background: #737373;*/
}
.sociallist ul li a:hover {
	color: var(--white) !important;
	transform: scale(1.1);
} 
.facebook a:hover {
	background: #3A589B;
}
.instagram a:hover {
	background: linear-gradient(45deg, #FFD521 14.64%, #FFD020 18.54%, #FEC01E 23.42%, #FCA71B 28.82%, #FA8316 34.59%, #F85510 40.67%, #F51E09 46.91%, #F30005 50%, #F20007 50.25%, #E1003B 56.83%, #D30067 63.29%, #C70088 69.49%, #BF00A0 75.38%, #BB00AF 80.81%, #B900B4 85.36%);
}
.twitter a:hover {
	background: #598DCA;
}
.linkedin a:hover {
	background: #007AB9;
}
.youtube a:hover {
	background: #FF0000;
}





.hmstatic {
	position: relative;
	height: 100% !important;
}
.hmslide { height: 100vh;}
.aboutslide { height: 100% !important;}
.hmstatic img {
	width: 100%;
    height: 100%;
    object-fit: fill;
}




/*------------ common - css -----------*/
.abtvideo img,
.logo img,
.sun-icon img,
.horzline img,
.prdctimg img,
.hmappimg img,
.mediacol img,
.featureimg img,
.postcol img,
.awardcol-img img {
	width: 100%;
}

.filter_height{
max-height: 290px;
overflow-y: auto;
padding-left: 4px;
}




/*------------ common keyframes - css -----------*/

/*--- scrolldown ----*/

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: translate3d(0, 10px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes bounce {
	0% {
		-moz-transform: translate3d(0, 0, 0);
	}

	50% {
		-moz-transform: translate3d(0, 10px, 0);
	}

	100% {
		-moz-transform: translate3d(0, 0, 0);
	}
}

@-o-keyframes bounce {
	0% {
		-o-transform: translate3d(0, 0, 0);
	}

	50% {
		-o-transform: translate3d(0, 10px, 0);
	}

	100% {
		-o-transform: translate3d(0, 0, 0);
	}
}

@keyframes bounce {
	0% {
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}


/*--- buttons ----*/
@-webkit-keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(204, 204, 204, 1);
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(204, 204, 204, 1);
	}
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeEffect {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



/*------- tabs -------------*/

@-webkit-keyframes SlideUpContent{
	0%{opacity:0;transform:translateY(600px)}
	100%{opacity:1;transform:translateY(0px)}
}

@-moz-keyframes SlideUpContent{
	0%{opacity:0;transform:translateY(600px)}
	100%{opacity:1;transform:translateY(0px)}
}

@-o-keyframes SlideUpContent{
	0%{opacity:0;transform:translateY(600px)}
	100%{opacity:1;transform:translateY(0px)}
}

@-ms-keyframes SlideUpContent{
	0%{opacity:0;transform:translateY(600px)}
	100%{opacity:1;transform:translateY(0px)}
}  




@keyframes SlideUpContent{
	0%{opacity:0;transform:translateY(600px)}
	100%{opacity:1;transform:translateY(0px)}
}



.beforeAnimateContent {
   transform: translateX(0px);
	transition: 1s;
} 
.b4Remove {
	transform: translateX(00px);
	 
}  

.tabcontent{transition:0.5s}


.isShow{
	display: block;
}
.isHide{
	display: none !important;
}


/*------------ Team page - css -----------*/
.teamwrap {
	max-width: 1124px;
}
.teaminfo { max-width: 768px;}
.teaminfo p {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--black);
}
.leader-des {
	padding: 114px 90px;
	
}
.leader-des h4 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--black);
	margin-bottom: 24px;
}
.leader-des h4 span {
	font-size: 18px;
	line-height: 1;
	font-weight: 100;
	color: var(--black);
	font-style: italic;
	display: block;
}
.leader-des p {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 100;
	color: var(--black);
	padding-left: 36px;
    position: relative;
    text-align: justify;
}
.leader-des p span img { width: 25px;}
.topquote {
	display: block;
    position: absolute;
    left: 0;
}
.teamrow {
	border-bottom: 1px solid #000;
	padding: 0;
}
.teamrow:last-child { border-bottom: 0;}
.leader-img { padding: 0;}
.leader-des:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	background-image:url(../images/tdots.svg);
	    background-repeat: no-repeat;
	width: 345px;
	height: 345px;
	
}
.desright:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	top: 0px;
    transform: rotate(90deg);
}
/*------------ common - css -----------*/
.abtvideo img,
.logo img,
.sun-icon img,
.horzline img,
.prdctimg img,
.hmappimg img,
.mediacol img,
.featureimg img,
.postcol img,
.awardcol-img img,
.leader-img img {
	width: 100%;
}


.cart-icon{
	font-size: 45px;
}
.cart {
	position: relative;
	display: block;
}
.count {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	font-size: 11px;
	border-radius: 50%;
	background: #d60b28;
	width: 16px;
	height: 16px;
	line-height:16px;
	display: block;
	text-align: center;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: #dc3545 !important ;
	color: #fff;
	font-size: 1em;
}

@media (min-width: 1150px) {
	.mobnavigation{
		display:none;
	}
}
.headerForm{display:flex;position: absolute;left: 244px;top: -5px;}
.headerFormChild{display: flex;font-size:14px;color:#000;margin-left: 10px;}
.headerFormChild:first-child{margin-left: 0;}
.headerFormChild label{margin:0;margin-right: 3px;font-size:14px;font-weight:600;white-space: nowrap;}
.headerFormChild .selectWrap {
	background: url(../images/sel-arrow.png) no-repeat 95% 9px;
    width: 150px;
}
.headerFormChild:last-child .selectWrap {
    width: 180px;
}
.headerFormChild select{
	border:none;font-size:14px;
	outline: 0;
    margin: 0;
    width: 100%;
    -webkit-appearance: none;
    padding: 0 20px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	background-color: transparent;
}

.inquiry-wrapper{
	padding: 0 5vw;
	min-height:calc(100vh - 85px);
	display:flex;
	align-items:center;
	justify-content: center;
	background-color: #f9f9f9;
}
.inquiry-panel{
	width:100%;
	max-width: 640px;
	padding: 40px;
	margin:20px 0;
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.04), 0 10px 30px 0 rgba(0,0,0,0.08);
}
.inquiry-panel .contactform{
	padding: 20px 0;
}
.verification-code {
    max-width: 300px;
    position: relative;
    margin:50px auto;
    text-align:center;
}
.verification-code--inputs input[type=text] {
    border: none;
	border-bottom:1px solid #000000;
    width: 46px;
    height: 46px;
    padding: 10px;
    text-align: center;
    display: inline-block;
	box-sizing:border-box;
}
.text-red{color: var(--primary);}
.btn-min{min-width: 150px;}
@media (max-width: 1150px) {
.headerForm {
    left: 0;
    top: 15px;
    right: 0;
    margin: 0 auto;
    justify-content: center;
}
}
@media (max-width: 768px) {
	.headerForm {
		position:static;
		width: 100%;
    flex-direction: column;
	margin-left: 0;
	}
	.headerFormChild{
		margin-left: 0;
		width: 100%;
		align-items:center;
		border-bottom:1px solid #f9f9f9;
	}
	.headerFormChild .selectWrap,.headerFormChild:last-child .selectWrap{
		width: 100%;
		background-position: calc(100% - 20px) center;
	}
	.headerFormChild select{
		padding: 6px 0;
	}
}

.button_hide form .clearfix.col-10.col-sm-5
{
	display:none;
}
.button_hide .main-h2
{
	display:none;
}
.sitemap_page h2 {
    font-size: 45px !important;
}
.sitemap_page h3 {
	/* text-transform: uppercase; */
	font-size: 24px;
	margin-bottom: 20px;
	padding-bottom: 7px;
	color: #4c4c4c !important;
	font-weight: 500;
}
.sitemap_page h4 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #ed1b2d;
}
.sitemap_page ul li a {
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	color: #464646;
	margin-left: 10px;
}

.sitemap_page ul li i {
	font-size: 14px;
	font-weight: 900;
	color: #ed1b2d;
	line-height: 30px;
}
.panel .sitemap_header h2 {
	font-size: 45px !important;
	font-weight: 500;
	color: #464646;
}
.sitemap_header  .container-fluid {
	background: #f6f6f6;
	padding: 40px 0;
}
.sitemap_header .partners-panel {
	padding: 25px 0 70px;
}
.sub_products li {
	margin: 0 0px 0 15px;
}
.short-desc
{
	
}
.short-desc p
{
	font-size: 16px;
    font-weight: 500;
	margin-bottom:10px;
}
.bottom-content-product h2
{
	font-family: var(--title-font);
    font-size: var(--h2) !important;
    line-height: 1;
    font-weight: var(--weight400);
	margin-bottom:15px;
	margin-top:40px;
}
.bottom-content-product h4
{
	 margin-bottom:15px;
}
.bottom-content-product .extra-buttons a
{
	margin-right:10px !important;
	margin-bottom:10px !important;
}
.bottom-content-product p
{
	font-size: 16px;
    font-weight: 500;
	margin-bottom:15px;
}
.bottom-content-product ul li
{
	font-size: 16px;
    font-weight: 500;
	margin-bottom:10px;
    margin-left: 20px;
}
.bottom-content-product ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E01C24; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.accordion.faq .card-header:after {
	font-family: 'Line Awesome Free';
    font-weight: 900;  
    content: "\f068";
    float: right; 
	color: #E01C24; 
}
.accordion.faq .card-header.collapsed:after {
    
    content: "\f067"; 
}
.accordion.faq .card-title
{
	font-weight: var(--weight700);
    font-size: var(--font18);
    line-height: 1.4;
	text-transform:uppercase;
	color: #000;
}
.accordion>.card>.card-header {
    cursor: pointer;
}
.page-link {
    color: var(--black);
}
.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}



/* ======= CSS for multi-level drop down menu start ======= */

@media screen and (min-width: 1150px){
	.navbar .headdropdown-menu.headdropdown-multi-menu {
		left: 0px;
		top: 97.3%;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		right:0px;
	}
	.navbar .headdropdown-menu ul li {
		margin-bottom: -15px;
		position: static;
	}
	.headdropdown-menu.removeradius {
		border-radius: 0px 0px 20px 20px;
	}
	.headdropdown-multi-menu ul {
		justify-content: flex-start;
	}
	.navbar .headdropdown-menu {
		background-color: rgba(255, 255, 255, 1);
	    backdrop-filter:none;	
	}
	.navbar .headdropdown-menu ul li.havesubmenu {
		position: static;
	}
	.navbar .headdropdown-menu ul li a {
		min-height:109px;
	}
	.navbar .headdropdown-menu ul li.havesubmenu:after {
		content: '';
		display: block;
		width: 0;
		height: 3px;
		background: #FF0000;
		transition: width .3s;
	}

	.navbar .headdropdown-menu ul li.havesubmenu:hover::after {
		width: 100%;
		transition: width .3s;
	}
}
.mobile-menu-open {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}
.mobile-menu-open:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
	position: absolute;
    top: 10px;
    right: 5px;
}
@media (max-width: 1199.98px) {
	.mobile-multi-menu .mobdropdown li {
		position: static;
		width:100%;
	}
	.mobile-multi-menu .mobdropdown ul li a br {
		display: none;
	}
	.mobile-multi-menu .mobdropdown li a img {
		margin:0 8px 0 0;
	}
	.mobile-multi-menu .mobdropdown ul li a {
		display: flex;
		align-items: center;
	}
	.navlist li .mobdropdown {
		z-index: 2;
	}
}
/* ======= CSS for multi-level drop down menu end ======= */


/* ======= CSS for sitemap page start ======= */

.sitemap_page ul li a:hover {
color:#ed1b2d;
}
.sitemap_wrap {
	margin-top:8rem;
	margin-bottom:4rem;
}
@media (max-width:768px){
	.sitemap_wrap {
		margin-top:10rem;
	}
}	
/* ======= CSS for sitemap page end ======= */


/* ======= Footer css start here ======= */
.sociallist {
	margin-bottom: 3rem;
}
@media (max-width:768px){
.nav-folderized .folderized-child.open .folderized-link-box {
	max-height: 1090px;
}
}
/* ======= Footer css end here ======= */


/*
 ======= Banner css start here coded on 21-march 2023 ======= 
#heroimage {
	position: relative;
 	commented below code on 18-aug 2023 start
 	height:100vh; 
 	commented below code on 18-aug 2023 end
}
.heroimg {
	display:block; 
	max-width:100%; 
	width:100%; 
	 made it as fill aug 18 2023 start 
	object-fit:fill; 
	 made it as fill aug 18 2023 end 
	height:100%
}
.herotext {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 6%;
	width:100%;
	text-transform: uppercase;
	max-width:690px;
}
.herotext h1 {
	font-family: var(--title-font);
    font-size: var(--font75);
    font-weight: var(--weight400);
    line-height: 1.1;
    color: #fff;
    padding-bottom: 30px;
}
.herotext p {
	color:#ffffff;
	font-size: 18px;
    font-weight: 300;
	line-height:32px;
}
.herotext p span {
	font-weight: 800;
}

@media (max-width: 767.98px) {
.herotext h1 {
    font-size: 50px;
	text-align: center;
	padding-bottom: 10px;
}
.herotext p br {
	display: none;
}
.herotext {
	bottom:0px;
	top:inherit;
	transform: inherit;
	left:0px;
	text-align: center;
	background: rgba(0,0,0,.5);
}
.herotext p {
	font-size: 15px;
	line-height:22px;
}
.herotext {
	padding-bottom: 60px;
	padding-top: 10px;
}
.scrolldown {
	bottom:16px !important;
}
 Commented code on 18th aug 2023
 #heroimage {
	background-position-y: -15px;
} 

}

@media (max-width: 480px) {
	.herotext h1 {
		font-size: 35px;
	}
	.scrolldown {
		bottom:10px !important;
	}


}
 ======= Banner css end here coded on 21-march 2023 ======= 

*/



/* ======= Banner css start here coded on 21-march 2023 ======= */
#heroimage {
	position: relative;
	height:100vh;
}
.heroimg {
	display:block; 
	max-width:100%; 
	width:100%; 
	object-fit:cover; 
	height:100%
}
.herotext {
	position: absolute;
	top:55%;
	transform: translateY(-50%);
	left: 2%;
	width:100%;
	text-transform: uppercase;
	max-width:690px;
}
.herotext h1 {
	font-family: var(--title-font);
    font-size: var(--font75);
    font-weight: var(--weight400);
    line-height: 1.1;
    color: #fff;
    padding-bottom: 30px;
}
.herotext p {
	color:#ffffff;
	font-size: 18px;
    font-weight: 300;
	line-height:32px;
}
.herotext p span {
	font-weight: 800;
}

@media (max-width: 767.98px) {
.herotext h1 {
    font-size: 50px;
	text-align: center;
	padding-bottom: 10px;
}
.herotext p br {
	display: none;
}
.herotext {
	bottom:0px;
	top:inherit;
	transform: inherit;
	left:0px;
	text-align: center;
	background: rgba(0,0,0,.5);
}
.herotext p {
	font-size: 15px;
	line-height:22px;
}
.herotext {
	padding-bottom: 60px;
	padding-top: 10px;
}
.scrolldown {
	bottom:16px !important;
}
#heroimage {
	background-position-y: -15px;
}
}

@media (max-width: 480px) {
	.herotext h1 {
		font-size: 35px;
	}
	.scrolldown {
		bottom:10px !important;
	}
}
/* ======= Banner css end here coded on 21-march 2023 ======= */