@charset "utf-8";
/* CSS Document */

	@import url('https://fonts.googleapis.com/css?family=Poppins');

body {
	margin: 0;  
	padding: 0;
	font-size: 14px;
	width: 100%;
	letter-spacing: 1px;
	font-weight: 400;
	background: #FFF;
	font-family: 'Poppins', sans-serif;
	position: relative;
   background: rgb(238, 238, 238) none repeat scroll 0% 0%;
   color: #333;
}

.page-wrap {
	position: relative;
	box-sizing: border-box;
}
.container {
	/*padding: 0rem 3rem 0rem;*/
	width: 100%;
	max-width: 1200px;
}

/*--------------------------------------------------------------
# Top & Navigation Bar
--------------------------------------------------------------*/

.main-head {  
    position: relative;
    width: 100%;
    background-color: white;
}
.top-head {
  /*background: #232b00;*/
    position: relative;
    width: 100%;
}
.top-head .top-reach {
  padding: 0;
  margin: 0;
  list-style: none;
}
.top-head .top-reach li {
  font-size: 16px;
    padding: 15px 0px 0px;
    margin-right: 30px;
    color: #333;
    display: inline-block;
}
.top-head .top-reach li:before {
    margin-right: 15px;
    font-size: 18px;
    color: #212529;
    display: inline-table;
    vertical-align: middle;
}
.top-head .top-reach li:nth-child(1):before {
  content: '\f095';
    font-family: fontAwesome;
}
.top-head .top-reach li:nth-child(2):before {
  content: '\f003';
    font-family: fontAwesome;
}
        
        /*---------- menu section ----------*/
        
.menu-area {
  top: 25px;
  margin-top: -15px;
  position: relative;
    height: auto;
    width: 100%;
    z-index: 999;
    transition: .7s ease-in-out;
}
.fixed-top {
    width: 100%;
    top: 0;
  margin: 0;
    border-radius: 0px;
    position: fixed;
  background: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20);
  animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
}
.menu-wrap {
  margin: 0 auto;
    width: 85%;
    position: relative;
    background: #fcfcfc;
    border-radius: 5px;
    transition: .5s;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
}
.fixed-top .menu-wrap {
  width: 100%
}
.menu-area .logo {
  float: left;
    position: relative;
    z-index: 1;
    padding-top: 5px;
}
.menu-area .logo a {
  display: block;
}
.site-nav {
  position: relative;
    height: auto;
    transition: 0.5s ease;
}
.site-nav ul {
  margin: 0;
    padding: 0;
    display: flex;
  justify-content: flex-end;
  align-items: center;
}
.site-nav ul li {
  list-style-type: none;
    position: relative;
}
.site-nav ul li a {
  font-size: 16px;
    padding: 10px 17px;
  line-height: 80px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
  text-decoration: none;
  /*transition: 0.5s ease;*/
}
.site-nav ul li a:hover, .site-nav ul li a.active {
    color: #183d64;
}

.site-nav ul li a:hover {border-bottom: 2px solid #183d64;}


.site-nav .drop-menu {
    position: absolute;
    top: 100%;
    left: 19px;
    width: 224px;
    z-index: 99;
    display: block;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    background: #e1e3db;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
.site-nav li:hover .drop-menu {
  opacity: 1;
    visibility: visible;
    top: 85%;
}
.site-nav .drop-menu li {
        border-bottom: 1px solid #183d64;
}
.site-nav li .drop-menu a {
  padding: 10px 15px;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    display: block;
    color: #282727;
    font-weight: 400;
}
.site-nav li .drop-menu a:hover {
  color: #fff;
    background: #183d64;
}
.site-nav .brochure-btn {
  font-size: 15px;
    padding: 10px 5px 10px;
    margin-left: 20px;
    margin-bottom: 0px;
    background: #183d64;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    transition: .5s ease;
    border: 1px solid transparent;
    /* border-style: dashed; */
    /*border-radius: 5px;
    /* box-shadow: 0px 0px 10px 4px rgb(125 163 9 / 80%);*/
}
.brochure-btn a {
    padding: 5px 10px;
    color: #ffffff;
    text-decoration: none;
    /* border: 2px solid #191a1b; */
    /* border-style: dashed; */
    border-radius: 5px;
}

.menu-toggle {
    display: none;
}


/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
  .slider-section {
  position: relative;
}
.slider-section .container-fluid {
  margin: 0;
  padding: 0;
}
#my-carousel .carousel-inner .carousel-item img {
  height: auto;
  width: 100%;
}
#my-carousel .carousel-inner .carousel-item {
  box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    /*object-fit: cover;*/
}
#my-carousel .carousel-item .carousel-caption {
  position: absolute;
    width: 50%;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#my-carousel .carousel-item .carousel-caption h1 {
  font-size: 10px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    border-radius: 20px;
    color: #fff;    
}

#my-carousel .carousel-item .carousel-caption h2 {
  font-size: 15px;
    padding: 20px 10px 15px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    border-radius: 20px;
    color: #fff;    
}

#my-carousel .carousel-item .carousel-caption h1 span {
  font-size: 15px;
  display: block;
  line-height: 2rem;
  background-color: #00000059;
}
#my-carousel .carousel-indicators .active {
    opacity: 1;
    background-color: #323e00;
}
#my-carousel .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}









				/*--------------- side icons section -------------------*/ 	
				
