body { margin: 0px 0px; padding: 0px 0px; list-style: none; text-decoration: none; font-family: 'Open Sans', sans-serif; }
html { height: 100%; overflow-x: hidden; scroll-behavior: smooth; }
.bdr-0 { border: none !important; }
.bg-1 { background: #fbfbfb !important; }
.bg-2 { background: #F3F6FB !important; }
.bg-3 { background: #fafbfd !important; }
#top-bar { float: left; width: 100%; margin: 0px 0px; padding: 0px 0pa; position: relative; background: #1462AC; }
.top-contact { float: right; margin: 0px 0px; padding: 0px 0px; position: relative; }
.top-contact li { display: inline-block; list-style: none; padding: 10px 20px; border-left: 1px solid rgba(255,255,255,0.20); }
.top-contact li a { display: block; font-size: 15px; color: #fff; }
.top-contact li a i { margin: 0px 5px 0px 0px; position: relative; }
.page-title {float: left;width: 100%;margin: 0px 0px;padding: 35px 0px 0px 0px;position: relative;}
.page-title:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: #4382E3; }
.main-title { margin: 0px 0px; padding: 15px 25px; background: #fff; border: 10px solid #4382E3; display: inline-block; width: 100%; position: relative; z-index: 1; }
.page-title h1 { float: left; font-size: 28px; color: #270e5d; font-weight: 600; margin: 0px 0px; position: relative; }
.bread-crubs { float: right; margin: 5px 0px 5px 0px; padding: 0px 0px; position: relative; }
.bread-crubs li { display: inline-block; margin: 0px 0px; padding: 0px 15px; font-size: 15px; color: rgba(0,0,0,.85); border-right: 1px solid rgba(0,0,0,0.65); }
.bread-crubs li:last-child { border: none; }
.bread-crubs li a { color: rgba(0,0,0,0.65); transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.bread-crubs li a:hover { color: #000; }
.social { float: right; margin: 0px 0px; padding: 0px 0px 0px 10px; position: relative; border-left: 1px solid rgba(255,255,255,0.20); }
.social li { list-style: none; margin: 0px 0px; padding: 10px 10px; position: relative; display: inline-block; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.social li a { color: #fff; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.social li:hover { transform: scale(.89); -moz-transform: scale(.89); -ms-transform: scale(.89); -webkit-transform: scale(.89); }
#header { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
.navbar { margin: 0px 0px; padding: 15px 0px; position: relative; }
.navbar .nav-link { font-size:17px; color: #525252; font-weight: 600; padding-right: .8rem !important; padding-left: .8rem !important; position: relative; padding:0.6rem 0; }
.navbar .nav-link:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -3px; width: 85%; height: 3px; background: #1462AC; margin: auto; opacity: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.navbar .nav-link:hover:before { bottom: 0; opacity: 1; height: 5px; }
.navbar-brand { margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; position: relative; text-align: center; display: none; }
.navbar-nav .nav-link i.fa.fa-user-o { padding-right: 3px; font-size:17px; position: relative; top: -1px; }
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link, .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus { color: #000; }
.navbar-toggler { background: #fff; border-radius: 0; border: 1px solid #221a18; }
.navbar-nav .nav-link:hover { color: #000; }
.navbar-nav .active>.nav-link:before { height: 5px; opacity: 1; bottom: 0; }
.navbar-nav .nav-item i.fa.fa-caret-down { position: relative; left: 5px; }
.navbar-nav .nav-item.dropdown::after { margin-left: 0; vertical-align: middle; font-family: fontAwesome; font-size:17px; position: absolute; right: 0px; top: 32px; border: none; content: '\f107'; color: rgba(255,255,255,0.65); opacity: 0; }
.navbar li.nav-item.dropdown {    padding: 0 15px 0 0;}
li.nav-item.dropdown button { margin-left: 0; vertical-align: middle; font-size:17px; position: absolute; right: -20px; top: -17px; padding: 30px 65px; border: none; color: rgba(0, 0, 0); line-height: 16px; z-index: 11; cursor: pointer; }
.dropdown-toggle::after { display: none; }
.navigation-menu .dropdown-menu li:hover { background: #D2BFAC; }
li.nav-item.dropdown button i { position: absolute; right: 30px; }
.navbar-nav ul.dropdown-menu { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;/*display: block;*/ opacity: 0; background: #1462ac; border-radius: 0px; padding: 0px 0px; min-width: 220px; opacity: 0; visibility: hidden; clip: rect(1px,1px,1px,1px); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; border: 0; }
.navbar-nav ul.dropdown-menu:before { content: ''; display: block; position: absolute; left: 15px; top: -8px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #1462ac; }
.navbar-nav .dropdown:hover ul.dropdown-menu { opacity: 1; visibility: visible; clip: inherit; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); }
.navbar-nav ul.dropdown-menu a.dropdown-item { transform: translate(0, 0); font-size: 15px; color: #fff; font-weight: 500; padding: 10px 21px; transition: 0.6s all ease; text-transform: capitalize; }
.navbar-nav ul.dropdown-menu a.dropdown-item:hover { transform: translate(7px, 0px); transition: 0.6s all ease; }
.dropdown-item:focus, .dropdown-item:hover { background: transparent; }
.dropdown-menu li { border-bottom: 1px solid rgb(15 81 144); transition: all 0.5s ease-in-out; }
.dropdown-menu li:last-child { border: none; }
.dropdown-item:hover { background-color: transparent; color: #fff !important }
.navbar-nav ul.dropdown-menu a { position: relative; }
.navbar-nav ul.dropdown-menu a:before { content: '\f101'; display: block; position: absolute; left: 0; margin: -1px 0px 0px 0px; font-size:17px; color: #fff; font-family: 'FontAwesome'; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; z-index: 1; opacity: 0; }
.navbar-nav ul.dropdown-menu a:hover:before { transform: translate(.50em, 0); opacity: 1; }
.navigation-menu { position: relative; margin: 0px 0px; padding: 0px 0px; }
#banner { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
#banner img { width: 100%; }
#digital-door { float: left; width: 100%; margin: 0px 0px; padding: 50px 0px; position: relative; }
#digital-door h2,#digital-door h1 { text-align: center; font-size: 36px; color: #525252; }
.product { padding: 15px 0px; margin: 25px 0px; position: relative; }
.product .item { padding: 20px 20px; border-right: 1px solid #ccc; text-align: center; }
.product .item a { display: block; margin: 0px 0px; padding: 0px 0px; position: relative; text-decoration: none; }
.product .item a img { transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product .item a:before { content: 'View More'; font-size: 14px; color: #444; font-weight: 400; position: absolute; left: 0; right: 0; bottom: -15px; opacity: 0; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product .item a h3 { margin: 15px 0px 0px 0px; padding: 0px 0px; position: relative; font-size:17px; color: #000; font-weight: 600; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product .item a:hover img { transform: scale(.85); }
.product .item a:hover:before { bottom: 0; opacity: 1; }
.product .item a:hover h3 { transform: translate(0, -25px); }
#smart-lock-scsn { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
.smart-lock { margin: 0px 0px; padding: 0px 0px; position: relative; }
.smart-lock .item { margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden }
.smart-lock .item a { display: block; position: relative; z-index: 1; }
.smart-lock .item a:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); }
.smart-lock .item a:after { content: "\f054"; font-size: 18px; color: #fff; opacity: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 100%; border: 2px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-family: 'FontAwesome'; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.smart-lock .item a:hover:after { transform: translate(0, 130%); opacity: 1; }
.smart-lock .item .lock-text { width: 100%; height: 100%; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; transform: translate(0, 23%); transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.smart-lock .item .lock-text h2 { font-size: 30px; color: #fff; font-weight: 400; margin: 0px 0px 5px 0px; padding: 0px 0px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.smart-lock .item .lock-text small { font-size: 20px; color: #fff; font-weight: 400; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.smart-lock .item:hover .lock-text { transform: translate(0, 10%) }
#middle-scsn { float: left; width: 100%; margin: 0px 0px; padding: 35px 0px 50px 0px; position: relative; background: #F3F6FB; }
.middle-part { margin: 0px 0px; padding: 0px 45px; position: relative; }
.middle-img { margin: 0px 0px 0px 0px; position: relative; }
.center-product { margin: 0px 10px; padding: 35px 0px 0px 0px; position: relative; background: #BEBEC0; text-align: center; }
.center-product h2 { font-size: 36px; color: #000; margin: 0px 0px; font-weight: 400; }
.center-product p { font-size: 22px; color: #525252; white-space: pre-line; margin: -35px 0px 10px 0px; line-height: 30px; }
.center-product h6 { font-size: 22px; color: #555; font-weight: 600; margin: 0px 0px 15px 0px; }
.center-product a { display: inline-block; padding: 10px 30px; font-size:17px; color: #545454; font-weight: 600; background: #fff; min-width: 70%; border-radius: 50px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; position: relative; z-index: 1; text-decoration: none; }
.center-product a:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 45%; height: 100%; background: #270e5d; z-index: -1; border-radius: 50px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; opacity: 0; }
.center-product a:hover:before { width: 100%; opacity: 1; }
.center-product a:hover { color: #fff; }
#testimonials { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; position: relative; }
#testimonials h2 { margin: 0px 0px 45px 0px; padding: 0px 0px 25px 0px; position: relative; font-size: 35px; color: #333; border-bottom: 1px solid #444; }
#testimonials .owl-theme .owl-nav { margin-top: 0px; position: absolute; top: -35%; width: auto; right: 45px; opacity: 1; }
#testimonials .owl-carousel .owl-nav button.owl-prev { left: -60px !important }
#testimonials .owl-carousel .owl-nav button.owl-next { right: -25px !important; }
#testimonials .owl-carousel .owl-nav button.owl-prev, #testimonials .owl-carousel .owl-nav button.owl-next { position: absolute; top: 0; transform: translateY(0%); }
#testimonials .owl-carousel .owl-nav button.owl-prev, #testimonials .owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; font-size: 20px; line-height: 0px; }
.testimony-img { margin: 0px 0px 20px 0px; padding: 0px; position: relative; text-align: center; }
.testimony-img img {/*max-width:245px; max-height:245px;*/ border-radius: 100%; margin: 0px 0px; position: relative; }
.testimony-text { margin: 15px 0px 25px 0px; padding: 25px 20px 25px 20px; position: relative; }
.testimony-text p { font-size:17px; color: #444; margin: 0px 0px 25px 0px; padding: 25px 0px 20px 0px; position: relative; display: inline; font-weight: normal; }
.testimony-text p:before { content: "\f10d"; font-size: 35px; font-family: 'FontAwesome'; color: #EBEBEB; position: absolute; top: 7px; z-index: -1; }
.testimony-text p:after { content: "\f10e"; font-size: 35px; font-family: 'FontAwesome'; color: #EBEBEB; position: absolute; bottom: -15px; right: -40px; z-index: -1; }
.testimony-text h3 { font-size: 20px; color: #5E3085; margin: 40px 0px 0px 0px; }
.testimony-text small { font-size: 17px; color: #444; margin: 0px 0px; position: relative; font-weight: normal; }
.reviews { background: #270E5D; margin: 35px 0px; padding: 0px 0px; position: relative; border-radius: 20px 20px 0px 0px; }
.review-box { margin: 0px 0px; padding: 30px; position: relative; background: #fff; border-radius: 15px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22); }
.review-box a { display: block; margin: 0px 0px; position: relative; }
.review-box a:hover { padding: 15px 30px !important; }
.review-box a:before, .review-box a:after { display: none !important; }
.reviews a { padding: 15px 30px; font-size: 15px; display: inline-block; color: #fff; letter-spacing: 1.5px; text-decoration: none; position: relative; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.reviews a:before { content: ''; display: block; position: absolute; right: -15px; margin: 11px 0px 0px 0px; width: 35px; height: 1px; background: #fff; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.reviews a:after { content: "\f0da"; display: block; font-size: 18px; font-family: 'FontAwesome'; color: #fff; position: absolute; right: -23px; top: 0; margin: 14px 0px 0px 0px; }
.reviews a:hover { padding: 15px 30px 15px 45px; }
.reviews a:hover:before { width: 20px; }
#footer-scsn { float: left; width: 100%; margin: 0px 0px; padding: 35px 0px 0px 0px; position: relative; background: #1462AC; -webkit-animation: color-fade 10s infinite; -moz-animation: color-fade 10s infinite; animation: color-fade 10s infinite; }
@-webkit-keyframes color-fade { 0% {
	background: #1462AC;
}
25% {
	background: #270E5D;
}
50% {
	background: #1462AC;
}
75% {
	background: #270E5D;
}
100% {
	background: #1462AC;
}
}
@-moz-keyframes color-fade { 0% {
	background: #1462AC;
}
25% {
	background: #270E5D;
}
50% {
	background: #1462AC;
}
75% {
	background: #270E5D;
}
100% {
	background: #1462AC;
}
}
@keyframes color-fade { 0% {
	background: #1462AC;
}
25% {
	background: #270E5D;
}
50% {
	background: #1462AC;
}
75% {
	background: #270E5D;
}
100% {
	background: #1462AC;
}
}
.footer-nav { margin: 0 auto 0 auto; padding: 0px 0px; text-align: center; position: relative; }
.footer-nav li { display: inline-block; list-style: none; }
.footer-nav li a { font-size: 15px; color: #fff; padding: 10px 10px; display: block; }
.follow { margin: 20px auto 30px auto; text-align: center; position: relative; }
.follow h2 { font-size: 30px; color: #fff; margin: 0px 0px 10px 0px; }
.followus { margin: 0px 0px; padding: 0px 0px; position: relative; }
.followus li { display: inline-block; list-style: none; }
.followus li a { padding: 5px 15px; display: block; color: #fff; font-size: 27px; position: relative; z-index: 1; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s }
.followus li a:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; z-index: -1; background: rgba(255,255,255,0.50); transform: scale(1.1); transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; opacity: 0; border-radius: 100%; }
.followus li a:hover:before { opacity: 1; transform: scale(1); }
.followus li a:hover { color: #260E5A; transform: scale(0.75); }
.newsletter { margin: 0px auto 80px auto; padding: 0px 0px; position: relative; }
.newsletter h5 { font-size:17px; color: #fff; text-align: center; }
.newsletter .form-group {margin: 15px auto 20px auto;padding: 0px 0px;position: relative;/* max-width: 50%; */max-width: 450px;width: 80%;}
.newsletter .form-control { position: relative; padding: 15px 20px; height: 45px; margin: 0 auto; border-radius: 0px; box-shadow: none; outline: none; border: 0; font-size:17px; color: #444; font-weight: 500; }
.newsletter .form-group .subscribe { position: absolute; right: 0; top: 0; padding: 15px 50px; height: 45px; color: #fff; border: none; display: block; background: #260E5A; line-height: 0px; z-index: 1; -webkit-animation: color-new 10s infinite; -moz-animation: color-new 10s infinite; animation: color-new 10s infinite; }
@-webkit-keyframes color-new { 0% {
	background: #260E5A;
}
25% {
	background: #1462AC;
}
50% {
	background: #260E5A;
}
75% {
	background: #1462AC;
}
100% {
	background: #260E5A;
}
}
@-moz-keyframes color-new { 0% {
	background: #260E5A;
}
25% {
	background: #1462AC;
}
50% {
	background: #260E5A;
}
75% {
	background: #1462AC;
}
100% {
	background: #260E5A;
}
}
@keyframes color-new { 0% {
	background: #260E5A;
}
25% {
	background: #1462AC;
}
50% {
	background: #260E5A;
}
75% {
	background: #1462AC;
}
100% {
	background: #260E5A;
}
}
.footer-adress { margin: 0px 0px; padding: 25px 20px 25px 60px; position: relative; border-right: 1px solid rgba(255,255,255,0.25); }
.no-border { border-right: none; }
.footer-adress span { position: absolute; left: 20px; top: 0; margin: 20px 0px 0px 0px; color: #fff; font-size: 30px; }
.footer-adress h3 { color: #fff; font-size: 25px; }
.footer-adress p, .footer-adress a { font-size:17px; color: #fff; }
.footer { float: left; width: 100%; margin: 0px 0px; padding: 20px 0px; position: relative; border-top: 1px solid rgba(255,255,255,0.25); }
.footer-left {
    /* float: left; */
    font-size: 15px;
    color: rgba(255,255,255,0.75);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-right { float: right; font-size: 15px; color: rgba(255,255,255,0.75); }
.footer-right a { color: rgba(255,255,255,0.75); text-decoration: underline; }
/* ====================== [ Start Slider ] ====================== */

.slider .setone .swiper-nav-ctrl:hover { background: #1462ac; }
.slider { position: relative; overflow: hidden; }
.slider.fixed-slider { position: fixed; top: 0; left: 0; right: 0; }
.slider .swiper-slide-active { z-index: 3; }
.slider .parallax-slider { position: relative; }
.slider .parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; min-height: 100vh; padding-bottom: 50px; }
.slider .parallax-slider .swiper-slide .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; }
.slider .parallax-slider .swiper-slide-active .caption span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.slider .parallax-slider .swiper-slide-active .caption .learnmore { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.slider .parallax-slider .caption .learnmore { margin: 0px 0px; padding: 0px 0px; position: relative; margin: 0px 0px 20px 0px; opacity: 0; animation-name: fadeInDown; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; }
.slider .parallax-slider .caption .learnmore a { font-size: 14px; color: #333; padding: 10px 25px; border: 1px solid #333; background: rgba(255,255,255,0.75); }
.slider .parallax-slider .caption span { display: block; margin: 0px 0px 20px 0px; opacity: 0; animation-name: fadeInDown; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.slider .parallax-slider .swiper-slide-active .caption .slider-icon { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.slider .parallax-slider .caption .slider-icon { margin: 45px 0px 20px 0px; padding: 0px 0px; position: relative; opacity: 0; animation-name: fadeInDown; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; }
.slider .parallax-slider .caption .slider-icon li { display: inline-block; margin: 0px 25px 15px 0px; position: relative; text-align: center; font-size: 15px; color: #000; font-weight: 600; }
.slider .parallax-slider .caption .slider-icon li img { display: block; text-align: center; margin: 0 auto 15px auto; }
.slider .parallax-slider .swiper-slide-active .caption h1 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.slider .parallax-slider .caption h1 { font-size: 50px; font-weight: 700; color: #000; opacity: 0; animation-name: fadeInDown; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; white-space: pre-line; text-align: left; }
.slider .parallax-slider .swiper-slide-active .caption p { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.slider .parallax-slider .caption p { font-size: 25px; font-weight: 500; line-height: 30px; text-align: left; z-index: 9; opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.slider .swiper-button-prev { z-index: 9999 !important; }
.slider .setone .swiper-nav-ctrl { color: #ccc; font-size: 13px; width: 55px; height: 55px; line-height: 55px; text-align: center; margin: 5px 0; /*border: 1px solid rgba(255, 255, 255, 0.3);*/ position: absolute; z-index: 999999; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.slider .setone .swiper-nav-ctrl:after { display: none; }
.slider .setone.setwo .swiper-nav-ctrl { border-radius: 50%; }
.slider .setone.setwo .next-ctrl { position: absolute; top: 50%; right: 30px; z-index: 999999; }
.slider .setone.setwo .prev-ctrl { position: absolute; top: 50%; left: 30px; z-index: 999999; }
.caption.hmone { position: absolute; top: 27%; left: 32%; transform: translateY(-20%); width: 100%; text-align: left; z-index: 9; }
/* ====================== [ End Slider ] ====================== */

#sub-banner { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
#sub-banner img { width: 100%; }
#product-main { float: left; width: 100%; margin: 0px 0px; padding: 35px 0px 0px 0px; position: relative; }
.search { margin: 20px 0px 0px 0px; padding: 0px 0px; position: relative; }
.search input { width: 100%; padding: 10px 15px; height: 40px; font-size: 14px; color: #333; border: 0; border-bottom: 1px solid #eee; outline: none; position: relative; box-shadow: none; }
.search .input-group-btn { position: absolute; top: 1px; right: 0; background: #270e5d; }
.search .input-group-btn i { color: #fff; font-size:17px; }
.product-list { margin: 0px 0px 25px 0px; padding: 0px 15px 0px 0px; position: relative; }
.product-list h2 { font-size: 17px; color: #000; font-weight: 600; margin: 0px 0px 0px 0px; position: relative; text-transform: uppercase; }
.category-list { margin: 15px 0px 0px 0px; padding: 0px 0px; position: relative; }
.category-list li { list-style: none; border-bottom: 1px dashed #eee; }
.category-list li a { font-size: 14px; color: #444; padding: 10px 30px; display: block; position: relative; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; text-decoration: none; }
.category-list li a:before { content: ''; display: block; position: absolute; left: 10px; top: 17px; width: 10px; height: 10px; border: 2px solid #eee; border-radius: 100%; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.category-list li a:hover:before { border-color: #270e5d; }
.category-list li:last-child { border: none; }
.products { margin: 0px 0px 50px 0px; padding: 0px 30px 35px 30px; position: relative; border-left: 1px solid #eee; }
.products:before { content: ''; display: block; position: absolute; right: 30px; top: 0; width: 1px; height: 100%; background: #fff; z-index: 1; }
/* .products:after { content: ''; display: block; position: absolute; bottom: 157px; left: 0; width: 100%; height: 1px; background: #fff; z-index: 1; } */
.products h1 { font-size: 30px; color: #000; margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative; display: block; }
.product-part { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden; }

.product-part a { padding: 25px 25px 45px 25px; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; text-decoration: none; display: block; }
.product-part a img { transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product-part a:before { content: 'View More'; font-size: 14px; color: #444; font-weight: 400; position: absolute; left: 0; right: 0; bottom: 45px; opacity: 0; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product-part a h3 { margin: 15px 0px 0px 0px; padding: 0px 0px; position: relative; font-size:17px; color: #000; font-weight: 600; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.product-part a:hover img { transform: scale(.85); }
.product-part a:hover:before { bottom: 80px; opacity: 1; }
.product-part a:hover h3 { transform: translate(0, -25px); }
.page-pagination { margin: 25px 0px; padding: 0px 0px; position: relative; }
.page-pagination .page-link { padding: 10px 20px; font-size:17px; color: #444; border: 1px solid #eee; font-weight: 600; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -ms-transition: all ease 0.3s; outline: none !important; box-shadow: none !important; }
.page-pagination .page-item.active .page-link { color: #000; border-color: #000; background: #fff; border-radius: 0 !important; }
.products-scsn { margin: 0px 0px 50px 0px; padding: 0px 30px 35px 30px; position: relative; border-left: 1px solid #eee; }
/*
.single-product { width: 100%; margin: 0px 0px 35px 0px; padding: 35px 35px; position: relative; background: #fff; border: 15px solid #f9f9f9; }
.single-product h1 { font-size: 35px; color: #333; margin: 0px 0px 25px 0px; }
.single-product p { font-size:17px; color: #333; margin: 0px 0px 20px 0px; text-align: justify; }
*/
.product-features { margin: 0px 0px 0px 0px; padding: 50px 0px 0px 50px; }
.product-features h4 { font-size: 24px; color: #000; font-weight: 600; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.pro-features { margin: 0px 0px; padding: 25px 30px; position: relative; }
.pro-features h3 { font-size: 24px; color: #000; font-weight: 600; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.feature-list { margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;/* column-count: 2;*/ }
.feature-list li { display: inline-block; width: 48%;  margin: 0px 5px 15px 0px; font-size: 20px; color: #000; font-weight: 600; padding: 25px 0px; border-bottom: 1px dashed #ccc; line-height: 28px; list-style: none; }
.feature-list li img { max-width: 60px; max-height:47px; margin: 0px 15px 0px 0px; }
.features { margin: 0px 0px 35px 0px; padding: 0px 0px; position: relative; }
.features li { margin: 0px 0px 5px 0px; color: #000; font-size: 18px; padding: 13px 25px; position: relative; list-style: none; }
.features li:before { content: ''; display: block; position: absolute; left: 3px; width: 10px; height: 10px; background: #b3b3b3; border: 3px solid #fff; border-radius: 100%; box-shadow: 0px 0px 0px 1px #ccc; top: 22px; }
.features li:after { content: ''; display: block; position: absolute; left: 0px; bottom: 0; width: 100px; height: 1px; background: rgba(0, 0, 0, .08); }
.feature-list li h2{ font-size:20px; font-weight:600;}
.product-img { margin: 25px 0px 25px 0px; padding: 65px; background: #efefef26; position: relative; }
.product-img:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0px; margin: auto; width: 100%; height: 50%; background: #f9f9f9; }
.product-img img { margin: 0px 0px; padding: 0px 0px; position: relative; mix-blend-mode: multiply; }
.download-part { margin: 0px 0px; padding: 100px 0px; position: relative; }
.download-part:before { content: "\f1c1"; font-size: 14rem; color: #fbfbfb; position: absolute; top: 0; right: 0; bottom: 0%; left: 0; transform: translate(0%, -0%); font-family: 'FontAwesome'; z-index: -1; -webkit-animation: download 10s infinite; -moz-animation: download 10s infinite; animation: download 10s infinite; text-align: center; margin: auto; }
.download-part li { display: inline-block; margin: 0px 5px 15px 5px; }
.catelogue-text { text-align: center; margin: 0px 0px; position: relative; z-index: 11; }
.catelogue-text h6 { font-size:17px; color: #444; margin: 0px 0px; }
.catelogue-text h3 { font-size: 28px; color: #333; font-weight: 600; margin: 0px 0px 0px 0px; }
.download-catelogue { margin: 20px 0px; padding: 0px 0px; text-align: center; position: relative; z-index: 1; }
/*.download-catelogue:before{content:"\f1c1"; font-size:14rem; color:#fbfbfb; position:absolute; top:-180%; right:0; bottom:0%; left:0; transform: translate(0%,-200%); font-family:'FontAwesome'; z-index:-1; -webkit-animation: download 10s infinite; -moz-animation: download 10s infinite; animation: download 10s infinite;}*/
@-webkit-keyframes download { 0% {
	color: #fbfbfb;
}
25% {
	color: #ce1a4c10;
}
50% {
	color: #fbfbfb;
}
75% {
	color: #ce1a4c10;
}
100% {
	color: #fbfbfb;
}
}
@-moz-keyframes download { 0% {
	color: #fbfbfb;
}
25% {
	color: #ce1a4c10;
}
50% {
	color: #fbfbfb;
}
75% {
	color: #ce1a4c10;
}
100% {
	color: #fbfbfb;
}
}
@keyframes download { 0% {
	color: #fbfbfb;
}
25% {
	color: #ce1a4c10;
}
50% {
	color: #fbfbfb;
}
75% {
	color: #ce1a4c10;
}
100% {
	color: #fbfbfb;
}
}
.download-catelogue a { display: block; padding: 10px 35px; font-size: 14px; color: #000; font-weight: 600; text-transform: uppercase; background: #fff; border: 2px solid #333; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.download-catelogue a i { font-size: 18px; color: #900; margin: 0px 8px 0px 0px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.download-catelogue a:hover { background: #000; color: #fff; }
.download-catelogue a:hover i { color: #fff; }
.product-range { position: relative; margin: 25px 0px 0px 0px; padding: 0px 0px; }
.product-range .panel-group { position: absolute; top: -65px; right: 0; display: flex; z-index: 11; }
.csr-img { margin: 0px 0px; padding: 0px 0px; position: relative; }
.csr-img img { border: 5px solid #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); }
#accordion .panel { border: none; border-radius: 0; box-shadow: none; margin-bottom: -5px; }
#accordion .panel-heading { padding: 0; border: none; border-radius: 0; }
#accordion .panel-title a { text-decoration: none; display: block; padding: 12px 70px 12px 25px; background: #fff; letter-spacing: 1px; color: #333 !important; position: relative; font-size: 15px; font-weight: 600; border: 1px solid #d0d0d0; border-radius: 30px; }
#accordion .title a.collapsed { color: #fff; }
#accordion .title a.collapsed:hover { color: #fff; }
#accordion .title a:before,  #accordion .title a:after { content: ""; width: 2px; height: 10px; background: #333; font-size: 15px; position: absolute; top: 17px; right: 25px; transform: rotate(45deg); transition: all 0.3s ease-in-out 0s; }
#accordion .title a:after { right: 19px; transform: rotate(-45deg); }
#accordion .title a.collapsed:before { transform: rotate(-45deg); background: #333; }
#accordion .title a.collapsed:after { transform: rotate(45deg); background: #333; }
#accordion .title a.collapsed:hover:before,  #accordion .title a.collapsed:hover:after { background: #333; }
#accordion .panel-body { padding: 0px 0px; background: #ffffff; border-top: none; font-size: 15px; color: #000; line-height: 25px; /*box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.08);*/ }
#accordion .panel-collapse { padding: 10px 0px; box-shadow: 0px 12px 12px 0px rgb(39 14 93 / 8%); background: #fff; }
#accordion .panel-body li { padding: 0px 0px 0px 0px; position: relative; border-bottom: 1px solid #f3f3f3; }
#accordion .panel-body li:last-child { border-bottom: none; }
#accordion .panel-body li a { display: block; padding: 10px 20px 10px 35px; font-size: 15px; color: #333; position: relative; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
#accordion .panel-body li a:before { content: "\f101"; font-family: 'FontAwesome'; font-size:17px; color: #333; position: absolute; left: 15px; margin: 0px 0px 0px 0px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
#accordion .panel-body li a:hover { color: #000; }
#accordion .panel-body li a:hover:before { transform: translateX(5px); color: #1462ac; }
#single-product-cont { width: 100%; float: left; margin: 0px 0px; padding: 65px 0px; position: relative; }
.single-page { margin: 0px 0px; padding: 0px 0px; position: relative; }
.single-page p { font-size:17px; margin: 0px 0px; padding: 0px 0px; text-align: justify; line-height: 28px; }
.single-img { width: 100%; margin: 0px 0px; padding: 50px; /*background: #F3F6FB;*/ text-align: center; }
.single-img img { /*mix-blend-mode: multiply;*/ height:600px; }
#products-part { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; }
.product-details { margin: 0 0 0 30%; padding: 0px 0px; position: relative; }
.product-details h6 { font-size: 18px; color: #333; font-weight: 400; margin: 0px 0px; }
.product-details h1 { font-size: 30px; color: #000; font-weight: 600; margin: 0px 0px 25px 0px; padding: 0px 0px 20px 0px; position: relative; }
.product-details h1:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 115%; height: 1px; background: #ccc; z-index: 1; }
.product-details h1:after { content: ''; display: block; position: absolute; bottom: -4px; left: 114%; width: 10px; height: 10px; background: #ccc; z-index: 1; border-radius: 100%; }
#related-products { float: left; width: 100%; margin: 0px 0px; padding: 50px 0px; position: relative; text-align: center; }
#related-products h2 { font-size: 35px; color: #333; font-weight: 600; margin: 0px 0px 0px 0px; padding: 0px 0px; }
.related_product { padding: 15px 0px; margin: 25px 0px; position: relative; }
.related_product:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: #fff; }
.related_product .item { padding: 20px 20px; border-right: 1px solid #ccc; text-align: center; }
.related_product .item a { display: block; margin: 0px 0px; padding: 0px 0px; position: relative; text-decoration: none; }
.related_product .item a img { transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s;max-height: 210px;
    width: auto; }
.related_product .item a:before { content: 'View More'; font-size: 14px; color: #444; font-weight: 400; position: absolute; left: 0; right: 0; bottom: -15px; opacity: 0; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.related_product .item a h3 { margin: 15px 0px 0px 0px; padding: 0px 0px; position: relative; font-size:17px; color: #000; font-weight: 600; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.related_product .item a:hover img { transform: scale(.85); }
.related_product .item a:hover:before { bottom: 0; opacity: 1; }
.related_product .item a:hover h3 { transform: translate(0, -25px); }
#contact-details { float: left; width: 100%; margin: 0px 0px; padding: 85px 0px 35px 0px; position: relative; }
.contact-box { float: left; width: 100%; margin: 0px 0px; padding: 50px 0px; position: relative; }
.contact-box:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; width: 87%; height: 100%; margin: auto; background: #F3F6FB; }
.contact-info { background: #1462AC; padding: 35px 35px; margin: 0px 0px 0px 0px; position: relative; }
.contact-info h2 { font-size: 30px; color: #fff; font-weight: 600; margin: 0px 0px 15px 0px; }
.contact-address { margin: 25px 0px 0px 0px; padding: 0px 0px; position: relative; }
.contact-address li { list-style: none; padding: 25px 0px; border-bottom: 1px solid rgba(255,255,255,.35); }
.contact-address li:last-child { border: none; }
.contact-address li i { font-size: 40px; color: rgba(255,255,255,.85); margin: 0px 0px 15px 0px; }
.contact-address li h4 { font-size: 18px; color: #fff; font-weight: 600; margin: 0px 0px 10px 0px; text-transform: uppercase; }
.contact-address li p, .contact-address li a { font-size:17px; color: rgba(255,255,255,0.85); font-weight: 400; margin: 0px 0px; text-decoration: none; }
.contact-form { padding: 25px 25px 25px 25px; margin: 0px 0px; position: relative; }
.contact-form h2 { font-size: 30px; color: #000; font-weight: 600; margin: 0px 0px 5px 0px; }
.contact-form small { font-size:17px; color: #444; font-weight: 600; margin: 0px 0px 20px 0px; position: relative; display: block; white-space: pre-line; }
.contact-form input { font-size: 15px; color: #333; font-weight: 600; width: 100%; padding: 10px 15px; height: 50px; background: #fff; border: 2px solid #a7a7a7; }
.contact-form textarea { font-size: 15px; color: #333; font-weight: 600; width: 100%; padding: 10px 15px; height: 150px; background: #fff; border: 2px solid #a7a7a7; resize: none; }
.contact-form .submit { padding: 13px 35px; background: #000; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; border: none; }
.contact-social { float: right; margin: 0px 0px; padding: 100px 20px; position: relative; background: #270e5d; }
.contact-social li { list-style: none; margin: 0px 0px; padding: 0px 0px; position: relative; }
.contact-social li a { font-size: 18px; color: #fff; padding: 15px 15px; display: block; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
.contact-social li a:hover { transform: scale(1.1); }
#map { float: left; width: 100%; margin: 35px 0px 0px 0px; padding: 0px 0px; position: relative; }
#client-testimonial { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative; }
#client-testimonial h1 { font-size: 35px; margin: 0px 0px 35px 0px; padding: 0px 0px; position: relative; }
.testimonial { width: 100%; margin: 0px 0px 50px 0px; padding: 35px 35px; position: relative; }
.testimonial:after { content: "\f10e"; font-size: 50px; font-family: 'FontAwesome'; color: #f3f6fb; position: absolute; bottom: -35px; right: 30px; z-index: 1; }
.testimonial-img { margin: 0px auto 0px auto; padding: 0px 0px; position: relative; z-index: 1; max-width: 250px; }
.testimonial-img:before { content: ''; display: block; position: absolute; width: 85%; height: 85%; right: 0; top: 0; bottom: 0; left: 0; margin: auto; background: rgba(255, 255, 255, 0.28); border-radius: 100%; }
.testimonial-img:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: -10px; margin: auto; width: 70%; height: 50%; background: #f3f6fb; z-index: -1; border-radius: 15px; }
.testimonial-img img { border: 5px solid #fff; width: 100%; object-fit: cover; object-position: center; border-radius: 100%; }
.testimonial-text { margin: 0px 0px; padding: 0px 0px; position: relative; }
.testimonial-text h2 { font-size: 24px; font-weight: 600; color: #000; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.testimonial-text h2:after { content: "\f10d"; font-size: 50px; font-family: 'FontAwesome'; color: #f3f6fb; position: absolute; top: -20px; left: -35px; z-index: -1; }
.testimonial-text small { font-size: 14px; color: #000; font-weight: 400; padding: 0px 0px 20px 0px; margin: 0px 0px 30px 0px; position: relative; display: inline-block; }
.testimonial-text small:before { content: ''; display: block; position: absolute; left: -100px; bottom: 0; width: 180%; height: 1px; background: #333; z-index: 1; }
.testimonial-text p { font-size:17px; color: #333; margin: 0px 0px 0px 0px; text-align: justify; line-height: 28px; }
#company-profile { float: left; width: 100%; margin: 0px 0px; padding: 35px 0px; position: relative; }
#company-profile h1 { font-size: 35px; color: #000; margin: 0px 0px 35px 0px; }
#company-profile h2{ font-size:26px; color:#1462ac; font-weight:600; margin:0px 0px 15px 0px; position:relative;}
#company-profile p { font-size:17px; color: #444; line-height: 28px; margin: 0px 0px 15px 0px; text-align: justify; }
.about-company { float: left; width: 100%; margin: 75px 0px 0px 0px; padding: 45px 0px; position: relative; }
.about-company:before { content: ''; display: block; position: absolute; left: 15%; top: -10%; width: 100px; height: 100px; border: 15px solid #f3f6fb; transform: rotate(45deg); }
.about-company:after { content: ''; display: block; position: absolute; left: 20%; top: -20%; width: 70px; height: 70px; border: 15px solid #f9fbff; transform: rotate(45deg); }
.about-company p { font-size:17px; color: #333; line-height: 28px; text-align: justify; }
.about-company h6 { font-size: 28px; color: #333; font-weight: 600; }
.about-img { margin: -100px 0px 0px 0px; padding: 0px 0px; position: relative; max-width: 96%; }
.about-img:before { content: ''; display: block; position: absolute; right: -15px; top: -15px; width: 50%; height: 35%; background: #1462ac; }
.about-img img { border: 15px solid #fff; position: relative; }
.video { width: 100%; outline: none; background: #fff; margin: 0px 0px 0px 0px; }
.video iframe {
    min-height: auto;
}
#inquiry-scsn { float: left; width: 100%; margin: 0px 0px; padding: 25px 25px; background: #270e5d; text-align: center; }
#inquiry-scsn h6 { font-size: 24px; color: #fff; font-weight: 600; margin: 10px 0px 0px 0px; }
#inquiry-scsn h6 a { display:inline-block; margin:10px 0px 10px 15px; padding: 10px 35px; border: 2px solid #fff; font-size: 14px; color: #fff; border-radius: 30px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; text-decoration: none; }
#inquiry-scsn h6 a:hover { background: #fff; color: #270e5d; }
/****** SERVICE MODAL ******/
.services-modal { margin: 0px 0px; padding: 0px 0px; position: relative; }
.services-modal .modal { text-align: center; z-index: 1112; }
.services-modal .modal-header { border: none; padding: 0 15px 15px 15px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #1d2a50; }
.services-modal .modal-header h5 { font-size: 30px; }
.services-modal .modal-header .close { font-size: 55px; font-weight: normal; position: relative; top: -7px; outline: none; }
.services-modal .form-group { width: 100%; }
@media screen and (min-width: 768px) {
	.services-modal .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}
.services-modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 100%; max-width: 750px; padding: 15px 15px; background: #fff; }
.services-modal .modal-content { border: none; padding: 25px; background: #F3F6FB; }
.services-modal .modal-dialog input { width: 100%; height: 45px; padding: 10px 20px; border: 1px solid #444; font-size: 14px; font-weight: 600; display: block; border-radius: 0; box-shadow: none; }
.services-modal .modal-dialog textarea { width: 100%; height: 100px; padding: 10px 20px; border: 1px solid #444; font-size: 14px; font-weight: 600; display: block; resize: none; }
.services-modal .modal-dialog .submit { padding: 15px 80px; background: #270e5d; color: #fff; border: none; }
#under-construction { float: left; width: 100%; margin: 0px 0px; padding: 100px 0px; position: relative; }
#under-construction h4 { font-size: 22px; color: #333; font-weight: 600; }

#become-partner{ float:left; width:100%; margin:0px 0px; padding:35px 0px 35px 0px; position:relative;}
.partner-scsn{ margin:0px 0px; padding:0px 0px 0px 30px; position:relative;}
.partner-scsn small{ font-size:16px; color:#333; margin:0px 0px 0px 0px; position:relative;}
.partner-scsn h2{ font-size:30px; color:#000; font-weight:600; margin:0px 0px 25px 0px; padding:0px 0px 20px 0px; position:relative;}
.partner-scsn h2:before{ content:''; display:block; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#ccc;}
.partner-scsn h2:after{ content:''; display:block; position:absolute; left:0; bottom:-3px; width:8px; height:8px; background:#666; border-radius:100%;}
.partner-scsn h3{ font-size:22px; color:#000; font-weight:600; margin:25px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative;}
.partner-scsn p{ font-size:17px; color:#333; line-height:28px;}

.partner-points{ float:left; width:100%; margin:35px 0px 0px 0px; padding:75px 0px 25px 0px; position:relative;}
.partner-points:before{ content:''; display:block; position:absolute; top:0; left:0; width:35%; height:120%; background:#F3F6FB;}
.partner-img{ margin:0px 0px 20px 0px; padding:0px 0px; position:relative; max-width:93%;}
.partner-img:before{content: ''; display: block; position: absolute; right: -25px; top: 0; bottom: 0; margin: auto; width: 30%; height: 80%; background:#f3f6fb;}
.partner-img img{ width:100%; margin:0px 0px; position:relative;}

.partner-features { margin: 0px 0px 35px 0px; padding: 0px 0px; position: relative; }
.partner-features li { margin: 0px 0px 5px 0px; color: #333; font-size: 17px; padding: 13px 25px; position: relative; list-style: none; text-align:justify; }
.partner-features li:before { content: ''; display: block; position: absolute; left: 3px; width: 10px; height: 10px; background: #4a4a4a; border: 3px solid #fff; border-radius: 100%; box-shadow: 0px 0px 0px 1px #4a4a4a; top: 22px; }
.partner-features li:after { content: ''; display: block; position: absolute; left: 0px; bottom: 0; width: 100px; height: 1px; background:rgb(0 0 0 / 29%); }

.partner-details{ margin:50px 0px 0px 0px; padding:50px 50px; position:relative; background:#F3F6FB;}
.partner-details h2{ font-size:30px; color:#000; font-weight:600; margin:0px 0px 25px 0px; position:relative;}
.partner-details h4{ font-size:22px; color:#000; font-weight:600; margin:0px 0px 15px 0px; position:relative;}
.advantages{ margin:0px 0px; padding:0px 0px; position:relative;}
.advantages li{ font-size:17px; color:#333; margin:0px 0px 7px 0px; padding:15px 25px 15px 35px; position:relative; list-style:none; background:#edf1f7;}
.advantages li:before{ content:'\f046'; font-family:'FontAwesome'; color:#1b4490; display: block; font-size:15px; position:absolute; left:13px; margin:4px 0px 0px 0px;}

.join-us{ margin:75px 0px 30px 0px; padding:0px 0px; position:relative;}
.join-us h2{ font-size:30px; color:#000; font-weight:600; margin:0px 0px 20px 0px; padding:0px 0px; position:relative; text-align:center;}

.joinus-points{ margin:0 auto; padding:0px 0px; position:relative; text-align:center;}
.joinus-points li{ display:inline-block; margin:0px 10px 15px 0px; padding:10px 25px 10px 40px; font-size:18px; color:#333; font-weight:600; border:1px solid #ccc; position:relative;}
.joinus-points li:before{ content:'\f00c'; font-family:'FontAwesome'; color:#1b4490; font-weight:normal; display: block; font-size:13px; position:absolute; left:15px; margin:4px 0px 0px 0px; }

.become-partner{ float:left; width:100%; margin:0px 0px; padding:45px 0px; position:relative; background:#F3F6FB;}
.partner-team{ max-width:85%; margin:auto; text-align:center; position:relative;}
.partner-team h2{ font-size:30px; color:#000; margin:0px 0px 15px 0px; font-weight:600;}
.partner-team p{ font-size:17px; color:#333; line-height:26px;}

.join-btn{ margin:0px 0px; padding:0px 0px; position:relative;}
.join-btn a{ display:inline-block; padding:10px 45px; font-size:15px; color:#fff; font-weight:600; background:#270e5d; text-transform:uppercase; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; text-decoration:none;}
.join-btn a:hover{ background:#000;}

/****** BECOME PARTNER MODAL ******/
.partner-modal { margin: 0px 0px; padding: 0px 0px; position: relative; }
.partner-modal .modal { text-align: center; z-index: 1112; }
.partner-modal .modal-header { border: none; padding: 0 15px 15px 15px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #1d2a50; }
.partner-modal .modal-header h5 { font-size: 30px; }
.partner-modal .modal-header .close { font-size: 55px; font-weight: normal; position: relative; top: -7px; outline: none; }
.partner-modal .form-group { width: 100%; }
@media screen and (min-width: 768px) {
	.partner-modal .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}
.partner-modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 100%; max-width: 1000px; padding: 15px 15px; background: #fff; }
.partner-modal .modal-content { border: none; padding: 25px; background: #F3F6FB; max-height:535px; overflow-y: auto;}
.partner-modal .modal-dialog input { width: 100%; height: 45px; padding: 10px 20px; border: 1px solid #444; font-size: 14px; font-weight: 600; display: block; border-radius: 0; box-shadow: none; }
.partner-modal .modal-dialog textarea { width: 100%; height: 100px; padding: 10px 20px; border: 1px solid #444; font-size: 14px; font-weight: 600; display: block; resize: none; }
.partner-modal .modal-dialog .submit { padding: 15px 80px; background: #270e5d; color: #fff; border: none; }
.partner-modal .modal-dialog h6{ font-size:16px; color:#333; font-weight:600; margin:0px 0px 10px 0px; padding:0px 0px;}

.partner-modal .no-gutters>.col, .partner-modal .no-gutters>[class*=col-]{ padding-right:15px;}

.partner-modal .radio { padding-left: 20px; float: left; width: auto; position: relative; padding-left: 20px; margin:0px 0px 30px 0px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 25px; }
.partner-modal .radio input { position: absolute; opacity: 0; cursor: pointer; }
.partner-modal .checkround { position: absolute; top: 4px; left: 0; height: 13px; width: 13px; background-color: #fff; border-color: #444; border-style: solid; border-width: 1px; border-radius: 50% !important; }
.partner-modal .radio input:checked ~ .checkround { background-color: #fff; }
.partner-modal .checkround:after { content: ""; position: absolute; display: none; }
.partner-modal .radio input:checked ~ .checkround:after { display: block; }
.partner-modal .radio .checkround:after { left: 2px; top: 2px; width: 7px; height: 7px; border-radius: 50%; background:#444; }

#gallery{ float:left; width:100%; margin:0px 0px; padding:0px 0px; position:relative;}
#gallery .nav{background-color: #fff; padding: 0px; margin:35px auto; max-width:70%; }
#gallery .nav-tabs {border-bottom: none !important; }
#gallery #tabs .nav-tabs .nav-item.show .nav-link, #gallery .nav-tabs .nav-link.active {color: #ffffff !important; background-color:#270e5d !important; border-color: transparent transparent #f3f3f3; }
#gallery #tabs .nav-tabs .nav-link {border: 1px solid transparent; font-size: 20px; background-color:#ffffff; border:1px solid #270e5d; color: #270e5d; padding: 15px 25px; font-weight:500; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
#gallery .nav-item {border-radius: 0 !important; }
.nav-item:last-child {border-top-right-radius: .5rem !important; border-bottom-right-radius: .5rem !important; }
.nav-item:first-child {border-top-left-radius: .5rem !important; border-bottom-left-radius: .5rem !important; }
.nav-tabs .nav-link.active{background-color: #a4d6ef !important; }
.photo-gallery{ margin:5px 5px; padding:0px 0px; position:relative; background:#F9F9F9; overflow:hidden;}
.photo-gallery a{ display:block; position:relative; z-index:1;}
.photo-gallery a:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; height:100%; background:rgba(0,0,0,0.50); z-index:1; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s}
.photo-gallery a:after{ content:'View Large'; font-size:14px; color:#fff; display:inline-block; font-weight:normal; text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; padding:10px 20px; max-width:55%; max-height:48px; border:2px solid #fff; /*background:rgba(255,255,255,0.50);*/ z-index:1; opacity:0; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; text-transform:uppercase; font-weight:600; letter-spacing:1px;}
.photo-gallery a:hover:after{ opacity:1;}
.photo-gallery a:hover:before{ background:rgba(0,0,0,0.75);}
.photo-gallery a img{ margin:0px 0px; padding:0px 0px; position:relative; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}

.video-gallery{ margin:0px 0px; padding:0px 0px; position:relative; background:#F9F9F9;}
.video-gallery video{ margin:0px 0px; padding:0px 0px; position:relative; border:5px solid #fff;}

.gallery-part{ margin:0px 0px 50px 0px; padding:0px 0px; position:relative;}
.gallery-title{ margin:0px 0px 0px 0px; padding:0px 0px; position:relative;}
.gallery-title h2{ font-size:28px; color:#270e5d; font-weight:600; margin:0px 35px 20px 25px; text-align:right; white-space: pre-line; position:relative; z-index:1;}
.gallery-title h2:after{ content:''; display:block; position:absolute; top:-15px; right:-15px; width:60px; height:100px; background:#f9f9f9; z-index:-1;}


#back-to-top { cursor: pointer; position: fixed; bottom: 0px; right: 20px; z-index: 1111; display: none; color: #FFF!important; background: rgba(0,0,0,.65); padding: 15px 15px; border-radius: 14px 14px 0px 0px; outline:none; box-shadow:none; }
/*New Css add*/
.gallery-part{box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); padding: 0px 15px; position: relative; margin-top: 0px; padding-bottom: 30px; background-color: #fff; border:1px solid #f4f4f4; }
.gallery-part .row-title{margin-left: -25px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 1rem; } 
.gallery-part .row-title h2{padding: 12px 25px 12px 25px; min-width: 270px; background-color: #4382E3; position: relative; color: #fff; font-size: 22px; margin-bottom: 0; } 
.gallery-part .row-title h2:after{content: ""; height: 1px; width: 1px; border-style: solid; border-width: 5px; position: absolute; bottom: -10px; left: 0; border-color:#4382E3 #4382E3 transparent transparent; }



/*thanks page*/
.thanks_scssn {display: block; position: relative; width: 100%; float: left; }
#thanks{max-width: 750px;width:100%;padding: 80px 24px 50px 24px;text-align:center;border: 13px solid #F3F6FB;margin: 45px auto 60px auto;position: relative;box-shadow: 0px 30px 40px 0px rgb(0 0 0 / 0.1);}
#thanks h2{font-size: 60px;color: #270e5d;font-weight:700;margin-bottom: 0;text-transform: uppercase;letter-spacing: 1px;/* font-family: 'product_sansbold'; */}
#thanks p{font-size: 17px;padding: 7px 44px;color:#666;}
#thanks svg{width: 130px;display:block;margin:0 auto 32px;position: absolute;top: -55px;background: #ffffff;padding: 0 10px;left: 0;right: 0;}
#thanks .path{stroke-dasharray:0;stroke-dashoffset:0;stroke: #4382E3;}
#thanks .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out;}
#thanks .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}
#thanks .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}


a.back_link {text-align: center;display: inline-block;background: #e8ebec;position: relative;border: none;border-radius: 30px;font-size: 15px;margin-top: 35px;color: #223644;overflow: hidden;text-transform: uppercase;font-weight: 600;width: 200px;height: 50px;transition: 0.5s all;border: 2px solid #4382e3;box-shadow: 0px 9px 19px -5px rgba(0, 0, 0, 0.15);/* bottom: -25px; *//* position: absolute; */left: 0;right: 0;margin: 0 auto;display: block;}
a.back_link span {position: absolute; left: 0; right: 0; margin: 0 auto; padding: 0 15px; top: 50%; transform: translateY(-50%); transition: 0.5s all; }
a.back_link:before {content: '\f015';position: absolute;left: 0;right: 0;top: 50%;transform: translateY(200%);margin: 0 auto;font-family: fontAwesome;font-size: 20px;transition: 0.5s all;opacity: 0;}
a.back_link:hover:before {transform: translateY(-50%); opacity: 1; }
a.back_link:hover span {transform: translateY(-200%); }

/*404*/
.pagenotfound {text-align: center;width: 100%;position: relative;float: left; display: block;}
.pagenotfound > span {font-size: 300px;font-weight: 700;color: #F3F6FB;text-shadow: 5px 5px 0px #d6e4f9;letter-spacing: 1.5px;line-height: 1;margin: 0;display: block;}
.pagenotfound p {text-align: center;color: #270e5d;text-transform: uppercase;font-size: 25px;font-weight: 600;margin: 0;padding: 10px 0 40px;display: block;letter-spacing: 0.5px;}




/*7-9-20*/

.product_accessories {position: relative;width: 100%;float: left;}
.product_accessories .accessories_box {/* background: #ffffff; */border: 2px solid rgb(39 14 93 / 0.1);padding: 10px; transition: 0.6s all; }
.product_accessories h3 {margin-bottom: 1.2rem; font-size: 28px; color: #333; font-weight: 600; }
.product_accessories .accessories_box h4 {text-align: center;font-size: 16px;margin: 15px 0 5px 0;font-weight: 600;color: #333333;}
.product_accessories .accessories_box img {
    box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 0.1);
    max-height: 250px;
    width: 100%;
    object-fit: cover;
}
.product_accessories_slides .owl-nav button.owl-prev {left: -40px; opacity: 0; }
.product_accessories_slides .owl-nav button.owl-next {right: -40px; opacity: 0; }
.product_accessories_slides:hover .owl-nav button.owl-prev {left: 10px; opacity: 1; }
.product_accessories_slides:hover .owl-nav button.owl-next {right: 10px; opacity: 1; }
.product_accessories .accessories_box:hover {border-color: rgb(39 14 93 / 0.3); }
/*7-9-20 end*/
.product-part a img {max-height:190px; width:auto; }
/*22-01-2024*/
#products-part .video video{max-height:600px;}


/* === 18-04-2024 ==== */
.products_content h2 {
    font-size: 22px;
    color: #1462ac;
    font-weight: 600;
    margin: 25px 0px 15px 0px;
    position: relative;
}

.products_content p a, .products_content li a {
    color: #1462ac;
    text-decoration: unset;
}

.products_content p {
    font-size: 17px;
    color: #444;
    line-height: 28px;
    margin: 0px 0px 15px 0px;
    text-align: justify;
}

.products_content .partner-features li {
    margin: 0;
}

.products_content .partner-features li:first-child {
    padding-top: 0;
}

.products_content .partner-features li:first-child:before {
    top: 9px;
}

.products_content h3 {
    font-size: 22px;
    color: #1462ac;
    font-weight: 600;
    margin: 25px 0px 15px 0px;
    position: relative;
}

.products_content .partner-details {
    margin: 40px 0px 40px 0px;
    padding: 20px 50px 50px 50px;
}

.products_content #accordion li {
    cursor: pointer;
    /* padding: 0; */
    margin-bottom: 15px;
    background: #ffffff;
}

.products_content #accordion li:before {
    margin-top: 2px;
}

.products_content #accordion li .accordian_title:before {
    transform: rotate(90deg);
}

.products_content #accordion li .accordian_title {
    font-weight: 600;
    font-size: 16px;
}

.products_content #accordion li .accordian_title:after, .products_content #accordion li .accordian_title:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    right: 15px;
    top: 26px;
    background: #1b4490;
    border-radius: 12px;
    transition: all 0.4s;
}

.products_content #accordion li .accordian_title[aria-expanded="true"]:before {
    transform: rotate(0deg);
}

.products_content #accordion p {
    margin-top: 15px;
}

.products_content strong {
    font-weight: 600;
}
 
.products_content {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 40px 0;
}
.products_content .partner-details {
    margin: 40px 0 30px 0;
    padding: 0;
}

/* 19-05-2025 */
.footer-right.webplus {
    margin-left: 5px;
}
.footer-right.webplus:before {
    content: ' | ';
}
.footer-right.webplus img {
    filter: invert(1) grayscale(1) brightness(2);
    margin-left: 4px;
    opacity: 0.55;
    transition: 0.5s all;
}
.footer-right.webplus:hover img {
    opacity: 0.8;
}