@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@font-face
{
	font-family: "Century Gothic";
	src: url("../fonts/Century_Gothic.ttf");
}
html,
body
{
	background-color: #fff;
	color: #0a121d;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 600;
}
header
{
	display: flex;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.logobox
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	flex: none;
	margin-left: 20px;
	padding: 5px;
	position: absolute;
	top: 0;
	width: 140px;
}
.icons
{
	display: inline-flex;
	margin-left: auto;
}
.icons a
{
	color: #ccc !important;
	padding: 0.2rem 0.4rem;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
.icons a:hover
{
	color: white;
	text-shadow: 0 0 30px white;
}
.carousel-item
{
	height: 100vh;
	overflow: hidden;
}
.carousel-item img
{
	filter: brightness(0.7);
	height: inherit;
	object-fit: cover;
	width: 100%;
}
.carousel-caption
{
	bottom: 63%;
}
.carousel-caption h1
{
	font-size: 55px;
}
.bgshade
{
	background-color: rgba(0, 0, 0, 0.4);
	height: 100vh;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.pad-100
{
	padding-bottom: 100px;
	padding-top: 100px;
}
.abtbg
{
	background-color: #2C2E52;
	height: 450px;
	left: 0;
	position: absolute;
	width: 45%;
}
.img1
{
	position: relative;
	z-index: 1;
}
.img2
{
	margin-top: 20px;
	position: relative;
	z-index: 1;
}
.img3
{
	position: relative;
	z-index: 1;
}
.textbox
{
	text-align: justify;
	width: 450px;
}
.read
{
	border: 1px solid #2C2E52;
	border-radius: 20px;
	color: #2C2E52;
	padding: 7px 20px;
	text-decoration: none;
}
.read:hover
{
	background-color: #2C2E52;
	color: #fff;
}
.bg-acheivements1
{
	background-attachment: fixed;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/smart-living-room.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.acheivebox
{
	border: 15px solid rgba(234, 72, 77, 0.5);
	border-radius: 100%;
	box-shadow: 0px 0px 10px 20px #2C2E52 inset;
	float: none;
	height: 250px;
	margin: 30px auto;
	padding: 0;
	position: relative;
	text-align: center;
	width: 250px;
}
.contentbox p
{
	font-size: 16px;
	font-weight: 400;
}
.contentbox:before
{
	background-color: #FFF;
	border-radius: 100%;
	bottom: 0;
	content: "";
	height: 187px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 187px;
	z-index: -1;
}
.contentbox
{
	border-radius: 100%;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: auto;
	padding: 15% 10%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.proicon .icon
{
	font-size: 36px;
	margin-bottom: 15px;
}
.call
{
	font-size: 32px;
}
.call a, .card a
{
	color: #ea484d;
	text-decoration: none;
}
.totalbox
{
	margin-left: 12%;
}
.acheivebox img
{
	margin-bottom: 20px;
}
.bg-gray
{
	background-color: #0a121d;
	color: #fff;
	padding: 100px;
}
.servbox img
{
	border-radius: 10px;
	height: 200px;
}
.servbox
{
	margin-bottom: 50px;
	text-align: center;
}
.bg-gray h6
{
	font-size: 22px;
	text-align: center;
}
.readmore
{
	border: 1px solid #fcfcfc;
	border-radius: 5px;
	color: #fff;
	padding: 5px 25px;
	text-align: center;
	text-decoration: none;
}
.readmore:hover
{
	background-color: #fff;
	color: #383838;
}
.title
{
	font-size: 30px;
	margin: 40px auto;
}
.bgfoot1
{
	background-color: #363736;
	padding-bottom: 30px;
	padding-top: 50px;
}
.footlogo
{
	margin: 0 auto;
	width: 200px;
}
.footlist
{
	margin: 0;
	padding: 0;
}
.footlist li
{
	display: inline-block;
	font-size: 14px;
	list-style-type: none;
	padding: 20px 10px;
}
.footlist li a
{
	color: #ffff;
	text-decoration: none;
}
.footlist2 li
{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: inline-block;
	font-size: 16px;
	height: 40px;
	list-style: none;
	margin-right: 5px;
	padding: 8px;
	text-align: center;
	width: 40px;
}
.footlist2 li a
{
	color: #fff;
}
.bgfoot2
{
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 14px;
	padding: 20px;
}
.mainhall-video
{
	height: 500px;
	margin-top: -140px;
	overflow: hidden;
	width: 100%;
}
.mainhall-video video
{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	height: inherit;
	width: 100%;
}
.mainhall-video video source
{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.header-content
{
	overflow: hidden;
	padding: 56px;
	position: relative;
	text-align: left;
}
.header-content .line
{
	border: 9px solid #fff;
	clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	content: "";
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	width: 75%;
}
.header-content h2
{
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}
.carcap2, .carcap2 h2 {
	color: #0a121d;
}

.header-content h1
{
	color: #EA484D;
	font-size: 60px;
	font-weight: 600;
	margin: 10px 0 10px;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
	word-spacing: 3px;
}
.header-content h4
{
	color: #fff;
	font-size: 25px;
	font-weight: 300;
	line-height: 36px;
}
.header-content h1
{
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	webkit-animation-fill-mode: both;
}
.header-content h2
{
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	webkit-animation-fill-mode: both;
}
.header-content h4
{
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	webkit-animation-duration: 1s;
	webkit-animation-fill-mode: both;
}
.header-content .line
{
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
	webkit-animation-duration: 1s;
	webkit-animation-fill-mode: both;
}
footer
{
	background-color: #0a121d;
	color: #fff;
	padding: 100px 0 0 0;
	line-height: 2;
}
.foothead
{
	color: #EA484D;
	font-size: 20px;
	font-weight: 500;
}
.nomargin
{
	margin: 0;
}
.footlink
{
	color: #fff;
	text-decoration: none;
}
.footlink:hover
{
	color: #fff;
	text-decoration: none;
}
.footicon {
	margin-top: 10px;
	margin-right: 10px;
}
.services-modern
{
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 350px;
}
.services-modern-content-wrap
{
	clip-path: polygon(calc(50% - 25px) 25px, calc(50% + 25px) 25px, calc(50% + 50px) 0, 100% 0, 100% 100%, 0 100%, 0 0, calc(50% - 50px) 0);
	overflow: hidden;
	webkit-clip-path: polygon(calc(50% - 25px) 25px, calc(50% + 25px) 25px, calc(50% + 50px) 0, 100% 0, 100% 100%, 0 100%, 0 0, calc(50% - 50px) 0);
}
.services-modern-content
{
	height: 350px;
	transition: all .3s ease;
}
.services-modern-figure
{
	background: #363b3e;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	display: block;
	height: 350px;
	transition: 0.5s all ease-in-out;
}
.services-modern:hover .services-modern-figure
{
	height: 350px;
	transform: scale(1.0);
	transition: 0.5s all ease-in-out;
}
.services-modern:hover .services-modern-counter
{
	top: -40px;
}
.services-modern-figure img
{
	border: 1px solid #ddd;
	height: 350px;
	transition: inherit;
	width: 100%;
}
*+.services-modern-title
{
	margin-top: 18px;
}
.services-modern-title
{
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}
.services-modern-counter
{
	color: rgba(21, 21, 21, 0.3);
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 48px;
	font-weight: 400;
	left: 50%;
	letter-spacing: .05em;
	line-height: 1;
	position: absolute;
	top: -30px;
	transform: translate3d(-50%, 0, 0);
	transition: all .3s ease-in-out;
	webkit-transform: translate3d(-50%, 0, 0);
}
.serv
{
}
.serv a
{
	text-decoration: none;
}
.services-modern-title a, .services-modern-title a:focus, .services-modern-title a:active
{
	color: inherit;
}
.serv .carousel-item
{
	height: auto;
	padding-top: 50px;
}
.servicetitle
{
	margin-top: 30px;
	position: relative;
}
.heading-panel-title
{
	color: rgba(21, 21, 21, 0.09);
	font-size: 80px;
	font-weight: 600;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	webkit-transform: translate3d(0, -50%, 0);
}
.heading-panel-left
{
	padding-left: 160px;
	padding-top: 30px;
	position: relative;
	text-align: left;
}
.heading-panel-decor
{
	border: 1px solid #dfdfdf;
	display: block;
	flex-grow: 1;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0 10px;
	ms-flex-positive: 1;
}
.heading-panel-left1
{
	padding-left: 50px !important;
}
.heading-panel
{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	ms-flex-align: center;
	ms-flex-pack: center;
	ms-flex-wrap: wrap;
}
.owl-height
{
	moz-transition: height 500ms ease-in-out;
	ms-transition: height 500ms ease-in-out;
	o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
	webkit-transition: height 500ms ease-in-out;
}
.owl-carousel
{
	display: none;
	position: relative;
	webkit-tap-highlight-color: transparent;
	width: 100%;
	z-index: 1;
}
.owl-carousel .owl-stage
{
	ms-touch-action: pan-Y;
	position: relative;
}
.owl-carousel .owl-stage:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.owl-carousel .owl-stage-outer
{
	overflow: hidden;
	padding-top: 60px;
	position: relative;
	webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item
{
	float: left;
	margin-right: 30px !important;
	min-height: 1px;
	position: relative;
	webkit-backface-visibility: hidden;
	webkit-tap-highlight-color: transparent;
	webkit-touch-callout: none;
}
.owl-carousel .owl-item img
{
	display: block;
	webkit-transform-style: preserve-3d;
	width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled
{
	display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot
{
	cursor: hand;
	cursor: pointer;
	khtml-user-select: none;
	moz-user-select: none;
	ms-user-select: none;
	user-select: none;
	webkit-user-select: none;
}
.owl-carousel.owl-loaded
{
	display: block;
}
.owl-carousel.owl-loading
{
	display: block;
	opacity: 0;
}
.owl-carousel.owl-hidden
{
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item
{
	display: none;
}
.owl-carousel.owl-drag .owl-item
{
	moz-user-select: none;
	ms-user-select: none;
	user-select: none;
	webkit-user-select: none;
}
.owl-carousel.owl-grab
{
	cursor: grab;
	cursor: move;
	cursor: -ms-grab;
	cursor: -o-grab;
	cursor: -webkit-grab;
}
.owl-carousel.owl-rtl
{
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item
{
	float: right;
}
.no-js .owl-carousel
{
	display: block;
}
.owl-carousel .owl-item .owl-lazy
{
	moz-transition: opacity 400ms ease;
	ms-transition: opacity 400ms ease;
	opacity: 0;
	o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	webkit-transition: opacity 400ms ease;
}
.owl-carousel .owl-item img
{
	transform-style: preserve-3d;
}
.owl-prev
{
	background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938188/left-arrow_rlxamy.png') left center no-repeat;
	color: transparent;
	cursor: pointer;
	height: 54px;
	left: 2%;
	margin-top: -27px;
	position: absolute;
	top: 50%;
	width: 27px;
	z-index: 1000;
}
.owl-next
{
	background: url('https://res.cloudinary.com/milairagny/image/upload/v1487938220/right-arrow_zwe9sf.png') right center no-repeat;
	color: transparent;
	cursor: pointer;
	height: 54px;
	margin-top: -27px;
	position: absolute;
	right: 2%;
	top: 50%;
	width: 27px;
	z-index: 1000;
}
.owl-prev:hover,
.owl-next:hover
{
	opacity: 0.5;
}
.abtimg
{
	box-shadow: 0 0 20px #ddd;
}
.abttitle
{
	font-size: 30px;
	margin: 25px -65px;
}
.abttitle h5
{
	font-weight: 300;
}
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  /* border: 2px solid #FFF; */
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}
.pagetitle
{
	bottom: 160px;
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	height: 50px;
	left: 133px;
	line-height: 55px;
	margin: auto;
	position: absolute;
	text-shadow: 0 0 10px rgb(0 0 0 / 80%);
	top: 0;
	width: 600px;
}
.new-articles li
{
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	display: flex;
	float: left;
	height: 230px;
	list-style: none;
	margin: 15px 10px 10px;
	overflow: hidden;
	text-align: center;
	width: 19%;
}
.new-articles
{
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	width: 100%;
}
.new-articles li img
{
	object-fit: cover;
	width: 100%;
}
.nav-pills .nav-link
{
	background: transparent;
	border: 0;
	border-radius: .25rem;
	color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
	background-color: #000;
	border: 0;
	color: #fff !important;
}
.nav-pills .nav-link:focus
{
	outline: none;
}
.content
{
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.content .content-overlay
{
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	height: 99%;
	left: 0;
	moz-transition: all 0.4s ease-in-out 0s;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.4s ease-in-out 0s;
	webkit-transition: all 0.4s ease-in-out 0s;
	width: 100%;
	cursor: none !important;
}
.content:hover .content-overlay
{
	opacity: 1;

}



.content-image
{
	width: 100%;
}
.content-details
{
	left: 50%;
	moz-transform: translate(-50%, -50%);
	moz-transition: all 0.3s ease-in-out 0s;
	opacity: 0;
	padding-left: 1em;
	padding-right: 1em;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out 0s;
	webkit-transform: translate(-50%, -50%);
	webkit-transition: all 0.3s ease-in-out 0s;
	width: 100%;
	cursor: none !important;
}
.content:hover .content-details
{
	left: 50%;
	opacity: 1;
	top: 50%;
}
.content-details h3
{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.content-details p
{
	color: #fff !important;
	font-size: 0.8em;
}
.bg-with
{
	background: -webkit-linear-gradient(top, #ffffff, #eef2f9);
	padding: 70px 20px 50px 20px;
}
.brown
{
	color: #44240A;
	font-size: 30px;
	margin-top: 20px;
	padding-bottom: 10px;
}
.bg-image
{
	background-attachment: fixed;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/slide1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: left;
	height: 50vh;
}
.bg-up
{
	margin-top: -180px;
}
.inner-header .nav-item
{
	margin-right: 20px;
}
.inner-header .nav-item .nav-link
{
	color: #fff;
}
.navbar-nav
{
	margin-bottom: 15px;
	margin-right: 50px;
	margin-top: 15px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link
{
	background-color: #2C2E52;
	border-radius: 5px;
	color: #0a121d;
	padding: 6px 12px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
	color: #fff;
}
.activehead
{
	background-color: #fff !important;
	height: 95px !important;
}
.single-image
{
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	margin-bottom: 30px;
	width: 100%;
}
.sociallink
{
	color: #fff;
	display: inline-block;
	font-size: 25px;
	margin-right: 10px;
	margin-top: 15px;
}
.form-control:focus
{
	box-shadow: none;
	outline: none;
}
.blog-img
{
	height: 330px;
	overflow: hidden;
	width: 30%;
}
.blog
{
	background-color: #fff;
	box-shadow: 0 0 2px rgb(0 0 0 / 30%);
	margin-bottom: 20px;
}
.blog-content
{
	padding: 22px 50px;
	width: 70%;
}
.blog-img img
{
	height: inherit;
	object-fit: cover;
}
.blue
{
	color: #0a121d;
}
.orange
{
	color: #2C2E52;
}
.float-right
{
	float: right;
}
.white
{
	color: #fff;
}
.bg-blue
{
	background-color: #0a121d;
	color: #fff;
}
.icon-wrapper
{
	border: 1px solid #fff;
	height: 65px;
	padding: 12px;
	text-align: center;
	width: 130px;
}
.icon-wrapper span
{
	font-size: 30px;
	position: relative;
	z-index: 1;
}
.icon-content
{
	padding-left: 30px;
}
.icon-content .link:hover{
	color: #EA484D;
}
.icon-content h4
{
	font-size: 18px;
	margin-bottom: 10px;
}
.img-part
{
	background-image: url(../images/video1thumbnail.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	text-align: center;
}
.popup-border
{
	top: 50%;
	transform: translateY(-50%);
}
.popup-border
{
	background: #302A2A;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 10px rgba(21, 21, 21, 0.3);
	color: #fff;
	display: inline-block;
	font-size: 43px;
	height: 80px;
	left: 0;
	line-height: 70px;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 80px;
}
.cancel-video
{
	background: #fff;
	border-radius: 50%;
	float: right;
	height: 30px;
	position: absolute;
	right: 0;
	top: 2px;
	width: 30px;
	z-index: 999;
}
.video-modal
{
	background: none;
	padding: 0;
}
.video-modal video
{
	border-radius: 10px;
}
.video-modal .modal-content, .no-border
{
	background: none;
	border: none !important;
}
.video-modal .modal-header
{
	border-bottom: none !important;
	padding: 0;
}
.popup-border:hover
{
	background-color: #2C2E52;
	color: #fff;
}
.mfp-iframe-holder {
	padding-top: 65px;
}
.acheivebox1
{
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
	text-align: center;
}
.acheivebox1:hover
{
	background-color: #2C2E52;
	color: #fff;
}
.acheivebox1:hover .acimg
{
	filter: opacity(0.2);
}
.acheivebox1:hover .accontent h1:after
{
	border: 2px solid #fff;
}
.acheivebox1 .acimg
{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 15px;
}
.accontent
{
	position: relative;
}
.accontent h1:after
{
	border: 2px solid #2C2E52;
	content: "";
	left: 43%;
	position: absolute;
	top: 60px;
	width: 50px;
}
.ml-200
{
	margin-left: 200px;
}
.icon-pro
{
	border: 1px solid #ddd;
	border-radius: 50%;
	height: 85px;
	padding: 20px;
	width: 85px;
}
.icon-pro-content
{
	margin-left: 20px;
}
.prodetail p:before
{
	border-bottom: solid 8px transparent;
	border-left: solid 10px #383838;
	border-top: solid 8px transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 7px;
	width: 0;
}
.prodetail
{
	margin-left: 20px;
}
.prodetail p
{
	border-left: 1px solid #2C2E52;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-left: 30px;
	position: relative;
}
.p1
{
	background-image: url(../images/product-images/gateway.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.about-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/about_us.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}

.contact-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/contact_us.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}
.abtdiv
{
	padding: 15px;
}
.abticn
{
	background-color: #2C2E52;
	color: #fff;
	height: 50px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 100px;
}
.abtsecimg1
{
	background-image: url(../images/ab1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contentsec1
{
	background-color: #0A121D;
	color: #fff;
	padding: 50px;
}
.abtsecimg2
{
	background-image: url(../images/ab2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contentsec2
{
	background-color: #2C2E52;
	color: #fff;
	padding: 50px;
}
.teamdiv
{
	margin: 30px 20px 20px 0px;
	position: relative;
}
.teamdetail
{
	background: #2C2E52;
	border-radius: 5px;
	bottom: -49px;
	box-shadow: 0 0 10px #ddd;
	color: #fff;
	left: 0;
	margin: 0 auto;
	padding: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 250px;
}

.locate h4
{
	font-size: 20px;
	margin-bottom: 15px;
}
.locate h1
{
	color: #2C2E52;
	font-size: 40px;
	margin-bottom: 15px;
}
.contbox
{
}
.contform
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/bg-contfrom-01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	margin-bottom: -45px;
	padding: 100px;
}
.address-widget
{
	display: inline-block;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	width: 330px;
}
.address-widget h4
{
	font-size: 20px;
	margin-bottom: 10px;
}
.contdetail
{
	margin-top: 50px;
}
.contdetail h3
{
	color: #0a121d;
	font-size: 20px;
}
.contdetail h1
{
	font-size: 25px;
}
.contdetail ul
{
	margin: 0;
	padding: 0;
}
.contdetail ul li
{
	display: flex;
	list-style-type: none;
	padding-top: 20px;
}
.contdetail ul li a
{
	color: #fff;
	text-decoration: none;
}
.contdetail .ic
{
	border: 1px solid #EA484D !important;
	color: #2C2E52;
	font-size: 38px;
	padding: 5px;
	width: 40px;
}
.contdetail .icon-content
{
	padding-left: 15px;
}
.icon-wrapper1
{
}
.contform .form-control
{
	border: 0;
	border-bottom: 1px solid #ddd;
}
.form-control:focus
{
	box-shadow: none;
	outline: none;
}
.sendbtn
{
	background-color: #0a121d;
	color: #fff;
	width: 20%;
}
.sendbtn:hover
{
	color: #fff;
}
.link
{
	color: #0a121d;
	text-decoration: none;
}
.link:hover
{
	color: #2C2E52;
}
.navbar-nav .dropdown-menu
{
	padding: 0;
}
.dropdown-item
{
	padding: 8px 15px;
}
.dropdown-item:focus, .dropdown-item:hover
{
	background-color: #2C2E52;
	color: #fff;
}
.blog-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/blog.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}
.blogleftdiv1
{
	background-color: #f8f8f8;
	padding: 30px;
}
.leftdiv1
{
	display: inline-flex;
	margin-bottom: 30px;
}
.leftdiv1 img
{
	height: 70px;
	width: 100px;
}
.leftdiv1cont
{
	margin-left: 20px;
}
.leftdiv1cont h6
{
	font-size: 16px;
}
.leftdiv1cont small
{
	color: #999;
}
.blogleftdiv2
{
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(../images/blog-banner2.jpg);
	background-position: top;
	margin-top: 30px;
	padding: 30px;
}
.blogclbtn
{
	background: #eb464b;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: 600;
	padding: 7px 30px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.blogclbtn:hover
{
	background: #fff;
	border: 1px solid #2C2E52;
	color: #2C2E52;
}
.bloghead
{
	color: #2C2E52;
	font-size: 42px;
	font-weight: 300;
}
.blogrightdiv1
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../images/blog/5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	height: 500px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
}
.rightdivcont
{
	bottom: 10px;
	position: absolute;
}
.rightdivcont span
{
	background: rgba(235, 70, 75, 0.8);
	border-radius: 5px;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 300px;
	padding: 3px 10px;
}
.blogrightdiv2
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../images/blog/6.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	height: 500px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
}
.blogrightdiv3
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../images/blog/2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	height: 500px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
}
.blogrightdiv4
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../images/blog/1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	height: 500px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
}
.blogrightdiv5
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(../images/blog/7.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	color: #fff;
	height: 500px;
	margin-top: 30px;
	padding: 30px;
	position: relative;
}
.footbox1 ul li
{
	list-style-type: none;
}
.footbox1 ul
{
	margin: 0;
	padding: 0;
}
.main-products,
.cap-products,
.hchild-products
{
	display: none;
}
.register .nav-tabs .nav-link:hover
{
	border: none;
}
.register-heading
{
	color: #e9ecef;
	margin-bottom: 10%;
	margin-left: 21%;
}
.register-heading h1
{
	color: #e9ecef;
	margin-bottom: 10%;
	margin-left: 21%;
}
.btnSubmit
{
	background-color: #03612e;
	border: none;
	border-radius: 1rem;
	color: #fff;
	color: rgb(246, 246, 252);
	cursor: pointer;
	margin-right: 6%;
	margin-top: 4%;
	padding: 1.5%;
	width: 50%;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
	opacity: 0;
	position: absolute;
	z-index: 9999;
}
[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label
{
	color: #fff;
	cursor: pointer;
	display: grid;
	line-height: 20px;
	padding-left: 28px;
	position: relative;
}
[type="checkbox"]:checked+label::before,
[type="checkbox"]:not(:checked)+label::before
{
	background: transparent;
	border: 1px solid #fff;
	content: '';
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
}
[type="checkbox"]:checked+label::after,
[type="checkbox"]:not(:checked)+label::after
{
	background: #fff;
	content: '';
	height: 8px;
	left: 6px;
	position: absolute;
	top: 6px;
	transition: all 0.2s ease;
	webkit-transition: all 0.2s ease;
	width: 8px;
}
[type="checkbox"]:not(:checked)+label::after
{
	opacity: 0;
	transform: scale(0);
	webkit-transform: scale(0);
}
[type="checkbox"]:checked+label::after
{
	opacity: 1;
	transform: scale(1);
	webkit-transform: scale(1);
}
.register-form label img
{
	margin-top: 20px;
	object-fit: contain;
	position: relative;
	height: 200px;
	/* width: 225px; */
}
.formimg
{
	display: -webkit-inline-box;
	position: relative;
}
.rfimg
{
	background-image: url(../images/product-images/rf-remote-with-display.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.touchimg
{
	background-image: url(../images/product-images/touch-remote.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.wirelessswitchimg
{
	background-image: url(../images/product-images/wireless-switch-board-wiring.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.inhomeimg
{
	background-image: url(../images/product-images/inhome-display.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gasamrimg
{
	background-image: url(../images/product-images/gas-amr.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.wateramrimg
{
	background-image: url(../images/product-images/water-metering-amr.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.dcuimg
{
	background-image: url(../images/dcu.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.lpgimg
{
	background-image: url(../images/product-images/lpggas.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.cimg
{
	background-image: url(../images/product-images/c-smartplug.PNG);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mimg
{
	background-image: url(../images/product-images/m-smartplug.PNG);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.msensorimg
{
	background-image: url(../images/product-images/motion-sensor.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gsmimg
{
	background-image: url(../images/product-images/gsm-auto-dialer.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.load4img
{
	background-image: url(../images/product-images/4control/4control_print.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.load6img
{
	background-image: url(../images/product-images/6control/4modue.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.load10img
{
	background-image: url(../images/product-images/12module/12module.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.tankimg
{
	background-image: url(../images/product-images/water-level-controller-archt.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.verticalimg
{
	background-image: url(../images/product-images/curtain_vertical.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 350px;
}
.horizontalimg
{
	background-image: url(../images/product-images/curtain_horizontal.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 350px;
}
.horizontalcurtainimg
{
	background-image: url(../images/product-images/curtain_horizontalcurtain.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 350px;
}
.protab .nav li
{
	border: 0;
	border: 1px solid #2D314F;
	border-radius: 10px;
	color: #2D314F;
	line-height: 22px;
	margin: 6px 2px;
}
.red
{
	color: #E83D41;
}
.protab .nav-pills .nav-link.active
{
	background-color: #E83D41;
	border-radius: 10px;
}
.photo-gallery
{
	background-color: transparent;
}
.photo-gallery .photos
{
	padding-bottom: 20px;
}
.photo-gallery .item
{
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}

.photo-gallery .item img
{
	height: 250px !important;
	box-shadow: 0px 0px 10px 10px #ddd;
}
.float
{
	background-color: #E83D41;
	border-radius: 50%;
	bottom: 20px;
	color: #fff;
	font-size: 32px;
	height: 75px;
	padding: 20px;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 75px;
}
.float:hover
{
	background-color: #2D314F;
	color: #fff;
}
.s-extimg
{
	background-image: url(../images/product-images/s-extboard.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.panicimg
{
	background-image: url(../images/smart-safty-sensor/panic-button.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.zioimg
{
	background-image: url(../images/product-images/zio.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.alsimg
{
	background-image: url(../images/product-images/ambient-light-sensor.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.doorimg
{
	background-image: url(../images/product-images/door-sensor.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.vibrationimg
{
	background-image: url(../images/product-images/vitrabion-sensor.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.videophoneimg
{
	background-image: url(../images/product-images/video-door-phone1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.assetimg
{
	background-image: url(../images/product-images/asset-tag.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.alrmimg
{
	background-image: url(../images/product-images/wired-4channel-fire-alarm-control.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.panicalrmimg
{
	background-image: url(../images/product-images/wireless-10+2channel-security-alarm.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.securityalrmimg
{
	background-image: url(../images/product-images/wired-10+2channel-security-alarm.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.w-20
{
	width: 20%;
}
.w-80
{
	width: 80%;
}
.amrdiv img
{
	height: 250px;
	/* box-shadow: 0px 0px 10px 10px #ddd; */
	-webkit-filter: drop-shadow(10px 10px 10px #7E7C7B);
  filter: drop-shadow(10px 10px 10px #7E7C7B);
}
.secdiv img {
	box-shadow: none;
}
.extimg {
	height: auto !important;
}
.sext img {
	box-shadow: 0px 0px 10px 10px #ddd;
}
.fload, .sload {
	height: 250px;
}
.tload{
	height: 480px;
}
.amrdiv a, .capdiv a
{
	color: #0a121d;
	text-decoration: none;
}
.amrdiv a p, .capdiv a p
{
	margin-top: 20px;
}
.remoteimg
{
	background-image: url(../images/product-images/Touch-remote.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.rfremoteimg
{
	background-image: url(../images/product-images/RF-remote-with-display.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.smartremoteimg
{
	background-image: url(../images/product-images/remote.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.pagetitle2
{
	bottom: 63px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	height: 50px;
	left: 105px;
	line-height: 55px;
	margin: auto;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgb(0 0 0 / 80%);
	top: 0;
	width: 600px;
}
.gate-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/gateway_smart_plug.jpg);
}
.cap-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/cap.touch_switch_board.jpg);
}
.switch-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smart_board_home_control.jpg);
}
.plug-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smart-plug-banner.jpg);
}
.sense-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/sense_banner.jpg);
}
.safety-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smart_safety_banner.jpg);
}
.security-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smart_security_banner.jpg);
}
.amr-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/amr_banner.jpg);
}
.bms-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/bms_banner.jpg);
}
.smartremote-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smart_remote_banner.jpg);
}
.gsm-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/gsm_auto_dialer_banner.jpg);
}
.asset-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/asset_banner.jpg);
}
.dcu-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/dcu.jpg);
}
.wired4-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/wired4.jpg);
}
.wired10-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/wired10.jpg);
}
.wired-wire-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/wired_and_wireless.jpg);
}
.touch-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/touch_remote.jpg);
}
.video-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/video_door_phone.jpg);
}
.street-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/street_light_control.jpg);
}
.fourload-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/4control/4load-banner.jpg);
}
.sixload-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/6control/6load-banner.jpg);
}
.tenload-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/12module/10load-banner.jpg);
}
.s-ext-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/s-ext-banner.jpg);
}
.inhome-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/inhome-banner.jpg);
}
.inhome-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/inhome-banner.jpg);
}
.remote-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/remote-banner.jpg);
}
.c-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/csmartplug-banner.jpg);
}
.m-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/msmartplug-banner.jpg);
}
.door-window-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/door-window-banner.jpg);
}
.panic-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/panic-alarm-banner.jpg);
}
.motion-sensor-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/motion-sensor-banner.jpg);
}
.remote-display-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/remote-display-banner.jpg);
}
.smoke-detector-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/smoke-detector-banner.jpg);
}
.lpgas-detector-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/lpg-gas-detector-banner.jpg);
}
.vibration-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/vibration-sensor-banner.jpg);
}
.zio-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/zio-single-relay-banner.jpg);
}
.ambient-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/ambientlightsensor-banner.jpg);
}
.wirless-switch-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/wirless-switch-board-banner.jpg);
}
.auto-water-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/auto-water-meter-solution-banner.jpg);
}
.auto-gas-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/amr-auto-gas-meter-solution-banner.jpg);
}
.tank-level-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/bms-travel-level-mointoring-banner.jpg);
}
.curtain-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/curtain_banner.jpg);
}
.vertical-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/vertical_banner.jpg);
}
.horizontal-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/horizontal_banner.jpg);
}
.horizontalcurtain-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/product-images/horizontal_bannercurtain.jpg);
}
.terms-banner
{
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/terms.jpg);
}
.privacy-banner
{
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../images/privacy.jpg);
}
.bannerprop {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}
.email
{
	color: #fff;
	text-decoration: none;
}
.assistancediv
{
}
.contactlink a
{
	color: #0a121d !important;
	text-decoration: none;
}
.contactlink:hover .icon-content h4
{
	color: #EA484D;
}
.contactlink:hover .ic
{
	color: #EA484D;
}
.homeauto-banner
{
	background-image: url(../images/slide2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}
.posi-rel
{
	position: relative;
}
@keyframes so12lie
{
	0%
	{
		background: #0a18cb;
		background: rgba(10, 24, 203, 1);
		height: 10px;
		left: 50%;
		margin-left: -5px;
		margin-top: -5px;
		top: 50%;
		width: 10px;
	}
	100%
	{
		background: #0a18cb;
		background: rgba(10, 24, 203, 0);
		height: 120%;
		left: -10%;
		top: -10%;
		width: 120%;
	}
}
@keyframes dian
{
	0%
	{
		background: #0a18cb;
		background: rgba(10, 24, 203, 1);
		height: 0px;
		left: 50%;
		top: 50%;
		width: 0px;
	}
	100%
	{
		background: #0a18cb;
		background: rgba(10, 24, 203, 0);
		height: 100%;
		left: 0px;
		top: 0px;
		width: 100%;
	}
}
.so12lie
{
	cursor: pointer;
	height: 45px;
	position: absolute;
	width: 45px;
	z-index: 1;
}
.so12lie:before
{
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: so12lie;
	animation-timing-function: linear;
	border-radius: 50%;
	content: "";
	position: absolute;
	webkit-animation-duration: 1.5s;
	webkit-animation-iteration-count: infinite;
	webkit-animation-name: so12lie;
	webkit-animation-timing-function: linear;
}
.dian
{
	border-radius: 50%;
	height: 45px;
	width: 45px;
	z-index: 3;
}
.dian:after
{
	background: #0a18cb;
	border-radius: 50%;
	content: "";
	height: 20px;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px;
}
.dian:before
{
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: dian;
	animation-timing-function: linear;
	border-radius: 50%;
	content: "";
	position: absolute;
	webkit-animation-duration: 1.5s;
	webkit-animation-iteration-count: infinite;
	webkit-animation-name: dian;
	webkit-animation-timing-function: linear;
}
.so12lie1
{
	left: 35%;
	top: 10%;
}
.so12lie2
{
	right: 145px;
	top: 5%;
}
.so12lie3
{
	left: 2.1%;
	top: 51%;
}
.so12lie4
{
	right: 39.6%;
	top: 41.55%;
}
.so12lie5
{
	bottom: 41%;
	right: 8.3%;
}
.so12fu
{
	overflow: hidden;
	position: absolute;
	transition: 0.5s;
	width: 0px;
}
.so12fun
{
	background: #2D314F;
	border-radius: 8px;
	min-height: 50px;
	position: relative;
	width: 217px;
}
.so12tu2
{
	left: 0px;
	position: absolute;
	top: 0px;
	width: 101px;
}
.so12tu2 img
{
	max-height: 101px;
	max-width: 101px;
	width: 100%;
}
.so12zi
{
	margin-left: 25px;
	padding-top: 8px;
}
.so12a
{
	color: #ffffff;
	display: block;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
}
.so12a:hover
{
	color: #fff;
}
.so12p
{
	color: #ffffff;
	font-size: 2.1rem;
	font-size: 21px;
	line-height: 30px;
	margin-top: 4px;
}
.so12lie1 .so12fu, .so12lie2 .so12fu
{
	background: url(../images/sjian.png) no-repeat 266px bottom;
	padding-bottom: 29px;
}
.so12lie3 .so12fu
{
	background: url(../images/xjian.png) no-repeat 34px top;
	padding-top: 32px;
}
.so12lie4 .so12fu, .so12lie5 .so12fu
{
	background: url(../images/xjian.png) no-repeat 266px top;
	padding-top: 32px;
}
.so12lie1 .so12fu
{
	bottom: 45%;
}
.so12lie2 .so12fu
{
	bottom: 5%;
	right: -90px;
}
.so12lie3 .so12fu
{
	left: 110%;
	top: 0;
}
.so12lie4 .so12fu
{
	left: 32px;
	top: 30%;
}
.so12lie5 .so12fu
{
	left: -195px;
	top: -197%;
}
.so12lie:hover .so12fu
{
	width: 337px;
}
.so1main22
{
	display: none;
}
.so1main3
{
	font-size: 0px;
}
.so1lie
{
	background: #fafafa;
	display: inline-block;
	margin-left: 2%;
	margin-top: 26px;
	vertical-align: top;
	width: 32%;
}
.so1tu3
{
	display: block;
}
.so1tu3 img
{
	margin: auto;
	max-height: 360px;
	max-width: 384px;
	width: 100%;
}
.so1zi3
{
	padding: 61px 22px;
	padding-bottom: 21px;
}
.so13a
{
	color: #1c1731;
	display: block;
	font-size: 2.1rem;
	font-size: 21px;
}
.so13p
{
	color: #9fa5ae;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	min-height: 126px;
}
.so13p p
{
	color: #9fa5ae;
}
.so1main4
{
	margin-top: 22px;
}
.so1shipin
{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.8%;
	position: relative;
}
.so1shipin iframe
{
	border: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.so1shipin iframe body
{
	margin: 0px !important;
}
.so1main5
{
	background: #1c1c1c;
	margin-bottom: 30px;
	margin-top: 21px;
	overflow: hidden;
	padding-bottom: 148px;
	padding-top: 88px;
	position: relative;
}
.so15biao
{
	color: #ffffff;
	display: block;
	font-size: 30px;
	font-size: 3rem;
	line-height: 42px;
	text-align: center;
}
.m-hpro
{
	margin-top: 92px;
	position: relative;
}
.m-hpro .box-btn
{
	background: #9fa5ae;
	background: rgba(159, 165, 174, 0.7);
	border-radius: 50%;
	color: #ffffff;
	font-size: 28px;
	font-size: 2rem;
	height: 40px;
	line-height: 40px;
	margin-top: -50px;
	padding: 0px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
	z-index: 3;
	z-index: 9999;
}
.m-hpro .box-btn.prev
{
	display: none;
	left: 3%;
}
.m-hpro .box-btn.next
{
	right: 3%;
}
.m-hpro .box-btn:hover
{
	color: #3440e3;
}
.m-hpro .list-wp
{
	margin-left: 6.4%;
	overflow: hidden;
	width: 10000%;
}
.m-hpro .box-list
{
	overflow: hidden;
	padding-bottom: 11px;
	width: 100%;
}
.m-hpro .list-item
{
	background-color: #fff;
	float: left;
	margin-right: .02%;
	moz-transition: all 550ms;
	opacity: 0.5;
	o-transition: all 550ms;
	transition: all 550ms;
	webkit-transition: all 550ms;
	width: .2758%;
}
.m-hpro .list-item:first-child, .m-hpro .list-item:nth-child(2), .m-hpro .list-item:nth-child(3)
{
	opacity: 1;
}
.so15tu
{
	display: block;
}
.so15tu img
{
	margin: auto;
	max-width: 100%;
	width: 100%;
}
.so15zi
{
	padding: 23px;
}
.so15a
{
	color: #131313;
	display: block;
	font-size: 2.1rem;
	font-size: 21px;
	line-height: 30px;
	o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.so15s
{
	color: #000000;
	display: block;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 18px;
	margin-top: 24px;
}
.so15p
{
	color: #9fa5ae;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 18px;
	margin-top: 12px;
	min-height: 180px;
}
.so15p p
{
	color: #9fa5ae;
}
.privacycolor {
	color: #EA484D;
}
.privacy h2 {
	font-size: 30px;
	margin-bottom: 30px;
}
.privacy h3{
	font-size: 26px;
	margin-bottom: 25px;
}
.privacy h4 {
	font-size: 24px;
	margin-bottom: 25px;
}
.privacy a {
	text-decoration: none;
}
.boxtwo {
	width: 170px;
	float: left;
}
.bg-color {
	background-color: antiquewhite;
}
.appline {
	line-height: 2;
}

.appicons {
	width: 100%;
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
}

@media screen and (max-width: 1219px)
{
	.so1zi1
	{
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 30px;
		margin-left: 20px;
		padding-top: 15px;
	}
	.so1tu1
	{
		margin-left: 50px;
		margin-right: 23px;
	}
}
@media screen and (max-width: 999px)
{
	.so1main22
	{
		background: #fff;
		display: block;
		margin-top: 20px;
		padding-bottom: 3%;
		padding-top: 3%;
	}
	.so1main2
	{
		display: none;
	}
	.so1main22 img
	{
		max-width: 100%;
	}
	.so1main1
	{
		padding-bottom: 27px;
		padding-top: 29px;
	}
	.so1zi1
	{
		font-size: 1.4rem;
		font-size: 14px;
		line-height: 24px;
		margin-left: 10px;
		padding-top: 5px;
	}
	.so1tu1
	{
		margin-left: 20px;
		margin-right: 10px;
	}
	.so1zi3
	{
		padding: 10px 10px;
		padding-bottom: 21px;
	}
	.so1lie
	{
		margin-left: 1% !important;
		margin-right: 1%;
		width: 48%;
	}
	.so13a
	{
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 30px;
	}
	.so1main5
	{
		margin-bottom: 30px;
		padding-bottom: 48px;
		padding-top: 28px;
	}
	.m-hpro
	{
		margin-top: 22px;
		position: relative;
	}
	.m-hpro .list-item
	{
		margin-right: .02%;
		width: .35%;
	}
	.m-hpro .list-item:nth-child(3)
	{
		opacity: 0.5;
	}
	.so15zi
	{
		padding: 10px;
	}
	.so15a
	{
		font-size: 1.6rem;
		font-size: 16px;
	}
	.so15s
	{
		margin-top: 5px;
	}
	.so15p
	{
		min-height: 126px;
	}
	.so15biao
	{
		font-size: 2.2rem;
		font-size: 22px;
	}
	.m-hpro .list-item
	{
		background: none;
	}
	.m-hpro .list-item a, .m-hpro .list-item span
	{
		color: #fff;
	}
}
@media screen and (max-width: 599px)
{
	.m-hpro .list-wp
	{
		margin-left: 2.4%;
	}
	.m-hpro .list-item
	{
		margin-right: .02%;
		width: .41%;
	}
}
@media screen and (max-width: 499px)
{
	.so1tu1
	{
		float: none;
		margin: auto;
		margin-bottom: 20px;
		width: 95%;
	}
	.so1lie
	{
		margin-left: 1% !important;
		margin-right: 1%;
		width: 98%;
	}
	.m-hpro .list-item
	{
		margin-right: .02%;
		width: .7%;
	}
	.m-hpro .list-item:nth-child(2)
	{
		opacity: 0.5;
	}
}
.solbox1
{
	height: 250px;
	overflow: hidden;
}
.solbox1 img
{
	height: auto;
	margin-top: 30px;
	object-fit: cover;
	width: 100%;
}
.imgcard
{
	height: 50vh;
	overflow: hidden;
	width: 100%;
}
.imgcard img
{
	height: inherit;
	object-fit: cover;
	transition: 0.4s ease;
	webkit-transition: 0.4s ease;
	width: 100%;
}
.solbox:hover .imgcard img
{
	transform: scale(1.08);
	webkit-transform: scale(1.08);
}
.allpro-banner
{
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url(../images/allproducts.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 65vh;
}
.text-justify
{
	text-align: justify;
}
.solbox
{
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 2px #999;
	margin-bottom: 30px;
}
.contentsol1
{
	height: 240px;
	padding: 30px 20px;
}
.mobview
{
	display: none;
}
.mobshow
{
	display: none;
}
.scrollclass
{
	background-color: transparent;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
	margin-left: 0;
	padding: 5px;
	width: 110px !important;
}
.scrolllogo1
{
	display: none;
}
.error {
	font-size: 16px;
}
.equal
{
	display: inline-flex;
	justify-content: center;
}
.height500
{
	height: 500px !important;
}
.activehead .nav a
{
	color: rgba(234, 72, 77, 1) !important;
}
.activehead .nav ul
{
	margin: 8px 0;
}
.activehead .nav-submenu li a
{
	color: #fff !important;
}
.nav-submenu li a
{
	color: #fff !important;
	font-weight: 500 !important;
}
.nav-submenu li a:hover {
		color: rgba(234, 72, 77, 1) !important;
}
.carimg
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid #ddd;
	height: 20em !important;
}
.carimg:hover
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.3s;
}
.no-shadow
{
	box-shadow: none !important;
}
.prolistimg {
		background-size: cover !important;
}
.progateway_car, .gateway_car
{
	background-image: url('../images/product-images/pro_gateway.jpg');

}
.proswitch_car {
	background-image: url('../images/product-images/pro_switch.jpg');

}
.prosense_car, .door_car {
	background-image: url('../images/product-images/pro_smartsense.jpg');

}
.prosafety_car, .lpg_car {
	background-image: url('../images/product-images/pro_smartsafety.jpg');

}
.prosecurity_car {
	background-image: url('../images/product-images/pro_smartsecurity.jpg');

}
.proamr_car, .gas_car {
	background-image: url('../images/product-images/pro_amr.jpg');

}
.curtain_car {
background-image: url('../images/product-images/curtaincontrol.jpg');
}

.probms_car, .water_car {
	background-image: url('../images/product-images/pro_bms.jpg');

}
.proremote_car, .remote_car
{
	background-image: url('../images/product-images/pro_smartremote.jpg');

}
.promodule_car, .module_car
{
	background-image: url('../images/product-images/pro_cap.jpg');

}
.prosmartplug_car, .smartplug_car
{
	background-image: url('../images/product-images/pro_smartplug.jpg');

}
.proasset_car, .asset_car
{
	background-image: url('../images/product-images/pro_asset.jpg');

}

.carpro
{
	padding: 1em;
}
.card
{
	border: none;
	box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
	margin: 0 0.5em;
}
.caro_height {
	height: 295px !important;
}
.carousel-control-prev,
.carousel-control-next
{
	background-color: #2C2E52;
	border-radius: 50%;
	height: 6vh;
	opacity: 1;
	top: 50%;
	transform: translateY(-50%);
	width: 6vh;
}
.row>.column
{
	padding: 0 8px;
}
.row:after
{
	clear: both;
	content: "";
	display: table;
}
.column
{
	float: left;
	width: 14%;
}
.modal
{
	background-color: black;
	display: none;
	height: 100%;
	left: 0;
	overflow: auto;
	padding-top: 150px;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal-content
{
	background-color: #fefefe;
	margin: auto;
	max-width: 1200px;
	padding: 0;
	position: relative;
	width: 90%;
}
.close
{
	color: #ddd;
	font-size: 35px;
	font-weight: bold;
	position: absolute;
	right: 25px;
	top: 10px;
}
.close:hover,
.close:focus
{
	color: #999;
	cursor: pointer;
	text-decoration: none;
}
.mySlides
{
	display: none;
}
.cursor
{
	cursor: pointer;
	height: 150px;
	object-fit: scale-down;
	width: 150px;
}
.prev,
.next
{
	border-radius: 0 3px 3px 0;
	color: rgba(234, 72, 77, 1);
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	margin-top: -50px;
	padding: 16px;
	position: absolute;
	top: 50%;
	transition: 0.6s ease;
	user-select: none;
	webkit-user-select: none;
	width: auto;
}
.next
{
	border-radius: 3px 0 0 3px;
	right: 0;
}
.prev:hover,
.next:hover
{
	background-color: rgba(0, 0, 0, 0.8);
}
.numbertext
{
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
img
{
	margin-bottom: -4px;
}
.caption-container
{
	padding: 2px 16px;
	text-align: center;
}
.demo
{
	opacity: 0.6;
}
.active,
.demo:hover
{
	opacity: 1;
}
@media (min-width: 768px)
{
	.caritem
	{
		display: block;
		flex: 0 0 33.333333%;
		margin-right: 0;
	}
	.carpro
	{
		display: flex;
	}
}
.card .car-img
{
	align-items: center;
	display: flex;
	height: 13em;
	justify-content: center;
	max-width: 100%;
}
@media (max-width: 767px)
{
	.card .car-img
	{
		height: 17em;
	}
	.cursor
	{
		height: 50px;
		width: 50px;
	}
	.close
	{
		top: 90px;
	}
}
@media (min-width: 960px)
{
	.caritem
	{
		display: block;
		flex: 0 0 25%;
		margin-right: 0;
	}
}
.nav-submenu.subsubmenu ul li
{
	font-size: 16px !important;
}
.liteclose {
	top: 160px;
	right: 50px;
	z-index: 9999;
	color: #2C2E52;
}