.side-section {
	position: relative;
}
.side-menu {
	position: fixed;
    top: 60%;
    z-index: 999;
}
/* .side-menu .icon-left {
} */
.side-menu .icon-left ul {
    padding: 0px;
    transform: translate(-185px, 0);
    list-style-type: none;
}
.side-menu .icon-left ul li {
	width: 240px;
    padding: 15px 15px;
    font-size: 18px;
    display: block;
    margin: 1px 5px 0px 0px;
    background: #dcdcdc;
    color: #183d64;
    text-align: right;
    border-radius: 0 30px 30px 0;
    transition: all 1s;
}
.side-menu .icon-left li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #183d64;
    border-radius: 50px;
    color: #183d64;
}	
.side-menu .icon-left li i.side-icon {
	background: #43d854;
	color: #fff;
	border: 1px solid #fff;
}
.side-menu .icon-left ul li:hover {
    transform: translate(130px, 0);
    background: #f5f5f5;
    color: #f58634;
}
.side-menu .icon-left ul li:hover i {
	transform: rotate(360deg);
    transition: all 1s ease-in-out;
}
				
				
				/*--------------- range products section -------------------*/ 

.prdName {padding : 15rem 0rem;}

.prdName .brdHaf {
    font-size: 5.5rem;
    text-transform: uppercase;
    color: #183d64;    
    }

  .prdName .brdTgRt {
    font-size: 1.3rem;
    color: #333;
    }

.prdName .brdPan {text-align: right;
    font-size: 4rem;
    text-transform: uppercase;
    color: #183d64;   
    }
.prdName .brdTgLft {text-align: right;
    font-size: 1.2rem;
    color: #8a8a8a;
    padding-right: 0%;}

.prdName .brdHom {
    font-size: 4.5rem;
    text-transform: uppercase;
    color: #183d64;    
    }
    
.prdName .brdWld {font-size: 4.2rem;
    text-transform: uppercase;
    color: #183d64;}


  

.range-product-section {
	padding: 8% 0px 0%;
	position: relative;
  background: rgb(247 247 247) none repeat scroll 0% 0%;
}

.range-head {
	padding: 0px 0px 10px;
	position: relative;
}
.range-head h2 {
	font-size: 48px;
    padding: 0px 0px 0px;    
    text-align: center;    
    letter-spacing: 1px;
    color: #f58634;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    padding-bottom: 32px;
}	
/*.range-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 55px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #183d64;
}
.range-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 55px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #183d64;
}
.range-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 11%;
	font-size: 6px;
	margin-right: 10px;
}
.range-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 11%;
	font-size: 6px;
	margin-left: 10px;
}
*/
.range-wrap {
	max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    padding: 2% 0% 4%;
}
.range-product {
	width: 44%;
    margin: 20px;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 16%);
    transition: all .5s ease;
    float: left;
    border: 15px solid #fafafa;
}
.range-product a {
	text-decoration: none;
}
.range-product img {
	width: 97%;
    height: auto;
    border: 0px solid transparent;
    border-radius: 0px;
    overflow: hidden;
	transition: all .5s ease;
}
.range-product:hover img {
    transform: scale(1.1);
	border: 0px solid transparent;
}
.range-product .range-product-info {
	height: 110px;
	background: #f7f7f7;
    border: 2px solid #f7f7f7;
	transition: all .5s ease;
}
.range-product .range-product-info .name {
	font-size: 30px;
    padding: 15px 0px 10px;
    color: #183d64;
    letter-spacing: 3px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
	transition: all .5s ease;
}
.range-product .range-product-info .info {
	font-size: 16px;
    line-height: 30px;
    padding: 0px 20px 15px;
    color: #313131;
    text-align: justify;
	transition: all .5s ease;
}
.range-product:hover .range-product-info {
	background: #183d64;
    border: 2px solid #183d64;
}
.range-product:hover .range-product-info .name {
    color: #ffffff;
}

				
				/*--------------- intro/about company section -------------------*/ 
				
.intro-section {	
	
	background: rgb(251 251 251) none repeat scroll 0% 0%;
  
}

.intro-section .opacity {padding: 131px 0px;
    /*background: #d7d7d7;*/
    position: relative;
   }


.intro-head {
	padding: 0px 0px 12px;
	position: relative;
}
.intro-head h2 {
	font-size: 48px;
    padding: 0px 0px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #f58634;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    padding-bottom: 32px;
}

/*
.intro-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 55px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #ffffff;
}
.intro-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 55px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #ffffff;
}
.intro-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 19%;
	font-size: 6px;
	margin-right: 10px;
}
.intro-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 19%;
	font-size: 6px;
	margin-left: 10px;
}
*/
.intro-info {
	font-size: 18px;
    line-height: 40px;
    padding: 0px 0px 0px;
    text-align: justify;
    color: #333;
}

/*.other-brand {
}
.img-grid {
    width: 100%;
    margin: 0px 0 0 0;
    list-style: none;
    transition: all 0.3s ease 0s;
    display: inline-block;
    padding: 0px;
}
.img-grid li {
    width: 48%;
    margin: 10px 3px 0px;
    float: left;
    display: inline-block;
}
.img-grid li:nth-child(3) {
    width: 98%;
}
.img-grid .img-box {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
	border: 3px solid #ececec;
}
.img-grid .img-box:hover {
	border: 3px solid #183d64;
}
.img-box img {
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    transition: .75s;
    object-fit: cover;
}*/

				/*--------------- company brands section -------------------*/ 

.company-brand {
	padding: 120px 0px;
	position: relative;
  background: rgb(251 251 251) none repeat scroll 0% 0%;
	/*background: #f9f9f9;
  background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);*/
}	
.brand-head {
	padding: 0px 0px 10px;
	position: relative;
}
.brand-head h2 {
	font-size: 48px;
    padding: 0px 0px 0px;
    text-align: center;
    letter-spacing: 1px;
    color: #f58634;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    padding-bottom: 32px;
}

/*

.brand-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #183d64;
}
.brand-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #183d64;
}
.brand-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 14%;
	font-size: 6px;
	margin-right: 10px;
}
.brand-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 14%;
	font-size: 6px;
	margin-left: 10px;
}	

*/

.logo-wrap {
	margin-top: 30px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.logo-slider {
	width: 90%;
    height: auto;
    position: relative;
    /*background: #fff;
    box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.75);*/
    display: flex;
    overflow: hidden;
}
.logo-slider:before, .logo-slider:after {
	/*content: '';*/
	position: absolute;
	width: 150px;
	height: 140px;
	background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
	z-index: 2;
}
.logo-slider:before {
	top: 0;
	left: 0;
}
.logo-slider:after {
	top: 0;
	right: 0;
	transform: rotateZ(180deg);
}
.brand-images {
	display: flex;
    align-items: center;
	animation: slideshow 8s linear infinite;
}
.logo-img {
	margin: 10px 20px;
    border: 1px solid #183d64;
}
/* .logo-img img {
} */
@keyframes slideshow {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}

.logo-grid {
	padding: 0px 5px 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.brand-logo {
	width: 20%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid transparent;
    border-right-color: #183d64;
}

				/*--------------- company partners section -------------------*/ 

.our-partners {
	padding: 50px 0px 50px;
	position: relative;
	background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
}	
.partner-head {
	padding: 0px 0px 10px;
	position: relative;
}
.partner-head h2 {
	font-size: 40px;
    padding: 0px 0px 0px;
	max-width: 370px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
	position: relative;
}
.partner-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #183d64;
}
.partner-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #183d64;
}
.partner-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 13%;
	font-size: 6px;
	margin-right: 10px;
}
.partner-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 13%;
	font-size: 6px;
	margin-left: 10px;
}
.partner-grid {
	padding: 0px 5px 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.partner-logo {
	width: 20%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid transparent;
    border-right-color: #183d64;
}	

/* ------------- footer top -----------------*/
.qcCnt {padding: 1rem 0rem; background-color: #183d64;}

.number ul {list-style: none; padding: 0px; margin: 0px;}

.number ul li {
    margin-bottom: 0px;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    FONT-SIZE: 2rem;
    padding: 0rem 3rem;    
    /* line-height: 25px; */    
    text-decoration: none;
}

.number a:hover {text-decoration: none; }

.number ul li:before {
  content: '\f232';
    font-family: fontAwesome;
    font-size: 2rem;
    margin-right: 20px;
    display: inline-table;
    vertical-align: middle;
    color: #fff;
}

.whatsapp ul {list-style: none; padding: 0px; margin: 0px;}

.number ul li {
    margin-bottom: 0px;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    FONT-SIZE: 2rem;
    padding: 0rem 3rem;    
    /* line-height: 25px; */   
    transition: all 0.3s ease;
    text-decoration: none;
}

.whatsapp ul li:before {
  content: '\f232';
    font-family: fontAwesome;
    font-size: 2rem;
    margin-right: 20px;
    display: inline-table;
    vertical-align: middle;
    color: #fff;
}

.email ul {list-style: none; padding: 0px; margin: 0px;}

.email ul li {
    margin-bottom: 0px;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    FONT-SIZE: 2rem;
    padding: 0rem 3rem;    
    /* line-height: 25px; */   
    transition: all 0.3s ease;
    text-decoration: none;
}
.email a:hover {text-decoration: none; }

.email ul li:before {
  content: '\f003';
    font-family: fontAwesome;
    font-size: 2rem;
    margin-right: 20px;
    display: inline-table;
    vertical-align: middle;
    color: #fff;
}

.fb-head {
  padding: 0px 0px 30px;
  position: relative;
}
.fb-head h3 {
  font-size: 30px;
  padding: 0px 0px 0px;
  max-width: 470px;
  color: #183d64;
    letter-spacing: 3px;
  text-align: left;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 auto;
  position: relative;
}

.fb {
  height: 170px;
    padding: 0px 0px 0px;
    overflow: hidden;
    text-align: center;
}
.fb .img-fluid {
    max-width: 100%;
    height: 100%;
    text-align: center;
}
.social-link {
  /*padding: 20px 0px 0px;*/
  text-align: center;
}
.social-link ul {
  margin: 0;
    padding: 0;
    list-style: none;
}
.social-link ul li {
  display: inline-block;
    padding-right: 30px;
}
.social-link ul li a {
  width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 32px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    color: #ffffff;    
}

.social-link ul li a:hover {
  transform: translate(0px, 2px);
}
.social-link ul li a.insta:hover {
  background: #3f729b;
  color: #fff;
}
.social-link ul li a.linkedin:hover {
  background: #0077b5;
  color: #fff;
}
.social-link ul li a.google-map:hover {
  background: #ffffff70;
  color: #fff;
}




				
				/*--------------- footer section -------------------*/ 
				
.footer {background-color: #eeeeee;
	/*background-image: url(../images/footer-bg.jpg);
	min-height: 350px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;*/
}
.footer .opacity {
	padding: 87px 0px;
    background: #eaeaea;
    color: #183d64;
}


.ftr-head {
  padding: 0px 0px 30px;
  position: relative;
  font-weight: 600;
    text-transform: uppercase;
}

.qcLinks {padding-bottom: 20px;}
.qcList {margin: auto;
    padding: 0 21px;
    line-height: 37px;    
    list-style-type: none;}

 .qcList li {position: relative;
    margin-bottom: 6px}  

.qcList li a {position: relative;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #737373;
    text-transform: capitalize;
    transition: all 0.3s ease;
    text-decoration: none;} 

.qcList li a:before {
    content: "\f101";
    font-family: "Fontawesome";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    color: #6a9930;
}
.qcList li a:hover {padding-left: 20px;
    color: #183d64; transition: all 0.3s ease;}

.qcList li a:hover:before {
    opacity: 1;
    visibility: visible;
    transition: all 500ms ease;
    color: #6a9930;
}


/* products list - footer */

.prdLnks {padding-bottom: 20px;}
.prdList {margin: auto;
    padding: 0 21px;
    line-height: 37px;    
    list-style-type: none;}

 .prdList li {position: relative;
    margin-bottom: 6px}  

.prdList li a {position: relative;
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    color: #737373;
    text-transform: capitalize;
    transition: all 0.3s ease;
    text-decoration: none;} 

.prdList li a:before {
    content: "\f101";
    font-family: "Fontawesome";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    color: #6a9930;
}
.prdList li a:hover {padding-left: 20px;
    color: #183d64; transition: all 0.3s ease;}

.prdList li a:hover:before {
    opacity: 1;
    visibility: visible;
    transition: all 500ms ease;
    color: #6a9930;
}







.deal-head {
	padding: 0px 0px 30px;
	position: relative;
}
.deal-head h3 {
	font-size: 30px;
	padding: 0px 0px 0px;
	max-width: 310px;
	color: #ffffff;
	text-align: center;
    letter-spacing: 3px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0 auto;
	position: relative;
}
.deal-brands {
	padding: 0px 35px 0px;
}
.deal-brands ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.deal-brands ul li {
	padding: 0px 20px 20px;
}
.deal-brands ul li:before {
	content: '\f124';
    font-family: fontAwesome;
    font-size: 18px;
    margin-right: 30px;
    margin-bottom: 0px;
    float: left;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
.deal-brands ul li a {
	font-size: 16px;
    padding: 0px 0px 0px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
}

.foot-contact-head {
	padding: 0px 0px 30px;
	position: relative;
}
.foot-contact-head h3 {
	font-size: 30px;
	padding: 0px 0px 0px;
	max-width: 310px;
	color: #183d64;
	text-align: left;	
    letter-spacing: 3px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0 auto;
	position: relative;
}

.footer-contact {
	font-size: 16px;
    padding: 0px 5px 0px;
    line-height: 35px;
    text-align: justify;
    color: #737373;
}
.footer-contact h4 {
	font-size: 20px;
    padding: 0px 0px 20px;
	color: #333;
	text-align: left;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0;
}

.foot-lower {
    padding: 20px 0px ;
    background: #dedfdf;
    /*background: #e5e5e5;*/
	position: relative;
  border-top: 7px solid #2c3e3e;
}

.copyright {
    font-size: 18px;
    padding: 0px 0px 0px;
    text-align: right;
    color: #333;
}

.design {text-align: left;}


.design a {
    font-size: 16px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #333;	
	text-decoration: none;
}

.rights {text-align: right;}



				/*--------------- about us page -------------------*/ 
				
.about-banner {
    padding: 23px 0px;
    width: 100%;
    position: relative;
    margin-top: 2rem;
}	
.about-banner img {
    width: 100%;
}			
.top-row {
	padding: 20px 0px 20px;
    margin-top: 20px;
    position: relative;
    background: #183d64;
    background-image: url(https://www.transparenttextures.com/patterns/subtle-zebra-3d.png);
    background-image: url(https://www.transparenttextures.com/patterns/diagmonds-light.png);
}

.about-section {
	padding: 87px 0px;
	position: relative;
  background: rgb(251 251 251) none repeat scroll 0% 0%;
}
.abt-company {
	padding: 0px 0px 0px;
    position: relative;
	height: auto;
}
.director {
	margin: 0px 20px 10px 0px;
    float: left;
}
.director img {
	width: 95%;
}
.director .director-name {
	padding: 10px 0px 0px;
}
.director .director-name h4 {
	font-size: 20px;
	padding: 5px 0px 0px;
	color: #f58634;
	text-align: center;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0;
} 
.company {
    padding: 0px 0px 0px 0px;
}
.company .company-head {
	padding: 0px 0px 20px;
}
.company .company-head h3 {
	font-size: 35px;
	padding: 0px 0px 0px;
	color: #f58634;
	text-align: left;	
    letter-spacing: 3px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
}

 /*.company-head h3:before {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    left: 0;
    top: 3%;
    background: #183d64;
}
 .company-head h3:after {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    right: 76%;
    top: 3.5%;
    background: #183d64; */
/* } */
 /*.company-head h3 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 14%;
	font-size: 6px;
	margin-right: 10px;
}*/
 .company-head h3 span:after {
	content: '\f111';
    font-family: fontAwesome;
    position: absolute;
    top: 3%;
    right: 81%;
    font-size: 6px;
    margin-left: 10px;
}	


/* .company .company-line {
} */
.company .company-info {
	font-size: 18px;
    padding: 0px 0px 0px;
    line-height: 35px;
    text-align: justify;
    color: #313131;
}
.company .social {
	padding: 20px 0px 0px;
}
.company .social h3 {
	font-size: 30px;
	padding: 0px 0px 20px;
	color: #f58634;
	text-align: left;	
    letter-spacing: 3px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
}
.company .social ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.company .social ul li {
	display: inline-block;
    padding-right: 30px;
}
.company .social ul li a {
	width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border: 1px solid #f58634;
    border-radius: 10px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    color: #183d64;
}
.company .social ul li a.facebook:hover {
	background: #3b5998;
	color: #fff;
}
.company .social ul li a.insta:hover {
	background: #3f729b;
	color: #fff;
}
.company .social ul li a.linkedin:hover {
	background: #0077b5;
	color: #fff;
}

/*--------------- vision-mission aboutpage -------------------*/ 

.vision-mission-section {
  /*background-image: url(../img/bg-3.png);*/
    min-height: 540px;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  position: relative;
}
.vision-mission-section .opacity {
  padding: 100px 0px 62px;    
    color: #FFF;
}

.vision-mission .nav-center {
    text-align: center;
  /*background-image: url(../img/vision-tab-bg.jpg);
  background-repeat: no-repeat;
    background-size: cover;*/
  position: relative;
}
.vision-mission .nav-tabs {
    border-bottom: 1px solid transparent;
    display: flex;
}
.vision-mission .nav-tabs li {
    flex-grow: 1;
}
.vision-mission .nav-tabs li a {
    font-size: 20px;
    padding: 10px 15px;
    /*color: #ededed;
    background: #00000040;*/
    color: #4f4f4f;
    background: #dcdcdc;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 0;
    text-decoration: none;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.vision-mission .nav-tabs li a.active {
    border: 1px solid #fbfbfb;
    border-bottom-color: transparent;
    background: #fbfbfb;
    color: #183d64;
}
.vision-mission .nav-tabs li a:hover {
    border: 1px solid #183d64;
    border-bottom-color: transparent;
    background: #fffdfd;
    color: #183d64;
}
.vision-mission .tab-content {
    padding: 20px 20px 20px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.0);
}
.vision-mission .tab-content .tab-pane {
    padding-top: 30px;
}
.vision-mission .tab-content .tab-pane .info {
    font-size: 18px;
  line-height: 40px;
    padding: 0px 0px 0px;
    color: #333;
    text-align: justify;
}

.vision-mission .tab-content .tab-pane .info ul.vcont {display: flex;
    align-items: center;
    list-style: none; margin: 0;
    padding: 0;}

li.vision-icon {padding: 0px 10px;}

li.vision-head {padding: 0px 30px;}

.vision-mission .tab-content .tab-pane .info ul.mission-icon {display: flex;
    align-items: center;
    list-style: none; margin: 0;
    padding: 0;}

.vision-mission .tab-content .tab-pane .info ul.mcont {display: flex;
    align-items: center;
    list-style: none; margin: 0;
    padding: 0;}

li.mission-icon {padding: 0px 10px;}

li.mission-head {padding: 0px 30px;}

.vision-mission .tab-content .tab-pane .info ul.cvcont {display: flex;
    align-items: center;
    list-style: none; margin: 0;
    padding: 0;}

li.value-icon {padding: 0px 10px;}

li.value-head {padding: 0px 30px;}



				/*--------------- contact us page -------------------*/ 
				
.map-section {position: relative;

	/*margin-top: 0px;
	background-image: url(../images/contactBg.jpg);
	min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.map-section .opacity {
	padding: 50px 0px 0px;
    background: rgba(0, 0, 0, 0.50);
    color: #FFF;
}
.map {
	margin-bottom: -50px;
    height: auto;
    box-shadow: 0px 15px 10px 0px rgb(0 0 0 / 27%);
    margin-top: 23px;*/
}
.contact-section { position: relative; padding: 100px 0px 50px; background: rgb(251 251 251) none repeat scroll 0% 0%;
/* 
	background-image: url(../images/contact-icon.png); 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	overflow: hidden; */
	
}
.contact-section .opacity { padding: 150px 0px 120px; 
    color: #FFF;}

.contact-line {	
    position: relative;
    border-right: 5px double #183d64;
    margin-right: 37px;
}
.contact-line-info { padding: 20px 0px;
	/*position: absolute;
    top: 28%;
    left: 10%;
     transform: translate(-50%, -50%);*/
}
.contact-line-info h3 {
	font-size: 39px;
    line-height: 61px;
    padding: 0px 0px 0px;
    text-align: left;
    color: #183d64;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.contact-line-info h4  {
	display: block;
    color: #555;
    text-align: LEFT;
    PADDING-LEFT: 8px;
    font-size: 18px;
}
.grid-data {
	padding: 15px 5px ;
}
.grid-data h4 {
	font-size: 27px;
    padding: 0px 0px 20px;
    text-align: left;
    color: #f58634;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.grid-data-Adrs {padding: 20px 0px 20px;}

.grid-data-Adrs h4 {
  font-size: 21px;
    padding: 0px 0px 20px;
    text-align: left;
    color: #f58634;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.grid-data-Adrs h4 .fas {margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;}

.grid-data-Adrs .address-1 {
      font-size: 18px;
    line-height: 35px;
    padding: 2px 8px;
    /* text-align: justify; */
    color: #313131;
}

.grid-data-contact {padding: 20px 0px 10px;}

.grid-data-contact h4 {
  font-size: 21px;
    padding: 0px 0px 20px;
    text-align: left;
    color: #f58634;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;}

.grid-data-contact h4 .cont {margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;}

.number {font-size: 18px;
    line-height: 35px;
    padding: 2px 8px;
    /* text-align: justify; */
    color: #313131; margin-left: 17px;}

.number .mob {
  margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;
}

.whatsapp {font-size: 18px;
    line-height: 35px;
    padding: 2px 8px;
    /* text-align: justify; */
    color: #313131; margin-left: 17px;}

.whatsapp .wht {
  margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;
}



.grid-data-email {padding: 20px 0px 10px;}

.grid-data-email h4 {
  font-size: 21px;
    padding: 0px 0px 20px;
    text-align: left;
    color: #f58634;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;}

.grid-data-email h4 .email {margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;}

.envl {font-size: 18px;
    line-height: 35px;
    padding: 2px 8px;
    /* text-align: justify; */
    color: #313131; margin-left: 17px;}

.envl .at {
  margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;
}


.grid-data-website {padding: 20px 0px 10px;}

.grid-data-website h4 {
  font-size: 21px;
    padding: 0px 0px 20px;
    text-align: left;
    color: #f58634;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;}

.grid-data-website h4 .web-icon {margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;}

.web {font-size: 18px;
    line-height: 35px;
    padding: 2px 8px;
    /* text-align: justify; */
    color: #313131; margin-left: 17px;}

.web .url {
  margin-right: 15px;
    color: #373435;
    font-size: 20px;
    margin-top: 3px;
}







.grid-data-Adrs .address-2 {
  font-size: 18px;
  line-height: 30px;
    padding: 0px 0px 0px;
    text-align: justify;
    color: #313131;
}

.grid-data-Adrs .address-2 {
  font-size: 18px;
  line-height: 30px;
    padding: 0px 0px 0px;
    text-align: justify;
    color: #313131;
}



/*.grid-data .contact-icon {
	width: 50px;
    height: 50px;
    line-height: 50px;
	text-align: center;
    font-size: 22px;
    margin-right: 20px;
    color: #183d64;
	border: 1px solid #f1f1f1;
    float: left;
    padding-top: 14px;
}
.grid-data .contact {
	font-size: 22px;
	line-height: 30px;
    padding: 10px 0px 0px;
    text-align: justify;
    color: #313131;
}*/


.grid-data .mail-icon {
	width: 50px;
    height: 50px;
    line-height: 50px;
	text-align: center;
    font-size: 22px;
    margin-right: 20px;
    color: #183d64;
	border: 1px solid #f1f1f1;
    float: left;
}
.grid-data .mail {
	font-size: 22px;
	line-height: 30px;
    padding: 10px 0px 0px;
    text-align: justify;
    color: #313131;
}

.grid-data .web-icon {
	width: 50px;
    height: 50px;
    line-height: 50px;
	text-align: center;
    font-size: 22px;
    margin-right: 20px;
    color: #183d64;
	border: 1px solid #f1f1f1;
    float: left;
}
.grid-data .website {
	font-size: 22px;
	line-height: 30px;
    padding: 10px 0px 0px;
    text-align: justify;
    color: #313131;
}



.form-section {
	padding: 90px 0px ;
    position: relative;
    background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
}
.form-line {
	height: 100%;
    position: relative;
    box-shadow: 0px 0px 5px 4px #ebebeb;
    background-color: #f5f5f5;
}
.form-info {
    position: absolute;
    top: 31%;
    left: 6%;
    /* transform: translate(-50%, -50%);*/
}
.form-info h3 {
	font-size: 3rem;
    line-height: 70px;
    padding: 0px 0px 0px;
    text-align: center;
    color: #183d64;
    letter-spacing: 3px;
	font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.form-info h3 span {
	display: block;
    color: #f58634;
}
.contact-form {
	padding: 20px 10px 20px;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    height: 54px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    outline: none;
    font-size: 16px; background-color: white;
}
.contact-form textarea {
    height: 4rem;
    resize: none;
}
.contact-form .form-btn {
    font-size: 20px;
    padding: 10px 20px 10px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    color: #ffffff;
    background: #183d64;
    cursor: pointer;
    border: 1px solid transparent;
}

				/*--------------- Hafele us page -------------------*/
				
				/*--------------- Panasonic page -------------------*/ 
				
/*.panasonic-banner {
    padding: 20px 0px 20px;
    margin-top: 0px;
    background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
	position: relative;
}

.banner-head h2 {
	font-size: 45px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;
}

.product-filter {
	padding: 4rem 0rem 4rem;
	position: relative;
	overflow: hidden;
}
.product-list {
	padding: 1rem 0rem 1rem;
	position: relative;
}
.product-list ul {
	margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.product-list ul li {
	padding: 10px 30px 10px;
    line-height: 25px;
    margin-right: 1rem;
    font-size: 1.2rem;
    list-style: none;
    text-align: center;
    background: #183d64;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s ease;
}
/*.product-list ul li:hover, ul li.active {
	background: #f58634;
}*/

/*
.product-wrap {
	padding: 20px 0px 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}
.product-block {
	width: 30%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 20px;
    overflow: hidden;
	position: relative;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.40);
}
.product-block .img-arrow {
	position: relative;
	animation-iteration-count: infinite;
}
.product-block .img-arrow:before {
	content: '\f063';
    font-family: fontAwesome;
    position: absolute;
    left: 50%;
    top: 5px;
    font-size: 14px;
    color: #183d64;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
.product-block img {
	position: relative;
    border-radius: 5px;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    object-fit: cover;
    border: 1px solid #f5f5f5;
}
.product-block .product-info {
	padding: 0px 0px 0px;
	height: 105px;
    border-top: 1px solid #f58634;
	background: #f7f7f7;
	transition: all 500ms ease-out;
}
.product-block .product-info .name {
	font-size: 22px;
    padding: 10px 0px 5px;
    color: #183d64;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all 400ms ease-out;
}
.product-block .product-info .info {
	font-size: 16px;
    line-height: 25px;
    padding: 0px 20px 20px;
	color: #313131;
    text-align: center;
	text-transform: capitalize;
	transition: all 400ms ease-out;
}
.product-block:hover .product-info .name, .product-block:hover .product-info .info {
	transform: translate(0px, 10px);
	transition: all 400ms ease-out;
}
.product-block .hovr {
    position: absolute;
    padding: 30px 10px 20px;
    color: #FFF;
    text-align: center;
    top: -396px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #183d644d;
    transition: all 400ms ease-out;
}
.product-block:hover .hovr {
    top: 0px;
	background-color: #183d64;
}
.panasonic-feature {
	margin: 0;
    padding: 0;
	list-style-type: none;
}
.panasonic-feature li {
	padding: 5px 10px;
    font-size: 12px;
    text-align: justify;
    color: #fff;
}
.panasonic-feature li:before {
    content: '\f030';
    font-family: fontAwesome;
    font-size: 10px;
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
.product-block .hovr a {
	font-size: 0.9rem;
    padding: 5px 10px;
    margin-top: 30px;
    list-style: none;
    text-align: center;
    background: #fff;
    color: #183d64;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    transition: all .5s ease;
}
.product-block .hovr a:hover {
	background: #f58634;
	color: #fff;
}
*/
				
				
				/*--------------- Tata Swach page -------------------*/
				
			
.tata-banner {
    padding: 20px 0px 20px;
    margin-top: 0px;
    background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
	position: relative;
}

.banner-head h2 {
	font-size: 45px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;
}
.non-electric {
	padding: 50px 0px 50px;
	position: relative;
}
.tata-1 {
	padding: 20px 0px 20px;
	position: relative;
}
.tata-1 .tata-img {
	width: 100%;
    height: auto;
    border: 1px solid #f5f5f5;
    overflow: hidden;
	text-align: center;
	border-radius: 5px;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.40);
}
/* } */
.tata-1 .tata-img img {
	width: 100%;
    height: auto;
    border: 0px solid transparent;
    border-radius: 0px;
    overflow: hidden;
    transition: all .5s ease;
}
/* .tata-1 .tata-info {
} */
.tata-1 .tata-info h3 {
	font-size: 30px;
	padding: 0px 0px 0px;
	color: #f58634;
	text-align: left;
    letter-spacing: 3px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
}
.tata-1 .tata-info h4 {
	font-size: 22px;
    padding: 20px 0px 20px;
    color: #183d64;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all 400ms ease-out;
}
.tata-1 .tata-info .overview {
	margin: 0;
    padding: 0;
	list-style-type: none;
}
.tata-1 .tata-info .overview li {
	padding: 10px 10px;
    font-size: 16px;
    text-align: justify;
    color: #313131;
}
.tata-1 .tata-info .overview li:before {
	content: '\f06d';
    font-family: fontAwesome;
    font-size: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    float: left;
    color: #f58634;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
	
				
				
				
				
				
				/*--------------- Spotzero page -------------------*/
				
.spotzero-head-banner {
    padding: 20px 0px 20px;
    margin-top: 0px;
    background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
	position: relative;
}

.banner-head h2 {
	font-size: 45px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;
}
.spotzero-banner {
	padding: 0px 0px 0px;
	width: 100%;
	position: relative;
}
.spotzero-banner img {
	width: 100%;
}
.spotzero-feature {
	background-image: url(../images/soptzero-banner.jpg);
	min-height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	overflow: hidden;
}
.spotzero-feature .opacity {
	padding: 50px 0px 50px;
    background: rgba(0, 0, 0, 0.07);
    color: #FFF;
}
.spotzero-feature-head {
	padding: 0px 0px 20px;
}
.spotzero-feature-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;
}
.feature {
	padding: 10px 0px 0px;
	overflow: hidden;
}
.feature ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.feature ul li {
	font-size: 18px;
    line-height: 35px;
    padding: 10px 20px 10px;
    text-align: justify;
    color: #fff;
}
.feature ul li:before {
	content: '\f0c8';
    font-family: fontAwesome;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    transform: rotate(50deg);
}
.feature ul li:nth-child(1):before {
	margin-bottom: 40px;
}
.spotzero-menu {
	padding: 90px 0px;
	position: relative;
	background: #ffffff;
    /*background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);*/
}
.spotzero-menu-grid {
	padding: 10px 10px 10px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
	
}
.spot-menu-box {
	width: 19%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 10px 5px;
    overflow: hidden;
	/*background: #fff;
    border: 1px solid transparent; */
    border-radius: 15px;
}
/* .spot-menu-box .img {
} */
.spot-menu-box .img img {
	width: 100%;
    height: auto;
    border: 1px solid #e4e4e4;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
}
.spot-menu-box .info {
	height: 75px;
    background: #183d64;
}
.spot-menu-box .info h4 {
	font-size: 22px;
    padding: 15px 20px 10px;
    color: #ffffff;
    letter-spacing: 3px;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.spot-menu-box .info h4 span {
	font-size: 18px;
    display: block;
    text-align: right;
}

.spotzero-accessories {
	padding: 50px 0px 50px;
	position: relative;
	background: #fbfbfb;
}
.accessories-head {
	padding: 0px 0px 30px;
}
.accessories-head h2 {
	font-size: 35px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;
}

.accessories-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #183d64;
}
.accessories-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #183d64;
}
.accessories-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 14%;
	font-size: 6px;
	margin-right: 10px;
}
.accessories-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 14%;
	font-size: 6px;
	margin-left: 10px;
}	




.prdUsg-head {
	padding: 0px 0px 30px;
}

.prdUsg-head h2 { font-size: 35px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 auto;
    position: relative;}
	
.prdUsg-head h2:before {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    left: 0;
    top: 50%;
    background: #183d64;
}
.prdUsg-head h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    right: 0;
    top: 50%;
    background: #183d64;
}
.prdUsg-head h2 span:before{
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    left: 14%;
	font-size: 6px;
	margin-right: 10px;
}
.prdUsg-head h2 span:after {
	content: '\f111';
	font-family: fontAwesome;
	position: absolute;
    top: 45%;
    right: 14%;
	font-size: 6px;
	margin-left: 10px;
}	
	


.spot-grid {
	padding: 10px 0px 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    overflow: hidden;
}
.grid-block {
	width: 30%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 20px;
    overflow: hidden;
	border: 2px solid #183d64;
	border-radius: 15px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.40);
	transition: all .5s ease;
}
/* .grid-block .spot-img {
} */
.grid-block .spot-img img {
	width: 100%;
    height: auto;
    border: 0px solid #f5f5f5;
    overflow: hidden;
}
.grid-block .spot-info {
	padding: 0px 0px 0px;
    border: 1px solid transparent;
    background: #f7f7f7;
	border-top: 1px solid #f58634;
	transition: all .5s ease;
}
.grid-block:hover .spot-info {
	background-color: #183d64;
	border: 1px solid #183d64; 
}
.grid-block .spot-info h4 {
	font-size: 22px;
    padding: 20px 0px 20px;
    color: #183d64;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
	transition: all .5s ease;
}
.grid-block:hover .spot-info h4 {
	color: #ffffff; 
}
				
				
				/*--------------- Homelife page -------------------*/
/*
.homelife-banner {
    padding: 20px 0px 20px;
    margin-top: 0px;
    background: #f9f9f9;
    background-image: url(https://www.transparenttextures.com/patterns/ag-square.png);
	position: relative;
}

.banner-head h2 {
	font-size: 42px;
    padding: 0px 0px 0px;
    max-width: 420px;
    text-align: center;
    color: #f58634;
    letter-spacing:  0px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
}

.homelife-product-filter {
	padding: 4rem 0rem 4rem;
	position: relative;
	overflow: hidden;
}
.homelife-product-filter .product-list {
	padding: 1rem 0rem 1rem;
	position: relative;
}
.homelife-product-filter .product-list ul {
	margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.homelife-product-filter .product-list ul li {
	padding: 10px 30px 10px;
    line-height: 25px;
    margin-right: 1rem;
    font-size: 1.2rem;
    list-style: none;
    text-align: center;
    background: #183d64;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s ease;
}
.homelife-product-filter .product-list ul li:hover, .homelife-product-filter .product-list ul li.active {
	background: #f58634;
}
.product-wrap-box {
	padding: 20px 0px 20px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}
.product-wrap-box .box {
	width: 30%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 20px;
	border-radius: 5px;
    overflow: hidden;
	position: relative;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.40);
}
.product-wrap-box .box img {
	width: 100%;
	height: auto;
	position: relative;
    border-radius: 5px;
    top: 0;
    left: 0;
    object-fit: cover;
    /*border: 1px solid #f5f5f5;*/
/* } */
/*
.product-wrap-box .box .home-info {
	padding: 0px 0px 0px;
	height: auto;
    border-top: 1px solid #f58634;
	background: #f7f7f7;
	transition: all 500ms ease-out;
}
.product-wrap-box .box .home-info h4 {
	font-size: 22px;
    padding: 20px 0px 20px;
    color: #183d64;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    transition: all 400ms ease-out;
}
.product-wrap-box .box .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    opacity: 0;
    background: #183d64;
    transition: all 0.5s ease;
}
.product-wrap-box .box:hover .overlay {
	height: 100%;
	width: 100%;
    opacity: 1;
}
.product-wrap-box .box .overlay .overlay-info {
	position: absolute;
    width: 100%;
    padding: 0px 30px 30px;
    top: 20%;
}
.product-wrap-box .box .overlay .overlay-info h4 {
	font-size: 22px;
    padding: 0px 0px 20px;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.product-wrap-box .box .overlay .overlay-info ul {
	margin: 0;
    padding: 0;
	list-style-type: none;
}
.product-wrap-box .box .overlay .overlay-info ul li {
	padding: 5px 10px;
    font-size: 14px;
    text-align: justify;
    color: #fff;
}
.product-wrap-box .box .overlay .overlay-info ul li:before {
    content: '\f06d';
    font-family: fontAwesome;
    font-size: 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    float: left;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    transform: rotate(0deg);
}
	*/			
/*------------------ index logos --------------- */

.client-logo-grid {
	max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.client-logo-block {
	width: 17%;
    padding: 0px 10px 0px;
    height: auto;
    text-align: center;
    box-sizing: border-box;
    margin: 1rem;
    transition: all .5s ease;
    box-shadow: 0px 0px 14px 4px #eee;
	background-color: #f6f6f6;
}
.client-logo-block:hover {
	transform: translateY(10px);
}
.client-logo-block .icon-box {
	width: 100%;
    height: auto;
    border: 1px solid transparent; 
    border-radius: 0px;
    overflow: hidden;
    /* box-shadow: 10px 10px 0px #dcdcdc; */
    transition: all .5s ease;
}
/* .client-logo-block:hover .icon-box {
	border: 1px solid #0d7a7d; 
} */
/* .client-logo-block .icon-box img {
}				 */
				 


.downbtn {
    margin-top: -87px;
    display: flex;
    justify-content: end;
    margin-bottom: 40px;

}